html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 9pt;
	line-height: 12pt;
	font-family: Helvetica, sans-serif;
	color: #000000;
	background: url(../images/verlauf.jpg) repeat-x;
	}

body {
	overflow: hidden;
	}


/* B E G I N N  der DIV-formatierungen*/
/*COMTAINER ist der behaelter fuer ALLES.*/
#container {
	width: 962px; /*842*/
	min-height: 100%;
	height: auto;
	height: 100%;
	margin: 0 auto;
	}

/*NAVI hier liegt das logo und die hauptnavi*/
#navi{
	width: 220px;
	height: 500px; /*400*/
	background: #E1E1E1;
	float: left;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}

/*BEGINN hack fuer IE*/
#navi img{
	border: 0px;
	}
/*ENDE hack fuer IE*/

/*KOPF ist der behaelter fuer die TOPNAVI*/
#kopf {
	width: 740px; /*620*/
	height: 103px;
	float: left;
	background: url(../images/kopfbg.gif);
	background-repeat: repeat-x;
	border-right: 1px solid #FFFFFF;
	}

#topnavi {
	width: 190px;
	height: 30px;
	float: right;
	
	}

/*INHALT ist der container fuer UEBERSCHRIFT, HAUPTINHALT und NEBENINHALT*/
#inhalt {
	width: 740px; /*620*/
	height: 397px; /*297*/
	float: left;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}

#ueberschrift {
	width: 740px; /*620*/
	height: 17px;
	background: #FF9900;
	float: left;
	}

#BOXtext {
	width: 520px; /*400*/
	height: 380px; /*280*/
	float: left;
	background: #FF9900;
	overflow: hidden;
	color: #FFFFFF;
	}
	
#BOXtextweiss {
	width: 535px;	/*415*/
	height: 380px; /*280*/
	float: left;
	background: #FFFFFF;
	overflow: hidden;
	}

#BOXtextdatenschutz {
	width: 740px; /*400*/
	height: 380px; /*280*/
	float: left;
	background: #FF9900;
	overflow-y: auto;
	overflow-x: hidden;
	color: #FFFFFF;
	}

#text {
	padding: 5px 150px 5px 30px; /*5px 30px*/
	}

#textdatenschutz {
	padding: 5px 30px 5px 30px;
	}

#BOXbild {
	width: 220px;
	height: 380px; /*280*/
	text-align: right;
	background: #FF9900;
	float: right;
	}

#BOXbildweiss {
	width: 205px;
	height: 380px; /*280*/
	text-align: right;
	background: #FFFFFF;
	float: right;
	}

#bild{
	padding: 0px;
	}
	
#BOXformular {
	width: 740px; /*620*/
	height: 380px; /*280*/
	float: left;
	background: #FF9900;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 7pt;
	line-height: 9pt;
	}

/* BEGINN Hack IE 7*/
*:first-child+html #BOXformular {
	line-height: 8pt;
	}
/* BEGINN Hack IE 5.5 + 6*/
* html #BOXformular {
	line-height: 8pt;
	}
/* ENDE Hack IE*/

#formularlinks {
	padding-left: 30px;
	float: left;
	}

#formularrechts {
	padding-left: 10px;
	float: left;
	}
/* E N D E  der DIV-formatierung*/	


/* B E G I N N  der CLASS-definitionen*/	
/*CLEAR hebt die floats in den verschiedenen containern auf*/
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	}

/*HERVORHEBUNG - textauszeichnung*/	
.hervorhebung {
	font-weight: bold;
	}

/*SEITENUEBERSCHRIFT ist die Überschrift die den jeweiligen Bereich angibt*/	
.seitenueberschrift {
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 30px;
	}

.willkommen {
	font-size: 20pt;
	color: #FFFFFF;
	}

/* B E G I N N  HTMLCLASS-definitionen*/
h1 {
	font-size: 1.5em;
	line-height: 0.5em;
	color: #FFFFFF;
	}
	
/*FORMULAR formatierung*/
label {
	font-size: 6.5pt;
	}
	
input, textarea {
	border: 0px;
	font-size: 7pt;
	background: #FFFFFF;
	resize: none;
	}

#kontaktformular #vorname, 
#kontaktformular #name,
#kontaktformular #firma,
#kontaktformular #strasse,
#kontaktformular #tel,
#kontaktformular #fax,
#kontaktformular #email,
#kontaktformular #www,
#kontaktformular #mitteilung {
	width: 180px;
	}

#kontaktformular #plz {
	width: 40px;
	}

#kontaktformular #ort {
	width: 135px;
	}

/* BEGINN fuer IE */
#kontaktformular #beratung {
	background: transparent;
	border: 0px;
	}
/* ENDE fuer IE*/
		
/* E N D E  HTMLCLASS-definitionen*/


/* B E G I N N  anchor-definitionen*/
/*hier werden die anchor und listen zustaende fuer den INHALT definiert*/
#inhalt li{
	list-style: disc;
	}

#inhalt ul{
	margin: 0px;
	padding-left: 15px;
	}

#inhalt a:link {
	color: #000000;
	text-decoration: underline;
	}
	
#inhalt a:hover,
#inhalt a:focus,	
#inhalt a:active,	
#inhalt a:visited {
	color: #333333;
	}
/* E N D E  anchor-definitionen*/


/* B E G I N N  der NAVIGATIONS-definitionen*/	
/*hier werden die anchor und listen zustaende fuer die TOPNAVI definiert*/
#topnavi li{
	list-style: none;
	display: inline;
	font-size: 10pt;
	line-height: 10pt;
	}
/* BEGINN Hack fuer IE 5.5 + 6*/
* html #topnavi li {
	line-height: 20pt;
}

/* BEGINN Hack fuer IE 7*/
*:first-child+html #topnavi li {
	line-height: 20pt;
	}
/* ENDE Hack fuer IE*/ 

#topnavi a{
	color: #666666;
	font-weight: normal;
	text-decoration: none;
	}
	
#topnavi a:hover{
	color: #FFFFFF;
	}
	
#topnavi a:focus{
	color: #FFFFFF;
	}

#topnavi a:active{
	color: #FFFFFF;
	}

/*definition der klassen der navi*/
#mainnavi	{
	margin: 0px;
	padding: 0px;
	}

#mainnavi li	{
	list-style: none;
	}
	
#mainnavi a {
	color: #333D99;
	background: url(../images/mainnavibg_blau.gif);
	background-repeat: no-repeat;
	background-color: #E1E1E1;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #FFFFFF;
	padding: 7px 0px 7px 35px;
	font-size: 10pt;
	font-weight: bold;
	line-height: 1em;
	}

/* BEGINN Hack fuer IE 5.5 + 6*/
* html #mainnavi li {
	height: 22px;
	}

* html #mainnavi a {
	padding: 6px 0px 6px 35px;
	}
/* ENDE Hack fuer IE */

#mainnavi a:hover,
#mainnavi a:focus,
#mainnavi a:active 
	{
	background: url(../images/mainnavibg_rollover.gif);
	background-repeat: no-repeat;
	background-color: #CCCCCC;
	}

/*#mainnavi a:visited {
color: #333D99;
	}*/

/*hier wird der aktive Link hervorgehoben*/
#ueberuns #mainnavi #NAVueberuns a,
#umbau #mainnavi #NAVumbau a,
#renovierung #mainnavi #NAVrenovierung a,
#keller #mainnavi #NAVkeller a,
#terrasse #mainnavi #NAVterrasse a,
#balkon #mainnavi #NAVbalkon a,
#neubau #mainnavi #NAVneubau a,
#beton #mainnavi #NAVbeton a
	{
	color: #FF9900;
	background: url(../images/mainnavibg_orange.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	}
	
#kontakt #topnavi #NAVkontakt a,
#impressum #topnavi #NAVimpressum a
	{
	font-weight: bold;
	}

/* E N D E  der NAVIGATIONS-definitionen*/