/* CSS File fuer www.dach-solartechnik.de */
/* Author: Maik Hensel */
/* Date: 28.Feb 2011 */



body {
    padding-top: 60px;
    font-family:  Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
  	background: #eee ;
  	color: #333;
  	text-align: center; 
}

#nojs {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 11px;
    color: #ff0000;
    border: 0px #ff0000 solid;
    text-align: center;
}


#line {

width: 1100px;
padding-top: 190px;
position: absolute;
}


#hilfe {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 12px;
    color: #000;
    border: 0px #ccc solid;
    width:  910px;
}

#hilfebilder {
    float: left;
    width: 450px;
    border: 0px #ccc solid;
}

#hilfetextie {
    border: 0px #ccc solid;
    float: right;
    width: 410px;
    text-align: left;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 12px;
     padding-top: 30px;
}

#hilfetextff {
    margin-top: 290px;
    border: 0px #ccc solid;
    float: right;
    width: 430px;
    text-align: left;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 12px;

}

#hilfetextch {
    margin-top: 250px;
    border: 0px #ccc solid;
    float: right;
    width: 430px;
    height: 410px;
    text-align: left;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size: 12px;

}

#head   {
    background: #fff url(images/headergif.gif);   /* headergif */
  	margin: 0 0 0 0px;
  	padding-top: 0;
  	width: 910px;
  	height: 153px; 
  	border: 0px;
    border-color: #eee; border-style:solid;
}

#wrapper {
    position: relative; 
    background: #fff;  
    float: center; 
    width: 930px;
    padding-bottom: 20px;
    padding-top: 20px;
    padding-left: 20px;
    margin: auto;
    min-height: 600px;
    height: auto;
    text-align: left;
    border: 1px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 5px 5px 5px #888;
    -webkit-box-shadow: 5px 5px 5px #888;
    box-shadow: 5px 5px 5px #888;
}


#navi {
    width: 910px;
    background: #fff;
    height: 43px;
    font-size: 15px;
    text-shadow: 0.1em 0.1em 0.25em #ccc ;
  	border: 0px;
    border-color: #000; border-style:solid;
    text-align: right;

}

ul#bogen {
 padding-left: 30px;
 line-height: 30px;
}

ul#bogen a {
line-height: 27px; 
    font-size: 14px;
 padding-left: 10px;
 color: #ff9c00;
}

ul#bogen a:hover { 
font-weight: bold;
line-height: 27px; 
    font-size: 15px;
 padding-left: 10px;
 color: #0000ff;
}

ul#navigation li { 
    width: auto;
    list-style: none;
    display: inline;
    text-transform: capitalize;
    font-variant: small-caps;
    text-shadow: 0.1em 0.1em 0.25em #ccc ;
  	border: 0px;
    border-color: #000; border-style:solid;

}



ul#leistungen1 li {  
   margin-left: 30px;
}

 #navi ul li a {   
    text-decoration: none;  
    color: #0000ff;
 }

 #navi ul li a:hover {   
    text-decoration: none;
    color: #ff0000;
 }
 


#bottomnavi {
    float: left;
    width: 890px;
    background: #fff;
     text-align: left;
    font-size: 12px;
    text-shadow: 0.1em 0.1em 0.25em #ccc ;
  	border: 0px;
    border-color: #ccc; border-style:solid;
}

#bottomnavigation li a:hover {
    color: #ff0000;
    text-shadow: 0.1em 0.1em 0.25em #ccc ;
  	border: 0px;
    border-color: #ccc; border-style:solid;
}

ul { margin:0; padding:0;}

#footer {
    float: left;
    width: 910px;
    height: 20px;
    text-align: right;
     padding-top: 0px;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    color: #000;
    font-size: 10px;
    border: 0px;
    border-color: #000; border-style:solid;
}


#footer1 a {
    font-size: 9px;
    color: #ff9c00;
    text-decoration: none;
}





ul#bottomnavigation li {
    list-style: none;
    display: inline;
    text-shadow: 0.1em 0.1em 0.25em #ccc ;
  	border: 0px;
    border-color: #000; border-style:solid;
}

 #bottomnavi ul li a {   
    text-decoration: none;
    color: #0000ff;
 }

 #bottomnavi ul li a:hover {   
    text-decoration: none; 
    color: #ff0000;
 }
 

  
 #fadediv1 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 290;
    border: 0px #000 solid;
 }
 
  #fadediv2 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 350;
    border: 0px #000 solid;
 }
 
   #fadediv3 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 410;
    border: 0px #000 solid;
 }
 
    #fadediv4 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 360;
    border: 0px #000 solid;
 }
 
    #fadediv5 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 360;
    border: 0px #000 solid;
 }
 
    #fadediv6 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 260;
    border: 0px #000 solid;
 }
 
     #fadediv7 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 400;
    border: 0px #000 solid;
 }
 
     #fadediv8 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 260;
    border: 0px #000 solid;
 }
 
      #fadediv9 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 400;
    border: 0px #000 solid;
 }
 
       #fadediv10 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 410;
    border: 0px #000 solid;
 }
 
        #fadediv11 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 410;
    border: 0px #000 solid;
 }
 
         #fadediv12 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 300;
    border: 0px #000 solid;
 }
 
         #fadediv13 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 300;
    border: 0px #000 solid;
 }
 
         #fadediv14 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 300;
    border: 0px #000 solid;
 }
 
         #fadediv15 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 300;
    border: 0px #000 solid;
 }
 
          #fadediv16 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 300;
    border: 0px #000 solid;
 }
 
          #fadediv17 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 300;
    border: 0px #000 solid;
 }
 
          #fadediv18 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 300;
    border: 0px #000 solid;
 }
 
          #fadediv19 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 300;
    border: 0px #000 solid;
 }
 
          #fadediv20 {
    padding-left: 0px;
    margin-top: 0px;
    width: 910px; height: 500;
    border: 0px #000 solid;
 }
 
 
 #content  {
       width:380; height:340;
       font-size: 12px;
       font-family: Tahoma;
       border: 0px #000 solid;
  }
  
  .content  {
      padding: 10 10 10 10px;
      font-size: 12px;
      font-family: Tahoma;
      border: 0px #eee solid; 
  }
  
  #red a  {
  color: #ff0000;
  }
  
    #red a:hover {
  color: #0000ff;
  text-decoration: underline;
  }
  
    #blue a  {
  color: #0000ff;
  }
  
    #blue a:hover {
  color: #ff0000;
  text-decoration: underline;
  }
    
  
#indexbild {
    width:320; 
    height:240;     
    float: left;
    border: 6px;
    border-color: #ccc; 
    border-style:double; margin-left: 20px;
} 

html { overflow-y: scroll;}

.links { 
  float:left;
  width:325px;
}
.rechts {
}
.clear {
float:left;
}

#contenttext {
    margin-left: 60px;
    margin-top: 0px;
    width: 380px;
    font-size: 13px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
  	border: 0px;
    border-color: #000; border-style:solid;
}

#contenttext a {
color: #0000ff;
}

#contenttext a:hover {
color: #ff0000;
text-decoration: underline;
}

#leistungscontent {
    width: 430px;
    margin-top: 5px;
    margin-left: 30px;
    float: left;
    border: 0px;
    border-color: #ccc; border-style:double;
    font-size: 13px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
} 

#leistungscontent a:hover{
color: #ff0000;
text-decoration: underline;
}

#leistungsbild {
    margin-right: 40px;
    margin-top: 0px;
    float: right;
    border: 6px;
    border-color: #ccc; 
    border-style: double;
}

#help { 
font-size: 15px;
color: #000; }

#indexrahmen {
height: 0px;
padding-top:15px;
}

/*
#navirahmen #item3 a  {
	color: #ff0000;
}    */

#leistungen {
    float: left;      
    width: 910px;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 12px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
    border: 0px;
    border-color: #000; border-style:solid;
}

#referenzen { 
    float: left;
    text-align: left;
    width: 910px; 
    height: auto; 
    margin-left: 0px;
    margin-top: 0px;
    font-size: 12px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
    border: 0px;
    border-color: #000; border-style:solid;
}

#referenzliste {
border: 0px #ccc solid;
width: 400px;
height: 330px;
float: right;
padding-top: 0px;
padding-left: 10px;
list-style: none; 
}

#fotobv {
background: #fff;
margin-top: 20px;
margin-left: 20px;
border: 0px #ccc double;
width: 880px;
height: 250px;
}

#fotobv img {
border: 3px #000 double;
}


#name {
background: #fff;
float: left;
margin-top: 0px;
margin-left: 20px;
border: opx #ccc double;
width: 880px;
height: 80px;
    font-size: 13px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#rahmenname {
background: #eee url(images/referstart.jpg);
float: left;
margin-top: 0px;
margin-left: 30px;
border: 3px #ccc double;
width: 380px;
height: 240px;
    font-size: 13px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#namea {    
    background: #fff;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#nameb {
float: left;
margin-top: 0px;
margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
width: 380px;
height: 240px;
}

#namec {
float: left;
margin-top: 0px;
margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
width: 380px;
height: 240px;
}

#named {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#namee {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#namef {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#nameg {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#nameh {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#namei {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#namej {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#namek {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#namel {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#namem {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#namen {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#nameo {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#namep {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}

#nameq {    
    background: #fff;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    border: 0px;
    border-color: #959596; border-style:solid;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 5px 5px 5px #ccc;
    -webkit-box-shadow: 5px 5px 5px #ccc;
    box-shadow: 5px 5px 5px #ccc;
    width: 380px;
    height: 240px;
}


ul#listebv li a {
line-height: 27px; 
    font-size: 14px;
width: 150px;
color: #ff9c00;
border: 0px #eee solid;
margin-left: 10px;
}

ul#listebv li a:hover {
line-height: 27px; 
font-size: 15px;
width: 150px;
color: #0000ff ; 
font-weight: bold;
background: #fff;
border: 0px #eee solid;
margin-left: 10px;
}

#anfahrt {   
    width: 850px;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 12px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
    border: 0px;
    border-color: #000; border-style:solid;
}

#kontakt {   
    width: 800px;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 12px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
    border: 0px;
    border-color: #000; border-style:solid;
}

#links {   
    width: 850px;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 12px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
    border: 0px;
    border-color: #000; border-style:solid;
}

#impressum {   
    width: 800px;
    margin-left: 30px;
    margin-top: 10px;
    font-size: 12px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
    border: 0px;
    border-color: #000; border-style:solid;
}

#agb {   
    width: 800px;
    margin-left: 0px;
    margin-top: 0px;
    font-size: 12px;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    border: 0px;
    border-color: #000; border-style:solid;
}
a {
text-decoration: none;
}

#kontaktform {
float: left;
width: 370px;
margin-left: 30px;
margin-top: 10px;
border: 0px #ccc solid;  
}

#kontakttext {
float:left;
width: 250px;
margin-left: 20px;
margin-top: 10px;
font-size: 13px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#kontakttext a:hover {
color: #ff0000;
text-decoration: underline;
}

#anfahrtstext {
 width: 370px;
 float: right;
 padding-left: 10px;
 margin-top: 20px;
 border: 0px #ccc solid;
 font-size: 13px;
    font-family: Cambria, 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#anfahrtsbild {
border: 0px #ccc solid;
float:right;
width: 510px;
margin-left: 0px;
margin-top: 10px;
}

#text_hilfeseite {
margin-left: 0px;
margin-top: 10px;
}

.drucker {
display: none;
}
        }

@media print {
  /* Drucker */


  body {
  width: 900px ;
  height: 600px;
  font-family: Verdana,sans-serif;
  font-size:12px;
  color:#000000;
  background-color:#FFFFFF;
  margin:0px;
  margin-left:0px;
  padding:0px;
  }


  .drucker {
  width: 900px ;
  height: 600px;
  font-size:12px;
  color:#000000;
  }

    .druckerb {
      
  font-size:12px;
  color:#000000;
  }
  
  .bildschirm {
  display:none;
  }  

}