* {
margin: 0;
padding:0;
}

/* basics*/
body { font-size: 75%; font-family: Arial, Helvetica, Verdana, Sans-Serif; background-image: url(../bilder/htgr2.gif); background-repeat: repeat; background-attachment: fixed; text-align: center; }

a:link { color: #e42433; text-decoration: none; }
a:visited { color:#e42433; text-decoration: none; }
a:hover { color:#e42433; text-decoration: underline; }
a:active { color:#e42433; text-decoration: none; }

h1{font-size: 160%;}
h2{font-size: 130%; color:#333;}
h3{font-size: 120%;color:#888;}
h4{font-size: 120%;color:#d11;}
h5{font-size: 100%;color:#777;}

#rot{color:#d11;}
#grau{color:#888;}
.textklein{font-size: 0.6em;color:#888;}


td {vertical-align: top;}
img {border:0;}

/* beschreibung der divs*/
#rahmen{
width: 720px;
margin: 20px auto;
text-align: left;
}

#header{	
float: left;
text-align: right;
font-size: 200%;
font-weight: bold;
width: 720px; 
margin-bottom: 7px;
}

#navigation{
float: left;
text-align: left;
font-size: 90%;
width: 720px; 
border: 1px solid #000;
margin-bottom: 7px;
background-color: #FFF;
}

#content{
float: left;
text-align: left;
width: 720px; 
border: 1px solid #000;
margin-bottom: 10px;
background-color: #FFF;
}

#rahmenspalte{
float: left;
text-align: left;
width: 688px;/*nur wegen IE, eigentlich 720px*/
}

#contentspalte-rechts {
float: right;
text-align: left;
width: 330px; 
}
#contentspalte-links {
float: left;
text-align: left;
width: 330px; }

#footer{
font-size: 90%;
color: #999;
float: left;
text-align: center;
width: 720px; 
height: 25px; 
}

/* weiteres*/

#navigation ul{
padding: 3px 0 3px 25px;
list-style-type: none;
}
#navigation li{
display: inline;
margin-right: 25px;
}


#navigation a:link { color: #000; text-decoration: none; }
#navigation a:visited { color:#222; text-decoration: none; }
#navigation a:hover { color:#d11; text-decoration: underline; }
#navigation a:active { color:#d11; text-decoration: none; }

#footer a:link { color: #999; text-decoration: none; }
#footer a:visited { color:#999; text-decoration: none; }
#footer a:hover { color:#d11; text-decoration: underline; }
#footer a:active { color:#d11; text-decoration: none; }


#content p {
line-height: 125%;
color: #777;
margin: 5px 30px 20px 25px;
}



#content p strong {
color: #555;
}





#content ul {
color: #555;
margin: 5px 0 10px 37px;
list-style-type: none;
list-style-image: url(../bilder/pfeil-mini.gif)
}

#content li {
padding: 0px;
line-height: 18px;
}

h1 {
margin: 15px 30px 10px 25px;
}

h2,h3,h4,h5 {
margin: 0 0 5px 25px;
}

#content img{
margin: 0 0 7px 24px;}



/*Navigation Markierungen*/
#home a#homenav,
#aktuelles a#aktuellesnav,
#portfolio a#portfolionav,
#archiv a#archivnav,
#informationen a#informationennav,
#referenzen a#referenzennav,
#kontakt a#kontaktnav,
#impressum a#impressumlink{
color:#d11; text-decoration: underline;
}


/*Mailformular*/
fieldset { 
width: 655px;
font-size: 90%;
border: 1px solid #CCC;
border-left-color: #999;
border-bottom-color: #999;
padding: 5px 2px 2px 5px;
margin: 0 25px 5px 25px;}

label input {padding: 0 3px;}
legend {
color: #666;
font-weight: bold;
padding: 0 5px 0 5px;}

#person label {
display: block;
}

textarea {
width: 450px;
height: 125px;
}


#bildergalerie{
margin: 0 0 0 24px; padding:0;
}

#bildergalerie img{
margin: 0 18px 14px 0;
}

.energiesparen{margin: 10px 0 10px 0;}