/* Hauptnaviagtion */
html, body {
	width: 100%;
	height: 100%;
	margin:0%;
 	padding:0%;
	}

BODY {
	color: #333333;
	font: normal 0.8em Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	background: url(bg_body.png) repeat-x scroll;
}

ul { margin:0px;
}

li { margin:0px;
}

#container {
	position:relative;
	margin: 0px auto;
	width:770px;
	min-height: 100%;
	height:auto !important; /* moderne Browser */
	height:99%; /* IE */
	
	/*position: absolute;
	left: 50%;
	width: 770px;
	min-height: 100%;
	margin-left:-385px; 
	margin-top:0px; 
	height:auto;*/
}

#skyscraper {
	position: absolute;
	left: 50%;
	width: 160px;
	margin-left: 405px; 
	margin-top:0px; 
	height:auto;
	top: 110px;
}

html>body #container {
	height:auto;
	}

#balken {
	position:relative;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #3399FF url(bg_balken.gif) bottom center no-repeat;
	clear:both;
	}
	
#flashcontent {
	position: absolute;
	top: 90px;
	height: 170px;
	width: 770px;
}

img#subheader {
position: absolute;
	top: 260px;
}


#logo {
	position: absolute;
	top: 25px;
	left: 530px;
}

div#metanavi  { 
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	list-style:none;
	margin:0; 
	padding:0;
	display:inline;
	background: url(bg_metanavi.png) repeat-x scroll;
	text-align:center;
	height:20px;
	color: #fff;
} 


div#metanavi a, div#metanavi a:visited {
	font: bold 11px Arial, Helvetica, sans-serif;
	padding:0px 4px;
	display:inline;
	text-decoration:none;
	color:#fff;
	/*padding-left:5px;*/
}


div#metanavi a:hover {
	text-decoration:none;
	color:#6cc;
}


/* Spalten */
#spalte1 {
	position: absolute;
	top: 300px;
	left: 0px;
	width: 180px;
	_top: 300px;
	/* be nice to IE */
}

#content {
	margin: 0;
	position: absolute;
	top: 300px;
	left: 200px;
	width: 570px;
	/* be nice to IE */
}

#spalte3 {
	/*position: absolute;
	top: 300px;
	left: 590px;
	width: 180px;
	height: auto;*/
	float: right;
	width: 180px;
	/* be nice to IE */
}

/* Subnavigation Seite */

ul#subnavi  { 
	width:180px; 
	list-style:none; 
	margin:0px 0px 10px 0px; 
	padding:0; 
}

 
ul#subnavi li.subnavitop  { 
background: url(bg_navi_top.gif) bottom no-repeat;
height: 10px;
}

ul#subnavi li.subnavibottom  { 
background: url(bg_navi_bottom.gif) top no-repeat;
height: 10px;

}

*:first-child+html ul#subnavi li.subnavibottom  { 
height: 1%;
}


ul#subnavi a { 
	text-align:left;
	padding:5px 5px 5px 15px;
	width:159px;
	height:auto;
	display:block; 
	background: url(arrow_right.gif) left center no-repeat;
	color:#039;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	border-right: solid 1px #6cc;
}

ul#subnavi a:hover, ul#subnavi a.active { 
	color:#6cc;
}

#wobinich {
	position: absolute;
	top: 93px;
	left: 0px;
	font-size: 11px;
	padding: 0px;
	z-index: 5;
	}

/* Boxen */
.boxblue {
	margin-bottom: 10px;
	width: 180px;
	background: #e1e1e1;
	border-bottom: #039 solid 1px;
	clear: both;
}

.boxgreen {
	margin-bottom: 10px;
	width: 180px;
	background: #e1e1e1;
	border-bottom: #6cc solid 1px;
	clear: both;
}

.boxblue h2,
.boxgreen h2 {
	color: #fff;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	background: #7aa300 url(bg_box_green_top.gif) top no-repeat;
	margin:0px;
}


.boxblue h2 {
	background: #00297c url(bg_box_blue_top.gif) top no-repeat;
}

.boxblue p,
.boxgreen p,
.box130green p,
.box220green p,
.box370green p {
	color: #333;
	padding: 2px 5px 5px 5px;
}

.boxblue form,
.boxgreen form,
.box220green form,
.box130green form,
.box370green form {
	color: #333;
	padding: 0px;
}

/*#content .boxblue {
	display: none;
	}*/

.box370green {
	margin: 0px;
	width: 370px;
	background: #e1e1e1;
	border-bottom: #6cc solid 1px;
	margin-bottom: 10px;
	clear: both;
}

.box370green h2 {
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 0px;
	color: #fff;
	background: #7aa300 url(bg_box_green_370_top.gif) top no-repeat;
	margin:0px
}

.box220green {
	margin: 0px;
	width: 220px;
	background: #e1e1e1;
	border-bottom: #6cc solid 1px;
	margin-bottom: 10px;
}

.box220green h2 {
	padding: 2px 5px 2px 5px;
	color: #fff;
	background: #7aa300 url(bg_box_green_220_top.gif) top no-repeat;
	margin:0px
}

.box130green {
	margin: 0px;
	width: 130px;
	background: #e1e1e1;
	border-bottom: #6cc solid 1px;
	margin-bottom: 10px;
}

.box130green h2 {
	padding: 2px 5px 2px 5px;
	color: #fff;
	background: #7aa300 url(bg_box_green_130_top.gif) top no-repeat;
	margin:0px
}

/* Suchfunktion */
.detailsuche {
	margin: 0;
	padding: 0px;
	position: absolute;
	top: 0px;
	left: 415px;
	width: 174px;
	padding: 4px;
	/* be nice to IE */
	background-color: #eeeeee;
	border: 1px solid #666666;
}

#bdsearch, #detailsearch  {
	width:360px;
	padding:5px;
	}

#detailsearch td.sp1 {
	width:140px;
	}
	
#detailsearch td.sp2 {
	width:200px;
	}
#detailsearch select {
	width:200px;
	}
#detailsearch input {
	width:150px;
	margin-top:10px;
	cursor:pointer;
	}

/* Bilder */
img {
	border: 0px;
}

#spalte3 .imgcontainer {
	padding: 0px 0px 10px 0px;
	}

#spalte3 .imgdock {
	display:block;
	width:165px;
	height:165px;
	}
	
a.imgprev {
	display:block;
	height:75px;
	width:60px;
	float:left;
	border: solid 1px #6cc;
	background: none;
	padding: 0px;
	}

img.icon {
	border: 0px;
	vertical-align: middle;
}

.downloadpreview{
	margin: 0;
	padding: 0px;
	padding-left: 5px;
	float: right;
	text-align : right;
}



/* Sprachwahl */
#language {
	margin: 0;
	padding: 5px;
	position: absolute;
	top: 275px;
	left: 610px;
	width: 140px;
	float: left;
	_top: 275px;
	/* be nice to IE */
	height : 70px;
	vertical-align : middle;
}	

/* Inhalt */

/* Tabellen */

div.tr, div.trprint {
	clear: both;
	padding: 0px 0px;
	margin: 0px 0px 10px 0px;
}
	
div.tdpicture { 
	float: right;
	width: 175px;
	text-align: left;
	padding-top: 5px;
	padding-right: 0px;
	}

div.tdtext {
	float: left;
	width: 370px;
	text-align: left;
	padding-bottom : 10px;
}

div#SMcontainer ul,
div#content ul,
div.tdtext ul {
	list-style : url(ul_bullet.gif);
	margin: 0px;
	padding:5px 0px 8px 15px;
	}
	

table.tdforum {
	float: right;
	width: 100%;
	border: 0px; 
	margin: 0px; 
	padding: 0px; 
	border-collapse: collapse;
}

table.tdforum td {
	padding-top: 2px;
	padding-bottom: 2px;
}

div.tddownload {
	width: 358px;
	text-align: left;
	background-color: #ffffff;
	padding: 5px;
	border: 1px solid #6cc;
	margin-bottom: 10px;
	float:left;
}

p {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

h1 {
	color: #666;
	font: normal 1.6em Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 13px;
	margin-top: 0px;
	}
	
	
h2 {
	color: #039;
	font: bold 1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0;
	}
	
.subheadline {
	color: #333333;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
			
.small {
	color: #333;
	font: normal 0.9em Arial, Helvetica, sans-serif;
}

.bildunterschrift {
	color: #333;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	}

.error {
	color: #990000;
	}
	
/* Links */
a {
	color: #039;
	text-decoration: none;
	font-weight: bold;
}

#SMcontainer a,
#content a,
.boxgreen a,
.boxblue a {
	padding-left: 15px;
	background: url(arrow_right.gif) 0px 4px no-repeat;
	}

#content a.down {
	padding-left: 15px;
	background: url(arrow_down.gif) 0px 4px no-repeat;
}

#content a.back {
	padding-left: 15px;
	background: url(arrow_left.gif) 0px 4px no-repeat;
}

#content a.up {
	padding-left: 15px;
	background: url(arrow_up.gif) 0px 4px no-repeat;
}

#SMcontainer a.close,
#content a.close {
	padding-left: 15px;
	background: url(arrow_close.gif) 0px 4px no-repeat;
}

a:visited {
	color: #333;
}

a:hover {
	color: #6cc;
}

a:active {
	color: #6cc;
}

#content a.img,
#content ul.pagenr li a,
#content div.tddownload a {
	background: none;
	padding: 0px;
	}


/* Formulare */
/* generell */
form {
	margin-bottom:9px;
	}

form label {
	display:block;
	margin: 0px 0px 0px 0px;
	width:auto;
	font-size:0.9em;
	}

form input[type=text],
form input[type=password],
form input[type=file],
form select,
form textarea {
	font-size:0.9em;
	background:#FCFCFC;
	border: 1px solid #666;
	width: 90%;
	}	
	
form textarea {
	font: normal 1em Arial, Helvetica, sans-serif;
	}

form input[type=text]:hover,
form input[type=text]:focus,
form input[type=file]:focus,
form input[type=password]:hover,
form input[type=password]:focus,
form input[type=file]:focus,
form select:hover,
form select:focus,
form textarea:hover,
form textarea:focus {
	background:#d6f5f5;
	}
	
form input[type=submit] {
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	background:url(submit.gif) repeat-x;
	color: #666;
	font-size:0.9em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

form input[type=submit]:hover,
form input[type=submit]:focus {
	background: #666;
	border-top:1px solid #666;
	border-left:1px solid #666;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	color:#fff;
	cursor:pointer;
	}
	
form input[type=checkbox]:hover,
form input[type=radio]:hover,
form input[type=checkbox]:focus,
form input[type=radio]:focus {
	outline: 1px dotted #ef6e00;
	}

/* mehrspaltig */
form table {
	width:100%;
	padding-bottom:12px;
	}

form table td {
	vertical-align:top;
	padding-bottom:5px;
	}	

td.full {
	width:100%;
	padding-top:10px;
	}
	
form table input.text {
	width:90%;
	}

form table div {
	width:95%;
	padding: 0px 0px 5px 0px;
	}

form table div input {
	margin-right:6px;
	}

form table td span {
	margin-right:10px;
	}

form table textarea,
form table input[type=file] {
	width:95%;
	}

form input.formsubmit {
	float:right;
	margin-right:5%;
	width:150px;
	}

form .formhr {
	width:95%;
	border:none;
	text-align:left;
	border-top:1px dotted #ccc;
	height:1px;
	color:#CCCCCC;
	margin:7px 0px 12px 3px;
	}
	
/* // */

/*
.form {
	background : #d6f5f5;
	border: 1px solid #666;
	color: #333;
	height:18px;
	font-size:13px;
	margin-bottom: 5px;
}

select.form {
	height: 20px;
	}


html* select.form {
	height: 25px;
	}

form {
	padding: 0px;
	margin: 0px;
	}

.tdforumcontent {
	background: #E1E1E1;
	width: 100%;
	border: 1px solid #ffffff; 
	margin: 0px; 
}*/

hr {
	color: #ccc;
	height: 1px;
}

/* Seitenzahlen für Seitenauswahl bei Suche */

div.pagenrcontainer {
	width: 100%;
	margin: 5px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	border-bottom: solid 1px #039;
	height: 20px;
	}

div#content div.pagenrcontainer ul.pagenr {
	list-style: none;
	position: relative;
	margin: 0px;
	padding: 0px;
	height:20px;
	}
	
.pagenrcontainer ul.pagenr li {
	float:left;
	display:block;
	margin: 0px 10px 0px 0px;
	width: 15px;
	height: 16px;
	text-align:center;
	padding: 0px 0px;
	_padding: 0px 0px;
	background: #fff url(bg_pagenumber.gif) 0px 1px no-repeat;
	}
	

	
/* Tabellen */


table.immobilien,
table.bewerbung {
	width: 570px;
	background: #e1e1e1;
}

table.bewerbungsub {
	width: 570px;
	background: #e1e1e1;
}

table.bewerbung {
	margin-top: 10px;
}

table.finanzierung,
table.immobiliendetail {
	width: 370px;
	background: #e1e1e1;
	margin-bottom: 10px;
}

table.immobiliendetailsub {
	width: 370px;
	background: #e1e1e1;
}

table.sendmail tr td,
table.sendmailsub tr td,
table.bewerbung tr td,
table.bewerbungsub tr td,
table.immobilien tr td,
table.immobiliendetail tr td,
table.immobiliendetailsub tr td {
	padding: 2px 5px;
	border-bottom: #6cc solid 1px;
	vertical-align: top;
}

table.finanzierung tr td {
	padding: 2px 5px;
	border-bottom: #ccc solid 1px;
	vertical-align: top;
}

table.bewerbung tr th h2,
table.immobilien tr th h2,
table.immobiliendetail tr th h2 {
	color: #fff;
	padding: 0px 0px 2px 0px;
}

table.sendmail thead tr th,
table.bewerbung thead tr th,
table.immobilien thead tr th,
table.immobiliendetail thead tr th,
table.finanzierung thead tr {
	text-align:left;
	padding:  2px 5px;
	color: #fff;
}

table.finanzierung thead tr {
	background: #54a7a7 url(bg_box_green_370_top.gif) top no-repeat;
}

table.immobiliendetail td.head, 
table.immobiliendetail thead tr {
	background: #00297c url(bg_box_blue_370_top.gif) top no-repeat;
}

table.bewerbung thead,
table.immobilien thead {
	background: #00297c url(bg_box_blue_570_top.gif) top no-repeat;
}

table.sendmail li,
table.bewerbung li,
table.bewerbungsub li,
table.immobiliendetail li,
table.immobiliendetailsub li {
	list-style: none;
	padding-bottom: 3px;
	margin-left: -20px;
	_margin-left: -20px;
	}

/*SENDMAIL*/

body#sendmail {
	width: 370px;
	background: url(bg_body_popup.png) repeat-x scroll;
    }
	

body#sendmail img.logosmall {
	position: absolute;
	top: 25px;
	left: 255px;
    }
	
body#sendmail #SMcontainer {
	position: absolute;
	top: 90px;
	width: 400px;
	padding-bottom:15px;
	margin-left:20px;
    }
	
table.sendmail {
	width: 400px;
	background: #e1e1e1;
	margin-bottom: 10px;
}

table.sendmailsub {
	width: 400px;
	background: #e1e1e1;
}

table.sendmail thead{
	background: #00297c url(bg_box_blue_400_top.gif) top no-repeat;
}

/* Mitarbeiter */
ul.team {
	margin-left:0px;
	padding-bottom:30px;
	}

.box_team {
	margin-bottom:15px;
	}

.box_team .box_top {
	width:266px;
	height:10px;
	font-size:0px;
	margin:0px;
	background:url(bg_team_box_top.gif) no-repeat;
	}

.box_team .box_middle {
	padding:0px 8px;
	display:block;
	width:248px;
	border-left:1px solid #6cc;
	border-right:1px solid #6cc;
	position:relative;
	}	
	
.box_team .box_bottom {
	width:266px;
	height:10px;
	background:url(bg_team_box_bottom.gif) no-repeat;
	}

.box_middle img {
	float:left;
	width:100px;
	height:130px;
	}	

.box_middle div.infos {
	display:block;
	position:absolute;
	bottom:0px;
	left:120px;
	}

#content .box_middle div.infos a {
	background:none;
	padding-left:0px;
	}

span.phone {
	padding: 0px 0px 0px 15px;
	background: #fff url(bg_phone.png) left no-repeat;
	}
	
span.email {
	padding: 0px 0px 0px 15px;
	background: #fff url(bg_email.png) left no-repeat;
	}
	
span.vcard {
	padding: 0px 0px 0px 15px;
	background: #fff url(bg_vcard.png) left no-repeat;
	}


.idwprev {
	width:165px;
	height:130px;
	display:block;
	}
	
.noimglink,
#content .noimglink,
.boxblue .noimglink {
	background:none;
	padding-left:none;
	margin-left:none;
	}
	
	
#flashis {
	width:370px;
	height:155px;
	border-bottom:1px solid #6cc;
	}
