/*
CSS hws-berlin.de (Standard-PrintVersion )
*/

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


ul {
	padding-left:1em;
	padding-right:1em;
	color:#333333;
	}
 
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;
	width:100%;
	display:block;
}

/*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;
}

h6 {
	color:#ffffff;
	font-size:215%;
	font-weight:bold;
	background-color:#85abcf;
	margin-top:0px;
	margin-bottom:0px;
	display: inline;
}

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

/*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;
}




/*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;
	}


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

a:hover {
	color:#000000;
	text-decoration:underline;
	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;
}

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

.expose_img_small {
	margin-bottom:10px;
	display:block;
} 

/*Die ID`s und classes zur Positionierung*/
#menu_1,
#menu_2, 
#footer, 
#header {
	display:none
}

.csc-linkToTop, 
.download {
	display:none
}

#container {
	width:auto;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	min-height:101%;
	height:auto !important;
  	height:101%;
	overflow:visible;
}

#logo_print {
	height:83px;
	width:100%;
	
}

#header_print {
	height:87px;
	width:700px;
	margin-top:15px;
	margin-bottom:30px;
}

#content {
	width:100%;
	height:auto;
}

#iframe_1 {
	width:100%;
	background-color:#ffffff;
	height:4000px;
}

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

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:3px;
}

#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: 13px;
	font-weight:bold;
	text-decoration:none;
}

a.immo_link:hover {
	color:#CA5B30;
	font-size: 13px;
	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;
}

.csc-textpic-image,
.csc-textpic-firstcol,
.csc-textpic-lastcol,
.csc-textpic-imagerow {
	margin-top:1px;
	margin-bottom:1px;
	padding-top:1px;
	padding-bottom:1px;
}

/* 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 */