body {
  color: #000;
  font-family: verdana,helvetica,sans-serif;
  font-size: 13px;
  padding: 0;
  margin: 0;
  text-align: center;
  background:url(img/logo_bg.gif) no-repeat;background-position:center top; 
}

* {
margin:0;
padding:0;
}


#all  {
background: #fff;
  background:url(img/bg.jpg) repeat;
   width: 868px;
  margin: 0px auto;
  margin-top:46px;
  text-align: left;
/*  border:1px solid red;*/
  }

#head
  {
   width: 868px;
   height: 122px;
   padding-left: 34px;
   padding-top: 30px;
   position: relative;
background:url(img/header.jpg) no-repeat;
   }
   

#subhead
  {/*background: #ADAD52 url(img/header.gif) right bottom no-repeat*/;
   width: 868px;
   height: 166px;
   margin: 0;
   padding: 0;
   }


#logo
	{
	z-index: 50;
	margin-top: 20px;
	position: absolute;

	 }

#nav
  {width: 682px;
   float:left;
   position: absolute;
   bottom: 0;
   left: 186px;

  } 
/*Navi*/
ul#navigation li {
	padding: 0;
	margin: 0;
	bottom: 0;
   left: 186px;
	display: block;
	float: left;
	/*font-weight:bold;*/
}

ul#navigation li a {
	padding:5px;
	padding-left:8px;
	padding-right:8px;
	display: block;
	height: 15px;
	color:#ffffff;
	text-decoration: none;
}

ul#navigation li a:hover {
	display: block;
	color:#b31627;
}	
	







li#home a {	width: 40px; }
li#elektro a {	border-left: 1px solid #fff; width: 120px; }
li#anzeige a {	border-left: 1px solid #fff; width: 130px;}
li#sicher a {	border-left: 1px solid #fff; width: 152px;}
li#tele a {	border-left: 1px solid #fff; width: 150px;}
	
/*Ende Navi*/

/*Subnavi*/

#navigation li ul {	
	display: block;
	visibility: hidden;
	position: absolute;
	left: 0px;
	width: 300px;
	margin: 0;
}

#navigation li:hover ul {
	visibility: visible;
	z-index: 100;
}
#navigation li#anzeige ul {
	background: none;
	height: 15px;
	margin-left: 193px;
}

#navigation li#sicher ul {
	background: none;
	height: 15px;
	margin-left: 340px;
}

/** html #navigation li#anzeige ul {
	margin-left: 193px;
}

* html #navigation li#sicher ul {
	margin-left: 345px;
}*/


* +html #navigation li#anzeige ul {
	margin-left: 193px;
}

* +html #navigation li#sicher ul {
	margin-left: 340px;
}				

ul#navigation li#anzeige ul li#led a:link, ul#navigation li#anzeige ul li#led a:visited {border-left: 1px solid #9FDE72; color:#9FDE72;  width: 100px;height:15px;}
ul#navigation li#anzeige ul li#led a:hover {	color:#b31627; }

ul#navigation li#anzeige ul li#lcd a:link, ul#navigation li#anzeige ul li#lcd a:visited {border-left: 1px solid #9FDE72; color:#9FDE72;  width: 100px;height:15px;}
ul#navigation li#anzeige ul li#lcd a:hover {	color:#b31627; }

ul#navigation li#sicher ul li#alarm a:link,ul#navigation li#sicher ul li#alarm a:visited {border-left: 1px solid #9FDE72; color:#9FDE72;  width: 110px; height: 15px;}
ul#navigation li#sicher ul li#alarm a:hover {	color:#b31627; }

ul#navigation li#sicher ul li#video a:link,ul#navigation li#sicher ul li#video a:visited {	border-left: 1px solid #9FDE72; color:#9FDE72;  width: 110px;height: 15px;}
ul#navigation li#sicher ul li#video a:hover {	color:#b31627; }
/*Ende Subnavi*/


	 


	 
	
   
 	 #bildleiste
  {
   padding: 50px 1px 0px 1px;;
float:left;

   position: relative;

   }  
	
 #text 
  {
   
float:right;
   width: 640px;

   margin: 0 0 0 0;
   padding: 50px 20px 50px 20px; 
   text-align: justify;

  }
  

#footer
	{background: #b31627;
	color:#fff;
	 width: 868px;
	 height: 20px;
	
	
	
	 }


/*footer nav*/

  
#footer ul
	{
	 list-style: none;
	 float:right;
	  
	
	 
	}
	
#footer li
	{
	 float:left;
	 padding:0;
	 margin:0;
	 }
	
#footer  a
	{color: #fff;
	 text-decoration: none;
	 display: block;
	 padding: 2px 6px 2px 6px;
	 border-left: 1px solid #fff;
	 
	}	


	



	
  
table {font-family: verdana,helvetica, sans-serif;
   font-size: 10px;
   line-height: 140%;
   }

 .border{border:1px solid #CCCCCC;
 padding:10px;
  }
  
  .gruen{
  background-color:#E0F5DD;
  }
.bilder img {margin-right:20px;}
.abst_links{margin-left:20px;}
.rechts{float:right;margin-right:20px;}
.links{float:left;}

#text h1
	{color: #b31627;
	text-transform:uppercase;
	 font-family: verdana,helvetica, sans-serif;
	 font-weight: bold;
	 font-size: 14px;
	 margin:  0 0 20px 0;
	}  

#text h2
	{color: #b31627;
	
	 font-family: verdana,helvetica, sans-serif;
	 font-weight: bold;
	 font-size: 14px;
	 margin:  0 0 20px 0;
	}  
	
#text h3 {
	
	font-family: verdana,helvetica, sans-serif;
	 font-weight: bold;
	 font-size: 14px;
	 margin: 0;
	 padding:0;
	}  

#text ul
   {padding: 0;
	margin-top:5px;
	margin-left:15px;
	}
	

 
#text li
   {padding: 0;
	margin-top:10px;
text-align:left; 
	}
	
#text a
   {color:#b31627;
   text-decoration:underline;
	}

#bild img
	{border: 0;
	 float: left;
	 padding: 0px 15px 15px 0;
	 margin: 0;
	 
	}	




#formular{
   font-size: 12px;
   padding: 0 0 10px 0;
    }
   
input 
  {width: 186px;
   border: 1px solid #999;
   background: #F7F7F7;
   	 font-weight:normal;
    font-size: 12px;
   }
   

textarea 
  {width: 320px;
  height:102px;
   border: 1px solid #999;
   background: #F7F7F7;
    font-weight:normal;
    font-size: 12px;
   }
  
.submit 
  {color: #fff;
    line-height: 80%;
   background: #B31627;
   width: 100px;
   border:0;
   }
