/* Standard-CSS fuer A. Grasse - Baudekoration*/

/* Farben
Hintergrundfarbe weiss: #fff
dunkelrot: #9b3144
dunkelgrün: #447c88
lindgrün: ccf7a2
türkis Logofarbe: 33cccc
Schriftfarbe: #333

*/

/* Schriften
Schriftfamilie: Verdana, Arial, Helvetica, Sans-Serif
Schriftgroessen:
head_01: 18 Pixel/1.0em
head_02: 
head_03:
Fliesstext: 12 Pixel/0.72em
Bildunterschrift: 
Randbemerkungen:
*/



* {margin: 0;  padding: 0;}

HTML {height: 100%;}
body {min-height: 100%; position: relative; font: normal 100.01% Verdana, Arial, Helvetica, sans-serif; TEXT-ALIGN: left; color: #333; BACKGROUND-image: url(../basics/hi_all.gif); background-repeat: repeat-y; background-position: top left;}

/*Linkformatierung im Footer*/
A.footer:link {COLOR: #fff; background-color: #9b3144; TEXT-DECORATION: none;}
A.footer:visited {COLOR: #fff; background-color: #9b3144; TEXT-DECORATION: none;}
A.footer:hover {COLOR: #ccf7a2; background-color: #9b3144; TEXT-DECORATION: none;}

/*Linkformatierung im Fließtext*/
A.copytext:link {COLOR: #447c88; background-color: #fff; TEXT-DECORATION: none;}
A.copytext:visited {COLOR: #ccc; background-color: #fff; TEXT-DECORATION: none;}
A.copytext:hover {COLOR: #9b3144; background-color: #fff; TEXT-DECORATION: none;}

	
H1 {COLOR: #333; FONT-SIZE: 0.9em; FONT-WEIGHT: bold; text-align: center; PADDING-top: 1.8em; PADDING-bottom: 1em; line-height: 1.6em;}
H2 {COLOR: #333; FONT-SIZE: 0.68em; FONT-WEIGHT: bold; text-align: left; PADDING-top: 1.2em; PADDING-bottom: 0.2em;}


	
P {FONT-SIZE: 0.66em; FONT-WEIGHT: normal; LINE-HEIGHT: 1.4em; COLOR: #666; background-color: #fff; padding-bottom: .6em;}
.foot {color: #fff; background-color: #9b3144; font-size: 10px; padding-left: 16px; padding-top: .6em; padding-bottom: .6em;}


B {FONT-WEIGHT: bold}
I {FONT-STYLE: italic}

img {border: 0}
img.teaser {border-left: 1px white solid;}
img.example {padding-right: 13px;}



/*Boxen */

/*Header und Teaser: Logo - Bildleiste*/
#header {margin-left: 157px;}
#teaser {min-width: 794px; margin-left: 157px; height: 94px; BACKGROUND-image: url(../basics/darkgreen.gif); background-repeat: repeat-x; border-top: 1px white solid; border-bottom: 1px white solid;}

/*Funktionsnavigation*/
#functionbox {width: 792px; margin-left: 158px;}
#onleft {width: 665px; float: left;}

/* Funktionsnavigation */
#functionnav ul {padding-left: 0; margin-left: 0; background-color: #447c88; color: #000; float: left; width: 127px; FONT-SIZE: 10px; FONT-WEIGHT: normal;}
#functionnav  ul li {display: inline;}
#functionnav  ul li a {padding-left: 13px; padding-right: 14px; background-color: #d7f4f4; color: #000; text-decoration: none; float: left; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}
#functionnav  ul li a:hover {background-color: #bbef97; color: #000;}


/*Hauptnavigation und Content*/
#mainbox {WIDTH: 951px; margin: 0;}
#leftcol {WIDTH: 157px; float: left;} /* linke Spalte für Navigation*/
#rightcol {WIDTH: 794px; float: right;} /* rechte Spalte für Content*/
#contentbox {WIDTH: 627px; padding-left: 20px; padding-right: 20px; margin-bottom: 60px;}
#leftcontentbox {WIDTH: 387px; float: left; padding: 0px;}/* rechte Spalte für Auflistung*/
#rightcontentbox {WIDTH: 240px; float: right; padding: 0px;} /* rechte Spalte für Bild*/

/* Hauptnavigation */
#navcontainer {WIDTH: 157px; FONT-SIZE: 0.62em; FONT-WEIGHT: bold; margin-top: 20px; background-color: #447c88; float: right;}
#navlist li {padding-bottom: 10px; padding-top: 10px; padding-left: 20px; list-style: none; border-top: 1px white solid; BACKGROUND-image: url(../basics/buttred.gif); background-repeat: repeat-y; background-position: top left;}
#navlist a {text-decoration: none; color: #cfe2e7}
#navlist a:link {color: #cfe2e7;}
#navlist a:hover {color: #ccf7a2; text-decoration: none;}
#navlist li #active {color: #447c88; background-color: #ccf7a2; text-decoration: none;}

#listbox {FONT-SIZE: 0.66em; margin-top: 1em; font-weight: bold;}
#list li {list-style: none; BACKGROUND-image: url(../basics/bullet.gif); background-repeat: no-repeat; background-position: top left; padding-left: 30px; padding-bottom: 2em; padding-top: .4em; line-height: 1.4em}

	
.cleaner {CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 1px; BORDER-BOTTOM-STYLE: none}

/* Kontaktformular */
#formular {width: 557px; padding: 0px; margin-bottom: 80px;}
table {FONT-SIZE: 0.66em; FONT-WEIGHT: normal; COLOR: #666;}
td {FONT-WEIGHT: normal;}
.header {FONT-SIZE: 1.0em; FONT-WEIGHT: bold; COLOR: #666; padding-bottom: 6px;}
.feld1 {FONT-WEIGHT: bold; padding-left: 6px; padding-right: 2px; color: #fff; background-color: #447c88; margin-right: 4px;}
.feld2 {BORDER: #447c88 1px solid; FONT-SIZE: 12px; FONT-WEIGHT: normal; COLOR: #000; BACKGROUND-COLOR: #cfe2e7;}
.feld3 {FONT-SIZE: 0.9em; FONT-WEIGHT: normal;}
.checkbox {color: #464b59;}
.bereich {width: 550px; color: #000; background-color: #cfe2e7;}
.button {width:140px; FONT-WEIGHT: bold; color: #447c88; background-color: #cfe2e7;}


/*Footer*/
#footer {width: 665px; height: 30px; margin-left: 158px; position: absolute; bottom: 0; left: 0; color: #fff; background-color: #9b3144;}
* html #footer {bottom: -1px;} /* Nächster IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */