/* layout.css von rockenhausen */
/* Michael Reetz */

*{
	font-size: 10px;
	font-family:'Verdana' sans-serif;
	color: #000000;
}

div{
	
}

body{
	margin: 0px; 
	padding: 0px;
	text-align: center;
	background-image: url("../images/background.gif");
	height: 100%;
	width: 100%;
	
}

td{
	vertical-align:top;
	text-align: left;
	font: 10px, 'Verdana';
	color: #727070;;
	background-color: #FFFFFF; 
	margin: 0px; 
	padding: 0px;
}	

a{
	text-decoration: none;
	border: 0px solid #ffffff;
	color:#333333;
}

img{
	border: 0px solid #ffffff;
}

/*
Schlagschatten und footer
*/

#schlagschattenoben,
#footer,
#container{
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#container {  
	background-image: url("../images/schlagschatten.png");
	background-position: 0 0;
	background-repeat: repeat-y;
	width:925px;
	padding:0 26px 20px 26px;
}


#schlagschattenoben,
#footer{		
	width:977px;
	background-repeat: no-repeat; 
}
#schlagschattenoben img{
	width:977px;
	position:absolute;
	left:0px;
}

#schlagschattenoben{
	margin-top: 90px;
	height:18px;
}

#schlagschattenoben img{
	top:0px;
	height: 18px;
}

#footer{
	height:78px;	
	background-image: url("../images/schlagschatten_unten2.png");
	padding-bottom:95px;
} 

#footerstrange{
	width:955px;
	height:59px;
	background-image: url("../images/verlaufunten.png");
	margin-left:11px;
}

#footerstrange div{
	float:right;
	padding:39px 20px 0 0;
}
#footerstrange ul{
	margin:0;
	padding:39px 0 0 20px;
	text-align:left;
}

#footerstrange div,
#footerstrange li,
#footerstrange li a{
	font-size: 9px;
	color:#AAAAAA;
}

#footerstrange li {
	display:inline;
	margin:0;
	padding:0;
}

/*
headbereich inkluse Sprachauswahl 
exlusive hauptnavigation
*/

.headtop{
	height:98px;
}
.headtop#home{
	height:196px;
}

.headbottom{
	height:38px;
}

.headtop img,
.headbottom img,
.headbottom #sprachwahl{
	border:0px;
	padding: 0;
	margin: 0;
	display:block;
	position: absolute;
}

.headtop img{
	border-bottom:1px solid #dbdbdb;
}

.headbottom img{
	border-top:1px solid #dbdbdb;
}


.headtop img#logo{
	right:26px;
	border-bottom:0px none;
}


.headtop img.headmiddle,
.headbottom img.headmiddle{	
	left:240px
}

.headbottom #sprachwahl{
	right:26px;
	width:280px;
	height:38px;
}

#sprachwahl ul{
	margin:0;
	padding:13px 0 0 0;
	text-align:center;
}

#sprachwahl li,
#sprachwahl li a{
	display:inline;
	font-size: 10px;
	
}

#sprachwahl li em{
	color:#727070;
	padding-left:10px;
	background-image: url("../images/sprachenpfeil.png");
	background-position: 2px 4px;
	background-repeat: no-repeat;
	font-style: normal;
}
#sprachwahl li a{
	color:#d2d2d2;
	padding-left:10px;
	background-image: url("../images/sprachenpfeillink.png");
	background-position: 2px 4px;
	background-repeat: no-repeat;
}

/*
Mainnavigation
*/
.mainnavigation{
	width:925px;
	height:24px;
	background-position: right;
	background-repeat: no-repeat;
}
.mainnavigation{
	background-image: url("../images/mainnavigation.png"); 
}
#mainnavigationhome{
	background-image: url("../images/mainnavigation_home.png");
}

.mainnavigation ul{
	margin:0;
	padding:0;
	width:645px;
}

.mainnavigation li{
	display:inline;
	margin:0;
	padding:0;
	position: absolute;
	height: 24px;
	text-align: center;
}

#id1{
	width:214px;
	left:26;
}

#id2{
	width:153px;
	left:240px;
}

#id3{
	width:144px;
	left:393px;
}

#id4{
	width:134px;
	left:537px;
}

.mainnavigation li a{
	color:#FFFFFF;
	font-size:9px;
	display: block;
	width: 100%;
	height:100%;
}

.mainnavigation li.active a{
	display: block;
}


/*
Navigation
*/
#navigation{
	float: left;
	width:214px;		
	left:0px; 
	top:0px;
	padding:0;
	margin:0;
	border-top:1px solid #ffffff;
}

	#navigation ul{
		width:214px;	
		padding: 0;
		margin: 0;
	}
	
	#navigation ul li{
		float: none;
		display: block;
		border: 0px solid #FFFFFF;
		border-bottom-width: 1px;
		position: relative;
		left:0px;
		
	}


	#navigation ul li a{
		margin: 0px;
		padding: 4px 0px 4px 33px;
		display: block;
	
	
	}
	#navigation ul li a:hover, #navigation ul li .active{
		display: block;
	
	}
	
	#navigation ul li .ebene1{
		background-color: #d4d4d4;
		color: #000000;
	}
	
	#navigation ul li .ebene2{
		background-color: #e7c59e;
		color: #000000;
	}
	
	
	#navigation ul li .ebene1active{
		background-color: #c87c23;
		color: #FFFFFF;
	}
	
	#navigation ul li .ebene2active{
		background-color: #d8a365;
		color: #FFFFFF;
	}

	#navigation div{
		width:214px;
		height:21px;
		position:relative;
		top:0px;
		left:0;
		margin:0;
		padding:0;
		background: url(/images/navigationsub.gif) no-repeat; 			
	}

/*

*/

#container {  
	
	
	text-align: left;
	min-height:535px;
	
}

#homeintrotext{
	width:395px;
	padding:55px 180px 30px 70px;
	line-height:17px;
	font-size:10px;
	color:#727070;
}

#homenews{
	float:right;
	width:177px;
	padding:55px 30px 30px 70px;
	margin:0;
	font-size:10px;	
	color:#d2d2d2;
}
#homenews p{
	font-size:10px;	
	padding: 0 0 15px 0;
	margin:0;
	line-height:20px;
	color:#999999;
}
#homenews p a{
	color:	#e28213;
	background-image: url("../images/linkpfeil.png");
	background-position: 2px 5px;
	padding-left:10px;
	background-repeat: no-repeat;
}

#homenews h1{
	font-size:15px;
	color:	#e28213;
}


/*
sideimages
*/

#sideimages{
	float:left;
	width:177px;
	padding:55px 30px 60px 70px;
	margin:0;
	font-size:10px;	
	color:#d2d2d2;
}

#sidefiles{
	width:197px;
	padding:0px 10px 30px 70px;
	margin:0;
	font-size:10px;	
	color:#d2d2d2;
	position:absolute;
	right:23px;
	bottom:0;
	height:20px;
	max-height:20px;
	
}
a.zoom{
	color:	#999999;
	background-image: url("../images/zoom.gif");
	background-position: 7px 3px;
	padding-left:26px;
	background-repeat: no-repeat;
}

a.datasheet{
	color:	#999999;
	background-image: url("../images/datasheet.gif");
	background-position: 7px 3px;
	padding-left:20px;
	background-repeat: no-repeat;
}


/*

*/
#supportingText{
	float:left;
	width:356px;
	padding:40px 35px 30px 40px;
	
}

#supportingText ul{
	padding:0 0 0 15px;
	margin:0;

}

#supportingText,
#supportingText b,
#supportingText li
{
	line-height:17px;
	font-size:10px;
	color:#727070;

}


#supportingText h1{
	color:	#e28213;
	font-size:14px;
	font-weight:bold;
	padding:0px 0 10px 0;
	margin:0;
}

#supportingText a{
	font-weight:bold;
	color:#727070;	
}

#supportingText h2{
	font-size:12px;
	font-weight:normal;
	padding:10px 0 5px 0;
	margin:0;
}
	
	
#supportingText .contacts{
	width:391px;
	margin-top:20px;
}

#supportingText .contact{
	padding: 16px 0 16px 0;
	margin : 0 0 0 0;
	background-image: url("../images/contactverlauf.gif");
	background-repeat: repeat-x;
	background-position: bottom;
	color:#727070;
}



#supportingText .contacts,
.contacts b,
.contacts a{
	color:#727070;	
}

#supportingText .contacts a{
	font-weight:normal;
}

#supportingText .contacts img{
	float:left;
	padding: 5px 0 0 0;
	margin: 0 15px 0 10px;
}

/*
#Spezielle formatierungen die meistens nur einmalig verwendet werden
*/
.custumerslist {
	line-height:15px;
	font-weight:bold;
}
	
input, textarea{
	border-width:1px; 
	border-style:solid; 
	border-color:#666666;
	line-height:17px; 
	font-size: 11px;
	position: relative;
	margin-bottom:5px;
}

.button{
	margin-bottom:0px;
	border-width:0px; 
}

#emailform{
	width:230px;
}

.inputError {
	border-width:2px;
	border-style:solid;
	border-color:#cc0202;	
}

.inputSend {
	border-width:2px;
	border-style:solid;
	border-color:#02cc02;	
}	
	
#error{
	color:#FF0000;
}