/*-------------------------------------------
2009 - Stylesheet der Homepage iDynamics.ch
---------------------------------------------*/


/*------------------------------------
 Standard Elemnte Style 
------------------------------------*/
	
	
	html {

		min-height:101%; /*Scrollbar immer anzeigen*/

		}


body 
{
		margin: 0;
		padding: 0;
		height: 100%;
		background: #e2e3e8 url("../images/gif/background.gif") no-repeat top center;
		font: 0.8em/140% verdana, tahoma, arial, sans-serif;
		color: #333;
		line-height: 1.4em;
		text-align: center;
				
}

div, table, map, img, ul, p {
		padding: 0;
		margin: 0;
		border: 0;
		text-align: left;
	}
	
* html img { /*IE6 Hack damit PNG transparent angezeigt werden*/
		padding: 0;
		margin: 0;
		border: 0;
		text-align: left;
		behavior:	url("pngbehavior.htc");
	}	
	

		
	form {
		padding: 0;
		margin: 0;
		border: 0;
		text-align: left;
		vertical-align: top;
	}


a:link  { border-bottom: 0; text-decoration: none; color: #000000;  }
a:visited { border-bottom: 0; text-decoration: none; color: #000000; }
a:hover { border-bottom: 0; text-decoration: none; color: #9a0808; }
a:active { border-bottom: 0; text-decoration: none; color: #9a0808; }

a:link.aktiv  { border-bottom: 0; text-decoration: none; color: #891519;  }
a:visited.aktiv { border-bottom: 0; text-decoration: none; color: #891519; }
a:hover.aktiv { border-bottom: 0; text-decoration: none; color: #891519; }
a:active.aktiv { border-bottom: 0; text-decoration: none; color: #891519; }

a:link.rot  { border-bottom: 0; text-decoration: none; color: #891519;  }
a:visited.rot { border-bottom: 0; text-decoration: none; color: #891519; }
a:hover.rot { border-bottom: 0; text-decoration: underline; color: #891519; }
a:active.rot { border-bottom: 0; text-decoration: underline; color: #891519; }

h1 {
	
	font:  1.5em Georgia, "Times New Roman", Times, serif;
	color: #891519;
	margin-bottom: 10px;
	margin-top: 15px;
	
}

 div.toggle{
			
			display:none;
      background-color:#e9e9e9;
			width: 540px;
			padding: 5px;
			border: solid 1px #891519;
			margin-top: 5px;
 
	    }



/*------------------------------------
 Text definitionen
------------------------------------*/

.idynamics_rot { 

color: #891519;

}

.aktuelles_schrift {
	
	font-size:9px;
	
	
}

.klein {
	
	font-size:9px;
	color:#666;
	
	
}
	
.ul-produkte{
	
	
	margin-left: 15px;
	
	
	
	}	
	
	
/*------------------------------------
 Layout definitionen
------------------------------------*/

#site
	{
	
		margin: auto;
		min-height: 100%;
		width: 1017px;
		text-align: left;	
	}

#header
	{
		position: relative;
		height: 329px;
		width: 1017px;
		text-align:  left;
		margin: 0 0 0 0;
		
	}

#header
	{
		position: relative;
		height: 85px;
		width: 1017px;
		text-align:  left;
		margin: 0 0 0 0;
		
	}

#footer
	{
		margin: auto;
		height: 17px;
		width: 1017px;
		text-align:  left;
		margin: 0 0 0 0;
		float:left;
		background: url(../images/png/schatten_unten.png);
		
	}


#content
	{
	
		margin: auto;
		min-height: 100%;
		width: 1002px;
		padding-left: 15px;
		text-align: left;
		float:left;
		background: url(../images/png/schatten_content.png);
	}
	
	

#spalte_links
	{
		position: relative;
		width: 203px;
		text-align:  left;
		padding-top: 2px;
		float:left;
		
	}	


#spalte_mitte
	{
	position: relative;
	padding-top: 2px;
	padding-left: 30px;
	padding-right: 10px;
	width: 550px;
	text-align:  left;


	float:left;
		
	}
	
#spalte_rechts
	{
	position: relative;
	padding-top: 2px;
	padding-left: 20px;
	width: 175px;
	text-align:  left;

	float:left;
		
	}
		
#spalte_webcam
	{
	position: relative;
	padding-top: 2px;
	padding-left: 20px;
	width: 680px;
	text-align:  left;

	float:left;
		
	}

#webcam_control {
  margin-left: 650px;
  
  }

#webcam_archiv img {
  float: left;
  
  }

#webcam_archiv select {
  width: 80px;
  text-align: center;
  }

/*----------------------------------
	Layout-Elemente
----------------------------------*/

.aktuelles_balken {
	
	display:block;
	margin-top: 1px;
    margin-bottom: 1px;
	padding:3px 0 3px 10px;
	border-bottom: 1px solid;
	width:165px;
	color:#000;
	background-color: #e1e2e7;
}

.navigation_oben_kontakt {
	
	position: absolute;
	display:block;
	background-color: #e1e2e7;
	margin-top: -5px;
    margin-bottom: 0;
	margin-left: 889px;
	padding:70px 0 0 0;
	border-bottom: 1px solid;
	width:95px;
	height: 25px;
	color:#000;
	
	background: url(../images/png/hintergrund_navigation.png);
	text-align: center;
	font-weight:bold;
	font-size:11px;

}

.navigation_oben_download {
	
	position: absolute;
	display:block;
	background-color: #e1e2e7;
	margin-top: -5px;
    margin-bottom: 0;
	margin-left: 788px;
	padding:70px 0 0 0;
	border-bottom: 1px solid;
	width:95px;
	height: 25px;
	color:#000;
	
	background: url(../images/png/hintergrund_navigation.png);
	text-align: center;
	font-weight:bold;
	font-size:11px;


}

.navigation_oben_referenzen {
	
	position: absolute;
	display:block;
	background-color: #e1e2e7;
	margin-top: -5px;
    margin-bottom: 0;
	margin-left: 687px;
	padding:70px 0 0 0;
	border-bottom: 1px solid;
	width:95px;
	height: 25px;
	color:#000;
	
	background: url(../images/png/hintergrund_navigation.png);
	text-align: center;
	font-weight:bold;
	font-size:11px;	


}

.navigation_oben_produkte {
	
	position: absolute;
	display:block;
	background-color: #e1e2e7;
	margin-top: -5px;
    margin-bottom: 0;
	margin-left: 586px;
	padding:70px 0 0 0;
	border-bottom: 1px solid;
	width:95px;
	height: 25px;
	color:#000;
	
	background: url(../images/png/hintergrund_navigation.png);
	text-align: center;
	font-weight:bold;
	font-size:11px;	


}

.navigation_oben_firma {
	
	position: absolute;
	display:block;
	background-color: #e1e2e7;
	margin-top: -5px;
    margin-bottom: 0;
	margin-left: 485px;
	padding:70px 0 0 0;
	border-bottom: 1px solid;
	width:95px;
	height: 25px;
	color:#000;
	
	background: url(../images/png/hintergrund_navigation.png);
	text-align: center;
	font-weight:bold;
	font-size:11px;	


}


.navigation_ohne_link {
			display:block;
			margin-top: 1px;
			margin-bottom: 1px;
			padding:3px 0 3px 5px;
			border-bottom: 1px solid #e1e2e7;
			width:198px;
			background-color:#c3c2c2;
			color:#000;

		}


.map {
	border: 1px solid #891519;
	width: 540px; 
	height: 400px;
}


.warnung {

		border: 1px solid #D9E2EB;
		padding: 5px;
		margin-top: 10px;
		background-color:#e1e2e7;
		width: 310px;

	}

.adresse {

	width: 200px;
	text-align: center;

}

.logo_zentrieren{

	width: 550px;
	text-align: center;

}


/*----------------------------------
	Navigation Links
----------------------------------*/

	
#navigationPos a {
			display:block;
			margin-top: 1px;
			margin-bottom: 1px;
			padding:3px 0 3px 10px;
			border-bottom: 1px solid #e1e2e7;
			width:193px;

			color:#000;

		}
#navigationPos ul {
      list-style: none 
}

#navigationPos ul a {
			background-color:#e1e2e7;
			color:#000;
			
		}
			
			
#navigationPos ul a.active {
	
				background-color:#e1e2e7;
				text-decoration:none;
								
			}	
			
#navigationPos ul a:hover {
				background-color:#dadbe0;
				text-decoration:none;
				color: #891519;
								
			}	
			
			
#navigationPos ul a.active_neu {
				background-color:#dadbe0;
				text-decoration:none;
				color: #891519;

				
								
			}