/*
      Created by CSS Portal Layout Generator
	  
	  http://www.cssportal.com
	  	  
*/
.menu{margin:0 auto; padding:0; height:40px; width:829px; display:block; background:url('images/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:5px; display:block; color:rgb(255,255,255); text-decoration:none; font:14px Verdana; Arial, Helvetica, sans-serif;font-weight:bold; cursor:pointer; background:url('images/topMenuImages.png') 0px -40px no-repeat;}
.menu li a span{line-height:40px; float:left; display:block; padding-left:40px; padding-right:40px;  background:url('images/topMenuImages.png') 100% -40px no-repeat;}
.menu li a:hover{background-position:0px -80px; color:rgb(0,0,0);}
.menu li a:hover span{background-position:100% -80px;}
.menu li a.active, .menu li a.active:hover{line-height:40px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('images/topMenuImages.png') 0px -120px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('images/topMenuImages.png') 100% -120px no-repeat;}



* { padding:0; margin: 0; }

#nav {
      width: 420px;
      float: right;
      margin-top: 108px;

   
     
      list-style: none;
      background-color: #ffffff;
      border-bottom: 1px solid #000000; 
      border-top: 1px solid #000000; }
   #nav li {
      float: left; }
   #nav li a {
      display: block;
font-size: 13px;
      padding: 2px 10px;
      text-decoration: none;
      
    
      color: #000000;
       }
   #nav li a:hover {
      color: #666666;
      background-color: #fff; }

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;

background-color: #999999;
background-image: url('beton.jpg');
}
body { font-size: 100% } 

p {
 padding:10px;
}

a:link{  
        text-decoration:none;
        color:#666666;
       

}
a:visited {
  color: #666666;
text-decoration:none;
}

a:hover{  
       color:#000000; 
       

}



#wrapper { 
 margin: 0 auto;
 width: 829px;
background: white url(images/float.jpg) repeat-y left top

}

#content { 
 float: left;
 color: #333;
 background: #FFFFFF;
   width: 819px;
 display: inline;
padding-left: 10px;

}

#header {
 color: #333;
 width: 829px;
 float: right;
 height:150px;
 background: #ffffff;
margin-bottom: 10px;
background-image: url('007.jpg');
}
#navigation {
 float: left;
 width: 829px;
 height: 40px;


}

#footer { 
 width: 829px;
 height: 25px;
 clear: both;
 color: #333;
 background: #edeef0;
background-image: url('beton.jpg');
font-size: 0.8em;
font-color: red;



}









#bild {
float: left;
margin-left: 402px;
z-index: 1;
top:220px;

}
.textcont
{
width: 300px;
height: 357px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/testbild.jpg');
margin-bottom: 15px;
float: left;
margin-left: 1em;
}

.box
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/news1.jpg');
margin-bottom: 15px;
float: left;
margin-left: 0.5em;
}
.boxmid
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/testbild.jpg');
margin-bottom: 15px;
float: left;
margin-left: 2.5em;

}
.boxright
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/testbild.jpg');
margin-bottom: 15px;
float: left;
margin-left: 2.5em;
}
.boxleftdown
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/testbild.jpg');
margin-bottom: 15px;
float: left;
margin-left: 0.5em;
margin-top:2em
}
.boxmiddown
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/testbild.jpg');
margin-bottom: 15px;
float: left;
margin-left: 3.3em;
margin-top:2em
}

.boxrightdown
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/testbild.jpg');
margin-bottom: 15px;
float: left;
margin-left: 3.3em;
margin-top:2em
}

.h5
{
padding: 3px 0 3px 8px;
background: #00008B;
font-color: grey;
font-size: 0.5em;
font-weight: normal;

margin: 0;
}

.box p
{
font-size: 1em;
padding: 8px;
margin: 0;
}

.boxL
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/elektro-t.jpg');
margin-bottom: 15px;
float: left;
margin-left: 0.5em;

}

.boxmidL
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/knx-t.jpg');
margin-bottom: 15px;
float: left;
margin-left: 2.5em;

}
.boxrightL
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/licht-t.jpg');
margin-bottom: 15px;
float: left;
margin-left: 2.5em;
}
.boxleftdownL
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/dvb-t.jpg');
margin-bottom: 15px;
float: left;
margin-left:0.5em;
margin-top:1.5em
}
.boxredwell
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/redwell-t.jpg');
margin-bottom: 15px;
float: left;
margin-left:0.5em;
margin-top:1.5em
}
.boxmiddownL
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/net-t.jpg');
margin-bottom: 15px;
float: left;
margin-left: 2.5em;
margin-top: 1.5em;
}

.boxrightdownL
{
width: 231px;
height: 151px;
border: 1px solid #999999;
background: #666666;
background-image: url('images/eberatung-t.jpg');
margin-bottom: 15px;
float: left;
margin-left: 2.5em;
margin-top: 1.5em;
}
.postbox
{
width: 300px;
height: 200px;

background: #666666;
background-image: url('images/testbild.jpg');
margin-bottom: 15px;
float: left;
margin-left: 400px;

}


.postbox p
{
font-size: 1em;
padding:80px;
margin: 0;
}