@charset "UTF-8";

/*Setup*/

* {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

body {text-align:center;}


/*Layout*/

#wrap {
	width:802px;
	margin:0 auto;
}

/*Navigation oben rechts*/

#topnav {
height:14px;
text-align:right;
float:right;
overflow:hidden;
margin:20px 0 5px 0;}

#topnav .bauherrschaft, #topnav .baufortschritt, #topnav .downloads, #topnav .links, #topnav .kontakt, #topnav .close, #topnav .pressemappe  {
height:14px; float:left; margin-left:14px;}

#topnav .bauherrschaft {width:103px;}

#topnav .baufortschritt {width:100px;}

#topnav .downloads {width:44px;}

#topnav .links {width:41px;}

#topnav .kontakt {width:87px;}

#topnav .close {width:41px;}

#topnav .pressemappe {width:104px;}



/*Conent*/

#contentwrap {
	border: 1px solid black;
	text-align:left;
	width:800px;
	float:left;
	margin-bottom:40px;
	}

/*Mininav*/
#mininav {
	width:800px;
	height:13px;
	z-index:3;
	background-image:url(img/bg_home.gif);
}

#mininav_beige {
	width:800px;
	height:13px;
	z-index:3;
	background-color:#E6E3D0;
}

#mininav_haus1 {
	width:800px;
	height:13px;
	z-index:3;
	background-image:url(img/farbe1.gif);
}

#mininav_haus2 {
	width:800px;
	height:13px;
	z-index:3;
	background-image:url(img/farbe2.gif);
}

#mininav_haus3 {
	width:800px;
	height:13px;
	z-index:3;
	background-image:url(img/farbe3.gif);
}

#mininav_haus4 {
	width:800px;
	height:13px;
	z-index:3;
	background-image:url(img/farbe4.gif);
}

#mininav_haus5 {
	width:800px;
	height:13px;
	z-index:3;
	background-image:url(img/farbe5.gif);
}


#bg_home {
background-image:url(img/bg_home.gif);
height:287px;
width:800px;
z-index:1;
padding-top:120px;
}

#bg_haus1, #bg_haus2, #bg_haus3, #bg_haus4, #bg_haus5 {float:left; width:160px;height:420px;}

#bg_haus1b, #bg_haus2b, #bg_haus3b, #bg_haus4b, #bg_haus5b {
height:287px;
width:715px;
z-index:3;
padding:120px 0 0 85px;
}
#bg_haus1b {background-image:url(img/farbe1.gif);}
#bg_haus2b {background-image:url(img/farbe2.gif);}
#bg_haus3b {background-image:url(img/farbe3.gif);}
#bg_haus4b {background-image:url(img/farbe4.gif);}
#bg_haus5b {background-image:url(img/farbe5.gif);}



#bg_uebersicht {
background-image:url(img/bg_home.gif);
height:300px;
width:800px;
z-index:1;
padding-top:120px;
}

#bg_beige {
	height:287px;
	width:715px;
	z-index:1;
	padding-top:120px;
	background-color:#E6E3D0;
	padding-left:85px;
}


#bg_beige2 {
	height:400px;
	width:715px;
	z-index:1;
	padding-top:120px;
	background-color:#E6E3D0;
	padding-left:85px;
}

#bg_beige3 {
	height:480px;
	width:715px;
	z-index:1;
	padding-top:120px;
	background-color:#E6E3D0;
	padding-left:85px;
}

#bg_beige4 {
	width:715px;
	z-index:1;
	padding-top:120px;
	background-color:#E6E3D0;
	padding-left:85px;
	padding-bottom:1px;
}



#bg_lageplan {
	height:630px;
	width:715px;
	z-index:1;
	padding-top:120px;
	background-color:#E6E3D0;
	padding-left:85px;
}

#bg_tabelle {
	height:auto;
	width:715px;
	z-index:1;
	background-color:#E6E3D0;
	padding:120px 0 30px 85px;
}




#text {width:680px; margin-top:24px;  margin-bottom:20px;}
#bilder {width:700px; margin-top:24px;  margin-bottom:14px;}
#lageplan {width:667px; height:530px; margin-top:24px;  margin-bottom:14px; border:1px solid black;}
#downloads {width:660px; margin-top:24px;  margin-bottom:60px;}
#bauherrschaft {width:660px; margin-top:24px;  margin-bottom:60px;}
#baufortschritt {width:660px; margin-top:24px;  margin-bottom:60px;}
#kontakt {width:600px; margin-top:24px;  margin-bottom:60px;}

#bilder img {margin-right: 23px;}
#downloads img {margin-bottom:5px;}

#downloads a:link, #downloads a:visited, #form a:link, #form a:visited, #tablegende a:link, #tablegende a:visited {color:#000000; text-decoration:none;}
#downloads a:hover, #downloads a:active, #form a:hover, #form a:active, #tablegende a:hover, #tablegende a:active{color:#666666; text-decoration:none;}

#baufortschritt img {
margin-bottom:30px;
width:
}

#pfeil {width:667px; text-align:right;}

#text a:link, #text a:visited {color:#000000; text-decoration: underline;}
#text a:hover, #text a:active {color:#666666; text-decoration: underline;}




/*Mainnav*/

#wrapfoot{}

#mainnav_home {
	width:550px;
	float:left;
	height:14px;
	z-index:3;
	margin:10px 0 0 85px;
	display:inline;}


.home, .sandmatte, .lageplan, .uebersicht, .verfuegbarkeit, .mietpreise, .haus1download, .haus2download, .haus3download, .haus4download, .haus5download {
float:left;
height:14px;
margin-right:18px;}



.home {width:72px;}
.sandmatte {width:81px;}
.lageplan {width:67px;}
.uebersicht {width:72px;}
.verfuegbarkeit {width:101px;}
.mietpreise {width:72px;}

.haus1download {width:139px;}
.haus2download {width:139px;}
.haus3download {width:139px;}
.haus4download {width:139px;}
.haus5download {width:139px;}


/*Logo*/
#logo {
width:180px;
height:158px; 
background-repeat:no-repeat;
background-image:url(img/logo_sandmatte.gif);
float:right;
display:inline;
}


#bauherrschaft img{margin-right:4px;}



/*Formular*/
#form {margin-top:20px;
}

.feld {width:201px; height:17px; border:1px solid black; }
.feld:hover, .feld2:hover, .feldsenden:hover {background-color:#EEEEEE;}
.feld2 {width:489px; height:136px; border:1px solid black; }
.feldsenden {width:105px; height:18px; background-color:white;border:1px solid black; }
.feldsenden:hover {background-color:#EEEEEE; cursor:pointer;}

.radiobutton {width:20px; height:20px;}

/*Tabelle*/

#texttab {width:540px; margin-top:24px;  margin-bottom:20px;}

#tabelle {
}

#tabelle td {padding:3px 6px 3px 4px; line-height:16px; border-right:1px solid black; border-bottom:1px solid black; text-align:right;}


#tabelle .liniefettoben{
border-top:2px solid black; }

#tabelle .liniefettoben2{
border-top:1px solid black; }

#tabelle .liniefettrechts{
border-right:2px solid black; }

#tabelle .liniefettunten{
border-bottom:2px solid black; }

#tabelle .rechtsohnelinie{
border-right:0px solid black; }


#tabelle .linievertikal{
border-left:1px solid black; }

#tabelle .liniehorizontal{
border-bottom:1px solid black; }

#tabelle .linksbuendig{
text-align:left; }



/*Tabelle Farben*/

#tabelle .farbe1_titel{
background-color:#004256; color:white; text-align:left; font-weight:bold;}

#tabelle .farbe1_normal{
background-color:#175568; color:white; text-align:left;}


#tabelle .farbe2_titel{
background-color:#4AACB4; color:black; text-align:left; font-weight:bold;}

#tabelle .farbe2_normal{
background-color:#69ACB4; color:black; text-align:left;}


#tabelle .farbe3_titel{
background-color:#699A49; color:white; text-align:left; font-weight:bold;}

#tabelle .farbe3_normal{
background-color:#7DA762; color:white; text-align:left;}


#tabelle .farbe4_titel{
background-color:#6B5E52; color:white; text-align:left; font-weight:bold;}

#tabelle .farbe4_normal{
background-color:#7D7066; color:white; text-align:left;}


#tabelle .farbe5_titel{
background-color:#CAA66F; color:black; text-align:left; font-weight:bold;}

#tabelle .farbe5_normal{
background-color:#D4B482; color:black; text-align:left;}







/*Tabelle Legende*/

.leg {margin-bottom:7px;}

#tablegende {margin-top:30px; margin-bottom:20px;}

#tablegende img {}




/*Rahmen um Bild beim Klicken*/
a:focus { outline: none;}

img {border:none;}

/*So*/
.webhome h1, .webhome p, .webhome h2 {display:none;}




.banner {
	margin-left:520px;
	width:280px;
	height:200px;
	background-image:url(img/haus_5_banner.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#CAA66F;
	position:absolute;
	top:40px;
	z-index:10;
	}