body { background: #000; font: 12px Helvetica, Arial, Verdana, sans-serif; color: #999; }

#header { height: 50px; width: 100%; position: relative; z-index: 2000; background: #923445; }
#header .inner { width: 768px; margin: 0; }
#header h1 a { display: block; width: 137px; height: 32px; text-indent: -9999px; background: url(../images/logo.gif) no-repeat; float: left; position: relative; left: 18px; top: 6px; }
#header p { float: right; color: #e9e4da; line-height: 50px; padding: 0 15px 0 0; }
#header p span.pipe { color: #a76773; }
#header p a { color: #e9e4da; }

#container { width: 768px; margin: 0; background: url(../images/bg.png) repeat-y; position: relative; z-index: 1000; }

.mod_navigation { width: 313px; position: fixed; top: 50px; z-index: 9999; }
.mod_navigation ul li a { display: block; height: 50px; line-height: 50px; font-size: 14px; font-weight: bold; text-decoration: none; color: #666; padding: 0 0 0 80px; width: 220px; border-bottom: 1px solid #d5d0c7; background-repeat: no-repeat; background-position: 20px 5px; }
.mod_navigation ul li.trail, .mod_navigation ul li.active { background: url(../images/navi.gif) right center no-repeat; }
.mod_navigation ul li.active a, .mod_navigation ul li.trail a { background-color: #fff; color: #923445; }
.mod_navigation ul li a:hover { background-color: #fff; }

.mod_navigation ul li#nav_home a { background-image: url(../images/navi/home.png); }
.mod_navigation ul li#nav_colinet a { background-image: url(../images/navi/colinet.png); }
.mod_navigation ul li#nav_sehprofil-app a { background-image: url(../images/navi/sehprofil_app.png); }
.mod_navigation ul li#nav_contactlinse-brille a { background-image: url(../images/navi/contactlinse_brille.png); }
.mod_navigation ul li#nav_colibri-team a { background-image: url(../images/navi/colibri_team.png); }
.mod_navigation ul li#nav_colibris-brillen a { background-image: url(../images/navi/colibris_brillen.png); }
.mod_navigation ul li#nav_kult-tour a { background-image: url(../images/navi/events.png); }
.mod_navigation ul li#nav_kontakt-anfahrt a { background-image: url(../images/navi/kontakt_anfahrt.png); }
.mod_navigation ul li#nav_bestellung a { background-image: url(../images/navi/bestellung.png); }
.mod_navigation ul li#nav_kult-tour a { background-image: url(../images/navi/kultour.png); }


/* CULTURE PARTY 2011 CSS */
body.cp .inner p{color:#fff;}
.mod_navigation ul li#nav_culture-party a { background-image: url(../images/navi/button_cultureparty.png); }
/* CULTURE PARTY CSS ENDE */

button { background: none; color: #fff; cursor: pointer; font-weight: bold; font-size: 12px; }

#content { padding: 12px 25px 0 320px; }
body.anfahrt #content { padding: 0 0 0 300px; }
#content h1 { color: #000; background:#fff; font: 28px normal Eurostile, Arial, Verdana, sans-serif; margin: 0 0 20px; }
#content h2 { color: #fff; font: 24px bold Eurostile, Arial, Verdana, sans-serif; margin: 0 0 20px; }
#content h3 { font-weight: bold; color: #fff; margin: 0 0 10px; line-height: 1.6em; }
#content p { line-height: 1.6em; padding: 0 0 15px; }
#content ul { margin: 0 0 30px 30px; }
#content ul li { line-height: 1.6em; list-style: disc; }
#content a { color: #fff; line-height: 1.6em; }
#content a:hover { color: #e9e4da; line-height: 1.6em; }
#content strong { line-height: 1.6em; }

#button { left: 640px; position: absolute; top: 100px; z-index: 99999999; background: url(../tl_files/designtage_button.png) no-repeat scroll 0 0; width: 211px; height: 201px; }

.mod_article.kontakt { padding: 12px 25px 10px 20px; }

.mod_articlenav { position: absolute; bottom: 0; right: 0; width: 468px; z-index: 9999; background: url(../images/scroll.png); height: 30px; margin: 0; }
#content .mod_articlenav ul li { list-style: none; float: left; line-height: 30px; margin: 0; }
#content .mod_articlenav ul li span, #content .mod_articlenav ul li a { padding: 0 15px; line-height: 30px; color: #fff; display: block; float: left; height: 30px; font-weight: bold; }
#content .mod_articlenav ul li span { background: #923445; }
#content .mod_articlenav ul li a { text-decoration: none; }
#content .mod_articlenav ul li a:hover { background: url(../images/scroll.png); }

#content p.back { display: none; }

.ce_form { padding: 30px 0 50px; width: 422px; }
.ce_form label { display: block; width: 110px; float: left; font-weight: bold; line-height: 24px; }
.ce_form input.text, .ce_form input.captcha, .ce_form textarea , .ce_form select{ width: 302px; padding: 4px; border: 1px solid #000; margin: 0 0 10px; display: block; background: url(../images/input.png); color: #fff; font: 12px Arial, Verdana, sans-serif; }
.ce_form select { width: 312px; }
.ce_form input.text:focus, .ce_form input.captcha:focus, .ce_form textarea:focus { background: url(../images/input_active.png); }
.ce_form input.text.error, .ce_form input.captcha.error, .ce_form textarea.error { border: 1px solid #923445; }
.ce_form textarea { height: 150px; }
.ce_form br { display: none; }
.ce_form p.error { display: none; }
.ce_form span.captcha_text { padding: 0 0 0 110px; }
.ce_form .radio_container { float: left; width: 300px; margin: 0 0 10px; }
.ce_form .radio_container span { display: block; }
.ce_form .radio_container label { display: inline; float: none; width: auto; }
.ce_form .submit_container { text-align: right; margin: 25px 0 0 0; }
.ce_form input.submit { background: none; color: #fff; font-size: 16px; font-weight: bold; cursor: pointer; height: 25px; }
.ce_form input.submit:hover { color: #923445; }

#colinet .entry { text-align: center; padding: 0 0 15px; }

#content p.pager { height: 30px; overflow: hidden; margin: 0; padding: 0; position: relative; left: -20px; width: 453px; }
#content p.pager a { display: block; height: 30px; line-height: 30px; text-align: center; text-decoration: none; width: 226px; background: #923445; }
p.pager a.back { float: left; margin: 0 1px 0 0; }
p.pager span#backinactive{ display:block; height:30px; line-height:30px; width:226px; text-align:center; background: #666; color: #333 ;float: left; margin: 0 1px 0 0; }
p.pager a.forward { float: right; }

/* BACKGROUND */

#bg div{position:absolute; width:200%; height:200%; top:-50%; left:-50%; z-index:2;}
#bg td{vertical-align:middle; text-align:center;  background:url(img/loading.gif) no-repeat center center;}
#bg img, #bg iframe{min-height:50%; min-width:50%; margin: 0 auto; display:block; left: 25%; top: 0;}
html, body, #bg, #bg table, #bg td, #bg2, #bg2 table, #bg2 td{width:100%; height:100%; overflow:hidden;}
html, body { width: auto; height: auto; overflow: visible; }

/*#bg div{position:absolute; width:200%; height:200%; top:-50%; left:-50%; z-index:2;}
#bg td{vertical-align:middle; text-align:center;  background:url(img/loading.gif) no-repeat center center;}
#bg img{min-height:50%; min-width:50%; margin:0 auto; display:block;}
html, body, #bg, #bg table, #bg td, #bg2, #bg2 table, #bg2 td{width:100%; height:100%; overflow:hidden;}*/
#mitarbeiter{margin: -20px 0 0 -20px; padding: 0;}
#mitarbeiter img{padding: 0; margin:0 0 15px 0; border: 0; display: block;}