/* General styles
==============================*/
HTML{height:100%}
BODY{background-color:#eeddc3; margin:0; padding:0; height:100%}
A, A:visited, A:active, A:hover{    color:#53da3f;     text-decoration:none}
A:hover{    text-decoration:underline !important}
FORM{margin:0; padding:0}
UL{list-style-type:none; margin:0; padding:0}
ADDRESS{font-style:normal; display:inline}
IMG, ACRONYM{border:0}
.clear{clear:both}
.grijs{color:#8c8c8c}
.orange{    color:#53da3f}
.blue{    color:#235d37}
.bold{font-weight:bold}
.italic{    font-style:italic}
.spanRechts{display:block; float:right}
DIV.floatLeft{    display:inline;     float:left}
DIV.floatRight{    float:right}
FIELDSET{border:0; padding:0; margin:0}
SPAN.defaultFormat{    font-family:Arial;     font-size:11px;     line-height:14px}
SPAN.defaultSmall{    font-size:10px}
SPAN.small{    font-size:9px}
DIV.border{    width:100%;     height:3px;     background:url(/sites/shared/images/dots_new.png) repeat-x top left}
TR.hdr TD{    padding-top:16px;     padding-bottom:9px;     font-size:20px;     font-weight:bold;     vertical-align:bottom;     color:#53da3f}
TR.hdr TD.remark{    font-weight:normal;     color:#000;     font-size:11px !important}
TR.subhdr TD{    padding-top:16px;     padding-bottom:3px;     font-size:14px;     font-weight:bold;     vertical-align:bottom;     color:#53da3f}
TR.subhdr TD.remark{    font-weight:normal;     color:#000}
TR.border TD{    height:3px;     line-height:3px;     font-size:1px;     background:url(/sites/shared/images/dots_new.png) repeat-x bottom left}

/* General Typography
==============================*/
DIV, P, LABEL, TD, TH, LI, H1, H2, H3{font-family:Arial; color:#235d37; font-size:11px; line-height:14px}
H1{font-size:30px; line-height:34px; margin:0 0 8px; padding:0; font-weight:bold}
H2{ font-weight:bold;  font-size:20px;  line-height:22px}
H3{ font-size:16px;  margin:0 0 3px;  padding:0}
.h1-kopie{display:block; font-size:30px; line-height:34px; margin:0 0 8px; padding:0; font-weight:bold;  text-decoration:none !important}
A.h1-kopie:hover{ text-decoration:underline !important}
H2 .subtitle{ font-size:11px;  font-weight:normal}
.subkop{display:block; font-size:1.09em; color:#666; font-weight:bold; line-height:1.5em; padding-bottom:7px}
.marginTop{margin-top:16px}
.marginBottom{margin-bottom:16px}
.marginLeft{margin-left:16px}
.paddingBottom{ padding-bottom:16px}
div.paddingTopBottom{ padding-top:16px;  padding-bottom:16px}
DIV.stippelTop{ height:16px;  border-top:1px dotted #a1ddf4}
DIV.empty{ clear:both}
DIV.pageEndPadding{ padding-bottom:0px}

DIV.linetitle{ width:100%;  padding-bottom:15px;  font-family:Georgia;  font-style:italic;  font-size:16px;  color:#D91B7A;  border-bottom:1px solid #D91B7A}

/* Container and general layout
==============================*/
#wrapper A:hover{text-decoration:underline}
DIV#wrapper{position:relative; width:944px; min-height:100%; margin:0 auto; padding:0 29px; z-index:30}
DIV.titlebar{padding-top:4px}

/* Background
==============================*/
DIV.background{ position:absolute;  top:0;  left:0;  width:100%;  z-index:19}
IMG.bg_oerolsite{position:absolute; z-index:10}

/* Header
==============================*/
DIV.header{position:absolute; top:0; display:block; width:944px; height:276px; background-repeat:no-repeat; background-position:left 64px; font-size:18px; font-family:Arial; background-image:url(/sites/shared/images/header-oerol.png)}

DIV.header DIV.navigation{position:absolute; top:239px; width:944px; height:38px}
DIV.header DIV.navigation DIV.item{ float:left;  height:32px;  padding-right:8px}
DIV.header DIV.navigation DIV.item SPAN.bullet{ display:block;  float:left;  height:32px;  margin-right:9px;  line-height:32px; font-size:20px; color:#235d37}
DIV.header DIV.navigation DIV.item A.nav{ display:block;  float:left;  height:26px;  padding-top:4px}
DIV.header DIV.navigation DIV.item A.nav IMG{ margin:0 -4px}
DIV.subnav{ position:absolute;  top:42px;  width:170px;  margin-left:16px;  padding:0 15px 0 10px;  z-index:100;  overflow:hidden;  background-color:#fff;  border:1px solid #a9ec9f}
DIV.subnav.first{ margin-left:0}
DIV.subnav A, DIV.subnav A:visited, DIV.subnav A:link, DIV.subnav A:active{ display:block;  height:25px;  line-height:25px;  color:#235d37;  font-size:15px;  border-top:1px dotted #a9ec9f}
DIV.subnav A.first{ border-top:0}
DIV.subnav SPAN.current{ display:block;  height:25px;  line-height:25px;  color:#235d37;  font-size:15px;  font-weight:bold;  border-top:1px dotted #a1ddf4}
DIV.subnav SPAN.first{ border-top:0 !important}

DIV.header DIV.sublinks{ position:absolute;  top:46px;  left:337px;  width:607px;  height:13px}
DIV.header DIV.sublinks A{color:#fff !important; font-family:Arial; text-decoration:none; text-transform:uppercase}
DIV.header DIV.sublinks DIV{ float:right;  padding-left:16px}

DIV.header DIV.servicemenu{ position:absolute;  top:24px;  left:144px;  width:800px;  height:20px;  text-align:right; font-size:16px;  color:#fff;}
DIV.header DIV.servicemenu A{color:#fff !important; text-decoration:none; text-transform:uppercase}
DIV.header DIV.servicemenu SPAN{ padding:0 3px 0 7px}

DIV.header A.homelink{ display:block;  position:absolute;  width:495px;  height:141px;  top:69px;  left:0}
DIV.header A.starlink{ display:block;  position:absolute;  width:164px;  height:139px;  top:114px;  left:781px; z-index:5 }

/* Columns
==============================*/
DIV#columns{ width:944px; padding-top:312px}
/* Start homepage */
DIV#columns.home{ padding-top:296px;  padding-bottom:0;  margin-bottom:0}
/* End homepage */
TD.spacer{ width:16px;  padding:0;  margin:0;  line-height:1px;  font-size:1px}
TD.iconbarColumn{ padding-bottom:63px !important}
TD.column1{ width:204px;  padding:10px;  background-color:#fff;  vertical-align:top}
TD.column2{ width:444px;  padding:10px;  background-color:#fff;  vertical-align:top}
TD.column3{ width:684px;  padding:10px;  background-color:#fff;  vertical-align:top}
TD.column4{ width:924px;  padding:10px;  background-color:#fff;  vertical-align:top}
TD.largeColumn1{ width:224px;  vertical-align:top}
TD.largeColumn2{ width:464px;  vertical-align:top}
TD.largeColumn3{ width:704px;  vertical-align:top}

/* Content
==============================*/
DIV.content UL, DIV.titlelinecontent UL{list-style-type:disc; margin-left:16px}

DIV.titlelinecontent SPAN.title, DIV.titlewithoutcontent SPAN.title{    display:block;     padding-bottom:11px;     margin-bottom:9px;     font-weight:bold;     font-size:20px;     line-height:22px;     color:#53da3f;     background:url(/sites/shared/images/dots_new.png) repeat-x bottom left}
DIV.titlelinecontent SPAN.content{ display:block;  margin-top:-3px;  margin-bottom:16px}

/* PersonOverview */
TABLE.personOverview{ width:100%;  border:0;  padding-bottom:32px}
TABLE.personOverview TD.personPhoto{ width:46px;  height:62px;  padding-top:16px;  padding-right:16px;  margin-top:0;  vertical-align:top}
TABLE.personOverview TD.personPhoto A{}
TABLE.personOverview TD.personPhoto IMG{ display:block;  width:46px;  height:62px;  border:1px solid #000}
TABLE.personOverview TD.personText{ padding-top:16px;  vertical-align:top}
TABLE.personOverview TD.personText SPAN.name{ font-weight:bold}

/* TeaserBlock */
DIV.teaserblock{ position:relative;  margin-bottom:16px}
DIV.teaserblock.horizontal{ width:444px}
DIV.teaserblock.vertical{ width:204px}
DIV.teaserblock.top DIV.image{ width:204px}
DIV.teaserblock.right DIV.image{ width:214px}
DIV.teaserblock.bottom DIV.image{ width:204px}
DIV.teaserblock.left DIV.image{ width:214px}
DIV.teaserblock.horizontal DIV.image IMG{ display:block;  width:214px}
DIV.teaserblock.vertical DIV.image IMG{ display:block;  width:204px}
DIV.teaserblock.left DIV.content{ padding-right:16px}
DIV.teaserblock.right DIV.content{ padding-right:16px}
DIV.teaserblock.horizontal DIV.content{ width:214px}
DIV.teaserblock.vertical DIV.content{ width:204px}
DIV.teaserblock.horizontal DIV.content SPAN, DIV.teaserblock.vertical DIV.content SPAN, DIV.teaserblock.horizontal DIV.content A.title, DIV.teaserblock.vertical DIV.content A.title, DIV.teaserblock.horizontal DIV.content A.title:visited, DIV.teaserblock.vertical DIV.content A.title:visited, DIV.teaserblock.horizontal DIV.content A.title:active, DIV.teaserblock.vertical DIV.content A.title:active{ display:block;  padding-bottom:16px;  font-weight:bold;  font-size:20px;  line-height:22px;  text-decoration:none;  color:#235d37}
DIV.teaserblock.horizontal DIV.content A.title:hover, DIV.teaserblock.vertical DIV.content A.title:hover{ text-decoration:underline !important}

/* ChildPageIndex */
DIV.childpageindex{ width:100%}
DIV.childpageindex DIV.indexheader{ width:100%;  padding-bottom:15px;  font-family:Georgia;  font-style:italic;  font-size:16px;  color:#D91B7A}
DIV.childpageindex TABLE.overview{ border-top:1px solid #D91B7A}
DIV.childpageindex TABLE.overview TD.image{ width:224px;  padding:16px 16px 0 0;  vertical-align:top}
DIV.childpageindex TABLE.overview TD.image IMG{ display:block;  border:1px solid #000 !important}
DIV.childpageindex TABLE.overview TD.text{ width:448px;  padding:16px 16px 0 0;  vertical-align:top}
DIV.childpageindex TABLE.overview H2{ padding:0;  margin:0 0 12px 0;  color:#D91B7A}

/* YOUTUBE
========================================*/
DIV.mppic{    position:relative;     padding-bottom:3px}
DIV.mppic A, DIV.mppic A:link, DIV.mppic A:visited, DIV.mppic A:active{position:absolute; display:block; width:59px; height:59px; background-image:url(/shared/images/play_new.png); background-position:top left; z-index:100}
DIV.mppic A:hover{background-position:0 -59px}

/* Twitter
==============================*/
DIV.twitter TD.img{ width:30px;  padding-right:4px;  vertical-align:top}
DIV.twitter TD.img IMG{ width:30px;  height:30px}
DIV.twitter TD{ border-top:1px dotted #a1ddf4;  padding-top:6px;  padding-bottom:6px}
DIV.twitter TR.first TD{ border-top:0 !important;  padding-top:0 !important}
DIV.twitter TR.last TD{ padding-bottom:0}

/* Flickr
==============================*/
TABLE.flickr TD{ padding:0 0 5px 5px}
TABLE.flickr TD.first{ padding-left:0}
TABLE.flickr TD.last{ padding-left:4px}
TABLE.flickr IMG{ display:block}

/* Footer
==============================*/
DIV.footer{position:relative; clear:both; width:944px; padding-top:16px; padding-bottom:32px}
DIV.footer DIV.sponsors{ width:944px; padding:8px 0; background-color:#fff}

/* Footer - Image Scroller
==============================*/
/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img{width:45px; height:29px; display:block; float:left; margin:17px 4px 0 0}

#outerContainer{width:944px; height:64px; margin:auto; position:relative}
#imageScroller{width:944px; height:64px; position:relative; background-color:#fff}
#viewer{width:944px; height:64px; overflow:hidden; margin:auto; position:relative}
#imageScroller a{padding:0 25px}
#imageScroller a:active, #imageScroller a:visited{color:#000}
#imageScroller a img{border:0}
#rtl{display:none}
#ltr{display:none}

/* Breadcrumb 
==============================*/
.breadcrumb{position:absolute; top:280px; width:944px; height:32px; line-height:32px; color:#235d37; font-weight:bold}
.breadcrumb a, .breadcrumb a.active, .breadcrumb a.visited, .breadcrumb a.hover, .breadcrumb a:active, .breadcrumb a:visited, .breadcrumb a:hover {color:#ffffff;}

/* ACCESSIBILITY
==========================*/
.accessibility{display:none}

/* disabled*/
.disabled{color:#b4b4b4}

/* VIDEO 
========================================*/
.videopanel{background-color:#000; margin-bottom:16px}

/* ICONBAR 
========================================*/
DIV.iconbar{position:absolute; bottom:138px}
DIV.iconbar A{display:block; float:left; margin-right:10px; width:43px; height:43px; background-image:url(/sites/shared/images/iconsprite.gif); background-repeat:no-repeat}
A.icface{width:42px !important; background-position:-43px 0}
A.icflc{width:42px !important; height:42px !important; background-position:-86px 0}
A.ichyv{background-position:-128px 0}

/* FILMSTRIP 
========================================*/
DIV.fspic{    position:relative}
DIV.fspic A, DIV.fspic A:link, DIV.fspic A:visited, DIV.fspic A:hover, DIV.fspic A:active{    position:absolute;     top:0;     left:0;     width:204px;     height:159px;     background:transparent url(/shared/images/play_new.png) no-repeat 72px 50px}

/* IMAGE PREVIEW
========================================*/
#preview{position:absolute;border:1px solid #ccc;background:#fff;display:none;color:#fff;z-index:20000000;background-image:url(/shared/images/ajax-loader-ball.gif);background-position:center center;background-repeat:no-repeat;width:214px;}
#preview IMG{width:214px;}

/* SHADOWBOX
===============================================*/
#sb-container, #sb-wrapper{text-align:left}
#sb-container, #sb-overlay{position:absolute; top:0; left:0; width:100%; margin:0; padding:0}
#sb-container{height:100%; display:none; visibility:hidden; z-index:999}
body >#sb-container{position:fixed}
#sb-overlay{height:expression(document.documentElement.clientHeight+'px')}
#sb-container >#sb-overlay{height:100%}
#sb-wrapper{position:relative; border:1px solid #000; background-color:#fff}
#sb-wrapper img{border:none}
#sb-body{position:relative; overflow:hidden; margin:0; padding:0}
#sb-body-inner{position:relative; height:100%}
#sb-content.html{height:100%; overflow:auto}
#sb-loading{position:absolute; top:0; width:100%; height:100%; text-align:center; padding-top:10px; color:#ccc}
#sb-loading A{color:#ccc; text-decoration:none; font-size:11px}
#sb-body, #sb-loading{background-color:#fff}
#sb-title, #sb-info{position:relative; overflow:hidden; margin:0; padding:0}
#sb-title{background:#cdcece url(/sites/shared/images/popup.png) no-repeat; padding-left:6px}
#sb-title-inner, #sb-info-inner{position:relative; font-family:Arial,Verdana,sans-serif; line-height:14px}
#sb-title, #sb-title-inner{height:30px}
#sb-title-inner{color:#333; padding:9px 0; font-weight:bold}
#sb-info, #sb-info-inner{height:0px}
#sb-info-inner{color:#fff}
#sb-nav{float:right; height:16px; width:45%; padding:2px 0}
#sb-nav a{display:block; float:right; height:16px; width:16px; margin-left:3px; cursor:pointer}
#sb-nav-next{background-image:url(/shared/js/shadowbox/resources/next.png); background-repeat:no-repeat}
#sb-nav-previous{background-image:url(/shared/js/shadowbox/resources/previous.png); background-repeat:no-repeat}
#sb-nav-play{background-image:url(/shared/js/shadowbox/resources/play_new.png); background-repeat:no-repeat}
#sb-nav-pause{background-image:url(/shared/js/shadowbox/resources/pause.png); background-repeat:no-repeat}
#sb-counter{float:left; width:45%; padding:2px 0}
#sb-counter a{text-decoration:none; cursor:pointer; color:#fff; padding:0 4px 0 0}
#sb-counter a.sb-counter-current{text-decoration:underline}
div.sb-message{font-family:Verdana,'Lucida Grande',Tahoma,sans-serif; text-align:center; padding:10px}
div.sb-message a:link, div.sb-message a:visited{color:#fff; text-decoration:underline}
#sb-title{padding-right:20px; z-index:1}
#sb-nav-close{background-color:transparent; background-image:url(/sites/shared/images/close.gif); background-repeat:no-repeat; background-position:0 0; position:absolute; top:6px!important; right:6px; display:block; width:18px; height:18px; cursor:pointer; z-index:2}
#sb-body{z-index:3}
#sb-info{z-index:4}

/* UPLOAD
===============================================*/
.upload { font-size:11px; font-style:italic; padding-top:5px; padding-bottom:5px; }