/* # general ########## */
HTML {
	margin:0;
	padding:0;
}
BODY {
	text-align: center;
	color: #000;
	font: 13px  Arial, Tahoma, sans-serif;
	margin:0;
	padding:0;
	background: #d6e4df url(../img/bg_body.gif) repeat;
}

A:link,
A:visited,
A:hover,
A:active,
A:focus{
	color: #325916;
}
A:hover{
	text-decoration: none;
}

A:focus {
  outline: 0;
}

IMG, A IMG {
	border:0;
}

P {
 line-height:1.2em;
 margin:0;
 padding-bottom:15px;
}
LI { line-height:1.3em;}

H1, H2, H3, H4, H5, H6 {
 margin:0;
 padding:0;
 color:#325916;
}

H1 {
 font-size:19px;
 margin-bottom:0px;
}

H2, H3, H4, H5, H6 {
 font-size:16px;
 margin-bottom:15px;
 font-weight:400;
}


TABLE, TR, TD {
	font: 13px  Arial, Tahoma, sans-serif;
	vertical-align:top;
	padding:0 0 0px 0;
 line-height:1.2em;
}

FORM {
  margin:0;
  padding:0;
}

.clearer {
  clear: both;
  line-height: 0px;
  font-size:0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}
.bo {
 border:1px solid #000; 
}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }

/* alignment classes */
.float-left  {  float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }


/* # page settings ########## */
#container {
	margin:0 auto;
	text-align: left;
	width:962px;
	margin-top:17px;
}

#header {
 position:relative;
 width:962px;
 height: 101px;
 margin-top:17px;
}

#main {
 float:left;
 width:962px;
}

#left-col {
 float:left;
 width:230px;
}

#right-col {
	position:relative;
 float:right;
 width:706px;
}
#counter{
position:relative;
left: 256px;
width: 347px;
border-left:1px solid #999;
border-top:1px solid #999;
border-right:1px solid #999;
font:14px;
background-color:white;
}

/* ### main navigation ########*/
UL#navi {
 margin:0;
 list-style:none;
 font-size:13px;
 padding:0;
 border-top:1px solid #999;
}
#navi LI {
	width:230px;
	height:72px;
 margin:0;
 padding:0;
}
#navi A,
#navi A.current  {
	display:block;
 margin:0;
 text-decoration:none;
 color: #000;
 height:72px;
 background: url(../img/navigation.png) no-repeat;
 text-indent:-999px;
}


#gebaeude A  {
	background-position:0 0;
}
#gebaeude A:hover,
#gebaeude A.current  {
	background-position: -230px 0;
}
#fortschritt A  {
	background-position:0 -72px;
}
#fortschritt A:hover,
#fortschritt A.current  {
	background-position: -230px -72px;
}
#projekt A  {
	background-position:0 -144px;
}
#projekt A:hover,
#projekt A.current  {
	background-position: -230px -144px;
}
#architekt A  {
	background-position:0 -216px;
}
#architekt A:hover,
#architekt A.current  {
	background-position: -230px -216px;
}

/* # content area ########## */
#content-frame {
	width:674px;
	background-color:#fff;
	padding:15px 5px 15px 25px;
	border:1px solid #999;
}

#content{
	width:670px;
	height:220px;
	overflow:auto;
}

#contentBig {
	width:674px;
	height:512px;
	overflow:auto;
}

#bigscreen {
	position:relative;
	width:704px;
	height:287px;
	border: 1px solid #999;
	background-color:#fff;
	margin-bottom:3px;
	z-index:50;
} 

#bigscreen #flash {
	position:absolute;
	left:0;
	top:0;
	width:704px;
	height:287px;
}
#pic {
	display:none;
}

#smallscreen {
	position:relative;
	float:left;
	width:347px;
	height:302px;
	border: 1px solid #999;
	background-color:#fff;
} 
#smallscreen #flash {
	position:absolute;
	left:0;
	top:0;
	width:347px;
	height:287px;
} 

#webcam {
	float:right;
	width:352px;
	height:302px;
	border: 1px solid #999;
	background-color:#fff;
}

#gallery {
	position:absolute;
	left:0;
	top:0;
	width:704px;
	height:288px;
	border: 1px solid #999;
	background-color:#fff;
	margin-bottom:3px;
	z-index:100;
	display:none;
} 

#thumbs {
	text-align:right;
}
#thumbs IMG {
	margin:0 0 6px 5px;
	cursor:pointer;
}


/* # Styles für Formularelemente ######### */
FIELDSET {
	font-family:"Lucida Sans Unicode", Arial, Tahoma, Helvetica, sans-serif;
	padding-bottom:5px;
	border:1px solid #999;
	margin-bottom:15px;
}

LEGEND {
	padding:4px;
	color: #000;
	font-weight:700;
}

LABEL {
	cursor:pointer;
	width:100px;
	float:left;
	clear:left;
	cursor:default;
}

INPUT.kontakt {
	border:1px solid #999;
	margin-bottom:3px;
	width:228px;
	margin-right:10px;
	margin-bottom:5px;
}

INPUT.kontakterror {
	border:1px solid #999;
	background-color:#D6E4DF;
	margin-bottom:3px;
	width:228px;
	margin-right:10px;
	margin-bottom:5px;
}

INPUT.submit {
	border:1px solid #999;
	background-color:#fff;
	width:100px;
	color:#315815;
	font-weight:700;
	margin-top:5px;
}
INPUT.submit:hover {
	background-color:#D6E4DF;
}

TEXTAREA,
TEXTAREA.kontakterror {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:1em;
	border:1px solid #999;
	width:328px;
	height:85px;
}
TEXTAREA.kontakterror {
	background-color:#D6E4DF;
}



/* # footer ########## */
#footer {
	width: 230px;
	border-top:1px solid #999;
	text-align:center;
	padding-top:5px;
	margin-top:4px;
}

#footer A:link,
#footer A:visited,
#footer A:hover,
#footer A:active {
	font-size:12px;
	color: #000;
	text-decoration:none;
	padding:0 15px;
}

/* # news ########## */
.newslink { margin-top:3px;border: 1px solid #999;}
#contentnews{
	width:670px;
	height:512px;
	overflow:auto;
}
#wohnspiegel{margin-left:-10px;height:512px;background: url(../img/grundriss.jpg) no-repeat;background-position:bottom;}

/* Tabelle Wohnungsspiegel ########## */
.tablewohn {
color: #000;
font: 10px  Arial, Tahoma, sans-serif;
border: solid 1px #325916;
padding:0 0 0px 0;
spacing:0 0 0px 0;
}


#theader{background-color:#7b9469; color: white; border:solid 1px #a9bb9d;}
#tmain{ border-top:solid 1px #a9bb9d; border-left:solid 1px #a9bb9d;border-right:solid 1px #a9bb9d;border-bottom:solid 1px #a9bb9d;padding-top:15px;padding-bottom:3px;text-align:center; }
a:link.wslink1{color:white;}
A:visited.wslink1{color:white;}
A:hover.wslink1{color:white;}
A:active.wslink1{color:white;}
/* END */