/***************************************************************************** GLOBALE ANGABEN **/
*{margin: 0px;padding: 0px;border:0;}

body{margin: 0; padding: 0px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color:#9c9d9f; background-color:#000;}
img {border:0px;}
img a {border:0px; text-decoration:none;}

ul,li{margin:0; padding:0px; list-style-type: none; position: relative;}
a{color:#fab600; text-decoration:none;}
a:hover{color:#9c9d9f; text-decoration:none;}

h1, h2, h3 {padding:0; margin:0;}

h2{background: transparent url("../img/box_headline_arrow.gif") no-repeat; width:398px; height:30px; color:#fab600; font-size:14px; font-weight:bold; padding:0 0 0 20px; text-transform:uppercase;}
h2.video-start{background: transparent url("../img/box_headline_arrow_video.gif") no-repeat; width:398px; height:30px; color:#fab600; font-size:14px; font-weight:bold; padding:0 0 0 20px; text-transform:uppercase;}
h2.video-detail{background: transparent url("../img/box_headline_arrow_video2.gif") no-repeat; width:858px; height:30px; color:#fab600; font-size:14px; font-weight:bold; padding:0 0 0 20px; text-transform:uppercase;}

h3{width:400px; color:#fab600; font-size:12px; font-weight:bold; padding:0 0 0 20px; margin:40px 0 0 0; text-transform:uppercase;}
h3.first{width:400px; color:#fab600; font-size:12px; font-weight:bold; padding:0 0 0 20px;margin:0; text-transform:uppercase;}

#container { width:900px; margin:0 auto; background-color:#000; overflow:hidden;}

/******************************************************************************* HEADER **/
#header{width:900px; height:103px; background-color:#000;}

#logo{padding:25px 0 0 0; width:458px; height:55px; float:left; overflow:hidden;}
#logo h1 {display:none;}

#metanavi-top{float:left; width:324px; text-align:right; padding:9px 16px 0 0;}
#metanavi-top li{display:inline; margin:0 0 0 8px; padding:9px 0 0 0; vertical-align:text-top;}
#metanavi-top li.mediapilot img{padding:0 0 0 5px; vertical-align:middle;}

#metanavi-top a:link, #metanavi-top a:visited {background: transparent url("../img/arrow.gif") no-repeat 0 2px; font-size: 12px; color: #9c9d9f; padding: 0 0 0 7px; text-decoration:none;}
#metanavi-top a:hover{text-decoration:none; color: #fff;}
#metanavi-top li#active a{text-decoration:none; color: #fff;font-weight:bold;}
#metanavi-top a span {font-size:9px;}
#metanavi-top li a.noarrow {text-decoration:none; background:none; padding:0; margin:0;}

#tab-asp a{background: transparent url("../img/tab_asp_off.gif") no-repeat 0 0; width:102px; height:42px; float:right;}
#tab-asp a:hover{background: transparent url("../img/tab_asp_on.gif") no-repeat 0 0; width:102px; height:42px;float:right;}


/******************************************************************************* NAVI **/
#mainmenu{width:900px; height:45px; margin:0; padding:0;}
#mainmenu ul{height:45px;position:relative;}
#mainmenu li{float:left; list-style:none;}
#mainmenu li a{float:left;height:45px; text-transform:uppercase;}

#mainmenu li a span{ display:none;}
#mainmenu li a{background:transparent url("../img/menu.gif") no-repeat 0 0;}

/* MAINMENU - Positionen */
#mainmenu li.home a{ width:73px; background-position:0 0; }
#mainmenu li.home a:hover{ background-position:0 -45px;}
#mainmenu li#active.home a{ background-position:0 -45px; }

#mainmenu li.inhalte a{ width:189px; background-position:-73px 0;}
#mainmenu li.inhalte a:hover{ background-position:-73px -45px; }
#mainmenu li#active.inhalte a{ background-position:-73px -45px; }

#mainmenu li.locations a{ width:179px; background-position:-262px 0; }
#mainmenu li.locations a:hover{ background-position:-262px -45px; }
#mainmenu li#active.locations a{ background-position:-262px -45px; }

#mainmenu li.downloads a{ width:139px; background-position:-441px 0; }
#mainmenu li.downloads a:hover{ background-position:-441px -45px; }
#mainmenu li#active.downloads a{ background-position:-441px -45px; }

#mainmenu li.galerien a { width:89px; background-position:-580px 0; }
#mainmenu li.galerien a:hover{ background-position:-580px -45px; }
#mainmenu li.galerien a:hover li a:hover{ background-position:-580px -45px; }
#mainmenu li#active.galerien a{ background-position:-580px -45px; }

#mainmenu li.presse a{ width:135px; background-position:-669px 0; }
#mainmenu li.presse a:hover{ background-position:-669px -45px; }
#mainmenu li#active.presse a{ background-position:-669px -45px; }

#mainmenu li.kontakt a{ width:96px; background-position:-804px 0; }
#mainmenu li.kontakt a:hover{ background-position:-804px -45px; }
#mainmenu li#active.kontakt a{ background-position:-804px -45px; }

#mainmenu ul .submenu{background-image:none; width:105px;height:60px;padding:10px;background:#000; border-right:1px solid #fab600; border-bottom:1px solid #fab600; border-left:1px solid #fab600;}
#mainmenu li .submenu{display:none;}
#mainmenu li:hover .submenu{display:block;}

#mainmenu li .submenu-off{display:none;}
#mainmenu li:hover .submenu-off{display:block;}

/******************************************************************************* INTROS **/
#intro{width:898px; height:328px; margin:20px 0 0 0; background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; border:1px solid #3b3c3c;}

#intro-col-left-start{background: transparent url("../img/text_intro_home.gif") no-repeat; width:448px; height:328px; float:left;}
#intro-col-left-start-p2{background: transparent url("../img/text_intro_home_p2.gif") no-repeat; width:448px; height:328px; float:left;}
#intro-col-left-referent{background: transparent url("../img/text_intro_referent.gif") no-repeat; width:448px; height:328px; float:left;}
#intro-col-left-event{background: transparent url("../img/text_intro_event.gif") no-repeat; width:448px; height:328px; float:left;}
#intro-col-left-contact{background: transparent url("../img/text_intro_contact.gif") no-repeat; width:448px; height:328px; float:left;}
#intro-col-left-presse{background: transparent url("../img/text_intro_presse.gif") no-repeat; width:448px; height:328px; float:left;}
#intro-col-left-start p, #intro-col-left-start-p2 p, #intro-col-left-referent p {margin: 190px 0 0 50px;}
#intro-col-left-presse p{margin: 175px 0 0 50px;}
#intro-col-left-contact p{margin: 200px 0 0 50px;}
#intro-col-left-event p{margin: 178px 0 0 50px;}

#intro-col-right{width:449px; height:328px; float:right; text-align:right;}

/******************************************************************************* BASIS-BOXEN **/
.teaser-box-left-start{background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; width:418px; border:1px solid #3b3c3c; margin:20px 20px 0 0; padding:16px 20px 20px 0; overflow:hidden; }
.teaser-box-right-start{background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; width:418px; border:1px solid #3b3c3c; margin:20px 0 0 0; padding:16px 20px 20px 0; overflow:hidden; }
/* IE6*/
*html .teaser-box-left-start{background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; width:418px; border:1px solid #3b3c3c; margin:20px 20px 0 0; padding:16px 18px 20px 0; }
*html .teaser-box-right-start{background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; width:418px; border:1px solid #3b3c3c; margin:20px 0 0 0; padding:16px 18px 20px 0; }

.teaser-box-left{background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; width:418px; border:1px solid #3b3c3c; margin:20px 20px 0 0; padding:16px 20px 20px 0; float:left; }
.teaser-box-right{background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; width:418px; border:1px solid #3b3c3c; margin:20px 0 0 0; padding:16px 20px 20px 0; float:right; }
/* IE6*/
*html .teaser-box-left{background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; width:418px; border:1px solid #3b3c3c; margin:20px 20px 0 0; padding:16px 18px 20px 0; float:left; }
*html .teaser-box-right{background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; width:418px; border:1px solid #3b3c3c; margin:20px 0 0 0; padding:16px 18px 20px 0; float:right; }

.teaser-box-left p, .teaser-box-left-start p, .teaser-box-right p, .teaser-box-right-start p{padding: 0 0 0 20px;}

.teaser-box-left p.video, .teaser-box-left-start p.video{padding: 10px 0 0 20px;}

.teaser-box-right p.start, .teaser-box-right-start p.start, .teaser-box-left p.start, .teaser-box-left-start p.start{ float:right;padding: 0 0 0 20px; width:199px;}
.teaser-box-right p.tvd-titel, .teaser-box-left p.tvd-titel{ float:right;padding: 0 0 0 20px; width:236px;}

.teaser-box-right img, .teaser-box-right-start img, .teaser-box-left img, .teaser-box-left-start img{float:left; padding:4px 0 0 0;}
.teaser-box-right img.start, .teaser-box-right-start img.start, .teaser-box-left img.start, .teaser-box-left-start img.start{float:left; padding:4px 0 0 20px;}

#box-height-start{height:170px;}
#box-height-locations{height:190px;}
#box-height-presse{height:355px;}

.teaser-box-register{width:438px; margin:20px 0 0 0; padding:0 0 15px 0;  background-color:#1d1d1d;}

/******************************************************************************* HOME **/
ul.news{padding:0 0 0 20px; text-transform:uppercase;}
ul.news li{padding:5px 0 0 0;}
ul.news li.first{padding:0;}
ul.news li a{color:#9c9d9f;}
ul.news li a:hover{color:#fab600;}

#cityticker .tickercontainer { border: 1px solid #1d1d1d; width: 898px; height: 30px; margin: 20px 0 0 0; padding: 0; overflow: hidden;}
#cityticker .tickercontainer .mask { position: relative; left: 10px; top: 8px; height:17px; margin:0 0 20px 0; width: 878px; overflow: hidden;}
#cityticker ul.newsticker { position: relative; left: 900px; font: bold 14px Arial, Helvetica, sans-serif; list-style-type: none; margin: 0; padding: 0;}
#cityticker ul.newsticker li {float: left; margin: 0; padding: 0;}
#cityticker ul.newsticker a {white-space: nowrap; padding: 0; color: #ff0000;font: bold 10px Arial, Helvetica, sans-serif;margin: 0 50px 0 0;} 
#cityticker ul.newsticker span {margin: 0 10px 0 0;} 

ul#register-navi{text-transform:uppercase; font-size:14px; font-weight:bold;}
ul#register-navi li#tab-login {padding:16px 0 0 20px; display: block; margin:0; width:289px; color: #fab600;}
*html ul#register-navi li#tab-login {padding:16px 0 0 20px; display: block;; width:283px; color: #fab600;}

ul#register-navi li a {padding:16px 0 0 20px; height:26px; display: block; color: #9c9d9f; background-color: #424242; text-decoration: none;}
ul#register-navi li.active a{background-color: #1d1d1d; color: #fab600;}
ul#register-navi li#tab-register a:hover, ul#register-navi li#tab-login a:hover{color: #9c9d9f;}

#content-tab-register, #content-tab-login{font-size:12px; font-weight:bold; padding:6px 0 0 20px; overflow:hidden; clear:both;}
#login-reply{height:112px; [height:112px; height:106px;]}

#content-tab-register input.register, #content-tab-login input.register{height:22px; width:280px; background:transparent; padding:5px 0 0 0; margin:5px 0 3px 0; font-size:12px; border: solid 1px #3b3c3c; color:#9c9d9f;}

#content-tab-register input#btn-send, #content-tab-login input#btn-send{float:right; width:59px;background:transparent; border:none; margin:12px 0 0 0; [margin:12px 0 0 0; margin:10px 0 0 0;]}

#content-tab-register select {height:25px; width:285px; background:transparent; padding:5px 0 0 0; margin:5px 0 0 0; font-size:11px; border: solid 1px #3b3c3c; color:#9c9d9f;}
#content-tab-register select option{padding:5px 0 0 5px;}
#content-tab-register td.info{padding: 5px 0 0 0; font-size:10px; line-height:14px; width:280px; font-weight:normal;}


.logo-kyte{float:right;}

#col-right-start {overflow:hidden; float:right;}
#col-left-start {overflow:hidden; float:left;}

/******************************************************************************* INHALTE **/
#col-right-referent {overflow:hidden;}

#first-referent{padding: 0 0 0 20px; margin:0; clear:both;}
.teaser-box-referent {padding: 0 0 0 20px;margin:45px 0 0 0; overflow:hidden; clear:both;}

.teaser-box-referent h3{padding: 0 0 0 20px; margin: 0; float:right; width:232px;}
.teaser-box-referent p{padding: 0 0 0 20px; float:right; width:232px;}
.teaser-box-referent span{line-height:16px;}

.teaser-box-referent ul{ float:right; width:223px; line-height:16px;}
.teaser-box-referent ul li{margin:0;list-style-type:disc; list-style-position:outside;}

*html .teaser-box-referent ul li{list-style-position:outside; margin-left:20px;}
*+html .teaser-box-referent ul li{list-style-position:outside; margin-left:14px;}

#last-row{clear:both; overflow:hidden;}

/******************************************************************************* LOCATIONS /GALERIE **/
.teaser-box-locations, .teaser-box-galery{background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; width:878px; border:1px solid #3b3c3c; margin:20px 0 0 0; padding:16px 20px 20px 0; overflow:hidden;}
.teaser-box-locations p, .teaser-box-galery p{padding: 0 0 0 20px; float:left; width:390px;}
.teaser-box-locations img{padding: 0 0 0 20px; float:left;}

.teaser-box-galery img{margin: 0 0 20px 18px; float:left;border:#3b3c3c 1px solid;}

.teaser-box-locations-text{float:left; width:420px; overflow:hidden;}
.teaser-box-locations-img{float:right; width:444px; overflow:hidden; padding:20px 0 0 0;}
.teaser-box-locations-img img{border:#3b3c3c 1px solid;padding:0; margin:0 0 0 20px;}

/******************************************************************************* PRESSE **/
#content-presse{background: transparent url("../img/bg_presse.gif") no-repeat 0 0; width:900px; margin:20px 0 0 0; overflow:hidden; padding:1px;}
#content-presse-bottom{background: transparent url("../img/bg_presse_bottom.gif") no-repeat 0 0; width:900px; margin:0; padding:0;}

.teaser-box-left-presse{width:418px;background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; margin:0 20px 0 0; padding:16px 20px 20px 0; float:left;}
.teaser-box-right-presse{width:418px;background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; margin:0 0 0 2px; padding:16px 20px 20px 0; float:left;}

.teaser-box-left-presse p, .teaser-box-right-presse p{padding: 0 0 10px 20px;}

/******************************************************************************* KONTAKT **/
#content-contact{background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; width:858px; border:1px solid #3b3c3c; margin:20px 0 0 0; padding:20px; overflow:hidden; font-size:11px; line-height:16px;}
#form{width:568px; float:left;}

/* Detailangaben */
#form-details{float:left; color:#9c9d9f; width:298px; margin:0; padding:0px;}
#form-details p{ padding:0 5px 0 0;}

#form-details input.eingabe {height:14px; width:200px; background:transparent; padding:2px; margin:5px 0 5px 0; font-size:11px; border: solid 1px #3b3c3c; color:#9c9d9f;}
#form-details input.eingabe[class] {margin:6px 0 6px 0;}/* FireFox */

#form-details input.eingabe-mittel {height:14px; width:150px; background:transparent; padding:2px; margin:5px 0 5px 0; font-size:11px; border: solid 1px #3b3c3c; color:#9c9d9f;}
#form-details input.eingabe-mittel[class] {margin:6px 0 6px 0;}/* FireFox */

#form-details input.eingabe-klein-rechts {height:14px; width:41px; padding:2px; background:transparent; margin:0 0 0 3px; font-size:11px; border: solid 1px #3b3c3c; color:#9c9d9f;}
#form-details input.eingabe-klein-links {height:14px; width:41px; padding:2px; background:transparent; margin:0 3px 0 0; font-size:11px; border: solid 1px #3b3c3c; color:#9c9d9f;}

/* Nachricht */
#form-message{float:left; color:#9c9d9f; width:249px; margin:2px 0 0 19px; padding:0px;}
#form-message[id]{margin:0 0 0 20px;}

#form-message textarea.message{height:102px; width:244px; padding:2px; margin:7px 0 0 0;background:transparent; font-family:Arial, Helvetica, sans-serif; font-size:11px; border: solid 1px #3b3c3c;color:#9c9d9f;}
#form-message textarea.message[class]{margin:6px 0 0 0;}

#form-message td.infotext {padding:12px 0 12px 0;}
#form-message td.infotext[class] {padding:16px 0 12px 0;}
*+html #form-message td.infotext {padding:12px 0 12px 0; line-height:18px;}

/* Button + Warnung */
#button-warning { padding:0; width:568px; margin:20px 0 20px 0;}
#button-warning[id] { padding:20px 0 0 0; width:568px; margin:0; clear:both;}
*+html #button-warning { padding:0; width:568px; margin:20px 0 0 0;}

#button-warning input {width:60px; float:right;}

#warning {width:505px; float:left; color:#9c9d9f; font-weight:bold; }
#warning[id] {width:508px;}

.highlight-error { color:#FF0000; }
#highlight-error { color:#FF0000; }

/* Ansprechpartner */
#form-contact-person{float:right; color:#9c9d9f; width:252px; padding:7px 10px 2px 10px; border: solid 1px #3d3d3d;}
#form-contact-person td.headline{background: transparent url("../img/headline_contact_person.gif") no-repeat 0 0; width:252px; height:16px;}
#form-contact-person select{width:250px; height:20px; padding:2px; font-size:11px; border: solid 1px #7c8189; background-color:#cdcdcd; margin:5px 0 10px 0;}
#form-contact-person hr{border: dotted 1px #7c8189; margin:0 0 5px 0;}

#form-contact-person p{padding:8px 0 8px 0;}
#form-contact-person p.name{padding:0 0 8px 0;}

/* Antwort */
#form-details table.reply { width:100%; height:150px; text-align:left; font-weight:normal;}
#form-details table.reply a {padding:0 0 20px 0; color: #9c9d9f; text-decoration:none;}

/******************************************************************************* IMPRESSUM, AGB **/
#opacity-layer {position:absolute; left:0; top:0; margin:0; width:100%; height:100%; background-color:transparent; filter:Alpha(opacity=40);}
#opacity-layer[id] {-moz-opacity:0.4;}
#imp-agb{position:absolute; left:0; top:0; margin:0; width:100%; height:100%; background-color:transparent;}
#imp-agb-content{overflow:auto; position:relative; left:0; top:100px; margin:0 auto; width:650px; height:590px; background: transparent url("../img/teaser_bg.gif") repeat-x 0 0; background-color:#000; border:1px solid #fff; padding:10px 20px 10px 20px; color:#9c9d9f;}
#imp-agb-content p {padding:10px 0 0 0;}
#link-close{width:630px; text-align:right;}
#imp-agb-content a{text-decoration:none; color:#bbbbbb;}
#link-close a{text-decoration:none; color:#fff; font-size:10px;}

/******************************************************************************* FOOTER **/
#footer{padding:3px 0 10px 0; text-align:right; width:900px; margin:20px auto 20px auto; color:#4f4f4f; clear:both; overflow:hidden;}
*html #footer{padding:3px 0 20px 0; text-align:right; width:900px; margin:10px auto 0 auto; color:#4f4f4f; clear:both; overflow:hidden;}
*+html #footer{padding:3px 0 20px 0; text-align:right; width:900px; margin:10px auto 0 auto; color:#4f4f4f; clear:both; overflow:hidden;}

#footer ul#logos{float:left; padding:0; background-color:#FFF; height:28px;}
#footer ul#logos li{display:inline;}

#footer ul {padding:5px 0 0 0; float:right;}
#footer ul li{display:inline;}
#footer a {color:#4f4f4f; text-decoration:underline;}