body {
    margin:0;
    padding:0;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	height:100%;
	overflow: auto;
    /* overflow:hidden; */
}

#inhalt { 
	text-align: left;
	margin: auto;
	width: 983px;
	height: 99%;
	/* overflow:auto; */
}
#logo{ 
	position: relative;
	display: block;
	left: 737px;
	top: 25px;
	width: 245px;
	height: 22px;
	background: url(bilderfix/boneberger.gif);
	z-index: 1;
}
#fix1 { 
	position: relative;
	display: block;
	float: left;
	top: 50px;
	width: 245px;
	height: 245px;
	margin: 0px;
	background-color: #800000;
	background: url(bilderfix/quad_rot.gif);
	z-index: 1;
}
#middle { 
	position: relative;
	display: block;
	float: left;
	top: 50px;
	width: 493px;
	height: 249px;
	margin: 0px;
	background-color: #ffffff;
	z-index: 1;
}
#fix2 { 
	position: relative;
	display: block;
	float:left;
	left: 0px;
	top: 50px;
	width: 245px;
	height: 245px;
	background-color: #800000;
	background: url(bilderfix/quad_struktur.jpg);
	z-index: 1;
}
#middledown { 
	position: relative;
	float: left;
	left: 245px;
	top: 46px;
	width: 493px;
	height: 124px;
	margin: 0px;
	background-color: #ffffff;
	z-index: 1;
}
#clearer { 
	clear:both;
	position: relative;
	display: block;
	width: 983px;
	height:10px;
	left: 0px;
	top: 0px;
	z-index: 5;
}
#cmd {
	float:left;
	position: relative;
	display: block;
	left: 146px;
	top: 390px;
	margin: 0px 0px 0px 0px;
	width: 173px;
	height: 30px;
	z-index: 20;
}
/*********** #Textcontent***********/
#content { 
	float: left;;
	position: relative;
	display: block;
	width: 450px;
	top: 100px;
	left: 247px;
	z-index: 25;
}

h1 {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #800000;
}
h2 {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}
h3 {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #800000;
	text-decoration:none
}

a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #800000;
	text-decoration: none;		
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: underline;	
}

a.aktuell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #800000;
	text-decoration: underline;	
}
/*********** #Menu ***********/

#menu {	
	position: relative;
	display: block;
	float: left;
	left: 246px;
	top: 68px;
	margin: 0px 0px 0px 0px;
	width: 85px;
	height: 105px;
	z-index: 20;
			}		
/*********** #IE 5x**********
* html #menu {	
	position: relative;
	display: block;
	float: left;
	left: 246px;
	top: 68px;
	width: 85px;
	height: 105px;
			}	
*/
ul { 
			list-style-type  : none; 
			margin: 0;
			padding: 0;
}
li {
			text-align : left;
}
li .a1 { 
			width : 93px;
			height : 16px;
			margin: 0;
			background-image: url(menu/ueberuns_01.gif);
			background-repeat: no-repeat;
}
li .a2 { 
			width : 83px;
			height : 18px;
			margin: 0;
			background-image    : url(menu/neubau_01.gif);
			background-repeat   : no-repeat;
}
li .a3 { 
			width : 83px;
			height : 17px;
			margin: 0;
			background-image    : url(menu/altbau_01.gif);
			background-repeat   : no-repeat;
}
li .a4 { 
			width : 83px;
			height : 18px;
			margin: 0;
			background-image    : url(menu/glasdaecher_01.gif);
			background-repeat   : no-repeat;
}
li .a5 { 
			width : 83px;
			height : 18px;
			margin: 0;
			background-image    : url(menu/holzterrassen_01.gif);
			background-repeat   : no-repeat;
}
li .a6 { 
			width : 83px;
			height : 15px;
			margin: 0;
			background-image    : url(menu/carports_01.gif);
			background-repeat   : no-repeat;
}

li a {
			display: block;
			height: 14px;
			margin: 0px,0px,100px,0px;
}

li .a1:hover { 
			margin: 0;
			background-image    : url(menu/ueberuns_02.gif);
			background-repeat   : no-repeat;
}
li .a2:hover { 
			margin: 0;
			background-image    : url(menu/neubau_02.gif);
			background-repeat   : no-repeat;
}
li .a3:hover { 
			margin: 0;
			background-image    : url(menu/altbau_02.gif);
			background-repeat   : no-repeat;
}
li .a4:hover { 
			margin: 0;
			background-image    : url(menu/glasdaecher_02.gif);
			background-repeat   : no-repeat;
}
li .a5:hover { 
			margin: 0;
			background-image    : url(menu/holzterrassen_02.gif);
			background-repeat   : no-repeat;
}
li .a6:hover { 
			margin: 0;
			background-image    : url(menu/carports_02.gif);
			background-repeat   : no-repeat;
}

li .a1aktuell { 
			width : 93px;
			height : 16px;
			margin: 0;
			background-image    : url(menu/ueberuns_03.gif);
			background-repeat   : no-repeat;
}
li .a2aktuell { 
			width : 83px;
			height : 18px;
			margin: 0;
			background-image    : url(menu/neubau_03.gif);
			background-repeat   : no-repeat;
}
li .a3aktuell { 
			width : 83px;
			height : 17px;
			margin: 0;
			background-image    : url(menu/altbau_03.gif);
			background-repeat   : no-repeat;
}
li .a4aktuell { 
			width : 83px;
			height : 18px;
			margin: 0;
			background-image    : url(menu/glasdaecher_03.gif);
			background-repeat   : no-repeat;
}
li .a5aktuell { 
			width : 83px;
			height : 18px;
			margin: 0;
			background-image    : url(menu/holzterrassen_03.gif);
			background-repeat   : no-repeat;
}
li .a6aktuell { 
			width : 83px;
			height : 15px;
			margin: 0;
			background-image    : url(menu/carports_03.gif);
			background-repeat   : no-repeat;
}


/*********** #UnterMenu ***********/

#umenu {	
	position: relative;
	display: block;
	float:left;
	left: 290px;
	top: 100px;
	margin: 0px 0px 0px 0px;
	width: 141px;
	height: 20px;
	z-index: 20;
			}		
/*********** #IE 5x**********
* html #umenu {	
	position: relative;
	display: block;
	float: left;
	left: 43px;
	top: 100px;
	width: 141px;
	height: 20px;
			}
*/
ul .umenu { 
			list-style-type  : none; 
			margin: 0;
			padding: 0;
}
li {
			float:left;
			text-align : left;
}
li .umenua1 { 
			width : 63px;
			height : 11px;
			margin: 0;
			background-image: url(menu/kontakt_01.gif);
			background-repeat: no-repeat;
}
li .umenua2 { 
			width : 78px;
			height : 11px;
			margin: 0;
			background-image    : url(menu/impressum_01.gif);
			background-repeat   : no-repeat;
}

li a {
			display: block;
			height: 14px;
			margin: 0px,0px,0px,0px;
}

li .umenua1:hover { 
			margin: 0;
			background-image    : url(menu/kontakt_02.gif);
			background-repeat   : no-repeat;
}
li .umenua2:hover { 
			margin: 0;
			background-image    : url(menu/impressum_02.gif);
			background-repeat   : no-repeat;
}

li .umenua1aktuell { 
			width : 63px;
			height : 11px;
			margin: 0;
			background-image    : url(menu/kontakt_03.gif);
			background-repeat   : no-repeat;
}
li .umenua2aktuell { 
			width : 78px;
			height : 11px;
			margin: 0;
			background-image    : url(menu/impressum_03.gif);
			background-repeat   : no-repeat;
}


