html, body{
	height:100%;
	min-height:100%;
}

body {
	margin:0;
	padding:0;
	background-color:#ffffff;
}

body#startbody{
	background-image:url(../pics/kachel-x.jpg);
	background-position:top;
	background-repeat:repeat-x;	
}

body, input, textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:19px;
	color:#58585a;
}

#outer{
	width:100%;
	height:100%;
	background-image:url(../pics/immobilien-news-header.jpg);
	background-repeat:no-repeat;
	background-position:center top;	
	}

a img{border:none;}
a{
	color:#ec7205;
	text-decoration:none;
	}
a:hover {text-decoration:underline;}

#container{
	width: 960px;
	min-height:100%;
	margin:0 auto;
	position:relative;
}

#header{
	height:117px;
	}

#logo{ 
	margin:24px 0 0 10px;
	float:left;
	}

#smallnavi{
	right:23px;
	top:14px;
	position:absolute;
	font-size:10px;
	color:#aeaeae;
	}

	#smallnavi a{
		font-size:10px;
		color:#aeaeae;
		text-decoration:none;
		padding:0 10px;
		}

	#smallnavi a:hover{color:#EC7205;}

#navi{
	height:26px;
	padding:7px 0 0 0;
	}
	
	#navi .trennlinie{
		width:2px;
		height:18px;
		margin:2px 0 0 0;
		float:left;
		background-image:url(../pics/navi-trenner.jpg);
		background-repeat:no-repeat;
		}

.topmenu{
	position:relative;
	z-index:100;	
	}
	
	.topmenu.active{
		color:#f00;	
		}

.navLeft, .navRight{
	width:17px;
	height:38px;
	margin:-4px -3px 0 -3px;
	background-repeat:no-repeat;
	float:left;
	}
		
	.navCenter{
		background-repeat:repeat-x;
		height:34px;
		margin:-4px 0 -8px 0;
		padding:4px 6px 0 6px; 
		float:left;	
		font-size:12px;
		font-weight:bold;
		text-decoration:none;
		}
		
		.navCenter a{
			color:#ffffff;
			text-decoration:none;	
		}

	.topmenu.active .navLeft{background-image:url(../pics/active-left.jpg);}
	.topmenu.active .navRight{background-image:url(../pics/active-right.jpg);}
	.topmenu.active .navCenter{
		background-image:url(../pics/active-kachel.jpg);
		padding-top:5px;
		height:33px;
		}
	#navi .topmenu.active .navCenter a{color:#EC7205;}
	

#userNavi {
	height:27px;
	padding:1px 0 0 3px;
	}
	
	#userNavi a{
		font-weight:bold;
		color:#5c5c5e;
		text-decoration:none;
		padding:0 14px;
		float:left;
		}

	#userNavi a:hover{color:#EC7205; text-decoration:none;}

	#userNavi .trennlinie{
		width:2px;
		height:19px;
		float:left;
		margin:1px 0 0 0;
		background-image:url(../pics/subnavi-trenner.jpg);
		background-repeat:no-repeat;
		}

#main1 {
	width:563px;
	float:left;
	margin:34px 48px 0 1px;
	}

#main{
	width:460px;
	padding:20px;	
	}

#right {
	margin:-2px 0 0 0;
	width:348px;
	float:left;
	background-image:url(../pics/kachel-y-rechts.jpg);
	background-repeat:repeat-y;
	}
	
	#rightIn{
		width:312px;
		background-image:url(../pics/rechte-spalte-top.jpg);
		background-position:top;
		background-repeat:no-repeat;
		padding:68px 18px 0 18px;	
		}
	
	.rightHR{
		width:348px;
		height:12px;
		margin:0 -18px 0 -18px;	
		background-image:url(../pics/rechte-spalte-news-top.jpg);
		background-repeat:no-repeat;
		}
	
	/*#right .hline{
		display:block;
		line-height:17px;
		margin:12px 0 0 0;
		}
	
	#right .ansprech{
		font-size:14px;
		color:#f08e37;
		margin:5px 0;
		}
		
	#right .telef{
		line-height:16px;	
		}
	
	#right .konPic{
		float:left;
		display:block;
		margin:0 11px 35px -2px;
		}*/

#kontakt{
	float:left;
	margin:20px 0 0 61px;	
	}
			
	#kontakt img{
		float:left;
		margin-right:4px;
		}
		
	#kontakt p{
		color:#58585A;
		font-size:11px;
		line-height:17px;	
		}
		
		#kontakt p.headline{
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:normal;
			font-size:12px;
			color:#ec7205;
			margin:6px 0 0 0;
			}
	
	#kontakt a{color:#58585A; text-decoration:none;}
	#kontakt a:hover{color:#ec7205;}		
	
	
.socialMedia{
	float:right;
	width:270px;
	text-align:right;
	height:26px;
	margin:73px 32px 16px 0;	
	}
	
	.socialMedia p{
		margin:0 0 3px 0;
		float:right;	
		font-size:10px;
		color:#898787;
		}
	
	.icons{
		width:92px;
		height:26px;
		float:right;	
		}
	
	.facebook, .twitter, .rss{
		width:26px;
		height:26px;
		display:block;
		background-repeat:no-repeat;
		float:left;	
		}	
		
		.facebook{background-image:url(../pics/facebook.png);}
		.twitter{background-image:url(../pics/twitter.png);}
		.rss{background-image:url(../pics/rss.png); margin:0 7px;}


.newsBox{
	width:315px;
	margin-left:-5px;
	}
	
	.imgField{
		width:73px;
		height:72px;
		
		margin:0 10px 0 0;
		text-align:center;
		overflow:hidden;
		position:relative;
		float:left;
		}
		
		.imgMask{
			width:73px;
			height:72px;
			top:0;
			left:0;
			position:absolute;
			background-image:url(../pics/bilderrahmen.png);
			background-repeat:no-repeat;	
			}
		
		.newsBox p{
			font-size:11px;
			line-height:13px;
			margin-bottom:0;
			color:#58585a;	
			}
		
		.newsContent{
			width:232px;
			display:block;
			float:right;
			}
		
		.abtrenner{
			margin:0 0 0 -16px;
			padding:6px 0 6px 0;	
			}



#right h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:11px;
	margin:3px 0 0 0;
	padding:0;
	color:#353535;	
	}

#right h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	line-height:17px;
	margin:2px 0 2px 0;
	color:#0c0c0c;	
	}

/*.doubleHeadline #right{
	margin-top:38px;
	}*/

h1, h2, h3, h4, h5, h6, h7 {
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
}

h1{
	font-size:16px;
	font-weight:normal;
	color:#58585a;
	}
	
	h1.start, 
	.artikel h1{ margin:0; }

h2{
	font-size:28px;
	color:#ec7205;
	font-weight:normal;
	margin:2px 0 15px 0;
}

h2.start{
	/*padding-left:137px;
	margin-bottom:-3px;	*/
	margin-bottom:25px;
	}

h3,h4, #right h1 {
	font-size:16px;
	font-weight:normal;
	color:#f19544;
	margin:0;
	}

h5{
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	margin:15px 0;	
	}

h6{
	font-size:16px;
	line-height:22px;
	font-weight:normal;
	margin:15px 0;	
	color:#ec7205;
	}

.artikel p{
	text-align:justify;
}

.artikel img{
	border:1px solid #AEAEAE;
	float:left;
	margin:4px 15px 12px 0;
}



p{
	margin:0 0 1.5em 0;
}
.news p{
	margin:0;
}

.news h3{
	color:#58585a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
}
#right h1{
	margin-bottom:6px;
}

/*#right h2{
	color:#58585a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:15px;
	font-weight:normal;
	margin:0;
}

#right h3{
	color:#58585a;
	font-size:12px;
	line-height:15px;
}

*/



#right p{
	/*margin-bottom:20px;*/
	margin:2px 0 0 0;	
	}

#right p a.more{
	margin-left:0;
}

hr {
	border: none;
	height: 1px;
	margin-top: 11px;
	margin-bottom: 11px;
	color:#ababac;
	background-color:#ababac;
}

.orange {
	color:#ec7205;
}
hr.orange, #right hr{
	color:#ec7205;
	background-color:#ec7205;
}

.smallimg {
	margin-right:14px;
	float:left;
	border: 1px solid #ec7205;
	margin-top:4px;
}

.greytitle {
	font-weight:bold;
	color:#58585a;
}

.more{
	background-image:url(../pics/immobilien-pfeil-orange.gif);
	background-repeat:no-repeat;
	background-position:0 3px;
	
	/*margin-left:5px;*/
	padding-left:6px;
	
	font-size:10px;
	font-weight:bold;
	color:#ec7205;
	
	text-decoration:none;
}

.archivdate{
	font-size:10px;
	color:#58585a;
}

.clear{ clear:both; }

/* Anmeldeformular */

form label{
	display:block;
	font-size:12px;
	line-height:18px;
	color:#777777;
}

.anmeldeBestaetigung label{
	color:#ec7205;
}

form td{
	padding:3px;
	vertical-align:top;
}

.textInput{
	width:200px;
}

.textInput.plz{
	width:50px;
}
.textInput.ort{
	width:145px;
}
textarea.textInput{
	width:471px;
}


/* Allgemeines */
.fehler{
	color:#FF0000;
}

.erfolg{
	color:#009900;
}

.furtherLinks, .furtherLinks a{
	color:#888888;
}
.furtherLinks{
	font-size:11px;
	line-height:18px;
}

/* Ticker-Code Anzeige */
#tickerCode{
	width:100%;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
	line-height:13px;
}

/* User-Bereich */
.tarifUebersicht td, .tarifUebersicht th{
	text-align:left;
	vertical-align:top;
	padding:2px 4px;
}

.row1{}
.row2{ background-color:#EFEFEF; }

.zahlungsInfo{
	background-color:#fef8f3;
	border:1px solid #fbe0c8;
	padding:10px;
	margin-bottom:20px;
}
.zahlungsInfo.bezahlt{
	background-color:transparent;
	border:none;
	padding:0;
}
.zahlungsInfo .row2{
	background-color:#FFFFFF;
}
.zahlungsInfo :last-child{
	margin-bottom:0;
}
.besides{
	font-size:10px;
	color:#777777;
}

.copyright, .copyright a {
	color:#777777;
	font-size:9px;
	line-height:16px;
}

.conBox{
	width:272px;
	height:231px;
	margin-bottom:18px;
	float:left;	
	}
	
	.conBoxTop{
		width:272px;
		height:8px;
		background-image:url(../pics/box-top.jpg);
		background-repeat:no-repeat;	
		}
	
	.conBoxBot{
		width:272px;
		height:10px;
		background-image:url(../pics/box-bottom.jpg);
		background-repeat:no-repeat;	
		}
	
	.conBoxMain{
		width:240px;
		height:197px;
		padding:0 16px 16px 16px;
		background-image:url(../pics/box-kachel.jpg);
		background-repeat:repeat-y;	
		}
	
	.conBoxMain p{
		font-size:12px;
		line-height:18px;
		color:#58585a;
		margin:10px 0 0 0;	
		}
		
	.conBoxMain h1{
		font-size:13px;
		line-height:18px;
		font-weight:bold;
		color:#5c5c5e;
		margin:0 0 0 0;
		padding-top:17px;
		}
		
		.conBoxMain #box1,
		.conBoxMain #box2,
		.conBoxMain #box3,
		.conBoxMain #box4{
			width:240px;
			height:100%;
			background-image:url(../pics/icon-clock.jpg);
			background-repeat:no-repeat;
			background-position:186px 9px;	
			}
			
			.conBoxMain #box3{background-image:url(../pics/icon-beispiele.jpg); background-position:182px 9px;}
			.conBoxMain #box4{background-image:url(../pics/icon-persoenlicher-bereich.jpg);}
		
		.conBoxMain #box2 h1{
			margin:-12px 0 -4px 0;
			font-size:12px;}
				
			

	.conBoxMain a{
		text-decoration:none;
		background-image:url(../pics/immobilien-pfeil-orange.gif);
		background-repeat:no-repeat;
		background-position:0 3px;
		padding-left:7px;
		margin-left:0px;	
		}
		
		.conBoxMain a:hover{text-decoration:underline;}

.long{width:250px;}
.long2{width:250px;}
.plz{width:37px;}
.ort{width:197px;}
