/*

Farbschema

#FAFAFF		sehr blasses Blau (Hintergrund)
#EFF3F8		sichtbares Blau (Hintergrund Forminhalt)
#E8EDF4		helles Blau (Buttons-Inhalt inaktiv)
#92BDF4		dunkleres Blau (Buttons-Rand)
#A6BFD8		Dunkelblau (Headerbereiche)



/* Grundlegende Seiteneinstellungen */

html {
	margin: 0px;
	padding: 0px;
}

body {
	color: #505050;
	font-size: 14px;
	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	padding: 0px;
	background-color: #FAFAFF;
}

input, textarea, button {

	font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size: 14px;

}

img {

	border: none;

}

form {

	margin: 0px;
	padding: 0px;

}

a {
	
	color: #000000;
	
}

a:link, a:visited {
	
	text-decoration: none;

}

a:hover, a:focus, a:active {

	text-decoration: underline;	

}

/* Grunddesign */

#errorMsg {
	
	position: absolute;
	
	height: 25px;
	padding-top: 3px;
	
	top: 0px; 
	left: 0px;	
	
	background: #FFF6F6 none repeat scroll 0 0;
	border: 2px solid red !important;
	
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: red;
	
	display: none;
	
}

#logo {

	border: medium none;
	margin-bottom: 10px;
	height: 120px;
	
}

#hclogo {
	
	float: left;
	margin-right: 20px;	
	height: 41px;
	
}

#titleBox {

	padding-top: 10px;
	text-align: left;
		
}

#siteCaption {
	
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 18px;
	
}

#footerLinks {
	
	margin-top: 15px;
	width:60%;
	border-top: 1px solid #B3B3B3;
	
}

/* Steuerelemente - Buttons */

.switchBtn {

	cursor: pointer; 
	line-height: 28px;
	height: 28px;
	background: url(../images/tabButton.gif) no-repeat right top;	
	/*padding-right: 30px;*/ 
	display: inline-block;
	text-align: left;	

}

.switchBtn span{
	
	background:url(../images/tabButton.gif) no-repeat left top; 
	height:28px;
	line-height:28px;
	display:inline-block;
	/*padding-left:30px;*/
	
	padding-left: 10%;
	width: 80%;
	text-align: center;
	
}

.switchBtnNoJS {

	background: transparent;
	border: 0px; 
	padding: 0px; 
	margin: 0px;
		
}

.switchBtn:hover {background-position: right -28px;}
.switchBtn:hover span {background-position: left -28px;}

/**********************************************
Auftragsformular - Allgemeine Layoutstrukturen
**********************************************/

#orderContainer {

	width: 600px;
	/*height: 525px;*/
	
}

#orderContainer #formBox {

	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
	text-align: left;
	height: 440px;
	overflow: hidden;
	
}

#orderContainer .introText {
	
	padding: 7px;
	line-height: 1.2;
	
}

#orderContainer #btnline {

	text-align: right;
	margin-top: 10px;
	height: 29px;

}

#orderContainer #btnline .switchBtn{

	width: 170px;

}

#orderContainer #btnline #btnSendOrder {

	width: 210px;
		
}

#orderContainer #btnline #back {

	float: left;

}

#orderContainer #btnline #printOrder {

	float: left;
	width: 260px;

}

#orderContainer .errorField {
	
	background: #FFF6F6 none repeat scroll 0 0;
	border: 2px solid red !important;

}

#orderContainer .inlineCheck {

	margin: 2px 2px 0 4px;
	vertical-align: top;

}

/**********************************************
Auftragsformular - Schritt 1 - Suchprofil
**********************************************/

#orderSearchProfil {

	background: #EFF3F8;

}

#orderSearchProfil #changeProfil {

	width: 67%; 
	float: left; 
	padding-right: 3%;
		
}

#orderSearchProfil #changeProfilRegion {

	width: 30%;
	float: right;

}

#orderSearchProfil .head {
	
	background: #A6BFD8;
	padding: 3px 5px;
	margin-bottom: 5px;
	font-weight: bold;
	
}

#orderSearchProfil #changeProfil .fieldLine {
	
	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 20px;
	text-align: right;
	
}

#orderSearchProfil #changeProfil .fieldLineError {

	margin-bottom: 10px;
	margin-left: 10px;
	line-height: 20px;
	text-align: right;
	
	color: red;
	
}

#orderSearchProfil #changeProfil .selectData {

	width: 160px;

}

#orderSearchProfil #changeProfil #fieldMaxRent {
	
	padding: 0px;
	margin-left: 2px;
	width: 40px;

}

#orderSearchProfil #changeProfil #lineTimeData {

	margin-bottom: 6px;
	
}

#orderSearchProfil #changeProfil .dateField {

	padding: 0px;
	margin-left: 4px;
	margin-right: 4px;
	width: 70px;
	text-align: center;
	
}

#orderSearchProfil #changeProfil .fieldMinRent {
	
	margin-left: 4px;	
	width: 116px;

}

#orderSearchProfil #changeProfil #fieldMsg {

	width: 99%;
	height: 54px;
	overflow: auto;
	resize: none;
	
}

/**********************************************
Auftragsformular - Schritt 1 - Regionbox
**********************************************/

#orderSearchProfil .checkboxListContainer {

	border: 1px;
	height: 314px;
	padding: 4px;
	overflow: auto;

}

#orderSearchProfil .checkboxListContainer .item{

	margin: 0px;
	padding: 0px;
	width: 100%;
	vertical-align: middle;
	white-space: nowrap;
	height: 20px;

}


#orderSearchProfil .checkboxListContainer .check {

	vertical-align: top;
	margin: 4px 4px 0px 0px;

}

#orderSearchProfil .checkboxListContainer img {

	vertical-align: middle;

}

/**********************************************
Auftragsformular - Schritt 2 - Personalien
**********************************************/

.orderPersDataInputBlock {
	
	overflow: hidden;
	background: #EFF3F8;
	text-align: right;
	padding-bottom: 3px;
	padding-top: 3px;
	
}

.orderPersDataFieldBox {

	display: inline-block;
	width: 30%;
	height:45px;
	text-align: left;
	margin-right: 17px;
	
	color: black;

}

#orderAccountData .orderPersDataFieldBox,
#orderCCAccountData .orderPersDataFieldBox {
	
	width: 128px;
	
}

#divOrderRoomie {
	
	width: 371px;
	
}

.orderPersDataFieldboxError {

	display: inline-block;
	width: 30%;
	height:45px;
	text-align: left;
	margin-right: 17px;
	
	color: red;

}

.orderPersDataInputField {

	width: 100%;
	height: 15px;
	
}

.orderPersDataInputFieldError {

	width: 100%;
	height: 15px;
	
	background: #FFF6F6 none repeat scroll 0 0;
	border: 2px solid red;
	
}

.orderPersDataSelectField {
	
	width: 102%;
	
}

.orderPersDataSelectFieldError {
	
	width: 102%;
	
	background: #FFF6F6 none repeat scroll 0 0;
	border: 2px solid red;
	
}

#divOrderStreet {

	float: left;
	width: 127px;
	margin-right: 0px;
		
}

#divOrderHouseNumber {

	width:40px;
	margin-right: 0px;
		
}

#divOrderPostalCode {

	float: left;
	width: 45px;
	margin-right: 0px;
		
}

#divOrderCity {

	width:122px;
	margin-right: 0px;
	
}

#orderSearchForBox {
	
	text-align: center;
	
}

#orderSearchForBox textarea {
	
	width: 98%;
	height: 36px;
	resize: none;
	
}

#orderAnnouncedByBox {
	
	text-align: center;
	
}

#orderAnnouncedByCaption {
	
	display: inline-block;
	margin-right: 15px;
	
}

.groupName {
	
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	
}

#infoPassportData {
	
	text-align: center;
	font-size: 11px;
	
}

/**********************************************
Auftragsformular - Schritt 3 - AGB
**********************************************/

.orderTermsError {
	
	color: red;
	
}

#orderAcceptTermsLine {
	
	font-size: 13px;
	margin-top: 10px;
	
}

/**********************************************
Auftragsformular - Schritt 4 - Zusammenfassung
**********************************************/

#orderConclusion {

	text-align: left;
	height: 380px; 
	overflow: scroll; 
	overflow-x: hidden;
	background-color: #EFF3F8;
	padding: 5px 5px 5px 25px;
	/*margin-bottom: 20px;*/
	
}

#orderConclusion h1 {

	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	
}

#orderConclusion table {

	margin-left: 10px;
	margin-bottom: 10px;

}

#orderConclusion td {

	vertical-align: top;

}

#orderConclusion td.firstCol {

	width: 150px;

}

/* TEST SWITCHBUTTONS */

.startBtn {
	cursor: pointer; 
	background-color:transparent;
	background-image:url("../images/tabButton.gif");
	border:0 none;
	display:block;
	height:28px;
	width:160px;
	padding: 0px;
	text-align: right;
}

.startBtn:hover {
	background-position:0 -28px;
}

.startBtn div{
	
	cursor: pointer;
	height: 28px;
	background: url(../images/tabButton.gif) no-repeat right top;	
	/*padding-left: 30px;*/ 
	display: inline-block;
	text-align: left;
	border:0 none;
	margin: 0px;	
	
}

/*.switchBtn {

	cursor: pointer; 
	line-height: 28px;
	height: 28px;
	background: url(../images/tabButton.gif) no-repeat right top;	
	padding-right: 30px; 
	display: inline-block;
	text-align: left;	

}

.switchBtn span{
	
	background:url(../images/tabButton.gif) no-repeat left top; 
	height:28px;
	line-height:28px;
	display:inline-block;
	padding-left:30px;
	
}*/

/**********************************************
Textpopups
**********************************************/

.longtext {

	text-align: left;

}

.longtext .head {

	background: #A6BFD8; 
	padding: 5px; 
	margin-bottom: 5px;
	font-weight: bold;
	
	margin-right: 5px;

}

.longtext .contentHead {

	background: #A6BFD8; 
	padding: 5px; 
	margin-bottom: 5px;
	font-weight: bold;
	
	margin-right: 5px;
	margin-top: 15px;

}

#imprinttable {
	
	border: 0pt none;
	width: 95%;
	
}

#imprinttable td {

	vertical-align: top;	
	
}

/**********************************************
Popuplinks
**********************************************/

a.fbLongText {
	
	text-decoration: underline;
	color: blue;
	display: none;
	
}

a.fbLongTextNoJS {
	
	text-decoration: underline;
	color: blue;
	
}

#footerLinklist a.fbLongText {
	
	text-decoration: none;
	color: #000000;
	
}

#commissionTable {

	margin-bottom: 10px;
	margin-top: 10px;	
	margin-left: 40px;
	
}

#commissionTableSmall {

	float: right;
	margin: 5px 5px 5px 10px;
	
}

#commissionTable table {
	
	width: 420px;
	
}

#commissionTableSmall table {
	
	width: 210px;
	font-size: 11px;
	
}

/**********************************************
Vermittlungsauftrag - Bestätigungsfenster
**********************************************/

#orderConfirm {

	height: 100%;
	background-color: #CDEB8B;
	padding : 20px;
	
}

#orderConfirm h1 {

	margin-top: 0px;
	font-size: 20px;
	text-align: center;
	
}

/**********************************************
Datenschutzerklärung
**********************************************/