@charset "utf-8";
@import url("reset.css");
@import url("jquery.colorbox.css");
@import url("general.css");
@import url("formate.css");
@import url("sizes.css");

/* Grundlayout */
#page { 
	margin: 0 auto; 
	width: 968px; 
	padding: 0 10px; 
	overflow: hidden; 
	background: url(../images/page_bg.gif) repeat-y center;
}

body.leer #page { background: url(../images/page_bg_leer.gif) repeat-y center; }
body.print #page { background: none; padding: 1em; border: none }
body.popup #page { background: url(../images/popup_bg.gif) repeat-x 0 20px; }

	#header { 
		background: url(../images/header_bg.png) no-repeat bottom left; 
		padding: 17px 22px 23px 26px; 
		overflow: hidden;
    position: relative
	}
		#header .logo { float: left }
    
    #header .mobile { position: absolute; top: 17px; left: 424px }
	
		#header .functionbar { float: right; width: 400px }
	
		#header .styleswitcher { float: left; margin: 14px 5px 0 0 }
			#header .styleswitcher li { display: inline; margin-right: 3px }
				#header .styleswitcher li a { 
					 
					line-height: 10px
				}
				#header .styleswitcher li.normal a { font-size: 10px }
				#header .styleswitcher li.middle a { font-size: 12px }
				#header .styleswitcher li.large a { font-size: 15px;}
		

#serviceheader { 
	background: url(../images/serviceheader_bg.jpg) no-repeat; 
	margin: 5px 0; 
	padding: 0 28px; 
	overflow: hidden; 
	height: 32px;
	position: relative;
}
	
#content { border: 10px solid #ffaf00; overflow: hidden; float: left; margin-bottom: 5px }
	.content #content { border: 0; border-top: 10px solid #ffaf00; overflow: hidden; padding-bottom:40px; }
	#content .suchform_ergebnis { 
		float: left; 
		width: 228px;
		margin: 0 0 0 -20px;
		padding: 3px 0 26px 14px;
		background:url("../images/wohnungssuche_form_bg.gif") no-repeat scroll right top #FEF2CE;
	}


#footer { 
	background: url(../images/footer_bg.gif) repeat-x top; 
	overflow: hidden; 
	margin-top: 5px; 
	padding: 0 31px;
	clear: both
}
	#footer .partner {
		float: right; 
		font-size: 11px; 
		margin-top: -45px 
	}
		#footer h3 { 
			font-size: 11px; 
			color: #133d77; 
			float: left; 
			margin: 0px 38px 10px 0; 
			font-weight: normal 
		}
		#footer .partner ul { float: left }
			#footer .partner a { 
				font-weight: bold; 
				color: #133d77; 
				text-decoration: underline 
			}
			

/* Start */
.start {}
	.start #serviceheader { height: 141px }

/* Popup */
.leer {}
	.leer #page {
		margin: 0 auto;
		overflow: hidden;
		padding: 0 10px;
		width: 768px;
	}
	
		.leer #header {
			background: url("../images/bg_header.gif") repeat-x bottom left;
			overflow: hidden;
			padding: 17px 22px 23px 26px;
		}
		
		.leer #content {
			width: 600px;
			margin: 50px auto;
			border: none;
			float: none;
			text-align: center
		}
		
		.leer ul.buttons { margin-top: 40px; }
			.leer ul.buttons li { float: left; margin-left: 15px }

/* Yellowmap pages */
.map #header {	background: url("../images/bg_header_4colors.png") repeat-x; }
.map #content {
	border: none; 
	float: none;
	text-align: center;
	padding: 30px 15px;
}

/* popup_orange */
.popup_orange {}
	.popup_orange #page {
		margin: 0 auto;
		overflow: hidden;
		padding: 0 10px;
	}
		
		.popup_orange #content {
			margin: 0 auto;
			border: none;
			float: none;
			text-align: left
		}
		
/* Popup */
.popup #footer { 
	background: 0;
	margin: 30px 0;
	border-top: 1px solid #ffaf00;
	padding: 10px 0 
}

.popup #page {
	margin: 20px 20px 20px 30px;
	width: 500px;
	padding: 30px 0 0 0;
}

/* Editmode */
.panel {
	border: 2px dashed #C0C0C0;
	color: black;
	font-family: Arial,sans-serif;
	font-size: 11px;
	text-decoration: none;
}
	a.panel_popup {
		color: #f60;
	}
	.panel_popup_bg {
		background-color: #f60;
		border: 1px solid #f60;
	}
	.panel_popup_fg {
		background-color: #fff;
	}
	.panel_popup_text * {
		color: #000;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 10px;
	}
	.panel_popup_cap {
		color: #fff;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 10px;
		font-weight: bold;
	}
	panel_popup_cap {
		color: #fff;
		font-family: Verdana,Arial,Helvetica,sans-serif;
		font-size: 10px;
		font-weight: bold;
	}

/* Grundlayout */
.edit #page { 
	width: 1000px;
}
	.edit #header {}
		.edit #header .rfloat { width: 500px }
		.edit #header br { 
			line-height: 0; 
			height: 0; 
			overflow: hidden; 
			font-size: 0 
		}
		.edit #header table.panel { float: left; width: auto }

	.edit #serviceheader { 
		height: auto; 
		overflow: visible; 
		margin-bottom: 30px 
	}
		.edit #serviceheader .schnellkontakt table.panel { min-height: 100px }
		.edit #serviceheader table.panel { width: auto }

	.edit #footer { }
		.edit #footer table.panel { width: auto }
		.edit #footer .partner { margin-top: -135px }

/* TinyMCE */
#tinymce h1 { margin: 24px 0 18px 0; line-height: 22px } 
#tinymce a.button { text-decoration: none!important }
#tinymce ul li { background:url("../images/lipoint.gif") no-repeat scroll 0 7px transparent; padding-left: 10px }
#tinymce ol { list-style: decimal; margin: 0 0 15px 22px }
#tinymce ul.dotted-arrow li a, #tinymce .dotted-arrow-txtlink, #tinymce .colored-dotted-arrow,
#mceTemplatePreview ul.dotted-arrow li a, #mceTemplatePreview .dotted-arrow-txtlink{ 
	background-position: -112px 2px 
}
#tinymce .presspictures ul { margin: 0; list-style: none }

ul.tender { margin: 0 }
	ul.tender li { 
		background: none!important; 
		overflow: hidden; 
		padding: 15px 0!important;
		border-bottom: 1px dotted;
	}
	
#tinymce .dottedLine {
	border-top:1px dotted #ffaf00;
	font-size: 1px; 
	height: 1px; 
	margin: 0; 
	padding: 0;
	width: 100%
}