/*
CSS hws-berlin.de (Standard-Screen-Version mit einer Breite von ca. 1000px, umgerechnet in em / zentriert / Textgroesse ca. 0,8 em )
Version: Mozilla/Firefox
*/

html {
	height:100%;
	width:100%;
}

body  {
	color: #000000;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin-top : 0px;
	margin-right : 0px;
	margin-bottom : 0px;
	margin-left : 0px;
	width:100%;
	height:100%;
}


ul {
	padding-left:1em;
	padding-right:1em;
	}
 
h1 {
	color:#618eb8;
	font-size: 140%;
	font-weight:bold;
	margin-top:0.2em;
}

h2 {
	color:#618eb8;
	font-size: 120%;
	font-weight:bold;
	padding-top:0.5em;
	margin-bottom:-0.6em;
}

h3 {
	color:#000000;
	font-size: 110%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

/*Erste Zeile Titelseite*/
h4 {
	color:#ca5b30;
	font-size: 140%;
	font-weight:bold;
	margin-top:0.2em;
	margin-bottom:0.4em;
}

/*Die fette zweite Zeile mit blauem Hinterund*/
h5 {
	color:#ffffff;
	font-size:240%;
	font-weight:bold;
	background-color:#85abcf;
	padding: 0.1em;
	margin-bottom:0.2em;
	margin-top:0px;
	display: inline;
}

/*Die fette zweite Zeile mit blauem Hinterund, etwas kleiner*/
h6 {
	color:#ffffff;
	font-size:220%;
	font-weight:bold;
	background-color:#85abcf;
	padding: 0.1em;
	margin-bottom:0.2em;
	margin-top:0px;
	display: inline;
}

iframe {
	border-width:0px;
	padding:0px;
	margin:0px;
	background-color:#E9E9E9;
}

/*Die Formatierung des Mailformulars*/
.csc-mailform {
border-color:#eeeeee;
border-width:0px;
display:block;
width:99%;
padding-left:0px;
padding-top:10px;
}

label {
width:205px;
float: left;
text-align: left;
}

input, textarea {
position: relative;
width:350px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: #ffffff;
border:1px solid #999999;
padding:2px;
margin-bottom:5px;
}

.csc-mailform-check {
border: none;
width:auto;
left: 20px;
border:1px solid #3399cc;
padding:2px;
margin: 2px 0px 2px 0px;
}

#mailformformtype_mail {
width:165px;
left:205px;
margin-top:20px;
}

.mf-check {
text-align:left;
width:8px;
margin-left:0px;
vertical-align:bottom
}

#mailformAnrede, #mailformParkhaus {
position: relative;
width:165px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: #ffffff;
border:1px solid #999999;
padding:2px;
margin-bottom:5px;
}

#mailformPLZ, #mailformGeburtsdatum, #mailformFax, #mailformTelefon_Mobil, 
#mailformQuadratmeter_von, #mailformAnzahl_der_Zimmer, #mailformQuadratmeter_bis,
#mailformTelefon, #mailformMobil, #mailformNettoeinkommen, #mailformAnzahl_Personen
{
position: relative;
width:160px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: #ffffff;
border:1px solid #999999;
padding:2px;
margin-bottom:5px;
}

#mailformEinkommen_aus {
position: relative;
width:250px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background: #ffffff;
border:1px solid #999999;
padding:2px;
margin-bottom:15px;
}

.csc-mailform-label {
position:relative;
font-weight:normal;
padding-top:10px;
height:25px;
line-height:18px;
vertical-align:bottom;
}

.csc-linkToTop {
	font-size:10px;
	}

/*Die Tabelle mit den Gaesteapartments formatieren*/
#table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:transparent;
}

#table tr {
	background-color:#ffffff;
	}
	
#table .tr_1 {
	color:#ffffff;
	background-color:#679ac9;
	font-weight:bold;
	}

/*Ein PDF-Logo vor dem Download-Link*/
.download {
background-image:url(../pics/system/acrobat.gif);
background-position:left;
background-repeat:no-repeat;
padding-left: 22px;
}

/*Die normalen Links im Text des Content*/
#content a:link ,#content  a:visited ,#content  a:hover  {
	color:#57616d;
	text-decoration:none;
	font-weight:bold;
}

#content a:hover {
	color:#000000;
	text-decoration:underline;
	font-weight:bold;
}

/*Die obere vertikale Navigation*/
a.jump_top:link, a.jump_top:visited, a.jump_top:hover {
	font-size:10px;
	color:#57616d;
	text-decoration: none;
	font-weight:bold;
}

a.jump_top:hover {
	font-size:10px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

/*Die obere vertikale Navigation*/
a.nav_top:link, a.nav_top:visited, a.nav_top:hover {
	color:#57616d;
	text-decoration: none;
	font-weight:bold;
}

a.nav_top:hover {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}


/*Die Formatierung der Links in der linken Navigationsleiste*/

/*Die erste Navigationsebene*/
a.menu_l_1 {
	width:6em;
	font-size:1em;
	margin-top:1.2em;
	margin-bottom:0.6em;
	margin-left:0.5em;
	background-color:transparent;
	color:#3e4854;
	text-decoration:none;
	font-weight:bold;
	padding-left:0.6em;
	border-left-color:transparent;
	border-left-style:solid;
	border-left-width:5px;
	display:block;
	}
	
a.menu_l_1:hover{
	color:#000000;
	border-left-color:#679ac9;
	}
		
a.menu_l_1_white {
	width:6em;
	font-size:1em;
	color:#FFFFFF;
	border-left-color:#ffffff;
	margin-top:0.3em;
	margin-bottom:0.3em;
	margin-left:0.5em;
	background-color:transparent;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	padding-left:0.6em;
	border-left-color:transparent;
	border-left-style:solid;
	border-left-width:5px;
	display:block;
	}
	
a.menu_l_1_white:hover{
	color:#ffffff;
	border-left-color:#ffffff;
	}

.menu_l_1_act {
	width:6em;
	font-size:1em;
	margin-top:1.2em;
	margin-bottom:0.6em;
	margin-left:0.5em;
	background-color:transparent;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding-left:0.6em;
	border-left-color:#679ac9;
	border-left-style:solid;
	border-left-width:5px;
	display:block;
}

.menu_l_1_act_white {
	width:6em;
	font-size:1em;
	margin-top:1.2em;
	margin-bottom:0.6em;
	margin-left:0.5em;
	background-color:transparent;
	color:#ffffff;;
	text-decoration:none;
	font-weight:bold;
	padding-left:0.6em;
	border-left-color:#ffffff;
	border-left-style:solid;
	border-left-width:5px;
	display:block;
}

.orange_back_nav_1 {
	width:100%;
	background-color:#ca5b30;
	margin-top:2em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	vertical-align:middle;
	}

/*Die zweite Navigationseben*/
a.menu_2_l {
	color:#3e4854;
	width:11em;
	font-size: 0.75em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.6em;
	margin-left:1.4em;
	margin-top:0.1em;
	margin-bottom:0.1em;
	background-color:transparent;
	border-left-color:transparent;
	border-left-style:solid;
	border-left-width:5px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	}

a.menu_2_l:hover{
	color:#000000;
	border-left-color:#679ac9;
	}
	
a.menu_2_l_white {
	color:#ffffff;
	width:11em;
	font-size: 0.75em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.6em;
	margin-left:1.4em;
	margin-top:0.1em;
	margin-bottom:0.1em;
	background-color:transparent;
	border-left-color:transparent;
	border-left-style:solid;
	border-left-width:5px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	}

a.menu_2_l_white:hover{
	color:#ffffff;
	border-left-color:#ffffff;
	}
	
.menu_2_l_act {
	color:#000000;
	width:11em;
	font-size: 0.75em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.6em;
	margin-left:1.4em;
	margin-top:0.1em;
	margin-bottom:0.1em;
	background-color:transparent;
	border-left-color:#679ac9;
	border-left-style:solid;
	border-left-width:5px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	}

.menu_2_l_act_white {
	color:#ffffff;
	width:11em;
	font-size: 0.75em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.6em;
	margin-left:1.4em;
	margin-top:0.1em;
	margin-bottom:0.1em;
	background-color:transparent;
	border-left-color:#ffffff;
	border-left-style:solid;
	border-left-width:5px;
	text-decoration:none;
	font-weight:bold;
	display:block;
	}


/*Die dritte Navigationseben*/
a.menu_3_l {
	color:#3e4854;
	width:11em;
	font-size: 0.7em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.6em;
	margin-left:2.1em;
	margin-top:0.1em;
	margin-bottom:0.1em;
	background-color:transparent;
	border-left-color:transparent;
	border-left-style:solid;
	border-left-width:5px;
	text-decoration:none;
	font-weight:normal;
	display:block;
}

a.menu_3_l:hover{
	color:#000000;
	border-left-color:#679ac9;
}

.menu_3_l_act {
	color:#000000;
	width:11em;
	font-size: 0.7em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.6em;
	margin-left:2.1em;
	margin-top:0.1em;
	margin-bottom:0.1em;
	background-color:transparent;
	border-left-color:#679ac9;
	border-left-style:solid;
	border-left-width:5px;
	text-decoration:none;
	font-weight:normal;
	display:block;
}

/*Die dritte Navigationseben in orange*/
a.menu_3_l_orange {
	color:#ffffff;
	width:11em;
	font-size: 0.7em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.6em;
	margin-left:2.5em;
	margin-top:0.1em;
	margin-bottom:0.1em;
	background-color:transparent;
	border-left-color:transparent;
	border-left-style:solid;
	border-left-width:5px;
	text-decoration:none;
	font-weight:bold;
	display:block;
}

a.menu_3_l_orange:hover{
	color:#ffffff;
	border-left-color:#ffffff;
	font-weight:bold;
}

.menu_3_l_act_orange {
	color:#ffffff;
	width:11em;
	font-size: 0.7em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.6em;
	margin-left:2.5em;
	margin-top:0.1em;
	margin-bottom:0.1em;
	background-color:transparent;
	border-left-color:#ffffff;
	border-left-style:solid;
	border-left-width:5px;
	text-decoration:none;
	font-weight:bold;
	display:block;
}


/*Die Formartierung der Eingabefelder*/
.search {
	font-size:12px;
	color: #000000;
	font-weight:normal;
	background-color: #ffffff;
	width:160px;
	height:16px;
	margin-top:5px;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
}

.submit_search {
	font-size:12px;
	color: #000000;
	font-weight:normal;
	background-color: #ffffff;
	width:100px;
	height:22px;
	margin-top:-1px;
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	text-align:center;
}

.csc-searchResultHeader {
	margin-bottom:0.1em;
	}

/*Die Gestaltung der Bilder*/
.logo_top {
	width:100%;
	height:100%;
}

/*Die ID`s zur absoluten Positionierung*/
#container {
   	margin: 0 auto;
   	position: relative;
	width:992px;
	min-height:101%;
	height:auto !important;
  	height:101%;
	background-image:url(../pics/system/background_tutto_blau.png);
	background-repeat:repeat-y;
	border-right-width:1px;
	border-right-color:#D6D6D6;
	border-right-style:solid;
	padding-bottom:40px;
}

#logo_print, #header_print, #content_print, #container_print {
	display:none;
}

#menu_1 {
	float:left;
	position: relative;
	color:#000000;
	height:auto;
	width:175px;
	z-index:4;
	margin-top:185px;
	margin-left:12px;
}

#menu_2 {
	position:absolute;
	font-size:14px;
	font-weight:bold;
	color:#3e4854;
	left:285px;
	top:140px;
	height:24px;
	width:650px;
	z-index:6;
	vertical-align:top;
	background-color:transparent;
}

#header{
	position:absolute;
	font-size:0.9em;
	font-weight:bold;
	color:#57616d;
	left:195px;
	top:173px;
	height:100px;
	width:797px;
	z-index:9;
	background-color:transparent;
}

#content {
	color:#57616d;
	font-size:14px;
	float: right; 
	display:inline; 
	position: relative;
	width:735px;
	height:auto;
	margin-top:300px;
	margin-right:33px;
}

#footer {
	float:right;
	color:#618eb8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:bold;
	text-align:right;
	width:710px;
	margin-right:30px;
	background-color:transparent;
	margin-top:30px;
	overflow:visible;
}

#iframe_1 {
	width:100%;
	height:4100px;
}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

sup {
	line-height:4px;
	font-size:4px;
}

.text_missing {
	color:#990000;
	font-weight:bold;
}

#immo_table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:transparent;
}

#immo_table tr {
	font-size: 12px;
}

#immo_table .tr_1 { /*Die blaue Tabellen-Kopfzeile*/
	font-size: 12px;
	color:#ffffff;
	background-color:#679ac9;
	font-weight:bold;
}

#immo_table .tr_1_orange { /*Die orange Tabellen-Kopfzeile*/
	font-size: 12px;
	color:#ffffff;
	background-color:#ca5b30;
	font-weight:bold;
}

#immo_table .tr_2 {
	background-color:#f8f8f8;
}

#immo_table .tr_3 { /*Die kleine Zwischenzeile in den Tabellen*/
	height:1px;
	line-height:1px;
	font-size:1px;
}

#immo_table td {
	font-size: 12px;
	padding-left:2px;
	padding-right:2px;
}

#immo_table .td_1 {
	font-size: 12px;
	padding-left:5px;
	padding-right:5px;
}

#immo_table .td_2 {
	font-size: 12px;
	padding-left:5px;
	padding-right:5px;
	color:#57616d;
}

.text {
	color:#57616d;
	font-size:12px;
}

a.epose_link {
	color:#618eb8;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none
}

a.epose_link:hover {
	color:#000000;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
}

a.orange_link {
	color:#ca5b30;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none
}

a.orange_link:hover {
	color:#000000;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
}

a.close_link {
	color:#ffffff;
	font-size: 13px;
	font-weight:bold;
	text-decoration:none;
}

a.close_link:hover {
	color:#cccccc;
}

a.immo_link {
	color:#CA5B30;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
}

a.immo_link:hover {
	color:#CA5B30;
	font-size: 12px;
	font-weight:bold;
	text-decoration:underline;
}

/*Die normalen Links im Text*/
a.text_link  {
	color:#57616d;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
}

a.text_link:hover {
	color:#000000;
	text-decoration:underline;
	}
	
.radio_button{
	width:auto;
	display:block;
}

.sort_by {
	font-size:12px;
	margin-left:5px;

}

.line {
	color:#cccccc;
	height:1px;
}

.pic_frame {
	border:1px solid #cccccc;
	background-color:#f8f8f8;
}


.td_text {
	color: #57616d; 
	font-family: Arial, Helvetica, sans-serif; 
	font-Size: 13px;
	padding-left:7px;
}
.input_small {
width:104px;
}

.input_large {
width:350px;
}

.textarea_large{
width:350px;
height:100px;
}


.dropdown_1{
width:220px;
}


.dropdown_2{
width:104px;
}

.alert {
	color:#990000;
	font-weight:bold;
}


/*Tabelle in typo3 erstellt*/

.contenttable {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:auto
}

.contenttable tr{
	color:#57616d;
	background-color:#ffffff;
	font-weight:normal;
}

.contenttable td{
	padding-left:3px;
	padding-right:3px;
}

.contenttable .tr-0{
	font-size: 12px;
	color:#ffffff;
	background-color:#679ac9;
	font-weight:bold;
}

/*Die Anzeige von Google-Maps und due Textunterschrift */
#map {
	font-size:13px;
	width:98%;
	height:38em;
	top:5px;
	border-width:1px;
	border-color:#999999;
	border-style:solid;
	color:#333333;
	background-color:#ffffff;
}

#maplegend {
	font-size:0.9em;
	width:100%;
	height:1em;
	margin-top:0.6em;
	border-color:#333333;
	visibility:visible;
}

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* Float containers fix */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
 }
 
.clearfix{
	display: inline-block;
	}

/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
	}
.clearfix{
	display: block;
	}
/* End hide from IE-mac */