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


body{
color:#000;
padding: 0px;
margin: 0px;
font-family: Georgia, Verdana, serif;
background-color: #fff;
}


#wrapper{
margin: 22px auto 60px auto;
width: 870px;
height: auto;
overflow: hidden;
}


div#header{
background-image: url("../images/logo.jpg");
background-repeat: no-repeat;
width: 157px;
height: 131px;
display: block; 
}


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

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

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

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

ul#navi li a{
display: none;
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;
}

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

.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;

}

/* -------------------------------------------------
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;
}

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;
}

.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: 20px;
color: #837878;
line-height: 28px;
}

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;
/*border-bottom: 2px solid #c8c6c6;*/
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 10px 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;
height: 328px;
width: 249px;
float: left;
margin: 35px 25px 40px 0px;
}

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

.detail_flat_result{
background-color:#FEFEFE;
float:left;
height:auto;
padding:0px 0px 30px 35px;
width:600px;

}


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

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

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

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

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;
}

/*
div.more a span{
display: block;
color: red;
}*/

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;
100px;

}

.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: 5px;
}

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

}

ul.gallery 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");
	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;
}