/* LAYOUT */

html>body { font-size: 10px; }

html, body { height: 100%; }

body {
	background-color:#000000;
	margin:0px; 
	padding:0px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	color: #cccccc;
	font-size: 62.5%;
	text-align: left;
    scrollbar-base-color:#4B4B4B; 
	scrollbar-face-color:#000000; 
	scrollbar-darkshadow-color:#4B4B4B; 
	scrollbar-highlight-color:#4B4B4B; 
	scrollbar-3dlight-color:#000000;
}

#wrapper {
	position:relative;
	width:850px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	text-align:left;
	border: 1px;
	border-color: #666666;
	border-left-style:solid; 
	border-right-style: solid; 
	border-bottom-style: none; 
	border-top-style: none;
	z-index:1;
}

#head {
	position:relative;
	padding-left:20px;
	width:830px; 
	height:150px;
}

#navi_wrap {
	position:absolute;
	top:150px;
	left:0px;
	width:100%; 
	height:30px;
	border:1px;
	background-color:#000000;
	border-color:#666666;
	border-left-style:none;
	border-right-style:none;
	border-bottom-style: solid; 
	border-top-style: solid;
	z-index:10;
}

#navi {
	position:relative;
	width:850px;
	height:30px;
	margin:auto;
	background-color: #000000;
	border:1px;
	border-color: #666666;
	border-left-style:solid;
	border-right-style:solid;
	border-bottom-style: none; 
	border-top-style: none;
	z-index:15;
}

#content_text {
	width:700px; 
	height:auto;
	padding: 0px 0px 30px 20px;
	margin:70px 0px 0px 60px;
	color:#cccccc;
	font-size:120%;
	z-index:20;
	border-left:1px;
	border-left-style:dotted;
	border-left-color: #323232;
}

/* SCHRIFTEN & LINKS */

h1, h2, h3, h4, h5, p {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 190%;
	font-weight: 100;
	color: #cccccc;
	letter-spacing:1px;
}

h2 {
	font-size: 120%;
	color: #cccccc;
	padding:0px 0px 25px 0px;
	font-weight:bold;
	font-stretch:extra-condensed;
}

h3 {
	font-size: 100%;
	margin-bottom:4px;
}

h4 {
	font-size: 100%;
	color: #cccccc;
	letter-spacing:1px;
}

h5 {
	padding:2px 0px 15px 0px;
	font-size: 90%;
	color: #333333;
	letter-spacing:0px;
	font-weight:200;
}

p {
	margin-bottom:20px;
	padding:0px 0px 18px 0px;
}

.Verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a.link, a.link:link, a.link:visited {
	color:#b61010;
	text-decoration: none;
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 0px;
}

a.link:hover, a.link:active {
	color: #b61010;
	text-decoration: underline;
	background-image: url(../images/link.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	padding-left: 0px;
}



/* NAVIGATION */

.button {
	text-align:center;
	line-height:30px;
	color: #cccccc;
	background-color:#9d100b;
}

#navi ul{
	padding:0;
	margin:0;
}

#navi ul li {
	position:relative;
	padding:0;
	margin:0;
	display: inline;
	float: left;
	list-style:none;
	border-right:1px;
	border-right-style:solid;
	border-right-color: #666666;
}

#navi ul li a{
	position:relative;
	color: #000000;
	background-color:#cccccc;
	font-size: 110%;
	font-weight: 600;
	text-decoration: none;
	padding: 8px 25px 8px 25px !important; /* Wird von IE ignoriert */
	padding: 8px 25px 9px 25px;
}

#navi ul li a:hover, #navi ul li a:focus, #navi ul li a:active {
	position:relative;
	color: #cccccc;
	background-color:#9d100b;
}



/* BILDER */

td.space {
	padding-bottom:10px;
}

/* Einfamilienhäuser */
a.EF-1 span {display: none;}
a.EF-1:link, a.EF-1:visited {display: block; background: url(../images/BK_base_g.jpg); width: 120px;height: 100px;}
a.EF-1:hover, a.EF-1:active, a.EF-1:focus {background-image: url(../images/BK_base_b.jpg);}

a.EF-2 span {display: none;}
a.EF-2:link, a.EF-2:visited {display: block; background: url(../images/TA_base_g.jpg); width: 120px;height: 100px;}
a.EF-2:hover, a.EF-2:active, a.EF-2:focus {background-image: url(../images/TA_base_b.jpg);}

a.EF-3 span {display: none;}
a.EF-3:link, a.EF-3:visited {display: block; background: url(../images/RN_base_g.jpg); width: 120px;height: 100px;}
a.EF-3:hover, a.EF-3:active, a.EF-3:focus {background-image: url(../images/RN_base_b.jpg);}

a.EF-4 span {display: none;}
a.EF-4:link, a.EF-4:visited {display: block; background: url(../images/HRU_base_g.jpg); width: 120px;height: 100px;}
a.EF-4:hover, a.EF-4:active, a.EF-4:focus {background-image: url(../images/HRU_base_b.jpg);}

a.EF-5 span {display: none;}
a.EF-5:link, a.EF-5:visited {display: block; background: url(../images/TR_base_g.jpg); width: 120px;height: 100px;}
a.EF-5:hover, a.EF-5:active, a.EF-5:focus {background-image: url(../images/TR_base_b.jpg);}


/* Umbauten */
a.U-1 span {display: none;}
a.U-1:link, a.U-1:visited {display: block; background: url(../images/TG_base_g.jpg); width: 120px;height: 100px;}
a.U-1:hover, a.U-1:active, a.U-1:focus {background-image: url(../images/TG_base_b.jpg);}

a.U-2 span {display: none;}
a.U-2:link, a.U-2:visited {display: block; background: url(../images/GA_base_g.jpg); width: 120px;height: 100px;}
a.U-2:hover, a.U-2:active, a.U-2:focus {background-image: url(../images/GA_base_b.jpg);}

a.U-3 span {display: none;}
a.U-3:link, a.U-3:visited {display: block; background: url(../images/BG_base_g.jpg); width: 120px;height: 100px;}
a.U-3:hover, a.U-3:active, a.U-3:focus {background-image: url(../images/BG_base_b.jpg);}


/* Industrie */
a.I-1 span {display: none;}
a.I-1:link, a.I-1:visited {display: block; background: url(../images/BS_base_g.jpg); width: 120px;height: 100px;}
a.I-1:hover, a.I-1:active, a.I-1:focus {background-image: url(../images/BS_base_b.jpg);}


/* Gastro */
a.G-1 span {display: none;}
a.G-1:link, a.G-1:visited {display: block; background: url(../images/BGC_base_g.jpg); width: 120px;height: 100px;}
a.G-1:hover, a.G-1:active, a.G-1:focus {background-image: url(../images/BGC_base_b.jpg);}

a.G-2 span {display: none;}
a.G-2:link, a.G-2:visited {display: block; background: url(../images/RM_base_g.jpg); width: 120px;height: 100px;}
a.G-2:hover, a.G-2:active, a.G-2:focus {background-image: url(../images/RM_base_b.jpg);}


/* Reihenhäuser */
a.R-1 span {display: none;}
a.R-1:link, a.R-1:visited {display: block; background: url(../images/WR_base_g.jpg); width: 120px;height: 100px;}
a.R-1:hover, a.R-1:active, a.R-1:focus {background-image: url(../images/WR_base_b.jpg);}