* {
margin: 0;
padding:0;
}

/* basics*/
body { font-size: 75%; font-family: Arial, Helvetica, Verdana, Sans-Serif; background-color: #222; background-image: url(../bilder/htgr8.gif); background-repeat: repeat; }

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

h1{font-size: 160%; color:#fff;}
h2{font-size: 130%; color:#cc0;}
h3{font-size: 120%;color:#dedede;}
h4{font-size: 120%;color:#9c0;}
h5{font-size: 100%;color:#AAA;}

#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{ color: #fff; 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 #999;
margin-bottom: 7px;
background-color: #444;
}

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

#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: #CCC;
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: #ccc; text-decoration: none; }
#navigation a:visited { color:#ccc; text-decoration: none; }
#navigation a:hover { color:#cc3; text-decoration: underline; }
#navigation a:active { color:#ff3; text-decoration: none; }

#footer a:link { color: #ccc; text-decoration: none; }
#footer a:visited { color:#ccc; text-decoration: none; }
#footer a:hover { color:#cc3; text-decoration: underline; }
#footer a:active { color:#ff3; text-decoration: none; }


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


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


#content p strong {
color: #EEE;
}





#content ul {
color: #ccc;
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:#cc0; 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: #ccc;
font-weight: bold;
padding: 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;}