/* Copyright (c) 2008 be:screen GmbH (http://www.bescreen.de) */

/* Global */
* { margin: 0; padding: 0; border: 0; text-decoration: none; outline: none; }
html { font-family: 'Lucida Grande', Verdana, Tahoma, Helvetica, Arial, sans-serif; font-size: 62.5%; }
body { width: 1000px; margin: 25px 0; padding: 0; font-size: 120%; color: #fff; background: #000; }
a:link, a:visited { color: #ccc; }
a:hover { color: #f90 !important; }
a.active { color: #ccc !important; }
ins br { clear: both; }

/* Framework */
#motionBanner { width: 975px; height: 175px; }
.col200 { width: 200px; margin: 10px 0 25px 25px; float: left; display: inline; }
.col250 { width: 250px; margin: 10px 0 25px 25px; float: left; display: inline; }
.col400 { width: 400px; margin: 10px 25px 25px 25px; float: left; display: inline; }
.col375 { width: 375px; margin: 10px 25px 25px 50px; float: left; display: inline; }
.col575 { width: 575px; margin: 10px 75px 25px 25px; float: left; display: inline; }
.img275 { width: 275px; margin: -150px 0 0 25px; background-color: #000; position: relative; float: left; display: inline; }
.img375 { width: 385px; margin: -150px 20px 0 45px; background: #000; position: relative; float: left; display: inline; }
.img640 { width: 650px; margin: -150px 0 0 25px; background: #000; position: relative; float: left; display: inline; }
.img200 .dynImage { width: 196px; height: 261px; border: 2px solid #fff; }
.img275 .dynImage { width: 271px; height: 201px; border: 2px solid #fff; }
.img375 .dynImage { width: 375px; height: 500px; border: 5px solid #fff; }
.img640 .dynImage { width: 640px; height: 480px; border: 5px solid #fff; }

/* Typography */
h2 { margin: 2em 0 1em; color: #fff; font-size: 100%; font-weight: bold; letter-spacing: 0.25em; line-height: 1.5em; text-transform: uppercase; }
h3 { margin: 2em 0.5em 1em; color: #fff; font-size: 100%; font-weight: bold; letter-spacing: 0.25em; line-height: 1.5em; text-transform: uppercase; }
p { margin: 1em 0; color: #ccc; font-size: 100%; font-weight: normal; letter-spacing: 0.1em; line-height: 1.5em;  }
h2 span { color: #999; }
h2 span.small { font-size: 83.3%; color: #666; letter-spacing: 0.2em; }
.img200 h2 { margin: 1em 0.5em; }
.img275 h2 { margin: 2em 0.5em 1em; }
.img200 p, .img275 p, .txt575 p { margin: 1em 0.5em; }
.col200 h2 { margin: 2em 0 1em; }
.col200 h2.indent { margin: 1em 0.5em; }
.col200 p, .col275 p { margin: 1em 0; }
span a.newslink { margin-left: 0.25em; padding: 5px 0 0 10px; background: url(/content/basics/link666.png) no-repeat center top; }
span a.newslink:hover { background: url(/content/basics/linkF90.png) no-repeat center top; }
p.more a { padding-right: 20px; color: #666 !important; letter-spacing: 0; background: url(/content/basics/arrowF90.png) no-repeat center right #000; }
p.more a:hover { padding-right: 20px; color: #f90 !important; background: url(/content/basics/arrowF90.png) no-repeat center right #000; }
p.back a { padding-left: 20px; color: #666 !important; letter-spacing: 0; background: url(/content/basics/arrowF90.png) no-repeat center left #000; }
p.back a:hover { padding-left: 20px; color: #f90 !important; background: url(/content/basics/arrowF90.png) no-repeat center left #000; }
.imagecolumn p { margin: 1em 0; color: #666; }
.imagecolumn p a { margin: 0 0.5em; color: #666; }
#credits p { font-size: 83.3%; line-height: 1.75em; }

/* Microformats */
span.adr span.type, span.tel span.type,span.email span.type, span.geo { display: none; }

/* Forms */
.col375 input, .col375 textarea { width: 375px; margin: 0 0 0.25em; }
label { margin: 0 0.25em; font-size: 90%; color: #666; display: block; }
button.black125 { width: 129px; height: 28px; margin: 0 auto; padding: 0; color: #999; font-size: 100%; text-align: center; line-height: 28px; background: url(/content/basics/black125.png) no-repeat center top #000; overflow: hidden; border: none; cursor: pointer; display: block; }
button.black125:hover { color: #ccc; background: url(/content/basics/black125.png) no-repeat center #000; }
button.black125:active { color: #666; background: url(/content/basics/black125.png) no-repeat center bottom #000; }
img.warning { display: inline; margin-left: -25px; position: absolute; }

/* Choose Language */
#language { width: 600px; height: 25px; margin: 0 0 0 -300px; position: absolute; top: 45%; left: 50%; color: #666; background: url(/content/basics/logo200.png) no-repeat top left #000; }
#language li { width: 80px; height: 15px; margin-top: 6px; padding: 0 20px; list-style: none; float: left; display: inline; }
#language li.DE { width: 80px; margin-left: 248px; }
#language li.EN { width: 80px; border-left: 1px solid #999; border-right: 1px solid #999; }
#language li.FR { width: 90px; padding-right: 0px; }
#language li a { width: 100%; height: 100%; background: center top no-repeat; display: block; text-indent: -5000px; }
#language li.DE a { background-image: url(/content/navigation/german.png); }
#language li.EN a { width: 80px; background-image: url(/content/navigation/english.png); }
#language li.FR a { width: 90px; background-image: url(/content/navigation/french.png); }
#language li a:hover { background-position: center bottom !important; }

/* Spread Firefox to IE */
#getFF { display: none; }
#getFF li { width: 150px; height: 60px; margin: 0 0 0 -75px; list-style: none; position: absolute; bottom: 15px; left: 50%; }
#getFF li a { width: 100%; height: 100%; background: url(/content/basics/getfirefox.png) no-repeat top center; display: block; text-indent: -5000px;}
#getFF li a:hover { background: url(/content/basics/getfirefox.png) no-repeat bottom center;  }


/* Navigation */
#navigation { width: 700px; height: 50px; color: #fff; float: left; }
#navigation li { height: 15px; margin: 5px 0 0 20px; background: left top no-repeat; float: left; display: inline; }
#navigation li:hover { background-position: left bottom !important; }
#navigation li.active { background-position: bottom !important; }	
#navigation a { width: 100%; height: 100%; display: block; text-indent: -5000px; }
#navigation #home { width: 14px; margin-left: 40px !important; background: url(/content/navigation/home.png) left top no-repeat; }
#navigation #news { width: 45px; background-image: url(/content/navigation/news.png); }
#navigation #events { width: 64px; background-image: url(/content/navigation/events.png); }
#navigation #objects { width: 74px; background-image: url(/content/navigation/objects.png); }
#navigation #service { width: 72px; background-image: url(/content/navigation/service.png); }
#navigation #contact { width: 75px; background-image: url(/content/navigation/contact.png); }
#navigation #newsDE { width: 54px; background-image: url(/content/navigation/newsDE.png); }
#navigation #eventsDE { width: 64px; background-image: url(/content/navigation/eventsDE.png); }
#navigation #objectsDE { width: 75px; background-image: url(/content/navigation/objectsDE.png); }
#navigation #serviceDE { width: 72px; background-image: url(/content/navigation/serviceDE.png); }
#navigation #contactDE { width: 76px; background-image: url(/content/navigation/contactDE.png); }
#navigation #newsFR { width: 112px; background-image: url(/content/navigation/newsFR.png); }
#navigation #eventsFR { width: 110px; background-image: url(/content/navigation/eventsFR.png); }
#navigation #objectsFR { width: 64px; background-image: url(/content/navigation/objectsFR.png); }
#navigation #serviceFR { width: 72px; background-image: url(/content/navigation/serviceFR.png); }
#navigation #contactFR { width: 75px; background-image: url(/content/navigation/contactFR.png); }

/* Subnavigation */
#subnavigation { list-style: none; color: #fff; }
#subnavigation li { padding-bottom: 0.75em; letter-spacing: 0.1em; line-height: 1.75em; }
#subnavigation a { font-weight: normal; }
#subnavigation a:link, #subnavigation a:visited { color: #666; }
#subnavigation a:hover { color: #f90; }
#credits { background-color: #000; }

/* Object Slider */
#sliderMask { width: 875px; height: 450px; top: 100px; left: 25px; position: absolute; overflow: hidden; }
#sliderContent { width: 900px; height: 450px; float: left; }
#sliderContent .img200 { margin: 0 25px 25px 0; background-color: #000; float: left; }
#paginate { margin: 5px; }
#paginate.objects { margin: 300px 100px 0 25px; border-top: 1px solid #666; clear: both; }
#paginate ul li { width: 15px; height: 15px; margin: 0.5em 0.25em; background: url(/content/navigation/sliderdot.png) center bottom no-repeat; list-style: none; float: left; }
#paginate ul li a { width: 100%; height: 100%; background: url(/content/navigation/sliderdot.png) center top no-repeat; text-indent: -5000px; overflow: hidden; display: block; }
#paginate ul li a:hover { background: url(/content/navigation/sliderdot.png) center no-repeat; }
#paginate ul li a.active { background: url(/content/navigation/sliderdot.png) center bottom no-repeat !important; }
#paginate p { margin: 0.25em; float: right; }

/* Object Tables */
.col200 dl, .img200 dl { border-top: 2px solid #666; color: #999; }
.col200 dl dt, .img200 dl dt { height: 2em; width: 190px; padding: 0 5px; line-height: 2em; }
.col200 dl dd, .img200 dl dd { height: 2em; width: 190px; padding: 0 5px; line-height: 2em; margin-top: -2em; text-align: right; border-bottom: 1px solid #666; }
.col200 dl dd.dual, .img200 dl dd.dual { border-bottom: 1px solid #222; }

/* JS Related */
.hidden { position: absolute; top: -1000px; }
.jsActive #dynamicContent { background-color: #000; }
.jsActive #language, .jsActive #getFF, .jsActive #credits, .jsActive .imagecolumn img, .jsActive .img200 img, .jsActive .img275 img, .jsActive .img375 img, .jsActive .img640 img { display: none; }
.jsActive .img200 .dynImage, .jsActive .img275 .dynImage, .jsActive .img375 .dynImage, .jsActive .img640 .dynImage { background: url(/content/basics/loaderSmall.gif) no-repeat center center; background-color: #333 !important; } 
.jsActive .img375 .dynImage img, .jsActive .img640 .dynImage img { position: absolute; top: 5px; left: 5px; }