


body {
	background-color:#c2c2c2;	
	margin:0;
	text-align: center;
	height: 100%

}

p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.left {
	float:left;
	display:inline;

}


.mainContainer {
	position: relative;
	margin: 0px auto;
	width: 1000px;
	text-align: left;
	background-image:url(../images/bg_linie.gif);
	/*background-color:#FFFFFF;
	display:inline;*/
}

.borderShadow{	
	float:left;
	background-image: url(../images/bg_linie.gif);
	background-repeat: repeat-y;
	background-color:#FFFFFF;
	display:inline;	

}

/* -------------------------------------------
Navigation
------------------------------------------- */

.navOut {
	float:left;
	margin: 0 0 0px 0;
	width: 272px;
	min-height: 280px;
	background-image:url(../images/bg_plant_nav.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	display:inline;
}

*html .navOut {height: 280px;}

.navIn {
	float:left;  
	margin: 86px 0 0 0;
	width: 241px;
	display:inline;
}

/* -------------------------------------------
Flash
------------------------------------------- */

.flashSmall {
	float:left;
	margin: 0 0 0 0;
	width: 272px;
	height: 164px;
	display:inline;
	overflow:hidden;
}

/* -------------------------------------------
Template Wohnungen / Suche
------------------------------------------- */



.headerWohnungen{
	float: left;
	width: 970px;
	height: 208px;
	background-image:url(../images/headerWohnungen.jpg);
	background-repeat:no-repeat;
	margin: 0px 0 0 15px;
	display:inline;
}

.wohnungenHeaderCenter {
	float:left;
	margin: 0px 0px 0px 0px;
	width: 380px;	
	display:inline;
	
}

.sucheHeaderCenter {
	float:left;
	margin: 0px 0px 0 0px;
	width: 328px;	
	display:inline;
	
}

.wohnungenHeaderRight {
	float:left;
	margin: 0px 0px 0px 0px;
	width: 318px;
	display:inline;
	
}

.sucheHeaderRight {
	float:left;
	margin: 0px 0px 0 0px;
	width: 370px;
	display:inline;
	
}

.wohnungenCenter {
	float:left;
	margin: 0px 0px 0 0px;
	width: 430px;
	display:inline;
	
}

.sucheCenter {
	float:left;
	margin: 0px 0px 0 0px;
	width: 698px;
	min-height: 300px;
	background-image:url(../images/map_search_bottom.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	display:inline;
	
}

*html .sucheCenter{ height: 300px;}

.wohnungenContent {
	float:left;
	margin: 0px 0px 0 0px;
	width: 420px;
	display:inline;
	
}

.wohnungenNavOut {
	float:left;
	margin: 0 0 0px 0;
	width: 272px;
	min-height: 280px;
	background-image:url(../images/bg_plant_nav_wohnungen.jpg);
	background-repeat:no-repeat;
	display:inline;
}

*html .wohnungenNavOut {height: 280px;}

.wohnungenNavIn {
	float:left;  
	margin: 42px 0 0 0;
	width: 241px;
	display:inline;
}

.wohnungenTitle{
	float:left;
	width: 380px;
	margin: 164px 0px 0px 0px;
	display:inline;
	
}

.sucheTitle{
	float:left;
	width: 328px;
	margin: 164px 0px 0px 0px;
	display:inline;
	
}

.wohnungenBoxRight{
	float:left;
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display:inline;
	
}



/* -------------------------------------------
Template Home
------------------------------------------- */
.header{
	float: left;
	width: 970px;
	height: 164px;
	margin: 0px 0 0 15px;
	display:inline;
}

.flashBig{
	float: left;
	width: 702px;
	height: 164px;
	display:inline;
}

.middle {
	float:left;
	margin: 0px 15px 0 15px;
	padding: 0 0 0px 0;
	width: 970px;
	background-color: #FFFFFF;
	display:inline;
}



/* -------------------------------------------
Template Inhalt
------------------------------------------- */

.inhaltLeft {
	float:left;
	margin: 0px 0px 0 15px;
	padding: 0px 0px 0 0px;
	width: 272px;
	display:inline;
	
}

.inhaltCenter {
	float:left;
	margin: 0px 0px 0 0px;
	width: 430px;
	background-image:url(../images/header_plant_430_164.jpg);
	background-repeat:no-repeat;
	display:inline;
	
}

.inhaltTitle {
	float:left;
	margin: 0px 0px 14px 0px;
	width: 420px;
	display:inline;
	
}

.inhaltContent {
	float:left;
	margin: 164px 0px 0 0px;
	width: 420px;
	display:inline;
	
}

.inhaltRight {
	float:left;
	margin: 0px 0px 0 0px;
	width: 268px;
	min-height:164px;
	background-image:url(../images/header_plant_268_164.jpg);
	background-repeat:no-repeat;
	display:inline;
	
}

.inhaltWebcam {
	float:left;
	margin: 19px 0px 0 138px;
	width: 110px;
	height:44px; 
	display:inline;
	
}

.inhaltBoxRight {
	float:left;
	width: 210px;
	padding: 148px 0px 0px 0px;
	display:inline;
	
}



#showPicture01 {
	Position: absolute;
	top:180px;
	left: 640px;
	width:300px;
	height: 200px;
	background-color:#FFFFFF;
	border:1px double #CCCCCC;
	visibility:hidden;
	
}

#showPicture02 {
	Position: absolute;
	top:20px;
	left: 640px;
	width:300px;
	height: 200px;
	background-color:#FFFFFF;
	border:1px double #CCCCCC;
	visibility:hidden;
	display:inline;
	
}

/* Siedlung - Eichenweg*/
#showPicture03 {
	Position: absolute;
	top:160px;
	left: 342px;
	width:351px;
	height: 229px;
	padding: 11px 11px 23px 10px;
	background-image:url(../images/bg_layer_mouseover.gif);
	text-align: left;
	visibility:hidden;
	
}


/* -------------------------------------------
Print
------------------------------------------- */

.printHeader {
	display:none;
	
}

/* -------------------------------------------
Rechte Spalte
------------------------------------------- */

/*normale Box*/
.csc-frame-frame1  { 
	float:left;
	width: 215px;
	margin: 0px 0px 0px 7px;
	padding: 13px 10px 0px 18px;
	min-height: 250px; 
	background-image:url(../images/inhaltBoxRight.gif);
	background-repeat:no-repeat;
	display:inline;
	}
	
/* IE*/
*html .csc-frame-frame1 { height: 250px;}

/* News-Ticker-Box*/	
.csc-frame-frame2  { 
	float:left;
	width: 215px;
	margin: 0px 0px 0px 7px;
	padding: 13px 10px 0px 18px;
	min-height: 80px; 
/*	background-image:url(../images/newsBoxRight.gif);   */
	background-image:url(../images/inhaltBoxRight.gif);
	background-repeat:no-repeat;
	display:inline;
	}
	
/* IE*/
*html .csc-frame-frame2 { height: 80px;}



/* -------------------------------------------
Zweispaltiges Inhaltselement
------------------------------------------- */

.links  { 
	float:left;
	width: 205px;
	margin: 0px 0px 0px 0px;
	display:inline;
	}
	
.rechts  { 
	float:left;
	width: 205px;
	margin: 0px 0px 0px 10px;
	display:inline;
	}
	
	



/* Formular */ 
/*////////////////////////////////////////////////////////////////////////////////////////////////*/
.formular_check_1{
	float:left;
	width: 20px;
	height: 20px;
	display:block;
}
*html .formular_check_1 { display: inline;}

.formular_check_2{
	float:right;
	width: 400px;
	height: 20px;
	display:block;
}
*html .formular_check_2 { display: inline;}

.formular_field_1{
	float:left;
	width: 180px;
	margin-bottom: 3px;
	display:block;
}
*html #formular_field_1 { display: inline;}

.formular_field_2{
	float:left;
	width: 210px;
	margin-bottom: 3px;
	display:block;
}
*html .formular_field_2 { display: inline;}

.formular_space{
	float:left;
	width: 425px;
	height: 18px;
	display:block;
}
*html .formular_field_2 { display: inline;}

/*wenn #formular_field_1 breiter als #formular_field_2 ist, &#65533;verr&#65533;ert&#65533; es das Formular*/

/*input{ background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 200px; }*/
.form{ background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 200px; }
/* mit Breite und H&#65533;he */
.formular{ background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 200px; height: 14px;}
.formularfeld{ background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 14px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 200px; height: 120px;}
.search{ background-color: #FFFFFF; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 11px; line-height: 11px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 115px; height: 12px;}
.button{ background-color: #e60050; color: #FFFFFF; font-size: 12px; font-weight:bold; line-height: 14px; border:1px double; border-color: #e60050  #e60050 #e60050 #e60050; height: 18px;}
.textarea{ background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 200px; height: 100px;}










/* -------------------------------------------
Content
------------------------------------------- */


.contentContainer{
	float:left;
	margin: 0 0 0 0px;
	width: 698px;
	display:inline;
	overflow:hidden;
}



/* -------------------------------------------
Home
------------------------------------------- */


.titleHome{
	float:left;
	margin: 0 0 0 5px;
	/*width: 500px;*/
	display:inline;
	clear:both;
}

.leadHome{
	float:left;
	margin: 26px 0 0 5px;
	width: 500px;
	display:inline;
}

.boxenHome{
	float:left;
	margin: 38px 0 0 0px;
	width: 380px;
	height: 220px;
	background-image:url(../images/boxen_home.gif);
	display:inline;
}

.boxLeft{
	float:left;
	margin: 50px 0 0 17px;
	width: 165px;
	height: 125px;
	overflow: hidden;
	display:inline;

}

.boxRight{
	float:left;
	margin: 50px 0 0 25px;
	width: 165px;
	height: 145px;
	overflow: hidden;
	display:inline;

}
/*  Anpassung der Boxen wegen längerem Inhalt > Stan  */
.boxRightTop{
	float:left;
	margin: 39px 0 0 10px;
	width: 288px;
/*	height: 78px;
	background-image: url(../images/box_aktuell.gif);   */
/*	height: 130px;   */
	height: 160px;
	background-image: url(../images/box_aktuell_140px.gif);
	background-repeat:no-repeat;
	display:inline;
}

/*  Anpassung der Boxen wegen längerem Inhalt > Stan */
.boxRightTopContent{
	float:left;
	margin: 36px 0 0 13px;
	width: 265px;
/*	height: 30px;
	height: 100px;  */
	height: 120px;
	overflow:hidden;
	display:inline;
}

.boxRightBottom{
	float:left;
	margin: 16px 0 0 5px;
	width: 296px;
	height: 144px;
	background-image:url(../images/box_slideshow.jpg);
	display:inline;
}


/* -------------------------------------------
Footer
------------------------------------------- */


.footer {
	float: left;
	width: 970px;
	height: 117px;
	margin: 0px 15px 0 15px;
	background-image:url(../images/bg_bottom.jpg);
	display:inline;
}

.footerHome {
	float: left;
	width: 970px;
	height: 117px;
	margin: 0px 15px 0 15px;
	background-image:url(../images/bg_bottom_home.jpg);
	display:inline;
}

.borderBottom {
	float: left;
	width: 1000px;
	height: 15px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-image:url(../images/borderBottom.gif);
	display:inline;
}

/* -------------------------------------------
Housing Estate
------------------------------------------- */
div.tx-housingestatemgm-pi1 {
	font-family: Verdana,sans-serif;
	font-size: 10px;
}

.tx-housingestatemgm-pi1 a:link {color: #000000;}
.tx-housingestatemgm-pi1 a:active {color: #000000;}
.tx-housingestatemgm-pi1 a:visited {color: #000000;}
.tx-housingestatemgm-pi1 a:hover {color: #e60050;}


div.tx-housingestatemgm-pi1 select {
	display: block;
	position: relative;
	/* adjustment of the input elements */
	top: -16px !important;
	top: -15px;
	/* distance to the left border*/
	left: 100px;
	/* width of the input element*/
	width: 200px;

	/* dietlimoos style*/
	background-color:#F1F2F3;
	border:1px double #666666;
	color:#333333;
	font-family:Arial,Helvetica,Verdana,SunSans-Regular,Sans-Serif;
	font-size:12px;
	line-height:12px;

}

div.tx_housingestatemgm_pi1_search  {
	display: block;
	position: relative;
	top: 9px;
}

div.nf_rooms select {
	width: 80px;
}

div.to_rooms {
	position: absolute;
	margin: -31px 191px !important;
}

*+html div.to_rooms {
	margin: -33px 191px !important;
}

* html div.to_rooms {
	margin: -33px 191px !important;
}

	div.to_rooms select {
		left: 29px;
		margin: 0px 0;
		width: 80px;
	}

div.tx-housingestatemgm-pi1 label {
	display: block;
	cursor: pointer;
}

div.tx_housingestatemgm_pi1_listing {
	margin: 30px 0;
	width: 698px;
}

div.tx_housingestatemgm_pi1_listing th {
	text-align: left;
	vertical-align: top;

}

div.tx_housingestatemgm_pi1_listing th.estate {
	width: 94px;
}

div.tx_housingestatemgm_pi1_listing th.floor {
	width: 43px;
}

div.tx_housingestatemgm_pi1_listing th.room {
	width: 55px;
}

div.tx_housingestatemgm_pi1_listing th.referencedate {
	width: 86px;
}

div.tx_housingestatemgm_pi1_listing th.livingspace {
	width: 76px;
}

div.tx_housingestatemgm_pi1_listing th.rent {
	width: 92px;
}

div.tx_housingestatemgm_pi1_listing th.status {
	width: 62px;
}

div.tx_housingestatemgm_pi1_listing th.layout {
	width: 84px;
}

div.tx_housingestatemgm_pi1_listing table {
	border-collapse: collapse;
	width: 678px;
}

div.tx_housingestatemgm_pi1_listing tr.tr_listing {
	border: 1px solid #ccc;
	border-width: 1px 0;
}

*+html div.tx_housingestatemgm_pi1_listing tr.tr_listing td {
	border: 1px solid #ccc;
	border-width: 1px 0;
}

* html div.tx_housingestatemgm_pi1_listing tr.tr_listing td {
	border: 1px solid #ccc;
	border-width: 1px 0;
}
