/**
 * Style sheet refugium
 */
 
/* content */


body{
line-height: 17px;                
font-family: Times;
font-size: 14px;
background-color: #444444;
}

html,body{
	margin: 0;
	padding: 0;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}

a{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: white;
	text-decoration: none;
}

img{
border: none;
}

.font_klein{
	font-size: 9px;
}
.font_sehrKlein{
	font-size: 6px;
}

.link_bw{
text-decoration: underline;
color: black;
}

.link_bw_strichlos{
text-decoration: none;
color: black;
}


.link_map{
height: 55px;
text-decoration: none;
}

table.haus{
	text-align: center;
	font-size: 9px;
}


table.haus tr.haus_title td{
background-color: #bbbbb9;
}

table.haus tr.haus_title:hover{
color: black;
}

table.haus tr:hover{
background-color: #d60115;
color: white;
}

table.haus tr.haus_grau{
background-color: #dedede;
}

table.haus tr.haus_grau:hover{
background-color: #d60115;
}

table.haus td a{
font-size: 9px;
color: black;
}

table.haus tr:hover a{
font-size: 9px;
color: white;
}

table.formular{
	font-size: 9px;
}

#wrapper
{
	left:50%;
	top:50%;
	position:absolute;
	margin-left:-400px;
	margin-top:-380px; /* war 340 */
}

#container{
	position: absolute;
	top: 0px;
	left: 0px;
}

#header{
	position: absolute;
	top: 0px;
	width: 800px;
	height: 94px;
}

#menu{
	position: absolute;
	left: 0px;
	top: 93px;
	width: 800px;
	height: 25px;
	background-color: #1a171b;
}

ul#main-nav {
	margin:0;
	padding:0;
	float:left;

}

ul#main-nav li {
	margin-left: 12px;
	padding:0;
	list-style:none;
	float:left;
}

ul#main-nav li a {
	text-decoration:none;
	display:block;
	padding:0.3em;
}

ul#main-nav li a:hover
 {
 	color: #999999;
 }

ul#main-nav li a.grau{
	text-decoration: none;
	color: #999999;
}

input{
padding: 4px;
border: none;
background-color: #d1d1d1;
}

input.checkbox{
background-color: black;
}

input.submit{
background-color: #444444;
color: white;
}

textarea{
border: none;
background-color: #d1d1d1;
padding: 4px;
color: black;
}

#content{
	position: absolute;
	width: 820px;
	height: 700px;
	top: 118px;
	left: 0px;
	overflow: auto;
}

#content_grundriss{
	position: absolute;
	width: 800px;
	height: 600px;
	top: 118px;
	left: 0px;
	background-color: white;
	overflow: auto;
}

#bg_grundriss{
	position: absolute;
	width: 800px;
	height: 30px;
	top: 718px;
	left: 0px;
	background-image: url("images/bg_unten");
	overflow: auto;
}

.textfeld
{
	position: absolute;
	z-index: 10;
	width: 300px;
	top: 40px;
	left: 370px;
}

.logo{
	position: absolute;
	top: 530px;
	left: 680px;
}

.r_logo{
	position: absolute;
	top: 0px;
	left: 810px;
}

#refugium{
	position: absolute;
	top: 0px;
	left: 810px;
}

.textfeld_unterseiten
{
	position: absolute;
	z-index: 10;
	width: 320px;
	top: 15px;
	left: 15px;
}

#feedback{
	position: absolute;
	text-align: center;
	top: 200px;
	left: 390px;
	width: 380px;
}

.map0
{
	position: absolute;
	z-index: 14;
	top: 0px;
	left: 340px;
}


.map
{
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 340px;
}

.map1
{
	position: absolute;
	z-index: 16;
	top: 0px;
	left: 340px;
}

.map2
{
	position: absolute;
	z-index: 17;
	top: 0px;
	left: 340px;
}

.map3
{
	position: absolute;
	z-index: 18;
	top: 0px;
	left: 340px;
}

table{
border: none;
}

div #thumb_navigation{
	position: absolute;
	height: 55px;
	top: 400px;
	left: 337px;
}

div #thumb_navigation_wohnen{
	position: absolute;
	top: 360px;
	left: 337px;
}

div #ausstattung_img{
	position: absolute;
	z-index: 15;
	top: 0px;
	left: 330px;
}

div #thumb_1 a{
padding-left: 35px;
padding-right: 40px;
padding-bottom: 50px;

width: 150px;
height: 150px;
background: url(images/architektur/Thumb_von_oben_passiv_web.jpg);
background-repeat: no-repeat;
}

div #thumb_1 a:hover{
width: 150px;
height: 100px;
background: url(images/architektur/Thumb_von_oben_aktiv_web.jpg);
background-repeat: no-repeat;
}

div #thumb_2 a{
padding-left: 35px;
padding-bottom: 50px;
padding-right: 40px;

width: 150px;
height: 100px;
background: url(images/architektur/Thumb_Westansicht_passiv_web.jpg);
background-repeat: no-repeat;
}

div #thumb_2 a:hover{
width: 150px;
height: 100px;
background: url(images/architektur/Thumb_Westansicht_aktiv_web.jpg);
background-repeat: no-repeat;
}

div #thumb_3 a{
padding-left: 35px;
padding-bottom: 50px;
padding-right: 40px;

width: 150px;
height: 100px;
background: url(images/architektur/Thumb_Ostansicht_passiv_web.jpg);
background-repeat: no-repeat;
}

div #thumb_3 a:hover{
width: 150px;
height: 100px;
background: url(images/architektur/Thumb_Ostansicht_aktiv_web.jpg);
background-repeat: no-repeat;
}

div #thumb_4 a{
padding-left: 35px;
padding-bottom: 50px;
padding-right: 40px;

width: 150px;
height: 100px;
background: url(images/architektur/Thumb_Panorama_passiv_web.jpg);
background-repeat: no-repeat;
}

div #thumb_4 a:hover{
width: 150px;
height: 100px;
background: url(images/architektur/Thumb_Panorama_aktiv_web.jpg);
background-repeat: no-repeat;
}

/* wohnen */
div #wohnen_thumb_0 a{
padding-left: 35px;
padding-bottom: 40px;
padding-right: 40px;

width: 150px;
height: 100px;
background: url(images/wohnen/Thumb_Wohnzi-See_passiv_web.jpg);
background-repeat: no-repeat;
}

div #wohnen_thumb_0 a:hover{
width: 150px;
height: 100px;
background: url(images/wohnen/Thumb_Wohnzi-See_aktiv_web.jpg);
background-repeat: no-repeat;
}



div #wohnen_thumb_1 a{
padding-left: 35px;
padding-bottom: 40px;
padding-right: 40px;

width: 150px;
height: 100px;
background: url(images/wohnen/Thumb_Wohnzi_passiv_web.jpg);
background-repeat: no-repeat;
}

div #wohnen_thumb_1 a:hover{
width: 150px;
height: 100px;
background: url(images/wohnen/Thumb_Wohnzi_aktiv_web.jpg);
background-repeat: no-repeat;
}

div #wohnen_thumb_2 a{
padding-left: 35px;
padding-bottom: 50px;
padding-right: 40px;

width: 150px;
height: 100px;
background: url(images/wohnen/Thumb_Kueche_passiv_web.jpg);
background-repeat: no-repeat;
}

div #wohnen_thumb_2 a:hover{
width: 150px;
height: 100px;
background: url(images/wohnen/Thumb_Kueche_aktiv_web.jpg);
background-repeat: no-repeat;
}

div #wohnen_thumb_3 a{
padding-left: 35px;
padding-bottom: 50px;
padding-right: 40px;

width: 150px;
height: 100px;
background: url(images/wohnen/Thumb_Terrasse_passiv_web.jpg);
background-repeat: no-repeat;
}

div #wohnen_thumb_3 a:hover{
width: 150px;
height: 100px;
background: url(images/wohnen/Thumb_Terrasse_aktiv_web.jpg);
background-repeat: no-repeat;
}

#grundriss{
	position: absolute;
	z-index: 11;
	width: 320px;
	top: 390px;
	left: 15px;
	}

.ticker
{
	color: white;
	font-size: 14px;
	text-align: right;
	position: absolute;
	width: 800px;
	top: 460px;
	left: 0px;
}

div #a1{
position: absolute;
top:0px;
}
div #a2{
position: absolute;
top:0px;
}
div #a3{
position: absolute;
top:0px;
}
div #a4{
position: absolute;
top:0px;
}
div #a5{
position: absolute;
top:0px;
}
div #a6{
position: absolute;
top:0px;
}
div #a7{
position: absolute;
top:0px;
}
div #a8{
position: absolute;
top:0px;
}
div #a9{
position: absolute;
top:0px;
}

div #b1{
position: absolute;
top:0px;
}
div #b2{
position: absolute;
top:0px;
}
div #b3{
position: absolute;
top:0px;
}
div #b4{
position: absolute;
top:0px;
}
div #b5{
position: absolute;
top:0px;
}
div #b6{
position: absolute;
top:0px;
}
div #b7{
position: absolute;
top:0px;
}
div #b8{
position: absolute;
top:0px;
}
div #b9{
position: absolute;
top:0px;
}

.inactiv
{
	color: gray;
	margin-left: 22px;
}