/*
project: st
Last Update: 20100318
----------------------------------------------------------------

----------------------------------------------------------------
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;}
table {border-collapse: collapse;border-spacing: 0;}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style: normal;font-weight: normal;}
strong {font-weight: bold;}
li {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;font-weight: normal;}
q:before,q:after {content: '';}
abbr,acronym {border: 0;font-variant: normal;}
sup,sub {line-height: 1px;vertical-align: text-top;}
sub {vertical-align: text-bottom;}
input, textarea, select {font-family: inherit;font-size: inherit;font-weight: inherit;}
a {text-decoration: underline; cursor: pointer; color:#ccc;}
a:hover {color: #999;}
a[rel="ext"]  {
	background:url("../img/icon_ext_ref.gif") no-repeat scroll left center ;
	padding:0 0 0 15px;
}
body {font-family: Arial; font-size:12px; color:#ccc; background:#000000 url(../img/loader.gif) center center no-repeat; line-height:18px; text-align:center;}
h1 {display: none;}
h2 {font-weight:bold; margin-bottom:14px;}
h2.inline, h3.u, h2.up {display:inline; text-transform:uppercase; margin:0; font-weight:normal;}
h2.up {display:block; border-bottom: 1px #fff dotted; margin:1.6em 0;}
p {margin-bottom:14px;}
ul.list li {margin-bottom:1px; text-transform:uppercase;}
ul.points li {margin: 0 0 1px 18px; font-weight:bold; }
/* ul.points li {margin: 0 0 1px 18px; font-weight:bold; list-style:inside disc; } */
ul.points li div {float:left; width: 7em; height: 1em; }

html, body, #bg, #container, #grid {width:100%; height:100%; overflow:hidden; position:relative;}
#bg, #container, #grid {position:absolute; top:0px; left:0px;}
#container {z-index:1000; }
#bg { background: #80796C; }
#bg img {width:100%; height:100%; position:absolute; z-index:0;}
#bg .activeslide, #bg .activeslide img {z-index: 2;}
#bg .prevslide, #bg .prevslide img {z-index: 1;}
#bg .nextslide, #bg .nextslide img {z-index: 3;}
#grid {background:transparent; z-index:10;} /* url(../img/grifd.gif) 0px 0px repeat */

table {width:100%;}
table tr th, table tr td {vertical-align:top;}
table tr th {padding-right:10px; width:50px; font-weight:bold;}

a.hidden_toggler {float:right; display:block; width:9px; margin-top:2px; height:8px; line-height:1px; overflow:hidden; background:transparent url(../img/hidden_content.gif) 0px -16px no-repeat; }
a.hidden_toggler:hover, a.hovered {background-position:0px -24px;}
a.visible {background-position:0px 0px;}
a.visible:hover {background-position:0px -8px;}

#wrap {position:relative; margin:0 auto; width:100%; height:100%; text-align:left;}
#background-togglers {position:absolute; z-index:3000; left:0px; top:40%; width:100%; height:13px;}
#background-togglers #toggle_left, #background-togglers #toggle_right {position:absolute; display:block; cursor:pointer; width:28px; height:93px; top:0; left:26px; background:transparent url(../img/arrow_left.gif) 0px 0px no-repeat;}
#background-togglers #toggle_right {left:auto; right:26px; background-image:url(../img/arrow_right.gif); background-position:right 0px;}
#background-togglers .hov, #background-togglers #toggle_left:hover, #background-togglers #toggle_right:hover {background-position:0px -93px !important;}
#background-togglers #toggle_right.hov, #background-togglers #toggle_right:hover {background-position:right -93px !important;}

#nav, #bottom_nav, #footer, #l_banner, #r_banner, #inner, #lightbox_footer, #centered {position:absolute; width:100%;}
#inner {bottom:194px;}   /* i.V.m. bottom_nav */
#centered {top:50%; left:0px; margin-top:-145px; height:290px;z-index:20;}
.pushup {margin-bottom:1px;}
.pushdown {margin-top:1px;}
.blines, .black {background:transparent url(../img/blines_bg.png) left top repeat;}
.black, #logo {background-image:url(../img/backgrounds/bg_carbon.jpg);}
.lightblack {background:transparent url(../img/lightblack_bg.png) center top repeat;}
.darkblack {background:#000 url(../img/backgrounds/bg_carbon.jpg);}
.pad {padding-left:5px; padding-right:4px;}
.spacing {padding-top:7px; padding-bottom:6px;}
#nav, #bottom_nav {left:0; bottom:25%; text-transform:uppercase;}
#bottom_nav { bottom:0px; padding-bottom:14px; height:180px;} /* 14px x 15 */
#lightbox_footer {height:55px; z-index:0; bottom:-100%;}
#fill_blocks { background: #000000 url("../img/st_logo_text.png");  height:55px;}
.fill_lines  { border: 1px solid #b4dc3a; padding: 0px 26px; margin-right:8px; font-size: 10px; line-height:13px; }
#fill_line_1 { color: #b4dc3a; }
#fill_line_2 { background: #b4dc3a; color: #000; }

#l_banner, #r_banner {height:55px;left:-100%;}
#r_banner {left:auto; right:0px; width:0px;}         /* ungenutzt, da über script aus backdrop.js gesteuert */
#re_banner { left:99.9%; position:relative; height:55px; }

#nav a:link, #nav a:active, #nav a:visited, #bottom_nav a:link, #bottom_nav a:active, #bottom_nav a:visited, ul.list li a {text-decoration:none;}
ul.list li a {display:block; padding:0 4px 0 5px;}
/* #nav a:hover, .sf-menu a:hover, a.act:link, a.act:active, a.act:visited, ul.list li a:hover {color:#fff; background:#f00;}    */
#nav a:hover, .sf-menu a:hover, a.act:link, a.act:active, a.act:visited, ul.list li a:hover {color:#fff; background:#f00;}
.rel {position:relative;}
#logo, #st {height:55px;}
#st {position:absolute; left:0; top:0;display:block;width:232px;background:transparent url(../img/st_klein_1.png) no-repeat 0 5px;}
#footer {top:0; left:0; z-index:3000; height:7px; padding:3px 0;}
#lang_link, #imprint {display:block; width:22px; height:7px; /* background:transparent url(../img/lang/_mnu/de.gif)  0px 0px no-repeat; */ }
#imprint {width:46px; background-image:url(../img/lang/de/imprint.gif);}
#imprint_close { float:right; }
#lang_link:hover, #imprint:hover, #imprint.active {background-position:0px -7px;}
#lang_link span, #imprint span {display:none;}

#menu_toggler {display:none; width:26px; height:20px; margin-top:15px; position:absolute; z-index:3000; right:-46px; top:0px; background:transparent url(../img/manu_toggler.gif) 0px 0px no-repeat;}
#menu_toggler:hover {background-position:0px -20px;}
#menu_toggler.hidden {background-position:0px -40px;}
#menu_toggler.hidden:hover {background-position:0px -60px;}

.alignleft {float:left;}
.alignright {float:right;}


.icon_phone, .icon_email, .icon_empty {background:transparent url(../img/contact_icons.gif) 0px 0px no-repeat; width:9px; height:7px; line-height:1px; overflow:hidden; margin:3px 0px 0 3px;}
.icon_email, .icon_empty {background-position:-9px 0px; margin-right:3px;}
.icon_empty {background:none;}

/* .map_inner_w {padding-left:85px; color:#000; background:transparent url(../img/map_logo.gif) 10px 18px no-repeat;} orig. */
.map_inner_w {  color: #000; background: transparent url(../img/st_klein.png) 25px 0 no-repeat; padding: 5px 25px; }
#inner_wrap, #imprint_content {position:absolute;width:100%;height:100%; overflow:hidden; z-index:1000;}
#imprint_content {z-index:2000; color:#fff; height:auto; overflow:visible; padding-top:28px; padding-bottom:14px; height:auto; top:-300px; display:none;}
#map {height:300px; overflow:hidden;}


#loading {width:150px; height:14px; background:transparent url(../img/loader-2.gif) center center no-repeat; position:absolute; left:50%; top:40%; margin-left:-75px; display:none;}
.showflow{overflow:visible !important;}

/*
#image_thumbs {float:right; position:absolute; bottom:0px; right:1px; width:575px;}
#image_thumbs div {float:right;}
#image_thumbs a:link, #image_thumbs a:active, #image_thumbs a:visited, .image_thumbs a, .image_thumbs span { display:block; width:13px; height:13px; float:left; margin-left:1px; margin-top:1px; line-height:1px; background:transparent url(../img/image_thumb_small.gif) 0px 0px no-repeat; }
*/

#image_thumbs {float:right; position:absolute; bottom:0px; right:289px; width:143px;}
#image_thumbs div {float:right;}
#image_thumbs a:link, #image_thumbs a:active, #image_thumbs a:visited, .image_thumbs a, .image_thumbs span { display:block; width:13px; height:13px; float:left; margin-left:1px; margin-top:1px; line-height:1px; background:transparent url(../img/image_thumb_small.gif) 0px 0px no-repeat; }
#image_thumbs a:hover, #image_thumbs a.active:link, #image_thumbs a.active:active, #image_thumbs a.active:visited, .image_thumbs a.active, .image_thumbs a.activeSlide, .image_thumbs a:hover {background-position:0px -13px;}
.image_thumbs a {margin:0; margin-right:1px;}
.image_thumbs span {margin:0; }
#image_thumbs #playpause {background-image:url(../img/playpause.gif);}
#image_thumbs .playing {background-position:0px -54px !important;}
#image_thumbs .playing:hover {background-position:0px -81px !important;}


#lang_menu {position:absolute; z-index:4000; right:0px; top:11px; padding: 5px 4px 4px 5px; width:91px;}
#lang_menu li {margin:3px 0 4px;}
#lang_menu a { display:block; height:7px; line-height:1px; background-color:transparent; background-position:0px 0px; background-repeat:no-repeat;}
#lang_menu span {display:none;}
#lang_menu a:hover, #lang_menu a.act {background-position:0px -7px;}
#lang_menu #l_en {width:49px; background-image:url(../img/lang/_mnu/en_m.gif);}
#lang_menu #l_de {width:51px; background-image:url(../img/lang/_mnu/de_m.gif);}

.widget {position:relative; height:80px; margin-bottom:1px;}
.widget a, .widget span {display:block; position:absolute; width:143px; left:0; top:0; z-index:1500; height:80px; background-color:transparent; background-repeat:no-repeat; background-position:center center;}
.widget a.current {z-index:2000;}
.widget a:hover {border:2px solid #f00 !important; width:139px !important; height:76px !important;}
/* #bigwidget, #bidwidget .widget, #bigwidget .widget a, #bigwidget .widget span {height:242px;} */
#bigwidget .widget {margin:0;}
#bigwidget .widget a, #bigwidget .widget span, #bigwidget .widget {width:383px!important;}
.extended, .extended .widget, .extended .widget span {height:290px !important; width:383px!important;}
#bigwidget .widget a:hover {width:379px !important; height:238px !important;}

.clear {margin: 0 !important;height: auto !important;width: auto !important;padding: 0 !important;float: none !important;clear: both !important;}

