/* 
Author: Marijan Barkic <mb@davidundgoliath.com>
Version: 1.1
Last Update: 30.01.2009
----------------------------------------------------------------
(c) Copyright 2009 David&Goliath. All Rights Reserved.
----------------------------------------------------------------
*/
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;}

body {font-family:Arial; font-size:10px; color:#ccc; background:#000000 url(../img/loader.gif) center center no-repeat; line-height:14px; 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;}
p {margin-bottom:14px;}
ul.list li {margin-bottom:1px; text-transform:uppercase;}

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 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 */

#page_partners {background:#fff url(../img/partner_bg.jpg) center 0px repeat; color:#000;}
/* #page_partners #bg {display:none;} */
#partner_inner {position:absolute; bottom:1px; padding: 5px; padding-bottom:2.8em; color:#ccc;}
#partner_wrede, #partner_feldmeier { height:380px;} /* background:transparent url(../img/content/partner/wrede.gif) left bottom no-repeat; 
#partner_feldmeier { background-image:url(../img/content/partner/feldmeier.gif);} */

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:224px;}
#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/black_bg.png);}
.lightblack {background:transparent url(../img/lightblack_bg.png) center top repeat;}
.darkblack {background:#000;}
.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:210px;} /* 14px x 15 */
#lightbox_footer {height:55px; z-index:0; bottom:-100%;}
#l_banner, #r_banner {height:55px;left:-100%;}
#r_banner {left:auto; right:0px; width:0px;}
#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;}
.rel {position:relative;}
#logo, #pasd {height:55px;}
#pasd {position:absolute; left:0; top:0;display:block;width:232px;background-color:transparent;background-image:url(../img/pasd.png);}
#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);}
#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;}

.adobe, .download {padding-left:25px; color:#ccc; line-height:13px; text-decoration:none; text-transform:none; display:block; background:#000 url(../img/adobe_icon.gif) 6px 1px no-repeat;}
.download {background-image:url(../img/dl_icon.gif);}
.adobe:hover, .download:hover {background-color:#f00; background-position:6px -36px; color:#fff;}
.download:hover {background-position:6px -34px;}

.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;}
#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:250px; top:-300px; display:none;}
#map {height:300px; overflow:hidden;}

#timeline {width:960px; margin:0 auto -80px; overflow:visible; line-height:1px; padding-bottom:80px; background:transparent url(../img/content/chronic/timeline-x.gif) left top repeat-x;}
#timeline div, #timeline a {position:absolute; z-index:200; width:29px; left:0; top:-20px; height:13px; background:transparent url(../img/content/chronic/years.gif) 0px 3px no-repeat;}
#timeline a:hover {background-color:#151515;}
#timeline a.active {background-color:#000;}
#timeline span {display:block; position:absolute; z-index:199; line-height:1px; overflow:hidden; left:0px; top:-3px; height:3px; width:1px; background:#000;}
#timeline span.sep {height:7px;}
#timeline div span, #timeline a span {display:none;}
#timeline div.content, #timeline div.content div {width:287px; overflow:hidden; padding:0; line-height:14px; height:auto; top:auto; bottom:120px; background:none; display:none;}
#timeline div.content div {position:static; margin-top:15px; background:#000; padding:0.5em 5px 2px 4px; display:block; width:278px;}

#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; background:#000;}
#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;}