* { 	
-moz-box-sizing:content-box;
box-sizing:content-box;
padding: 0px; 
margin: 0px; 
}

body { 
text-align: center; 
background-color: #908b81; 
}

body, td { 
font: normal 11px verdana;
color: #fff;
}

b { display: none; }

img { border: none; }

h1 { font: normal 13px verdana; }

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

#wrap { 
width: 817px; 
height: 592px; 
padding: 0px;
margin: 30px auto;
text-align: left; 
background-color: #fff; 
}

#date { 
float: left; 
width: 263px; 
height: 40px;
margin-left: 14px;
font: normal 10px verdana;
color: #8c816c; 
text-align: left;
}
#date p { 
padding-top: 22px;
}

#copyright { 
float: left; 
width: 526px; 
height: 40px;
/*padding-right: 14px;
margin-right: 14px;*/
font: normal 10px verdana;
color: #8c816c;  
text-align: right;
}
#copyright p { 
padding-top: 22px; 
}
#copyright a:link, #copyright a:visited, #copyright a:active, #copyright a:focus, #copyright a:hover { color: #8c816c; text-decoration: none; }

#main { 
float: left; 
width: 789px; 
height: 525px; 
padding: 0px;
margin: 14px; 
text-align: left; 
background-color: #8c816c; 
}

ul { list-style-type: none; }

#main_navi { float: left; width: 106px; height: auto; }
#main_navi.index { width: 196px; }
#main_navi ul { margin-top: 14px; }
#menu_1 a { background: url(images/menu_anlage.gif) no-repeat; }
#menu_2 a { background: url(images/menu_wohnungen.gif) no-repeat; }
#menu_3 a { background: url(images/menu_gewerbe.gif) no-repeat; }
#menu_4 a { background: url(images/menu_kontakt.gif) no-repeat; }
#main_navi a { 
display: block;
width: 106px; 
height: 25px;
text-decoration: none; 
border-top: 1px solid #b4afa4;
background-position: 0px 0px; 
overflow: hidden;
}
#main_navi a:focus, #main_navi a:hover { text-decoration: none; background-position: 0px -25px; }
#main_navi a.selected { background-position: 0px -25px; }

#main_navi.index a { 
width: 196px; 
}
li#menu_1 a, .index li#menu_1 a { border-top: none; }

#sub_navi { float: left; width: 101px; height: auto; }
#sub_navi ul { list-style-type: none; margin-top: 42px; }
#sub_navi li { height: 13px; padding: 5px 0px 5px 24px; /*color: #d5d2cc;*/ }
/*#sub_navi a { text-decoration: none; }*/
#sub_navi li.selected a { color: #792b2a; }
#sub_navi a:link, #sub_navi a:visited, #sub_navi a:active { color: #d5d2cc; text-decoration: none; }
#sub_navi a:focus, #sub_navi a:hover { color: #792b2a; text-decoration: none; }

#sub_navi.anlage ul { margin-top: 16px; }

li#submenu_4 { padding-bottom: 0px; }

#box_1_a { 
float: left; 
width: 263px; 
height: 175px;
background: url(images/index_1_a.gif); 
}

#box_1_b { 
float: left; 
width: 263px; 
height: 175px;
/*padding: 20px 28px;*/
background: url(images/index_1_b.jpg); 
}

#box_1_c { 
float: left;  
width: 207px; 
height: 135px;
padding: 20px 28px;
background: url(images/sub_1_c.gif); 
}
#box_1_c p { 
color: #afc1cc;
margin-top: 64px;
}
#box_1_c.index { 
background: url(images/index_1_c.jpg); 
}
#box_1_c.index p { 
color: #d5d2cc; 
text-align: center; 
padding-top: 14px; 
margin-top: 35px; 
border-top: 1px solid #b4afa4; 
}
#box_1_c.wohnungen { 
float: left; 
width: 263px; 
height: 175px;
padding: 0px;
background: none;
}

#box_2_a { 
float: left; 
width: 207px; 
height: 135px;
padding: 20px 28px;
background: url(images/index_2_a.jpg); 
}

#box_2_b { 
float: left; 
width: 263px; 
height: 175px;
/*padding: 20px 28px;*/
background: url(images/index_2_b.gif); 
}

#box_2_c { 
float: left; 
width: 263px; 
height: 175px;
/*padding: 20px 28px;*/
background: url(images/index_2_c.jpg); 
}

#box_3_a { 
float: left; 
width: 207px; 
height: 135px;
padding: 20px 28px;
background: url(images/sub_3_a.gif); 
}
#box_3_a p { 
color: #d2adb0;
margin-top: 64px;
}
#box_3_a.index {
width: 263px; 
height: 175px;
padding: 0px; 
background: url(images/index_3_a.jpg); 
}

#box_3_b { 
float: left; 
width: 263px; 
height: 175px;
/*padding: 20px 28px;*/
background: url(images/index_3_b.jpg); 
}

#box_3_c { 
float: left;  
width: 263px; 
height: 175px;
/*padding: 20px 28px;*/
background: url(images/index_3_c.gif); 
}

#content { 
float: right; 
width: 470px; 
height: 312px;
overflow: auto;
padding: 38px 28px 0px 28px;
color: #d5d2cc;
background: url(images/content_bg.gif) repeat-x #8c816c;
}

#content h1 { 
width: 450px; 
height: 12px;
padding-bottom: 5px;
margin-bottom: 28px;
border-bottom: 1px solid #d5d2cb; 
}

#content.wohnungen h1 { background: url(images/h1_wohnungen.gif) no-repeat; }
#content.gewerbe h1 { background: url(images/h1_gewerbe.gif) no-repeat; }
#content.anlage h1 { background: url(images/h1_anlage.gif) no-repeat; }
#content.kontakt h1 { background: url(images/h1_kontakt.gif) no-repeat; }

#content h1.wide { width: 466px; }
#content h2 { 
font: bold 11px verdana; 
color: #d5d2cc; 
margin-bottom: 12px;
}

.wohnungen img, .anlage img {
float: left;
margin-right: 10px;
}
.wohnungen p { height: 84px; }
.anlage p { margin-bottom: 20px; }

.wohnungen ul { margin: 15px 0px; }
li.whg_light, li.whg_dark { 
float: left; 
width: 202px; 
height: 13px; 
padding: 4px 8px;
margin: 2px 4px 3px 0px;
}

#content.gewerbe li.whg_light, .gewerbe li.whg_dark { 
display: block;
width: 202px; 
height: 13px; 
padding: 4px 8px;
margin: 2px 4px 3px 0px;
}
table.gewerbe td { height: 26px; }

.whg_light { background: #9d9482; }
.whg_dark { background: #8c816c; }
li.whg_light a, li.whg_dark a { 
display: block; 
width: 192px; 
height: 13px; 
padding-left: 10px; 
text-decoration: none; 
background: url(images/pfeil_rollover.gif) no-repeat 0px 0px;
/*border: 1px solid #000;*/
}
.wohnungen li a:focus, .wohnungen li a:hover { 
color: #792b2a; 
background-position: 0px -13px; 
}
.whg_light img, .whg_dark img, .gewerbe img, .kontakt img { margin: 3px 6px 0px 0px; }
li.whg_light .vermietet { 
width: 142px; 
height: 29px; 
position: relative; 
top: -22px; 
left: 9px; 
z-index: 2;
overflow: hidden; 
background: url(images/vermietet_light.gif) no-repeat; 
}
li.whg_dark .vermietet { 
width: 142px; 
height: 29px; 
position: relative; 
top: -22px; 
left: 9px; 
z-index: 2; 
overflow: hidden; 
background: url(images/vermietet_dark.gif) no-repeat; 
}

#content.kontakt td, #content.kontakt li { padding: 3px 0px; color: #d5d2cc; }
#content.gewerbe td, #content.gewerbe li { padding: 3px 22px 3px 8px; color: #fff; }
#content.kontakt ul, #content.gewerbe ul {
list-style-type: none;
/*list-style-image: url(images/pfeil_2.gif); 
list-style-position: inside; */
}
#content.gewerbe table { margin-bottom: 30px; }

#gallery {  
width: 466px;
padding: 0px;
margin: 0px;
}

#gallerie_bild { width: 466px; height: 200px; text-align: center; overflow: hidden;  }
#gallerie_bild img { float: none; margin: 0px; }

#menu_bar {
width: 466px;
height: 22px;
padding: 7px 0px 5px 0px;
margin: 18px 0px 0px 0px;
border-top: 1px solid #d5d2cb;
border-bottom: 1px solid #d5d2cb;
}
#menu_bar img { float: left; margin: 0px; }
#menu_bar input { float: left; width: 130px; color: #d5d2cc; text-align: center; margin: 1px 88px; border: none; background: #8c816c; }

.align_right { text-align: right; }

#whg_info { 
float: left; 
width: 256px;
height: 235px;
overflow: auto;
}
#whg_info h2 { 
font: bold 11px verdana; 
color: #d5d2cc;  
margin-bottom: 2px;
}
#whg_info td { height: 16px; padding: 0px 8px; /*border: 1px solid #000;*/ }
#whg_info td.gesamt { height: 38px; font-weight: bold;  }
#whg_info td.miete { height: 20px; margin-bottom: 20px; background: #a39a89; }
#whg_info td.pdf { height: 26px; vertical-align: bottom; }
#whg_info td.pdf a { display: block; margin-top: 2px; }
#whg_info td img { margin-right: 6px; }

#whg_vorschau { 
float: left;  
width: 190px;
height: 235px;
margin-right: 20px;
}
#whg_vorschau a img { /*margin-left: 20px;*/ }

#popup { width: 770px; height: 570px; padding: 15px; background: #fff url(images/popup_bg.jpg) repeat-x;  }
#popup #whg_header { float: left; width: 770px; height: 60px; }
#popup #whg_header h1 { height: 12px; padding-bottom: 5px; margin-bottom: 28px; border-bottom: 1px solid #d5d2cb;  }
#popup #whg_info { float: left; width: 210px; height: 500px; margin-top: 10px; text-align: left; }
#popup #whg_info td.pdf a { display: inline; }
/*#popup #whg_info td.pdf img { margin-top: 2px; margin-right: 6px; }*/
#popup #whg_grundriss { float: left; width: 560px; height: 510px; }

#popup h1 { 
width: 770px; 
height: 15px;
padding-bottom: 5px;
margin-top: 18px;
margin-bottom: 28px;
border-bottom: 1px solid #d5d2cb; 
}

#popup.map { padding: 0px; }

#content.anfrage h1 { height: 15px; /*margin-bottom: 9px;*/margin-bottom: 25px; background: url(images/h1_anfrage.gif) no-repeat; }
#content.anfrage h2 { margin-top: 16px; margin-bottom: 3px; }
#content.anfrage p { color: #fff; margin: 6px 0px 2px 0px; }
#content.anfrage input, #content.anfrage textarea { color: #fff; border: none; background: #9d9482; }
#content.anfrage .dark { background: none/*#8a7f6b*/; }
#content.anfrage table { margin-bottom: 30px; }
.dottedline { height: 1px; margin: 14px 0px; border-bottom: 1px dotted #d5d2cc; }

#content.danke h1 { height: 15px; /*margin-bottom: 9px;*/margin-bottom: 25px; background: url(images/h1_danke.gif) no-repeat; }

/* -------------------------- Styles der alten Seite fürs Impressum übernommen... ------------------------------- */

#p1 {
background: #ffffff;
padding: 8px;
height: 500px;
}

#p1_1 {
background: url(images/p1_1.jpg);
height: 413px;
margin-top: 8px;
text-align: left;
}
#p1_1_1 {
padding-left: 24px;
padding-top: 45px;
color: #ffffff;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}

.p1_1_2 {
width: 160px; 
float: left;
}
.p1_1_2 a:link, .p1_1_2 a:visited {
color: #ffffff;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
.p1_1_2 a:hover, .p1_1_2 a:active {
color: #ffffff;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}
.p1_1_3 {
color: #ffffff;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
.p1_1_4 {
float: left;
background: url(images/p1_1_4.gif);
width: 315px;
height: 1px;
font-size: 0;
overflow:hidden;
margin-top: 21px;
margin-bottom: 22px;
}
.p1_1_5 {
float: left;
border-bottom: 1px solid #A6A299;
margin-top: 40px;
width: 315px;
font-size: 0px;
}
#p1_1_6 {
float:right;
margin-top: 8px;
margin-right: 25px;
text-align: right;
display:inline;
background: url(images/p5.gif) left center no-repeat;
padding-left: 8px;
}
#p1_1_6 a:link, #p1_1_6 a:visited {
color: #ffffff;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
#p1_1_6 a:hover, #p1_1_6 a:active {
color: #ffffff;
font: normal 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration: underline;
}