Æ’/* -------------------------------------------------
	General
----------------------------------------------------*/
html, body{
 outline: none;
}


body{
color:#616161;
padding: 0px;
margin: 0px;
font-family: Georgia, Verdana, serif;
background-color: #D6E1E5;
background-image: url("../images/bg.jpg");
background-repeat: repeat-x;
}


#wrapper{
height:auto;
margin:22px auto 0px;
overflow: hidden;
width:898px;
}


div.border_left {
background-image:url(../../library/images/border_left.png);
border:medium none;
float:left;
height:500px;
position:relative;
top:20px;
width:15px;
}

* html div.border_left{ 
display: none;
}

div.border_right {
background-image:url(../../library/images/border_right.png);
border:medium none;
float:right;
height:500px;
position:relative;
top:20px;
width:15px;
}

* html div.border_right{ 
display: none;

} 


div#header{
background-image:url(../images/header.gif);
background-repeat:no-repeat;
display:block;
float:left;
height:102px;
width:868px;
}


a {
outline-style:none;
outline-width:medium;
text-decoration:none;
}

/* -------------------------------------------------
	Menu
----------------------------------------------------*/

ul#navi{
list-style:none;
margin:0;
padding:0;
font-family: Verdana, Helvetica, san-serif;
font-size: 12px;
font-weight: bold;
height: 56px;
}

ul#navi li{
float:left;
width:124px;
margin:0;
padding:0;
text-align:center;
height: 56px;
}

ul#navi li a{
display:block;
color:#FFF;
text-decoration:none;
border-right:1px solid #696969;
background: url("../images/bg_navi.jpg") repeat-x 0 0;
padding: 20px 0px;
outline: none;
}

ul#navi li a:hover {
background-position:50px 0;
color: #FFF;
}

a.mainnav:hover,a.mainnav:active,a.mainnavopen {
	background-image:url(../../library/images/bg_navi.jpg);	
	color:#FFF;
}

div#sidebar{
background-color: #F2F2F2;
width: 231px;
height: 100%;
float: left;
padding: 0px 0px 0px 0px;
}

* html div#sidebar{
width: 228px;
}

.verlauf{
background-image: url(../images/verlauf.jpg);
background-repeat: repeat;
height: 80px;
}


.druck{
padding: 15px 0px 0px 25px;
}

a.druckicon{
background: url("../images/icon_druck.gif") no-repeat;
height: 97px;
width: 184px;
display: block;
}

a.backicon{
background: url("../images/icon_back.gif") no-repeat;
height: 97px;
width: 184px;
display: block;
}

a.serachicon{
background: url("../images/icon_search.gif") no-repeat;
height: 97px;
width: 184px;
display: block;
}

a.druckicon:hover, a.backicon:hover, a.serachicon:hover{
background-position: 0px -97px;
}
.details{
border-right:3px dotted #EFEFEF;
float:left;
width:634px;
}

* html .details{
width: 600px;
}

/* -------------------------------------------------
Content
----------------------------------------------------*/

div#content{
background-color: #fff;
padding: 0px 0px 0px 0px;
width:868px;
float: left;
overflow:hidden;
}

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

div.topper{
background-image: url("../images/topper_bg.jpg");
background-repeat: repeat-x;
background-position: top;
height: 176px;
/*border-bottom: 2px solid #c8c6c6;*/
padding: 35px 35px 0px;
}


div.topper h1{
margin: 0px 0px 10px 0px;
color: #FF5A00;
}

div.topper_leistungen{
background-image: url("../images/topper_bg.jpg");
background-repeat: repeat-x;
background-position: bottom;
/*border-bottom: 2px solid #c8c6c6;*/
padding: 35px 35px 15px 35px;
}


div.topper_leistungen h1{
margin: 0px 0px 10px 0px;
color: #FF5A00;
}

div.topper_leistungen p {
line-height: 22px;
margin-bottom: 15px;
color: #837878;
}

div.topper_leistungen p.height {
line-height: 22px;
margin-bottom: 15px;
color: #837878;
height: 130px;
}


ul.aufzaehlung{
color: #837878;
margin:0;
padding:15px;
}

ul.aufzaehlung li{
padding: 3px;

}


a.singlepic{
border:5px solid silver;
float:left;
margin-right:10px;
padding:5px;
}

a.singlepic:hover{
border: 5px solid #6F6F6F;
}


a.singlepic img{
border: 0px;
}

a.externlink{
color: #837878;
text-decoration:none;
}

a.externlink:hover{
color: #837878;
text-decoration: underline;
}

.orange{
color: #FF5A00;
}

h1.search{
margin: 0px 0px 20px 0px !important;
color: #FF5A00;
}

div.adress h1, div.tel h1, div.mail h1{
margin: 0px 0px 30px 0px;
color: #FF5A00;
}


div.topper p{
font-size: 22px;
color: #837878;
line-height: 28px;
}

div.topper p.smal{
font-size: 18px;
color: #837878;
line-height: 25px;
}

div.adress p, div.tel p, div.mail p{
color:#837878;
font-size:20px;
line-height:28px;
}

div.adress{
background-image: url("../images/adress_bg.jpg");
background-repeat: repeat-x;
background-position: top;
height: 176px;
/*border-bottom: 2px solid #c8c6c6;*/
padding: 35px 35px 0px;
}



div.tel{
background-image: url("../images/tel_bg.jpg");
background-repeat: repeat-x;
background-position: top;
height: 176px;
padding: 35px 35px 0px;
}

div.mail{
background-image: url("../images/mail_bg.jpg");
background-repeat: repeat-x;
background-position: top;
height: 176px;
/*border-bottom: 2px solid #c8c6c6;*/
padding: 35px 35px 0px;
}

div.mail p a{
color: #837878;
text-decoration: none;
}

div.mail p a:hover{
text-decoration: underline;
}




div.slider{
background-image: url("../images/slider_bg.jpg");
background-repeat: repeat-x;
background-position: top;
height: 300px;
padding: 0px 0px 0px 35px;
}

div.offer{
background-image: url("../images/offer_bg.jpg");
background-repeat: repeat-x;
background-position: bottom left;
background-color: #FEFEFE;
height: 490px;
width: 836px;

/*height: auto;
padding: 35px 0px 0px 35px;*/

padding: 0px 0px 0px 35px;
float: left;
}

.flat_result{
background-image: url("../images/offer_bg_2.jpg");
background-repeat: repeat-x;
background-color: #FEFEFE;
height: auto;
width: 836px;
padding: 0px 0px 0px 35px;
float: left;
}

* html div.flat_result{
padding: 0px 0px 10px 35px;
}

div.offer_element{
background-image:url(../images/offer_element.gif);
background-repeat:no-repeat;
float:left;
height:370px;
margin:35px 25px 0 0;
width:250px;
}


* html div.offer_element{
margin: 50px 0px 0px 0px;
}

.detail_flat_result{
background-color:#FEFEFE;
background-image:url(../images/offer_bg_2.jpg);
background-repeat:repeat-x;
border-right:1px solid #DFDFDF;
float:left;
height:auto;
padding:0px 0px 30px 35px;
width:600px;
}


h1{
margin: 30px 0px 0px 0px;
color: #FF5A00;
font-style: italic;
}

h2{
color:#FF5A00;
font-style:italic;
margin:30px 0px 0px 0px;
}


h2.aktion{
color:#FF5A00;
font-style:italic;
margin:0px 0px 10px 0px;
}

h3{
margin: 30px 0px 0px 0px;
color: #FF5A00;
font-style: italic;
font-size: 14px;
padding-left:22px;
}


#footer{
clear: both;
background-image: url("../images/footer.gif");
background-repeat: no-repeat;
background-color: transparent;
height: 26px;
width: 868px;
margin: 0px 0px 60px 0px;
left:15px;
position:relative;
}

* html #footer{
left: 0px;
}

#footer a{
color:#FFFFFF;
float:right;
font-style:italic;
padding:3px 15px 0 0;
font-size:12px;
}

table {
font-size: 12px;
margin: 13px 13px 0px 13px;
color: #616161;
width: 224px;
}

td.rechts {
background-color:#E0EDF6;
padding: 4px 7px;
width: 100%;
}

td.links {
background-color:#E0EDF6;
padding: 4px 7px;
width: 50px;
font-weight:bold;
}

td.rechts_white {
background-color:#fff;
padding: 4px 7px;
width: 100%;
}

td.links_white {
background-color:#fff;
padding: 4px 7px;
width: 50px;
font-weight:bold;
}

table.data{
width: 580px;
font-size: 14px;
margin: 10px 0px 0px 0px;
float: left;
}

table.data td.links {
background-color: transparent;
width: 40%;
color: #606060;
padding: 8px 7px;
border-bottom:2px dotted #DFDFDF;
}

table.data td.rechts {
background-color: transparent;
border-bottom:2px dotted #DFDFDF;
padding: 8px 7px;
}

img.offerpix{
margin: 13px 13px 0px 13px;
height:138px;
margin:13px 13px 0;
overflow:hidden;
width:222px;
}

div.more{
width: 100%;
margin: 5px 0px 0px 17px;
}

div.more a{
background: url("../images/more_button.jpg") no-repeat;
height:  12px;
width: 12px;
display: inline;
margin-right: 10px;
font-size: 11px; 
padding-left: 15px;
color: #616161;
text-decoration: none;
}

div.more a:hover{
background-position: 0px -14px;
text-decoration: underline;
}


ul#mycarousel.jcarousel-skin-tango  li img{
border: 1px solid #000;
}

.formelements{
font-size: 12px;
left:25px;
position:relative;
}

.txtField{
width: 180px;
border: 1px solid #AFAFAF;
}

.txtField{
width: 180px;
}

.formtext{
margin: 5px 0px 0px 0px;
color: #606060;
}

.search_right, .search_left{
float: left;
width: 390px;
}

.search_right_small{
float: left;
}

.selMain{
border:1px solid #C9C9C9;
height:22px;
margin:0px 0px 20px;
width:190px;
}

.inputLbl{

font-size: 18px;
font-style:italic;
float: left; 
width:155px;
}

.inputbtn{
/*background: url("../images/icon_search_big.gif") no-repeat;
height: 100px;
width: 100px;*/
display: block;
border: 1px solid black;
outline: none;
}

/* Gallery*/

ul.gallery{
list-style-type: none;
padding: 0px;
margin: 0px;
}

ul.gallery li{
/*float: left; */
display: inline;
margin: 0px;
}

div.topper ul.gallery li{
/*float: left; */
display: inline;
margin: 5px;
}

ul.gallery li a img{
border: 4px solid #CFCFCF;
padding: 5px; 

}

ul.gallery li a img:hover{
border: 4px solid #6F6F6F;
padding: 5px; 
}

/* Gallery*/

ul.grundriss{
list-style-type: none;
padding: 0px;
margin: 0px;
}

ul.grundriss li{
/*float: left; */
display: inline;
margin: 0px;
}

div.topper ul.grundriss li{
/*float: left; */
display: inline;
margin: 5px;
}

ul.grundriss li a img{
border: 4px solid #CFCFCF;
padding: 5px; 

}

ul.grundriss li a img:hover{
border: 4px solid #6F6F6F;
padding: 5px; 
}



/* -------------------------------------------------
					PAGEBAR
----------------------------------------------------*/

.pagebar {
background-image: url("../images/pagebar_bg.jpg");
background-repeat: repeat-x;
border-top: 1px solid #CCCCCC;
font-size: 0.92em;
margin-bottom: 0px;
padding: 17px 40px 17px 0px;
text-decoration: none;
float: right;
text-align: right;
width: 828px;
height: 100%;
}

.pagebar a, .pageList .this-page {

border:1px solid #CCCCCC;
padding:0.2em 0.5em;
text-decoration:none;
display: inline;
color: #606060;
}

.pagebar a:visited {
border: 1px solid #CCCCCC;
color: #606060;
padding: 0.2em 0.5em;
text-decoration:none;
}

.pagebar .break {
background:#FFFFFF none repeat scroll 0%;
border:medium none;
padding:2px 6px;
text-decoration:none;
}

.pagebar .this-page {
background: #FF7700 none repeat scroll 0%;
border: 1px solid #FBC616;
color: #FFFFFF;
font-weight: bold;
padding: 0.2em 0.5em;
}

.pagebar a:hover {
border-color: #606060;
background-color: #606060;
color: #fff;
}

.pagebar .inactive {
border:1px solid #CCCCCC;
color:#CCCCCC;
padding:0.2em 0.5em;
text-decoration: none;
}

div.icons{
background-image: url("../images/icons.gif");
background-repeat: no-repeat;
height: 288px;
width: 200px;
float: left;
}

/* MAIN SLIDER */



.desc{
	font-family: "Trebuchet MS", sans-serif;
	color: #EAC599;
}
#featured{
	
}
#featured h1{
	font-size: 25px;
	font-weight: normal;
}
#intro{
	float: left;
	width: 345px;
	background: url(../images/intro.gif) no-repeat;
	text-indent: -9999px;
	height: 197px;
	background-position: 30px 40px;
}
#content{
	background: #DFDAD5 url(../images/content.jpg) top left no-repeat;
	padding: 15px;
	color: #4C3621;
}
.col{
	width: 450px;
	float: left;
	padding: 10px 10px 0 0;
	font-family: Trebuchet MS;
}
.col h3{
}
#about{
	background: url(../images/about.gif) top left no-repeat; 
	margin: 0;
	text-indent: -9999px;
}
#lifestream{
	background: url(../images/tweets.gif) top left no-repeat; 
	margin: 0;
	text-indent: -9999px;
}
.col img{
	float: left;
	 margin: 0 10px 10px 0;
}
.more_link{
	float: right;
	background: url(../images/button.gif) top right no-repeat;
	height: 29px;
	margin: 10px 0 0 0;
}
.more_link a{
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 12px;
	padding: 7px 20px 0 10px;
}


.carousel_bg{
	background-image: url("../images/slider_main.gif");
	background-repeat:no-repeat;
	height: 188px;
	width: 798px;
	margin:15px 0px 0px;

}

.carousel{

	float: left;
	padding-top: 40px;

	
}
.carousel ul li img{
	width: 164px;
	height: 113px;
	border: 1px solid #C9C9C9;
}
.carousel ul li{
	padding-bottom: 15px;
	height: 100px;
	/*margin: 0 10px;*/
	margin: 0 5px;
	padding: 0;

}
.prev{

	background-image: url("../images/forward.gif");
	float: left;
	width: 36px;
	height: 35px;
	text-indent: -9999px;
	margin: 80px 0px 0px 12px;
	cursor: pointer;
	outline: none;
	border: 0px;

}

.prev:hover, .next:hover{
background-position: 0 -35px;
outline: none !important;


}
.next{
	background-image: url("../images/backward.gif");
	float: left;
	margin: 80px 0px 0px 2px;
	width: 36px;
	height: 35px;
	text-indent: -9999px;
	cursor: pointer;
	border: 0px;

}


.carousel{
	float: left;
}




.error {
	border-color:#ff0000;
}