@import "rte.css";

*{margin:0;padding:0;font-family:arial,"sans serif";list-style:none;text-decoration:none;}

a{color:#212621;outline:0;}
body{background:#fffff2 url(body.png);color:#212621;font-size:13px}
textarea{font-size:13px}
img,fieldset{border:0}

.align-center{text-align:center}
.clr,.csc-content{clear:both}

#wrapper{background:url(wrapper.png);}
#header{width:960px;height:170px;margin:0 auto;position:relative;}
#logo{position:absolute;top:59px;left:59px;}
#meta{padding:0 60px;}
#meta li{display:block;float:left;padding:0 4px 0 0;}
#meta a{display:block;float:left;text-transform:uppercase;font-size:9px;padding:2px 4px;}
#meta li.CUR a,
#meta a:hover{background:#434a43;color:#fff;}
#ticker{position:absolute;top:50px;left:470px;width:420px;height:80px;padding:10px 10px 50px 10px;background:url(ticker.png) no-repeat;color:#fffff2;text-align:center;}
#ticker ul{position:absolute;top:-10px;width:400px;height:16px;text-align:center;}
#ticker ul li{width:16px;height:16px;overflow:hidden;background:url(ticker_dots.png) -32px 0 no-repeat;display:inline-block;cursor:pointer;}
.ie7 #ticker ul{margin:0 0 0 -200px;}
.ie7 #ticker ul li{display:inline}
#ticker ul li:hover{background:url(ticker_dots.png) -16px 0 no-repeat}
#ticker ul li.current{background:url(ticker_dots.png) 0 0 no-repeat}
#ticker .slidepanes{width:420px;height:60px;overflow:hidden;}
#ticker .slidepanes div{width:400px;height:40px;padding:10px;text-align:center;}
#ticker .slidepanes a{color:#fffff2;}

#content{width:840px;margin:0 auto;padding:30px 50px;position:relative;}
#content .col-2-1{width:410px;float:left;}
#content .col-2-2{width:410px;float:right;}

#home{width:840px;height:360px;padding:20px;margin:0 auto;background:url(home.png) no-repeat;position:relative;}
#home a{position:absolute;top:50px;width:180px;height:60px;background:#212621;background:rgba(33,38,33,0.5);color:#fff;font-size:30px;line-height:60px;text-align:center;display:block;-webkit-transition-property:background-color,color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function:ease-out;}
#home a:hover{background:rgba(33,38,33,0.8);}
.ie7 #home a,
.ie8 #home a{filter: alpha(opacity = 50);}
.ie7 #home a:hover,
.ie8 #home a:hover{filter: alpha(opacity = 80);}
#home #kaufen{left:50px;width:140px;}
#home #verkaufen{left:200px;}

#slider{width:840px;height:388px;padding:10px;margin:0 auto;background:url(slider.png) no-repeat;position:relative;}
#slider ul{padding:10px 0 0 0;margin:0;}
#slider ul li{list-style:none;padding:0;margin:0;background:transparent;}
#slider a{display:block;width:210px;padding:10px;text-align:right;color:#fffff2;font-weight:bold;}
#slider a:hover,
#slider a.current{background:#fff;color:#212621;}
#slider img{position:absolute;top:20px;left:250px;width:490px;height:368px;}
#slider .text{position:absolute;top:30px;left:750px;width:80px;padding:0 10px;}

.landscape{width:410px;height:318px;background:url(slideshow_landscape.png) no-repeat;}
.landscape img{width:370px;height:278px;margin:20px;}
.portrait{width:410px;height:532px;background:url(slideshow_portrait.png) no-repeat;}
.portrait img{width:370px;height:492px;margin:20px;}

#footer{padding:20px 0 0 0;color:#646860;font-size:11px;background:url(footer.png) repeat-x;}
#footer .inner{width:840px;padding:60px 60px 30px 60px;margin:0 auto;background:url(footer_inner.png) 0 5px no-repeat;}
#footer p{width:200px;margin:0 20px 0 0;float:left;}
#footer div.n3 p{width:400px;margin:0;}
#footer a{color:#646860}

#nav{background:url(nav.png);height:80px;position:relative;}
#nav-top{background:url(nav_top.png);width:100%;height:20px;position:absolute;top:0;left:0;z-index:1;}
#nav-bottom{background:url(nav_bottom.png);width:100%;height:20px;position:absolute;bottom:0;left:0;z-index:1;}
#nav ul{position:relative;z-index:2;}

#mainnav{width:860px;height:70px;margin:0 auto 10px auto;}
#mainnav li{display:block;float:left;text-align:center;}
#mainnav li.n2,
#mainnav li.n3{padding:0 5px;}
#mainnav a{display:block;float:left;width:210px;height:50px;text-transform:uppercase;font-size:12px;padding:20px 0 10px 0;margin:0 0 10px 0;}
#mainnav a b{display:block;margin:0 auto;font-size:20px;}
#mainnav li a:hover,
#mainnav li.CUR a{background:url(mainnav_a2.png) left bottom no-repeat;}
#mainnav.open li a:hover,
#mainnav.open li.CUR a,
#mainnav.open li.CURIFSUB a,
#mainnav.open li.ACTIFSUB a{background:url(mainnav_a.png) left bottom no-repeat;}

#mainnav ul{position:absolute;top:85px;left:-60px;width:960px;height:53px;margin:0 auto;text-align:center;display:none}
#mainnav ul li{display:inline-block;float:none;margin:0;}
.ie7 #mainnav ul li{zoom:1;display:inline;}
#mainnav ul a{font-size:12px;line-height:20px;padding:0 0 0 15px;display:inline;width:auto;height:auto;background:transparent !important;display:inline-block;float:none}
.ie7 #mainnav ul a{zoom:1;display:inline}
#mainnav ul a:hover,
#mainnav ul li.CUR a,
#mainnav ul li.CURIFSUB a,
#mainnav ul li.ACTIFSUB a{background:url(subnav_a.png) no-repeat !important}
#mainnav ul a span{line-height:20px;padding:10px 15px 0px 0;display:inline-block;display:inline-block;}
.ie7 #mainnav ul a span{zoom:1;display:inline;cursor:pointer;}
#mainnav ul a:hover span,
#mainnav ul li.CUR a span,
#mainnav ul li.CURIFSUB a span,
#mainnav ul li.ACTIFSUB a span{background:url(subnav_a.png) 100% -45px no-repeat !important;}

#mainnav ul ul{display:none !important;}

.content h1{margin:0 0 20px 0}
.content h2{margin:0 0 20px 0}
.content h3{margin:0 0 20px 0}
.content p{margin:0 0 20px 0;line-height:1.5;}
.content ul{margin:0 0 20px 10px;}
.content ul li{background:url(li.png) 0 6px no-repeat;padding:0 0 0 15px;margin:0 0 5px 0;}
.content ol{margin:0 0 20px 30px;}
.content ol li{list-style:decimal;margin:0 0 5px 0;}


.content form{margin:0 auto 20px auto;width:480px;}
.content form fieldset.hidden{display:none}
.content form .error{padding:0 0 5px 140px;color:#c80000;}
.content form label{float:left;margin:0 0 5px 0;width:100px;padding:4px 20px 0 20px;text-align:right;}
.content form input.text{border:1px solid #7a7d75;margin:0 0 5px;padding:3px 5px;width:250px;font-size:13px;}
.content form input.text:focus{border:1px solid #212621}
.content form select{border:1px solid #7a7d75;margin:0 0 5px;width:262px;font-size:13px;padding:2px 0 0 0;}
.content form select:focus{border:1px solid #212621}
.content form select option{padding:2px 5px 0 5px;}
.content form textarea{border:1px solid #7a7d75;height:100px;margin:0 0 5px;padding:3px 5px;width:250px}
.content form textarea:focus{border:1px solid #212621}
.content form .control{padding:10px 0;text-align:center}
.content form .control input{background:url(nav.png) repeat;color:#212621;padding:5px 20px 4px 20px;border:none;cursor:pointer;font-size:15px;font-weight:bold;text-transform:uppercase}
.content form .control input:hover{background:url(body.png) repeat;color:#fff}

.content .csc-menu{margin:0 0 0 20px 0}
.content .csc-menu li{background:url(hr.png) 0 100% repeat-x;padding:5px 10px 7px 10px;margin:0;}
.content .csc-menu li a{display:block;}

/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
border: 1px solid gray;
padding: 0px 0px;
}

DIV.csc-textpic-imagewrap { padding: 0; }

DIV.csc-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }

/* Clearer */
DIV.csc-textpic-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-right: 20px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-left: 20px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */
margin-left: 20px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 20px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 20px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
margin-left: 10px !important;
}

/* Positioning of images: */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */

DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }

/* Browser fixes: */

/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }




@media print{

}