html, body, h1, h2, h3, h4, h5, p, img, ul, li, a {
margin:0px; padding:0px;
border:0px;
font-family:Helvetica, sans-serif;
font-size:12px; color:#000;
line-height:16px;
}
.clear { clear:both; }
*:focus { outline:0; }
body { background:url(../tl_files/img/body_bg.png) top left repeat-x #bb261c; }
#wrapper_total { width:100%; height:476px; background:url(../tl_files/img/player_background.png) top right no-repeat; }
#wrapper { width:983px; margin:0px auto; padding:50px 0 0 0;}
#header { width:983px; height:172px; }
* html #header { overflow:hidden; }
#headImage { width:983px; height:168px; }
#languages { width:40px; height:35px; position:absolute; margin:20px 0 0 23px; }
#languages ul { list-style-type:none; }
#languages li { float:left; }
#languages img { border:1px solid #fff; margin:0 5px 0 0; float:left; }
#languages a:hover img { border:1px solid #fee800; }
#imprint { position:absolute;color:#fff; font-size:10px; margin:20px 0 0 58px; }
#imprint a { color:#fff; text-decoration:none; font-size:10px; }
#imprint a:hover { color:#fee800; }
#container { background-color:#fff; }
/* Navigation 1 */
#Navigation { width:983px; height:47px; background:url(../tl_files/img/nav_bg.png) top left no-repeat; }
.mod_navigation { width:971px; height:23px; margin:0 0 0 6px;}
.mod_navigation ul { margin:0 0 0 23px; }
.mod_navigation li { float:left; list-style-type:none; padding:4px 0 0 0;}
.mod_navigation a { color:#fff; text-decoration:none; text-transform:uppercase; margin:0 12px 0 0; border-right:1px solid #fff; padding:0 12px 0 0; }
.mod_navigation li.last a { border:none; }
.mod_navigation a:hover, .mod_navigation li.active a, .mod_navigation li.trail a, .mod_navigation a:active { color:#f00; }
/* Navigation 2 */
.submenue a { color:#f28e00; text-transform:none; border-right:1px solid #f28e00; }
/* News links */
#left { width:259px; background:url(../tl_files/img/news_bg.gif) top left repeat-y; margin:6px 5px 0 8px;overflow:hidden;}
#left .inside { width:259px; height:100%; background:url(../tl_files/img/left_top_bg.gif) top left no-repeat; }
#left .container { width:259px; height:100%; background:url(../tl_files/img/left_bottom_bg.gif) bottom left no-repeat; border-bottom:1px solid #fff; }
/* Banner: Animation links */
#left .mod_contentbox { background:url(../tl_files/content/animation_banner/bg_animation_banner.png) top left no-repeat; margin:0 0 10px 4px; padding-bottom:4px;clear:both;}
#left .mod_contentbox_inside .image_container { width:230px; height:120px; }
#left .mod_contentbox_inside .image_container a { margin:0 0 0 40px; margin-left/*\**/:55px\9;}
#left .mod_contentbox_inside p { margin-left/*\**/:10px\9;}
* html #left .mod_contentbox_inside .image_container a { margin-left:50px; }
* html #left .mod_contentbox_inside p img { margin-left:40px; }
* + html #left .mod_contentbox_inside .image_container a { margin-left:40px; }
* + html #left .mod_contentbox_inside p img { margin-left:30px; }
#left .mod_contentbox_inside p img { margin:0 0 10px 40px;}
/* Content Mitte */
#container { background-color:#fff;width:983px; overflow:hidden; }
#ContainerContent { width:711px; float:left;overflow:hidden;}
#ContainerContent ul { list-style:inside; list-style-type:disc; padding-left:10px; }
#ContainerContent ul li { color:#4c4c4c; line-height:16px; padding-bottom:3px;}
#SpalteMitte { width:424px;float:left;background:url(../tl_files/img/main_bg.gif) top left repeat-y; margin:6px 0 0 0px;overflow:hidden; padding:0;}
#SpalteMitte .inside { width:423px; height:100%; background:url(../tl_files/img/main_top_bg.gif) top left no-repeat; padding:0;margin:0; }
#SpalteMitte .container { width:423px; height:100%; background:url(../tl_files/img/main_bottom_bg.gif) bottom left no-repeat; padding:7px 7px 7px 7px; }
#SpalteMitte .mod_article { width:420px; }
#SpalteMitte .mod_article .inside { width:415px; overflow:hidden;background-image:none; padding:0; margin:0;}
#SpalteMitte .mod_article .container { width:415px;background-image:none;}
#SpalteMitte .mod_article p { width:400px; }
#SpalteMitte h4.ce_headline { margin-top:20px; }
#SpalteMitte .ce_table table { width:400px; margin:0 0 10px 0; overflow:hidden; display:block;border-top:1px solid #ccc;}
#SpalteMitte .ce_table table th { border-bottom:1px solid #ccc; background-color:#ccc; color:#000; padding:0 5px; }
#SpalteMitte .ce_table table td { padding:5px; vertical-align:top; color:#4c4c4c; border-bottom:1px solid #CCC;width:200px; overflow:hidden;}
#SpalteMitte .lebenslauf table td.col_first { width:100px;background-color:#e9eae9; }
#SpalteMitte .lebenslauf table td.col_last { width:300px; }
/* Team */
* html .team p { margin:-40px 0 0 70px; }
* + html .team p { margin:-40px 0 0 70px; }
/* Content rechts */
#SpalteRechts { width:275px; float:right; background:url(../tl_files/img/right_top_bg.gif) top left no-repeat #e9eae9; margin:6px 7px 0 0; overflow:hidden;}
* html #SpalteRechts { margin-right:4px; }
#SpalteRechts .inside { width:274px; background:url(../tl_files/img/right_bottom_bg.gif) bottom left no-repeat; height:100%;overflow:hidden; }
#SpalteRechts .inside .inside { width:245px; background:none;}
#SpalteRechts .mod_article { width:245px; border:1px solid #c5c5c4; margin:10px; padding:5px; overflow:hidden;}
/* Shortlinks */
.mod_box_items { float:right; margin:15px 10px 0 0; }
/* Logo-Fader */
.mod_imageslider { width:140px; height:75px; background-color:#e9e9e9; margin:5px 0 10px 80px; }
#footer { width:983px; height:9px; background:url(../tl_files/img/footer.png) top left no-repeat; }
/* Schriftformatierung */
h1, h2 { font:normal 12px/17px Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(../tl_files/img/h2_bg.png) top right no-repeat; float:left; padding:3px 20px 0 10px; height:19px;}
h3, h3 a { font:bold 14px/18px Arial, Helvetica, sans-serif; margin:5px 0 10px 0; color:#4c4c4c; }
h3 a { text-decoration:none };
p { font:normal 12px/16px Arial, Helvetica, sans-serif; color:#4c4c4c; }
a { color:#4c4c4c; text-decoration:underline; }
a:hover { color:#ba261d; }
p.anmeldung { text-align:right; width:380px; }
p.anmeldung a { text-decoration:underline; }
#container p.float { float:left; width:130px; }
#SpalteRechts h2 { margin:0 0 0px 0; font-size:11px; background:url(../tl_files/img/h2_right_bg.png) top right no-repeat; }
#SpalteRechts h3 { font:bold 12px/16px Arial, Helvetica, sans-serif sans-serif; marign:0 0 5px 0; }
#SpalteRechts a { color:#4c4c4c; text-decoration:none; display:block; width:245px;}
#SpalteRechts a:hover { color:#ba261d; }
#SpalteRechts .image_container { text-align:center; }
#SpalteRechts img { margin:5px 0 0 0;}
#SpalteRechts .p_float { float:left; width:150px; overflow:hidden; height:auto; }
#SpalteRechts .p_float a { width:150px; }
#SpalteRechts .img_float { float:left; width:90px; overflow:hidden; }
/* Links */
#SpalteMitte .links p { margin:15px 0 0 0;width:150px; height:30px; float:left;display:block; overflow:hidden;}
.links .image_container { margin:0 25px 10px 0; }
/* Werner Schlagauf */
.buttons span { color:#4c4c4c;}
.buttons span:hover, p.buttons span:active { background-color:#fff; color:#ba261d; }
.buttons span.noobActive, .buttons span:hover{background:#ffea00;color:#ba261d;}
/* Galerie */
#SpalteRechts .gallery .ce_image { float:left; margin:0px 7px 7px 0; }
#SpalteRechts .gallery .image_container { width:54px; height:54px; overflow:hidden; float:left; text-align:left; }
#SpalteRechts .gallery img { margin:0; }
/* Galerie V2 */
#SpalteRechts .ce_gallery table { width:245px; vertical-align:top;}
#SpalteREchts .ce_gallery table td { vertical-align:top; }
#SpalteRechts .ce_gallery .image_container { width:83px; margin:0; padding:0 2px 2px 0;}
#SpalteRechts .ce_gallery .image_container a { margin:0; padding:0; width:83px; height:60px; overflow:hidden; text-align:left; }
#SpalteRechts .ce_gallery .image_container a img { margin:0; padding:0;}
/* Formular */
.formbody { margin:20px 0 0 0; }
.formbody label { width:95px; text-align:right; display:block; float:left; font-size:12px; margin:7px 0 0 0; }
.formbody input { border:1px solid #cbc8c4; width:290px; margin:5px 0 2px 5px; }
.formbody .input_float { float:left; padding:0 15px 0 0;}
.formbody .input_float input { width:50px; }
.formbody textarea { width:288px; height:50px; border:1px solid #cbc8c4; font:normal 12px/18px Arial, Helvetica, sans-serif;margin:5px 0 2px 5px; }
.formbody .input_float_right { width:20px; float:left;margin:0; margin:2px 0 0 0;}
.formbody .input_bewegung { float:left; padding:0 3px 0 0; }
.formbody input.bewegungsraum { width:50px; float:left; }
.formbody .submit { width:100px; float:right; margin:0 10px 0 0; background-color:#fff; border:1px solid #fff; cursor:pointer; font:normal 12px/16px Arial, Helvetica, sans-serif; }
.submit:hover { color:#ba261d; }
.formbody p.error { color:#ba261d; padding:3px 0 3px 0; margin-left:100px; }
/* News Übersicht*/
.mod_newslist { padding:8px 0 7px 0; }
.mod_newslist .newsliste_link { display:block; width:235px; height:67px; position:absolute;margin-top:-70px;}
#left .image_container { width:50px;float:left;}
.newsTextContainer { width:187px; float:left;}
.layout_latest { padding-bottom:5px; margin-bottom:10px; }
.teaser_rollover { border:1px solid #c5c5c4; border-top:none; wuidth:237px; margin:0 6px 0 6px; padding:4px;}
.teaser_rollover a {
text-decoration:none;
font-size:11px;
}
.teaser_rollover a:hover {
text-decoration:underline;
color:#4c4c4c;
}
#left .mod_newslist .last { border:1px solid #c5c5c4; }
.teaser_is_over { width:237px; height:70px; display:block; background:url(../tl_files/img/news_hover.gif) top left repeat-x #ffec00; }
#left h2 { float:none; background-image:none; text-transform:none; font:bold 12px/24px Arial, Helvetica, sans-serif; color:#4c4c4c; padding:0;margin:0;}
#left h2 a { font:bold 12px/18px Arial, Helvetica, sans-serif; }
#left .info { display:block; with:20px; background-color:#878786; color:#fff; padding:2px;}
#left .teaser, #left.teaser a { font-size:11px;}
/* Top-News */
#left .marked .layout_latest { border:none; margin:7px 0 0 5px;width:260px; }
#left .marked .info { width:65px; height:15px; position:absolute;color:#000; background:url(../tl_files/img/topnews_bg.png) top left no-repeat; background-color:none; padding:0; margin:96px 0 0 5px; }
#left .marked .image_container { width:239px; height:107px; overflow:hidden; margin:4px; }
#left .marked h2 { clear:both; margin-left:10px; }
#left .marked .teaser { width:240px; overflow:hidden; margin:0 0 0 10px; }
#left .marked .more a { font-size:11px;font-weight:bold; float:right; margin:0 15px 0 0; }
/* News Content */
.mod_newsreader h2 { display:none; }
.mod_newsreader p.info { clear:both; font-weight:bold; margin:30px 0 10px 0; }
.mod_newsreader .image_container { float:left; margin:0 7px 0 0; }
.mod_newsreader .back { display:none;}
.mod_newsreader .ce_text { width:400px; }
/**
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/
#jquery-overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
}
#jquery-lightbox {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#lightbox-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
width: 49%;
height: 100%;
zoom: 1;
display: block;
}
#lightbox-nav-btnPrev {
left: 0;
float: left;
}
#lightbox-nav-btnNext {
right: 0;
float: right;
}
#lightbox-container-image-data-box {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%;
padding: 0 10px 0;
}
#lightbox-container-image-data {
padding: 0 10px;
color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
width: 70%;
float: left;
text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
display: block;
clear: left;
padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
width: 66px;
float: right;
padding-bottom: 0.7em;
}