*{padding:0; margin:0; border:0;} 
*:focus { outline: none }
body{background:#000 url(../images/kun_bg.gif) center center fixed no-repeat; font:11px Arial, Verdana, sans-serif;}

@font-face{font-family:"Myriad Pro"; src:url('../fonts/MyriadPro-Regular.otf');}

.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}

h1{margin:20px 0 0 20px;}
h1 a{display:block; width:201px; height:101px; background:url(../images/logo.png) no-repeat; text-indent:-9999px;}

.invisible{display:none;}
#maincontainer{position:absolute; top:50%; left:50%; width:940px; height:600px; margin:-300px 0 0 -470px;}
body.startseite #maincontainer{margin:-450px 0 0 -470px;}
.container_16{position:relative;}
body.startseite .container_16 #main{background:url(../images/bg_main.gif) left bottom repeat-x; margin-top:0;}
body.gallery #content, body.news #content{padding:0; width:700px; height:500px; overflow:hidden;}

p#facebook{position:absolute; right:0; top:-20px; color:#666; z-index:1000;}
body.startseite p#facebook{top:155px;}
p#facebook a{font-weight:bold; color:#fff; text-decoration:none;}
p#facebook a:hover{color:#ccc;}

#head{height:500px; background:#fff;}
body.startseite #head{margin-top:175px;}
#head .mod_navigation{margin:125px 0 0 20px; background:#fff;}
#head .mod_navigation ul li{padding:0 0 5px 0;}
#head .mod_navigation ul li a{color:#000; display:block; padding:5px 5px 3px 5px; text-decoration:none; text-transform:uppercase; font:14px "Myriad Pro", Arial, Verdana, sans-serif;}
#head .mod_navigation ul li a:hover{color:#666;}
#head .mod_navigation ul li.active ul li, #head .mod_navigation ul li.trail ul li{padding:0 0 0 15px; font-weight:normal;}
#head .mod_navigation ul li.active ul li a, #head .mod_navigation ul li.trail ul li a{color:#888; text-decoration:none; text-transform:none; font:14px "Myriad Pro", Arial, Verdana, sans-serif; padding: 2px;}
#head .mod_navigation ul li ul li a:hover{ color: #444;}
#head .mod_navigation ul li ul li.active a{color: #000; text-decoration: none;}

#neuheiten{overflow:hidden; width:700px; height:500px;}
#neuheiten .mod_newslist .layout_full{width:690px; height:250px; overflow:hidden; position:relative; padding:0;}
#neuheiten .mod_newslist .layout_full .image_container{position:absolute; top:0; left:0; width:345px; height:250px; z-index:10;}
#neuheiten .mod_newslist .layout_full .newscontent{position:absolute; background:#000; top:0; right:0; padding:25px; z-index:1000; width:295px; height:199px; border-bottom:1px solid #191919;}
#neuheiten .mod_newslist .layout_full .newscontent h2{background:#000; color:#fff; font-weight:bold; line-height:1.5em; font:12px Arial, Verdana, sans-serif; margin:0; text-transform:uppercase;}
#content #neuheiten .mod_newslist .layout_full .newscontent .newscontenttext{display:block; margin:10px 0 0 0; color:#ccc; line-height:1.5em; font-weight:normal; font:12px Arial, Verdana, sans-serif; padding:0;}
#content #neuheiten .mod_newslist .layout_full .newscontent .newscontenttext p{display:inline;}
#content #neuheiten .mod_newslist .layout_full .newscontent .newscontenttext .info{color:#fff;}
#neuheiten .mod_newslist .layout_full .overlay{width:50px; height:250px; background:url(../images/overlay-left.png) left bottom repeat-y; position:absolute; left:0; top:0; z-index:1000;}
.newscontenttext a{color: #fff;}

#tooltip{position:absolute; z-index:3000; max-width:200px; line-height:16px !important; opacity:0.8; background-color:#000; padding:5px; color:#fff; text-transform:uppercase; font:12px "Myriad Pro", Arial, Verdana, sans-serif;}

/* body.startseite .container_16 #main{background:#fff;} */
body.startseite #content{height:675px; width:700px; padding:0; background:none; position:relative;}
body.startseite #content .mod_article.large{overflow:hidden; width:100%; height:455px; position:relative;}
body.startseite #content .mod_article.large .inner{width:9999px;}
body.startseite #content .mod_article.large .inner .ce_text{float:left; margin:175px 0 0 0;width: auto;}
body.startseite #content .mod_article.large .inner .ce_text#iphone{margin:107px 0 0 0;}
body.startseite #content .mod_article.large .inner .ce_text .overlay{width:100%; height:50px; background:url(../images/overlay.png) left bottom repeat-x; position:absolute; top:230px; left:0; z-index:1000;}
body.startseite #content .mod_article.large .inner .ce_text#iphone .overlay{top:298px;}
body.startseite #content .mod_article.large .inner ul#dots{position:absolute; right:20px; bottom:20px; z-index:1001;}
body.startseite #content .mod_article.large .inner ul#dots li{float:left; padding:0 0 0 8px; cursor: pointer; }
body.startseite #content .mod_article.large .inner ul#dots li span{display:block; overflow:hidden; width:10px; height:10px; background:url(../images/dot.png) no-repeat;  text-indent:-9999px;}
body.startseite #content .mod_article.large .inner ul#dots li.active span{background:url(../images/dot_active.png) no-repeat;}
body.startseite #content .mod_article .inner .ce_text{float:left; position:relative; width:50%;}
body.startseite #content .mod_article .inner .ce_text .text-inner{position:absolute; bottom:20px; left:0; z-index:2000; background:url(../images/black.png); color:#ccc; padding:5px 25px; width:170px;}
body.startseite #content .mod_article .inner .ce_text .text-inner h2, #content .mod_article .inner .ce_text .text-inner h2 a{display:block; color:#fff; font-weight:bold; line-height:1.5em; text-decoration:none; font:12px Arial, Verdana, sans-serif; margin:0;}
body.startseite #content .mod_article .inner .ce_text .text-inner p{padding:0;}
body.startseite #content .mod_article .inner .ce_text .text-inner p a{color:#ccc; display:block; text-decoration:none; line-height:1.5em;}
body.startseite #content .mod_article .inner .ce_text .overlay{display:block; width:50px; height:220px; background:url(../images/overlay-left.png) left bottom repeat-y; position:absolute; left:0; top:0; z-index:1000;}
body.startseite #content .mod_article#small{overflow:hidden;}

#bigimg{position:absolute; top:0; left:0; z-index:1100; cursor:pointer; width:700px; height:500px; display:none;}
#content p#bigimg_p{position:absolute; top:25px; left:25px; max-width:200px; line-height:16px !important; opacity:0.8; background-color:#000; padding:5px; color:#fff; text-transform:uppercase; font:12px "Myriad Pro", Arial, Verdana, sans-serif;  z-index:1300;}
#bigimg_img{position:absolute; top:0; left:0; z-index:1200; cursor:pointer; width:700px; height:500px;}

#main{background:#fff; margin-top:25px;}
#content{height:500px; position:relative; padding:0; width:700px; background:#f5f5f5 url(../images/und2.gif); color:#666; overflow:hidden;}
body.gallery #content{background:#ccc url(../images/und.gif);}
#content h2{font:18px "Myriad Pro", Arial, Verdana, sans-serif; margin:0 0 10px; color:#333; text-transform:uppercase;}
#content p{line-height:1.5em; padding:0 0 15px;}
span.captcha_text{padding:0 0 0 145px;}
body .overlay{width:50px; height:500px; background:url(../images/overlay-content.png) left bottom repeat-y; position:absolute; top:0; left:0; z-index:1500;}
body.startseite #content .overlay{display:none;}
body .ce_text .overlay{display:none;}

#impressum{width:600px; height:400px; padding:50px;}
#impressum .inner .ce_text h2, #impressum .inner .ce_text h1{padding:0; margin:0 0 10px 0; color:#000; font-size:20px; clear:both;}
#impressum .inner .ce_text p{font-size:12px;}

#gewinnspiel{width:700px; height:500px; background:url(../images/msdeutschland.jpg) no-repeat;}
#gewinnspiel .inner .ce_text{width:320px; margin:70px 0 0 0; padding:25px 25px 0 25px; background:url(../images/black.png);}
#gewinnspiel .inner .ce_text h2, #impressum .inner .ce_text h1{padding:0; margin:0 0 10px 0; color:#fff !important; font-weight:normal; font-size:18px; clear:both;}
#gewinnspiel .inner .ce_text p{font-size:11px; color:#fff !important;}
#gewinnspiel .inner .ce_form{width:320px; margin:0; padding:0 25px 25px 25px; background:url(../images/black.png);}
#gewinnspiel .inner .ce_form input#ctrl_7{background:#fff; color:#666; padding:5px; width:310px; margin:10px 0;}
#gewinnspiel .inner .ce_form input#ctrl_8{background:#fff; color:#666; padding:5px; width:310px; margin:10px 0;}
#gewinnspiel .inner .ce_form input#ctrl_8_submit{background:#c20202; color:#fff; padding:5px; width:155px;  margin:10px 0;}

#labels{width:600px; height:400px; padding:50px;}
#labels .inner .ce_text h1{padding:0; margin:0 0 10px 0; color:#000; font-size:14px; clear:both;}
#labels .inner .ce_text ul{list-style:none; margin:0 0 25px 0; font-size:12px;}
#labels .inner .ce_text ul li{float:left;}
#labels .inner .ce_text ul li a{float:left; padding:5px 5px 5px 0; width:190px; display:block; color:#777;}
#labels .inner .ce_text ul li a:hover{color:#000;}

#kontakt{width:600px; height:400px; padding:50px;}
#kontakt h2{padding:0; margin:0 0 10px 0; color:#000; font-size:20px; clear:both;}
#kontakt{color:#777; font-size:12px;}
#kontakt label{color:#777; font-size:12px;}

form{padding:0; overflow:hidden;}
label{display:block; width:145px; float:left; line-height:1.5em;}
input.text, textarea, input.captcha{width:250px; margin:0 0 10px 0; display:block; color:#fff; font-size:12px; padding:5px; background:url(../images/black2.png);}
input.text:focus, textarea:focus, input.captcha:focus{background:#000;}
input.submit{clear:both; padding:4px; width:260px; cursor:pointer; margin:25px 0 0 145px; display:block; color:#fff; font-size:12px; padding:15px; background:#000;}
input.submit:hover{background:#000;}
input.error, textarea.error{border:1px solid #f00;}
#content p.error{padding:0 0 5px; line-height:1.5em; display:none;}
form br{display:none;}

#footer{color:#666; padding:10px 0 0;}
#footer span{color:#fff; padding:0 6px;}
#footer a{color:#ccc; text-decoration:none;}
#footer p#evenmedia{text-align:right;}
#footer p#evenmedia a{color:#fff; text-decoration:none;}
#footer p#evenmedia a:hover{color:#999;}

.jScrollPaneContainer{position:absolute; overflow:hidden; z-index:1000;}
.jScrollPaneTrack{position:absolute; cursor:pointer; right:0; top:0; height:100%; background:#000;}
.jScrollPaneDrag{position:absolute; background:#c20202 url(../images/scrollarrows.gif) no-repeat center center;}
.jScrollPaneDragTop{position:absolute; top:0; left:0; overflow:hidden;}
.jScrollPaneDragBottom{position:absolute; bottom:0; left:0; overflow:hidden;}

#ie6box{width: 400px; background: #fff; margin: 50px auto 0 auto; padding: 25px; }
#ie6box p{line-height: 1.6em; font-size: 12px;}
#ie6box a{color: #000;}
#ie6box h2{font:18px "Myriad Pro", Arial, Verdana, sans-serif; margin:0 0 10px; color:#333; text-transform:uppercase;}

#content .formbody .explanation p { color: #ccc; padding: 10px 0 0 0; }