@scharset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- Page layout */

html, body {
	height: 100.1%;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#wrapper {
	min-height:100%;
	margin: 0 auto;
	background: #E6E6FF;
	width: 950px;
	position:relative;
}


#header #top {
	background: #fff url(../images/header.gif) no-repeat bottom left;
	width:950px;
	height:136px;
}


#content {
	clear: both;
	padding: 15px 25px 5em 25px;
}

#footer {	
	width: 950px;
	height: 3em;
	margin: -4.5em auto 0 auto;	
	position: relative;
	border-top: .7em solid #333333;
	
	background: #fff;
	
	text-align: center;
	font-size: .6em;
    padding-top:.8em;
}

a {
	color:#001f4c;
}

#footer a {
	font-weight: 600;
}

/* ----------------------------------------------------- Header */

#header #top a {
	display:block;
	text-indent:-9999px;
	width:240px;
	height:100px;
}


/* ----------------------------------------------------- Top Menu*/

#menu ul {float:left; background:#001f4c; width:950px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding:8px 0 10px 0px; margin:0px;}
#menu li {float:left; padding: 0 15px;}
#menu li a {color: #fff; font-size: .9em;font-weight: 600; text-decoration:none;}
#menu li.menu-kontakt {float:right;}


/* ----------------------------------------------------- SubMenu*/

#submenu ul {float:left; background:#7584A7; width:950px; border-top: 0px solid #fff; border-bottom: 1px solid #fff; padding:3px 0 6px 0px; margin:0px;}
#submenu li {float:left; padding: 0 15px;}
#submenu li a {color: #fff; font-size: .9em;font-weight: 400; text-decoration:none;}
#submenu li.menu-kontakt {float:right;}


/* ----------------------------------------------------- Inhalte*/

#content h1 {font-size:1em; font-weight:600; margin: 10px 0 20px 0;}
#content p {font-size:.8em;margin:10px 10px 10px 0px; width: 500px;}
#content a.rechts {font-size:.8em;float:right;margin:0px;border:1px solid black; width:200px;padding:10px;background:#f84}
#content p.rechts {clear:right; font-size:.8em;float:right;margin:10px 0px;border:1px solid black; width:200px;padding:10px;background:#ccc}
#content p.rechts strong {font-weight:bold;font-size:.9em;margin:4px 0;display:block;}

#content p.rechts.kauperts {background:#13235B url(../images/kauperts_1.png) no-repeat 50% 15px;height:120px;padding:0;width:220px;}
#content p.rechts.kauperts a{display:block;height:120px;}


iframe#immoscout {height:1650px;}
iframe#immowelt {height:1950px;}
iframe#immonet {height:1950px;}

#content ul {list-style-position:inside; list-style-type:disc; }
#content li {font-weight:600; font-size:.9em;}

/* ----------------------------------------------------------- Kontaktform */

#kontaktform form { padding: 0.1em; text-align: left; }
#kontaktform fieldset legend { font-weight: bold; padding: 1em 0 0 0;}
#kontaktform fieldset ul { list-style-type: none; padding: 1em; }
#kontaktform fieldset ul li { clear: both; }
#kontaktform fieldset ul li label { font-size: .9em; text-align: right; float: left; width: 75px; margin-right: 1.5em; }
#kontaktform fieldset ul li textarea {width: 540px; height: 150px;  margin-bottom: 2em; }
#kontaktform fieldset ul li textarea:focus,
#kontaktform fieldset ul li input:focus {background: #f0f0f0; }
.invisible {display:none;visibility: hidden;text-indent:-9999px}

/* ----------------------------------------------------- tables */

table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: .8em;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 4px 20px 4px 4px;
	vertical-align: middle;
}
table.tablesorter thead tr .header {
	background-image: url(img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 10px 10px 10px 6px;
	background-color: #FFF;
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F8F8;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


#objekt {width:250px;}
#zimmer {width:50px;}
#flaeche {width:40px;}
#miete {width:70px;}


/* ----------------------------------------------------- nachmieterserviceform */
fieldset {
	border:1px solid grey;
	margin:2px 0 15px 0;
	padding:10px;
	padding-bottom:20px;
	background-color:#fcd38e;
	font-size:.8em; 
	}

fieldset h3 {
	margin:10px;padding-bottom:2px;
	border-bottom:1px solid grey;
	text-align:right;
	font-size:.9em; 
	color:#555;
	}
	
fieldset label {
	margin-left:60px;
	display:inline-block;
	width:190px;     
	}	

fieldset input, fieldset textarea {
	background-color:#fffaaa;
	border:1px solid grey;
	margin:3px
	}
	
fieldset textarea{
	margin: 3px 0 0 60px;
    width:623px;
	height:125px;
	}
	
legend {
	font-size:.8em; 	
	margin:2px; 
	padding:3px 30px;
	background-color:#f3b51f;
	border-bottom:1px solid grey;border-right:1px solid grey;border-top:1px solid #ececec;border-left:1px solid #ececec;
	}
	
.submit {width:900px;}