/* ############################################################ */
/* Webtive Internetlösungen - webtive.de						*/
/* Hesterberg - CSS - Template 									*/
/* Version 1.3 - 3.9.2007										*/		
/* ############################################################ */


body {
	background-color: #999;
	font-size: 0.8em;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #333;
	padding:0;
	margin:0;
}


/* ############################################################ Container */

#container {
	width: 75em;
	margin: 0 auto;
	padding: 0;
	background-color: #efefef;
	
}

/* ############################################################ Container / Top */

#top{
	color: #ccc;
	background:#000 url(../img/top.back.jpg) repeat-x;
	height:25px;	
	border-bottom: 5px solid #E04130;
	font-size:0.8em;
}

	#top ul{
		display: inline;
		list-style-type:none;
		padding:0;
		margin:0;
		padding: 8px;	
	}

		#top li{
			float: left; 
		}
		
		
		#top a, #top a:visited{
			 text-decoration: none;
			 color:#CCC;	
			 text-transform:uppercase;		 
		}
		
		
		#top a:hover{
			 text-decoration: underline; 
		}
		
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Container / Top / Navi / Selected */


body#deutsch a#topNaviDe,
body#english a#topNaviEn,
body#franzoesisch a#topNaviFr,
body#russisch a#topNaviRu,

body#contact a#topNaviKontakt,
body#contact a#topNaviEn,
body#kontakt a#topNaviKontakt,
body#kontakt a#topNaviDe,
body#kontakt-fr a#topNaviKontakt,
body#kontakt-fr a#topNaviFr,
body#kontakt-ru a#topNaviKontakt,
body#kontakt-ru a#topNaviRu,

body#kundenbereich a#topNaviLogin,
body#kundenbereich a#topNaviDe,
body#login a#topNaviLogin,
body#login a#topNaviEn,
body#login-fr a#topNaviLogin,
body#login-fr a#topNaviFr,
body#login-ru a#topNaviLogin,
body#login-ru a#topNaviRu,

body#impressum a#topNaviImpressum,
body#impressum a#topNaviDe,
body#impressum-fr a#topNaviImpressum,
body#impressum-fr a#topNaviFr,
body#impressum-ru a#topNaviImpressum,
body#impressum-ru a#topNaviRu,
body#imprint a#topNaviImpressum,
body#imprint a#topNaviEn{
			 text-decoration: underline; 
}	


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Container / Top / Service */

#service{
	float: left;
}

	#service li{
		padding-left: 1.6em;	
	}


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Container / Top / Language */
    	  
#language{
	float: right;
}

	#language li{
		padding-right: 1.6em;
	}


/* ############################################################ Container / Banner  */

#header {
	clear:both;
	margin: 0;
	padding: 0;
	background: #ababab url(../img/header.back.jpg) no-repeat;
	height: 250px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d1d1d1;
}

	#header img{
		border: 0px;
		padding: 50px;
	}

/* ############################################################ Container / Mainnavi  */


#mainnavi {
	padding: 0;
	margin: 0;
	height: 3.8em;
	background: #fff url(../img/mainnavi.back.jpg) repeat-x;
	border-bottom: 1px solid #e0e0e0;
	border-top: 1px solid #fff;
}

	#mainnavi ul{
		list-style-type: none;
		display: inline;
		text-align:center;
	}

		#mainnavi li{
			float: left;			
		}
					
			#mainnavi a, 
			#mainnavi a:visited{
				display: block;
			 	text-decoration: none;
				color:#999;	
				text-transform:uppercase;
				font-size: 1em;
				font-weight:bold;	
				padding: 1em 2em;	
				border-left: 1px solid #fff;				
			}
			
			#mainnavi a:hover,
			#mainnavi a.active{
				border-top: 3px solid #E04130;
				color: #E04130;
			}
			
			

/* ############################################################ Container / Content  */

#content{
	clear: both; 
}

#content a {color: #E04130;}
#content a:visited {color:#E04130;}
#content a:hover {color: #000000;}
#content a:active { color:#000000;}


/* ############################################################ Container / Content / Left  */

#left {	
	float: left;
	width: 15em;
	margin: 0;
	padding: 0;
	color:#999;
	/* background-image:url(../img/content.left.back.gif); 	
	 border-right: 1px solid #e0e0e0; 
	border-right: 1px solid #ccc;*/
	border-top: 1px solid #fff;
}


#left img{	
	margin: 0 0 1px 1px;
}


#left p{
	padding: 0.3em;
}


/* ############################################################ Container / Content / Main  */

#main {		
	
	padding: 1em;
	margin: 0 15.01em;
	border: 1px solid #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ddd;
	background: #fff url(../img/content.main.back.jpg) repeat-x;
	color: #666;
}

#main p {
	padding: 10px;
	margin:0;
}


#main h1 {
	font-size: 1.8em; 
	line-height: 1.4em;
	font-weight: normal;
	color: #888;
	padding: 10px;
	margin:0;
	margin-bottom: 0.8em;
}


#main h2 {
	font-size: 1.5em;
	font-weight: normal;
	color: #939393;
	padding: 10px;
	margin:0;
}



#main h3,
#main h4,
#main h5,
#main h6{
	padding: 10px;
	margin:0;
}



#main dt {
	color: #666;	
	margin: 0 5px 5px 10px;
	font-weight: bold;
	border-bottom: 1px dotted #999;
}

#main dd {
	padding: 0;
	margin: 0;
	margin-bottom: 2em;
	padding-left: 10px;
	
}

#main table {
	width:  100%;
}

#main tr {
	height: 6em;	
}


#produkte tr{
	height: 3em;
}

#produkte td{
	border-bottom: 1px dotted #999;
}

#produkte a{
	text-decoration: none;
}

#produkte a:hover{
	text-decoration: underline;
}

#zertifikate{
	border: 1px solid #999;
	width: 200px;
	margin-right: 10px;
	float:left;
}

address{
	font-style: normal;
	padding: 10px;
}



/* ############################################################ Container / Content / Right   */


#right {
	float: right;
	width: 15em;
	margin: 0;
	padding: 0;
	color:#666;
	border-top: 1px solid #fff;
}


#right address{
	margin-top: 22px;
	margin-bottom: 40px;
	padding: 0.5em;
	font-size: 0.9em;
	font-style:normal;
	color: #666;
}

#right img{
	margin: 0 0 1px 1px;
}


#right h4{
	padding: 0;
	padding-left: 0.5em;
	margin: 0;	

}


#right p{
	padding: 0;
	padding-left: 0.5em;
	font-size: 0.9em;
	font-style:normal;
	color: #666;
}






/* ############################################################ Container / Footer  */

#footer {
	clear: both;
	background: #666;
	color: #f6f6f6;
	padding: 0;
	margin: 0;	
	border-top: 1px solid #fff;
	border-bottom: 1px solid #666;
	font-size:0.8em;
	height:40px;	
}

#footer p {
	padding: 1.2em 2.5em;
	margin:0;
}

/* ############################################################  Formular  */

form p{
	width: 25em;
	margin: 0;
	padding:5px 0 10px 145px;
}

label{	
	float: left;
	margin-left: -145px;
	width: 140px;
}


legend{	
	color: #999;
	font-weight: bold;
}

* +html legend{	
	margin-bottom: 20px;
}


fieldset{	
	padding: 30px;
	border: 1px solid #ddd;	
}

input{	
	width: 250px;
}

.plz{	
	width: 40px;
}

.ort{	
	margin-left: 5px;
	width: 195px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


#kunde input{	
	width: 20px;
}

.errors{
	padding: 10px;
	margin: 2px;
	margin-bottom:10px;
	background-color: #CC3300;
	border: 1px solid #333;
	color: #fff;
	line-height: 1.4em;
}

.errors strong{
	border-bottom: 1px dotted #fff;
	display: block;
	font-weight:bold;	
}

#danke{
	padding: 10px;

}

#danke tr{
	height: 3em;
}

#danke td{
	border-bottom: 1px dotted #999;
}