@charset "utf-8";

/*
THEME NAME: Wohnservice Siebels
THEME URI: http://www.wohn-service.net
DESCRIPTION: Dieses Theme ist für Wohnservice Siebels
VERSION: 1.0
AUTHOR: <a href="http://www.we-design.it">we-design</a>
AUTHOR URI: http://www.we-design.it
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
background:transparent none repeat scroll 0 0;
border:0 none;
margin:0;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
vertical-align:baseline;
font-size:100%;
font-weight:normal;
}

address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal;}
ol, ul, li{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left; font-size:10px;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
blockquote,q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}

strong{font-weight:bold;}
em{font-style:italic;}

h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}

br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0; } /* Use this br class to clear your floated columns */
div { position:relative; } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */

/*
-----------------------------------------
LAYOUT
-----------------------------------------
*/
.aligncenter{display:block; margin:0 auto;}
.alignleft{float:left; margin:0 15px 8px 0;}
.alignright{float:right; margin:0 0 8px 15px;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}

/* Globals und Typo 
--------------------------------------------------------------------------------------- */


html, body {
	background:#fff url(images/site_bg.jpg) top left repeat-x;
	font-family: Verdana, Arial, sans-serif;
	color:#7b7b7b;
	height:100%;
	text-align:center;
	}

body {
	font-size: 14px;
}

html>body {
	font-size: 14px;
}

a, a:link {
	color: #f39100;
	text-decoration: none;
}

a:visited {
	color: #f39100;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}

/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font-size: 14px;
	font-family: Verdana, sans-serif;
	margin-bottom: 14px;
	line-height:23px;
	color:#7b7b7b;
}

h1{color:#f39100; font-size:20px; line-height:27px; margin:0 0 10px 0; text-transform:uppercase;}
h2{color:#f39100; font-size:18px; line-height:18px; margin:0 0 4px 0; }
h3{border-bottom:1px dotted #F39100; color:#F39100; font-size:17px; line-height:27px; margin:0 0 10px 0; padding:0 0 2px; clear:both;}
h4{border-bottom:1px dotted #F39100; color:#F39100; font-size:15px; line-height:27px; margin:0 0 6px 0; padding:0 0 2px;}
h5{color:#7b7b7b; font-size:14px; line-height:23px; margin:0; padding:0; font-weight:bold;}
h6{color:#7b7b7b; font-size:14px;  font-weight:bold; line-height:23px; margin:0; padding:0;}

/*--------Ab hier dann Seitenlayout ----------------*/
#wrapper{width:100%; margin:0 auto; padding:0; height:100%; text-align:left;}

#header{}
#headertop{height:102px; width:840px; margin:0 auto;}
#headertop #logo{background:#fff url(images/logo.jpg) top left no-repeat; width:301px; height:91px; margin:0 0 0 2px; padding:0;}
#headertop #logo a{width:301px; height:91px; display:block; text-indent:-9999px;}

#headertop #navitop{background: #fff url(images/navitop_bg.jpg) bottom right no-repeat; width:300px; height:43px; padding:0; margin:0; position:absolute; bottom:0; right:0;}
#headertop #navitop ul{padding:14px 0 0 0; margin:0;}
#headertop #navitop ul li{float:left; display:inline; margin:0 16px 0 0; padding:0;}
#headertop #navitop ul li.current_page_item a{font-weight:bold;}
#headertop #navitop ul li a{text-transform:uppercase; padding:2px 4px; margin:0; display:block;}

#headerbottom{height:208px; background:transparent url(images/headerimage.jpg) top center no-repeat;}
#headerbottom img.headerimage{margin:0 0 0 14px; padding:0;}

#main{padding:48px 0 0 0; margin:0 auto; width:840px; min-height:495px; height:auto !important; height:495px;}

/*------- Sidebar ----------*/
#sidebar{width:291px; float:right; display:inline; margin:0; padding:0; background: #fff url(images/sidebar_bg.jpg) top right no-repeat;}
#sidebar #sidenavi{margin:4px 0 20px 14px; _margin:0 0 20px 0;  width:291px; height:164px; background:transparent url(images/sidenavi_bg.gif) top left no-repeat;}
#sidebar #sidenavi ul{padding:0; margin:0; width:291px; height:164px; }
#sidebar #sidenavi ul li{text-align:right; height:41px; line-height:41px; padding:0;}
#sidebar #sidenavi ul li a{width:212px; display:block; padding:0 59px 0 0; height:41px;}
#sidebar #sidenavi ul li a:hover{text-decoration:none;}

#sidebar #sidenavi ul li a.active{font-weight:bold; color:#7b7b7b;}
#sidebar #sidenavi ul li a#ueber:hover{background:transparent url(images/sidenavi_li_bg.png) top right no-repeat;}
#sidebar #sidenavi ul li a#immobilien:hover{background:transparent url(images/sidenavi_li_bg.png) right -41px no-repeat;}
#sidebar #sidenavi ul li a#taetigkeitsfelder:hover{background:transparent url(images/sidenavi_li_bg.png) right -82px no-repeat;}
#sidebar #sidenavi ul li a#referenzen:hover{background:transparent url(images/sidenavi_li_bg.png) right -123px no-repeat;}

#sidebar #sidenavi ul li a#ueber.active{background:transparent url(images/sidenavi_li_bg.png) right -164px no-repeat;}
#sidebar #sidenavi ul li a#immobilien.active{background:transparent url(images/sidenavi_li_bg.png) right -205px no-repeat;}
#sidebar #sidenavi ul li a#taetigkeitsfelder.active{background:transparent url(images/sidenavi_li_bg.png) right -246px no-repeat;}
#sidebar #sidenavi ul li a#referenzen.active{background:transparent url(images/sidenavi_li_bg.png) right -287px no-repeat;}


#addressblockone{}
#phonenumberone{width:291px; height:56px; background:#fff url(images/phonenumberone.jpg) top right no-repeat; text-indent:-9999px;}
#addressone{text-align:right; padding:0 44px 0 0; margin:0 0 50px 0;}
#addressone p{margin:0 0 6px 0; line-height:21px;}

#content{width:536px; float:left; display:inline; margin:0; padding:0;}
#content img.introhome{float:left; display:inline; margin: 0 10px 0 0; padding:0;}
#content img, #content a img{margin:0 auto 10px auto; padding:0;}
#content img.aligncenter, #content a img.aligncenter{display:block; margin:0 auto;}
#content img.alignleft, #content a img.alignleft{float:left; margin:7px 15px 8px 0;}
#content img.alignright, #content a img.alignright{float:right; margin:7px 0 8px 15px;}
#content ul{list-style:disc; list-style-type:disc; margin:0 0 5px 15px; padding:0 10px 10px 10px;}
#content ul li{list-style:disc; list-style-type:disc; margin:0 0 5px 0; padding:0; line-height:15px; font-size:11px;}
#contentspacer{padding:0 0 0 14px;}
/*------- Homepage ----------*/
#homeintrotext{margin:0 0 30px 0; padding:0 0 0 16px;}
#homeintrotext h1{color:#f39100; font-size:20px; line-height:27px; margin:0 0 7px 0; text-transform:uppercase;}
#immo_feature{width:471px; height:203px; overflow:hidden;}
#immo_feature img.immo_feature_img{position:absolute; bottom:0; right:0; width:270px; height:203px; z-index:100;}

#immo_feature_overlay{position:absolute; top:0; left:0; z-index:200; width:471px; height:203px; background: transparent url(images/immo_feature_home.png) top left no-repeat;}
#immo_feature_text{width:180px; padding:15px 0 0 15px;}
#immo_feature_text h3{font-size:13px; line-height:17px; margin:0 0 6px 0; padding:0; border:none;}
#immo_feature_text p{margin:0 0 6px 0; padding:0; font-size:11px; line-height:14px;}
p span.details_text{border-bottom:1px dotted #ccc;}
#immo_feature_text p.immo_feature_link{border-top:1px solid #ddd; margin:21px 0 0; padding:5px 0; text-align:right; width:163px;}


/*------- Immobilienliste und Tätigkeitsfelder Liste ----------*/
#immolist{padding:0 0 0 16px;}
#immolist .immoitem{padding:10px 0 2px 10px;margin:0 0 30px 0; background:#fff url(images/immo_item_bg.jpg) top left repeat-x;}
#immolist .immoitem .immoimage{width:200px; height:150px; padding:4px; border:1px solid #ddd; float:left; display:inline; background-color:#fff;}
#immolist .immoitem .immodetails{width:270px; padding:0 10px 0 0; float:right; display:inline;}
#immolist .immoitem .immodetails h2{font-size:15px; line-height:21px; margin:0 0 6px 0; padding:5px 0 0 0; color:#f39100;}
#immolist .immoitem .immodetails h2 a{}
#immolist .immoitem .immodetails h2 a:hover{text-decoration:none; cursor:pointer;}
#immolist .immoitem .immodetails p{margin:0 0 6px 0; padding:0; font-size:11px; line-height:14px;}
#immolist .immoitem .immodetails p.immo_feature_link{border-top:1px solid #ddd; margin:17px 15px 0 0; padding:5px 10px 0 0; text-align:right;}


/*------- Immobilien Expose Ansicht ----------*/
#singleview{padding:0 0 0 16px;}
#single_image{margin:0 0 20px 0;}
#single_image_main{padding:5px; border:1px solid #ddd; width:390px; height:293px; background-color:#fff; float:left; display:inline;}
#single_image_main img, #single_image_main a img{margin:0 auto; padding:0;}
#single_image_slider_wrapper{padding:5px; border:1px solid #ddd; width:92px; height:293px; background-color:#fff; float:right; display:inline; overflow:hidden;}
#single_image_slider{padding:0; width:92px; height:293px; background-color:#fff; margin:31px 0 0; overflow:hidden;}
#single_image_slider ul{margin:0; padding:0; height:293px; overflow:hidden;}
#single_image_slider ul li{margin:0 0 12px 0; padding:0; height:69px;}
#single_image_slider ul li a{margin:0; padding:0; height:69px; display:block;}

#single_image_slider_wrapper a.prev{margin:0; padding:0; position:absolute; top:4px; left:31px; display:block; width:40px; height:20px; text-indent:-9999px; background:#fff url(images/slider/prev.gif) top left no-repeat; cursor:pointer; z-index:400;}
#single_image_slider_wrapper a.next{ margin:0; padding:0; position:absolute; bottom:4px; left:31px; display:block; width:40px; height:20px; text-indent:-9999px; background:#fff url(images/slider/next.gif) top left no-repeat; cursor:pointer; z-index:400;}

#single_text{margin:0 0 30px 0; min-height:300px; height:auto !important; height:300px;}
#single_text h3{color:#F39100; border:none; margin:0; padding:0;}
.left_col{float:left; display:inline; width:219px; padding:0 27px 0 0; border-right:1px solid #bbb;}
.left_col div.detailinfo{padding:4px 0 6px 0; border-bottom:1px dotted #bbb;}
#single_text div.left_col p.left{float:left; display:inline; font-size:11px; margin:0; line-height:15px;} 
#single_text div.left_col p.right{float:right; display:inline; font-size:11px; margin:0; text-align:right; line-height:15px;}
.right_col{float:right; display:inline;  width:248px; padding: 0 0 0 20px;}
.right_col p{ font-size:11px; line-height:15px;}

#taetigkeitsfeldermore{}
#taetigkeitsfeldermore ul{list-style:disc; list-style-type:disc; margin:0 0 15px 20px; padding:10px;}
#taetigkeitsfeldermore ul li{list-style:disc; list-style-type:disc; margin:0; padding:0; line-height:22px;}

/*------- Main Kontakt Page ----------*/
#mainkontakt{padding:0 0 0 16px;}
#addresstwo{float:left; display:inline;  width:232px; padding:0 0 0 0; border-right:1px solid #bbb;}
#kontaktmain{float:right; display:inline; width:248px; padding: 0 0 0 20px; magrin: 0;}

/*------- Footer ----------*/
#footer{background:#fff url(images/footer_bg.jpg) top left no-repeat; height:37px; padding:0 0 50px 0; width:840px; margin:0 auto;}
#footer #footernavi{text-align:right; position:absolute; top:7px; right:0; width:300px; height:37px; padding:0 60px 0 0;}
#footer #footernavi a{margin:0; padding:0; font-size:10px; color:#7b7b7b; line-height:30px; magrin: 0;}

/* -- Kontaktpage ----------------------------------------------------------------- */
#kontaktformular h3{border-bottom:medium none; color:#FFFFFF; font-size:14px; font-weight:bold; line-height:16px; margin:0 0 23px; padding:0;}
#kontaktformular p{color:#fff; font-size:12px; line-height:14px; margin:0;}

div.kontaktform { 
margin:0;
padding:4px 0 0 34px;
background:#fff url(images/kontaktformular.jpg) top left no-repeat;
width: 232px; height:432px;
} 

#kontaktmain div.kontaktform { 
magrin:0;
padding:0 0 20px 0;
background:none;
width: 232px; height:auto;
} 

div.kontaktform h1 { 
	color:#c50812;
	font-size:14px;
	padding:15px 0 10px 5px;
} 

div.kontaktform label {
	width:100%;
	display: block;
	padding:0 0 2px 0; 
} 

div.kontaktform label span { 
	display: block;
	color:#fff;
	font-size:13px;
	float:left;
	width:100px;
	text-align:left;
	padding:5px 0 2px 0; 
} 

#kontaktmain div.kontaktform label span { 
	display: block;
	color:#7b7b7b;
	font-size:13px;
	float:left;
	width:100px;
	text-align:left;
	padding:5px 0 2px 0; 
} 

div.kontaktform .input_text { 
	padding:4px 5px;
	width:200px;
	border: 1px solid #bbbbbb;
	color:#343434;
} 

div.kontaktform .message{ 
	color:#343434;
	padding:5px;
	width:200px;
	border: 1px solid #bbbbbb;
	overflow:hidden; 
	height:100px;
	overflow:auto;
} 

div.kontaktform .submit { 
	margin:0 0 10px 0;
	padding:4px 7px;
	border:0px;
	position: relative;
	top:10px;
	left:0;
	border: 1px solid #bbbbbb;
	color:#fff;
	background-color:#bbb;
	width:100px;
}

#kontaktmain div.kontaktform .submit { 
	margin:0 0 10px 0;
	padding:4px 7px;
	border:0px;
	position: relative;
	top:10px;
	left:0;
	border: 1px solid #B2B2B2;
	color:#fff;
	background-color:#bbb;
	width:100px;
}
#kontaktmain div.kontaktform h3 {font-size:15px; line-height:23px; margin:0 0 5px 0; padding:0 0 10px 0;}

div.kontaktform .submit:hover {color:#f39100;}

#kontaktformular p.fehler a{
	background-color:#C50812;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	left:34px;
	padding:3px;
	position:absolute;
	top:42px;
	width:207px;
	}
	
	#kontaktformular p.erfolg{
	background-color:#060;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	left:34px;
	padding:3px;
	position:absolute;
	top:42px;
	width:207px;
	}

#kontaktmain p.fehler a{
	background-color:#C50812;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding:3px;
	width:207px;
	}
	
#kontaktmain p.erfolg{
	background-color:#060;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	font-weight:bold;
	padding:3px;
	width:207px;
	}


/*------ PageNavi ---------*/
div.pagenavigation{height:50px;}

/*  --  Quickinfo -- */
#quickinfo{
	height:100px; 
	position:relative; 
	margin: -140px auto 30px auto;
	border-top: 1px solid #DDDDDD; 
	z-index:6; 
	text-align:left; 
	padding:10px; 
	overflow: auto;
	}
#quickinfo .post h1{color:#fff; font-size:18px;}
#quickinfo .post p{color:#fff;}