﻿/* General styles
==============================*/
HTML {
	height: 100%;
}
BODY {
	background-color:#372d2c;
	margin: 0;
	padding: 0;
	height: 100%;
}
A, A:visited, A:active, A:hover {
    color: #ff654c;
    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: #ff654c;
}
.blue {
    color: #004682;
}
.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.png) repeat-x top left;
}
TR.hdr TD {
    padding-top: 16px;
    padding-bottom: 9px;
    font-size: 20px;
    font-weight: bold;
    vertical-align: bottom;
    color: #ff654c;
}
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: #ff654c;
}
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.png) repeat-x bottom left;
}

/* General Typography
==============================*/
DIV, P, LABEL, TD, TH, LI, H1, H2, H3 {
	font-family: Arial;
	color: #004682;
	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: #666666;
	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 {
    width:100%;
    position:absolute;
    z-index:19;
}
IMG.bgr_site{
	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.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: #004682;
}
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 #7cddfe;
}
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: #004682;
    font-size: 15px;
    border-top: 1px dotted #a1ddf4;
}
DIV.subnav A.first {
    border-top: 0;
}
DIV.subnav SPAN.current {
    display: block;
    height: 25px;
    line-height: 25px;
    color: #004682;
    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: 337px;
    width: 607px;
    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;
}

/* 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: #ff654c;
    background: url(/sites/shared/images/dots.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: #004682;
}
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.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:#000000; }
#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: #004682;
	font-weight: bold;
}

/* 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.png) no-repeat 72px 50px;
}

/* 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:#ffffff}
#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:#333333;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.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}
