/*---------------------------------------------------------------
www.jag.ch
(c) JAG Jakob AG Prozesstechnik
code 2006 Reto Gurtner
---------------------------------------------------------------*/

/*===============================================================
Programmierung fr Internet Explorer 6.0
================================================================*/

body 
{
 /* Schaut für den Abstand von den Rändern */
 background-color: white; /* Legt die Hintergrundfarbe fest */
  text-align: center;
}

table,p {
	padding-left:10px;
}
/* Weisse Grundfläche im Hintergrund -> Parent */
.ground
{
	position: relative; 
	width: 980px; 
	height: 744px;
	margin: 10px auto 0px auto;
	background-image:url('../template/pics/hintergrund_home.jpg');
	background-repeat:no-repeat;
	
}

/* oberer Breich der Seite (Menu, Logo usw..)*/
.header
{
	/*border-width: 1px;
	border-style: dotted;*/
	position:relative;
	margin-top: 0px;
	margin-left:0px;
	width: 980px;
	height: 260px;
	background-color:Transparent;
	z-index:20;
}

.label
{
	position:absolute;
	top:248px;
	left:0px;
	width: 980px;
	height: 496px;
	background-color:Transparent;
	z-index:1;
}

/* definiert die Position des Menu */
.Menu_
{
	position:relative;
	top: 10px;
	left:0px;
	width: 220px;
	background-color:Transparent;
}

/* definiert die Position des Logos */
.logo
{
	position:absolute;
	left: 735px; 
	top: 0px;
	width:245px;
	height:85px;
}

/* definiert die Position des MenuPanels */
.menuPanel
{
	position:absolute;
	top:124px;
	left:5px;
	width:735px;
	height:124px;
	/*border-width: 1px;
	border-style: dotted;*/
	background-color:Transparent;
}


.DynamicMenuItem
{
	text-align:left;
	font-size: 14px;
	background-color:Transparent;
}

/* ----------------------------------------------
 * textDiv definiert das aussehen der Panels, welche Text enthalten
 */

.textDiv
{	
	left:0px;
	position:absolute;
	Z-INDEX: 100;
	font-family:Arial;
	font-size:12px;
	overflow:auto;
	text-align:left;
	/*border-style:dotted;
	border-width: 1px;*/
}

.textDiv table
{
	left:0px;
	Z-INDEX: 100;
	font-family:Arial;
	font-size:12px;
	border: 0;
	
}

.textDiv h2
{
	left:0px;
	Z-INDEX: 100;
	font-family:Arial;
	font-size:15px;
	text-align:left;
	/*color:#3F70B5;	*/
	margin-bottom:0px;
	margin-left:5px;
	margin-top:5px; 
	/*padding:1px;*/
	
}

.textDiv td
{
	left:0px;
	Z-INDEX: 100;
	font-family:Arial;
	font-size:12px;
	border: 0;
	
}

.textDiv a
{
	color: #3F70B5;
	text-decoration:underline;
}

.textDiv a:hover
{
	color: #D68126;	
}

.textDiv p
{
	MARGIN: 0cm 0cm 0pt;
}

/* ---------------------------------------------
 * divLabel definiert das Verhalten des Labels, welches sich innerhalb eines textDivs befindet
 * In diesem Label werden die eigentlichen Texte abgespeichert
 */
.divLabel
{
	left:0px;
	position: absolute;
	margin:5px;
	font-size:12px;
	overflow:hidden;
}

/* ----------------------------------------------
 * pictureDiv definiert das aussehen der Panels, welche Bilder enthalten
 */
.pictureDiv
{
	left:0px;
	/*border-style:dotted;
	border-width: 1px;*/
	overflow: auto; 
	padding:0;
}

/* ---------------------------------------------
 * imageDiv definiert das Verhalten des ImagesObjekt, welches sich innerhalb eines pictureDivs befindet
 * In diesem ImageObjekt werden die eigentlichen Bilder angezeigt
 */
.divImage
{
	left:0px;
	position:absolute;
	margin: 5px;
}

.backnumber
{
	left:0px;
	Z-INDEX:-1;
	left: 0px; 
	position: absolute; 
	top: 0px;
	margin-top: 0;
	text-align: center;
	font-size: 100px;
	font-style: normal;
	color: #F4001D;
	/*color:#B2CDEB;*/
}

.footerDiv
{
	left:0px;
	position:absolute;
	/*border-style:dotted;
	border-width: 1px;*/
	margin-top: 372px;
	/*margin-left: 245px;*/
	margin-left: 5px;
	width: 735px;
	height:124px;
}

.footerLink
{
	position:absolute;
	border:none;
	text-decoration:none;
	top:109px;
	left:658px;
	color:White;
}

.footerImage
{
	left:0px;
	position:absolute;
	top: 111px;
	left: 0px;	
}


.languageButtonDiv
{
	position:absolute;
	top: -26px;
	left:885px;
	/*left:867px;*/
	height:19px;
	width:90px;
}

.languageSeparator
{
	position:absolute;
	top:0px;
}

.languageButton
{
	text-decoration:none;
	background-color:Transparent;
	border: none;
	color: #6A716A;
	font-family: Arial;
	font-size: 14px;
}

.languageButton:hover
{
	font-weight:bold;
	border-color: #6A716A;
	color: #D68126;	
}

.titleLabel
{
	position:absolute;
	/*left:246px;*/
	left:3px;
	top:105px;
	font-size:14px;
	font-weight:bold;
	color: #3F70B5;
	font-family:Arial;	
}

.news
{

	left: 0px;
	margin-top: 0px;   
	text-align:left;
	font-family: Arial;
	font-size: 	12px;
	width: 680px;
}

.news p
{
	MARGIN: 0cm 0cm 0pt;
}

.news a
{
   color: #3F70B5;
}

.news a:hover
{
   color: #D68126;
}

.contact
{
	font-family:Arial;
	font-size: 12px;
	text-align:left;
	left: 150px; 
	width: 680px;
    position: absolute; 
    top: 0px; 
    height: 496px;
}


.DynamicMenuStyle
{
	z-index: 350;
}