/* -------------------------------------------------------------
  	{URL} - Stylesheet
  	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  	Autor:		i.A. {Jennifer} {Eck}
   	Release:	0.1      
 	-------------------------------------------------------------	*/
	
	/* -------------------------------------------------------------
	Contents Budde Immobilien - Wohnimmoiblien in Nordrhein-Westfalen
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
		01. Default settings
		02. Layout-Container
		03. Header/Footer
		04. Menu/Topobject
		05. Content
		06. Objektliste
		07. PopUp
		08. Details
		09. Suche
		10. Contents
	-------------------------------------------------------------	*/
	
	/* -------------------------------------------------------------
   	01 Default settings
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
				
	* { 
		padding: 0;
		margin: 0;
	}
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.5em;
		color: #5f1f16;
		background: #FAF6F3;
	}
	a{color:#58150C;text-decoration:none!important; }
	a:active, a:hover, #foot a:hover, #head a:hover, .sortpreis form input:hover, #daForm table td input:hover {
		color:#8a1120!important;
		text-decoration:none!important; 
		cursor:pointer;
	}
	a.selected{
		color:#8a1120!important;
		font-weight:bold;
		}
	
		h1.hidden, h2.hidden, h3.hidden, h4.hidden, h5.hidden, h6.hidden {
			height: 1px;
			width: 1px;
			left:-1000000px;
			overflow:hidden;
			position:absolute;
			top:-1000000px;
		}
		
		h1, h2, .main h3{ 
			font-size: 13px; 
			color:#8a1120;
			margin-bottom:5px;
			}
		h3{
			color:#5F1F16;
			font-size:12px;
			}
			
		h4, h4 a, h5, h6 { 
			font-size: 12px;
			color:#8A1120;
			 }
	
	p {
		margin:1.5em 0 1.5em 0;		
	}

	img { border: 2px solid #8A1120; }
	
		.img-float-left {
			padding: 4px 1.5em 1.5em 1.7em;
			float: left;
			display: inline;
		}
		
		.img-float-right {
			padding: 4px 0 1.5em 1.5em;
			float: right;
			display: inline;
		}
	
	ul li { list-style: none; }
	
	input, select, textarea, .btn {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		border:1px solid #5F1F16;
		background-color:#D7AA88;
		color:#57140B;
		padding:2px;		
	}
	
	.none-padding { padding: 0 !important; }
	.none-border { border: none !important; }
	.none-margin { margin: 0 !important; }
	
	.clear { clear: both; }
	
	.left { float:left; }
	
	.right { float:right; }
	
	.center { text-align: center; }
	
	.middle{
		margin:0 auto;
		}
	table{
		margin:5px 0;
		}
	input{
		height:23px;
		}	
	.bold{
		font-weight:bold;
		}	
	.space_top{
		height:60px;
		}			

	/* -------------------------------------------------------------
   	02. Layout-Container
   	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#wrapper, #head, #content_wrapper_top, #content_wrapper	, #content_wrapper_bottom, #foot{
	width:1040px;
	}
#wrapper{
	margin:0 auto;
	}
#head{
	background:url(../img/header.png) no-repeat;
	height:125px;
	position:relative;	
	}
#content_wrapper_top{
	background:url(../img/content_top_bg.png) no-repeat;
	height:30px;
	}
#content_wrapper{
	background:url(../img/content_middle_bg.png) repeat-y;
	}
#content_wrapper_bottom{
	background:url(../img/content_bottom_bg.png) repeat-y;
	height:30px;
	}
#foot{
	background:url(../img/footer.png) no-repeat;
	height:80px;	
	position:relative;
	}
	#foot a img{
		border:none!important;
		vertical-align:text-bottom;}
#content_top, #content_middle, #content_bottom, .list_item{	
		width:740px;
		}
#content_top, .content_top{
	background:url(../img/content_top.png) no-repeat;
	height:20px;
	}
	.content_top, .content_bottom{
		width:740px;
		}
#content_middle, .content_middle{
	background:url(../img/content_middle.png) repeat-y;
	}
#content_bottom, .content_bottom{
	background:url(../img/content_bottom.png) no-repeat;
	height:20px;
	}
	.content_bottom{
		margin:0 0 5px 0;
		}	
#content{
	margin:0 20px 0 0;
	}
#inner_content{
	padding:15px;
	}			
	
/* -------------------------------------------------------------
03. Header/Footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
.logo img{
	position:absolute;
	bottom:15px;
	left:40px;
	}
#head a{
	color: #5f1f16!important;
	font-size:11px;	
	height:16px;
	vertical-align:middle;	
	}
	#head img{
		border:none;
		}
.network{
	position:absolute;
	bottom:12px;
	right:21px;
	/*width:190px;*/
	}
	.network ul, .network ul li, .network ul li a{
		float:left;
		margin-top:1px;
		}
	.network ul li a{
		padding-right:5px;
		}		
#foot p{
	font-size:10px;
	position:absolute;
	bottom:5px;
	right:30px;
	}
	
#foot a{
	color:#5f1f16!important;
	}
	
/* -------------------------------------------------------------
04. Menu/Topobject
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
#menu a{
	font-size:14px;
	}
	#menu ul{
		margin:0 0 0 50px;
		}
			#menu ul ul{
				margin:0 0 0 20px;
				}
			#menu ul ul li a{
				color:#8A1120;
				}
			#menu ul ul li a:hover{
				color:#5f1f16!important;
				}	
	#menu ul li{
	line-height:2.5em;
	}
#topobject{
	background:url(../img/topobject_bg.png) no-repeat;
	width:230px;
	height:225px;
    margin:10px 0 0 30px;
	position:relative;
	}
	#topobject h2{
	    left: 75px;
    	position: absolute;
	    text-align: center;
	    top:30px;
	}
	.topobjects p, .topobj p a strong{
		font-size:11px;
		position:relative;
		margin:20px 0 0 0;
		color:#58150C;
		}
	.topobj{
	    height: 218px;
	    position: absolute;
	    text-align: center;
	    top: 50px;
	    vertical-align: middle;
	    width: 223px;
		}
		.topobj img{	
			margin:3px 0 0 0;
			}
		.topobj span.right{
			margin: 3px 25px 0 0;
			color:#58150C;
			}
					.topobj span.right:hover{
						color:#8A1120;
						}
/* -------------------------------------------------------------
05. Content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/				
.start{
	width:350px;
	}
	#inner_content .left{
		padding-left:20px;
		}
	#inner_content .right{
		width:300px;
		}
h2.middle{
	width:235px;
	}	
#startseiteobjecttoday0 img{
	margin:1.5em 0;
	width:250px;
	text-align:center;
		}
	#startseiteobjecttoday0 p{
		margin:0;
		font-size:12px;
		width:285px;
		}
		#startseiteobjecttoday0 table{
			width:247px;
			}			
/* -------------------------------------------------------------
05. Objektliste
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	

.sortpreis{
	margin:0 0 10px 20px;
	}
	.sortpreis form{
	position:relative;
	}
	.sortpreis form input{
		position:absolute;
		right:-60px;
		top:0;
		}
.main_pages_fancy{
	margin:5px 20px 0 0;
	}
.list_infos h4{
	margin-left:1px;
	}		
.list_item .titel{
	width:700px;
	margin:0 20px 5px 20px;
	border-bottom:1px solid;	
	}	
#page_top{
	margin:0 0 0 25px;
	}
.sortpreis form input:hover, .btn:hover {
	background:#fff;
	cursor:pointer;
	}
	.sortpreis select{
		width:205px;
		height:23px;
		margin-right:20px;
		}
.img-float-left ul li span{
	height:150px!important;
	}	
.list_infos{
	margin-top:3px;
	width:430px;
	}	
.logo_onoffice{
	margin:0 0 0 165px;
	}
	.logo_onoffice img{
		border:none;
		}	
.wrapper .sortierKopf{
	background:	#8A1120 !important;
	}	
/* -------------------------------------------------------------
07. PopUp
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
#popup #wrapper{
	width:600px;
	}
	
#popup #head, #popup #content_wrapper_top, #popup #content_wrapper_bottom{
	width:600px;
	}
#popup #head{
	background:url(../img/popup_bg_head.png) no-repeat;
	height:120px;
	}
#popup #content_wrapper_top{
	background:url(../img/popup_bg_middle_top.png) no-repeat;
	height:18px;
	}
#popup #content_wrapper{
	background:url(../img/popup_bg_middle_center.png) repeat-y;
	width:600px;
	}
#popup #content_wrapper_bottom{
	background:url(../img/popup_bg_middle_bottom.png) no-repeat;
	height:20px;
	}
#popup #foot{
	background:url(../img/popup_bg_foot.png) no-repeat;
	height:70px;
	width:600px;

	}
	#popup #foot p{
		right:24px;
		text-align:center;
		width:550px;
		}
#popup #content_top, #popup #content_middle, #popup #content_bottom{
	width:510px;
}	
#popup #content_top{
	background:url(../img/popup_content_top.png) no-repeat;
	}
#popup #content_middle{
	background:url(../img/popup_content_middle.png)	repeat-y;
	}
#popup #content_bottom{
	background:url(../img/popup_content_bottom.png)	no-repeat;
	}
#popup #content{
	width:510px;
	margin:0 auto;
	}
#popup form{
	margin:0 0 0 10px;
	width:460px;
	}	
.popup input{
	height:18px;
	}
	.popup input.btn{
	height:21px;
	}		
#daForm table td{
height:28px;
padding:2px;
}
#daForm input{
	height:18px;
	}
	#daForm input.btn{
		height:21px;
		}
#weiterempfehlen textarea{
	width:269px;
	}
#weiterempfehlen input.btn:hover{
	cursor:pointer;
	}			
/* -------------------------------------------------------------
08. Details
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
#detailansicht{
	width:690px;
	margin:0 auto;
	}
#detail-top{
	border-bottom:1px solid;
	margin-bottom:10px;
	}
#galerie div div{
	width:352px;
	float:left;
	margin: 0 0 15px;
	text-align:center;
	min-height:266px;
	}
	#galerie p{
		margin:0!important;
		}
#galerie div ul	{
	float:right;
	width:320px;
	}
#galerie ul li {
    border: 1px solid;
    float: left;
    height: 79px;
    margin: 0 1px 3px;
    overflow: hidden;
    text-align: center;
    width: 102px;
	}
#detail-navi{
	position:relative;
	margin:10px 0 20px 0;
	}		
.back_btn	{
	position: absolute;
    right: 0;
    top: 0;
    width:45px;
	}
.tabNavigation li {
    display: inline;
    float: left;
    font-size: 12px;
    margin-right: 10px;
}
.tabNavigation li a {
    background-color: #8a1120;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;	
    color: #faf6f3 !important;
    display: block;
    height: 20px;
    padding: 5px 0;
    text-align: center;
    width: 118px;
}
.tabNavigation li a:hover {
    background-color: #D7AA88;
    color: #8A1120 !important;
    border-left: 1px solid #57140B;
    border-right: 1px solid #57140B;
    border-top: 1px solid #57140B;			
    text-decoration: none;
}
.tabNavigation a.selected {
    background-color: #FAF6F3;
    border-left: 1px solid #8A1120;
    border-right: 1px solid #8A1120;
    border-top: 1px solid #8A1120;
    color: #8A1120 !important;
	}
.tabNavigation a.selected:hover {
    border-left: 1px solid #57140B;
    border-right: 1px solid #57140B;
    border-top: 1px solid #57140B;
    background-color: #D7AA88;
    border-top: 1px solid #8A1120;
    color:  #8A1120 !important;
    text-decoration: none;
}
.tab-content {
    background-color: #FAF6F3;
    border: 1px solid #8A1120;
    display: inline;
    float: left;
    overflow: auto;
    padding: 10px;
    width: 668px;
}	
#objdetails table{
	width:665px;
	}	
	#objdetails table tr{
		height:20px;
		vertical-align:bottom;
		}
#map{
	border:1px solid #57140B;
	}
/* -------------------------------------------------------------
09. Suche
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
#searchbox, .searchbox{
	margin:5px auto;
	height:200px;
	}
#searchbox td, .searchbox td{
	width:180px;
	height:25px;
	}
	#searchbox select{
		width:181px;
		height:20px;
		}
		.searchbox select{
			width:166px;
			height:20px;
			}
	#searchbox input		{
		height:16px;
		width:175px
		}
		.searchbox input{
			width:160px;
			height:16px;
			}
			#searchbox input.btn{
			width:181px;
			height:23px;
			}
			.searchbox input.btn{
				height:23px;
				width:167px;
				}
			#searchbox input.btn:hover, .searchbox input.btn:hover{
				cursor:pointer;
				}
			.searchbox textarea	{
				width:161px;
				height:150px;
				}
.detailsearch{
	height: 17px;
    margin-left: 78px;			
	}
/* -------------------------------------------------------------
10. Contents
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#finanz{
	position:relative;
		}
#Immosuche{
position:relative;
height:480px;
}
#immosuche_img{
    border: medium none;
    position: absolute;
    right: 40px;
    top: -52px;
	}
	#search_img{
    left: 90px;
    position: absolute;
    top: 227px;
	border:none;
	}
.main h2{
	width:700px;
	text-align:center;
	margin: 0 0 10px 0;
	}
.main p, .main ul, .main ol, .main h5{
    margin: 1.5em auto 0;
    padding: 0 20px;
    width: 680px;
	}

	.main ol{
	padding:0 37px;
	}		
	.main h4{
	color: #5F1E15;
    text-align: center;
	width:700px;
	}
	.main table{
		margin:5px auto;
	   
		}
	.main table caption{
		 color: #5F1E15;
		 font-size:12px;
		 }		
#portale{
	position:relative;
	}
	#portale a{
		font-weight:bold;
		}
#immoportale{
    position: absolute;
    right: 35px;
    top: -70px;
	border:none;
	}
	#immoscout{
		position:relative;
		}
		#portale img{
			border:none;
			}
		#portale div.left{
			padding:0px!important;
			}		
.main ul li{
	list-style:disc;
	margin-left:14px;
	}	
#alleinauftrag{
    left: 490px !important;
    position: absolute;
    top: -57px !important;
    width: 215px !important;
	}
#offer{
    border: medium none;
    position: absolute;
    right: 40px !important;
    top: -40px !important;
}	
#finanz_img{
 	width:420px!important;
	border:none;
	}
	#finanz{
		width:250px!important;
		}
#maklerallein{
	width:310px!important;
	position:relative;	
	margin:0 25px 0 0;
	}		
#portale div.left{
width:350px;
}	
#werte{
	margin:45px 0 0 0;
	position:relative!important;
	width:253px!important;
	}
#contact_img{
    border: medium none;
    position: absolute;
    right: 38px;
    top: -50px;
	}