* { margin: 0; padding: 0 }
html { height: 100% }
body { background: #002a2f url(../body-bg-inv.gif) repeat-y top left; font: 90% "Trebuchet MS", Arial, Lucida Sans Unicode, Lucida Console, Sans-Serif; color: #fff; height: 100% }
h1 { font-size: 155%; font-weight: bold; text-transform: uppercase; color: #e4eced; line-height: 1.0em; margin: 0 0 15px 0 }
h2 { font-size: 100%; color: #fff; font-weight: bold }
h2.red { font-size: 140%; color: #e4eced; font-weight: bold; margin: 0 0 10px 69px; clear: left; padding: 20px 0 0 0 }
h3 { font-size: 100%; color: #fff; font-weight: bold }
h3.imprint { display: inline; padding-right: 5px }
p.imprint { display: inline }
h4 { font-size: 75% }
p { font-size: 100%; margin: 0 0 15px 0; line-height: 150% }
ul, ol { margin: 0 0 15px 20px }
dt { color: #e4eced; font-size: 140%; clear: left; float: left; margin: 0 5px 0 0; width: 65px }
dd { margin: 0 0 10px 70px; line-height: 150%; padding: 2px 0 0 0 }
acronym, dfn, abbr, span.abbr { border-bottom: none }
a img, map, img { border: none }
a:link, a:visited { color: #fff; text-decoration: underline }
a:hover, a:focus, a:active  { color: #cf2736; text-decoration: none }

/* align all contents */
#container { background: url(../content-right-bg-inv.gif) repeat-y fixed top right; border-left: 4px solid white; min-height: 100% }
#container_white { border-left:4px solid white; min-height:100% }
#container_imprint { background: url(../content-right-bg-white.gif) repeat-y fixed top right; border-left: 4px solid white; min-height: 100% }
* html #container { background: url(../content-right-bg.gif) repeat-y top right; height: 100% }
* html #container_white, * html #container_imprint { height: 100% }

/* header layout */
#header { background: #fff url(../logo_links.jpg) no-repeat 3px 3px; height: 124px; width: 100% }

/* breadcrumb navigation */
#bread, #anchor { position: absolute; left: -200px }

/* content */
#content { margin-left: 174px }
#content ul, #content ol { font-size: 100%; margin-left: 70px }
#content ul.timeline li { float: left; line-height: 150%; width: 50% }
#content_big { padding: 26px 0 0 18px; margin-top: 3px; background: #002a2f; min-height: 100% }
#content_main { padding: 29px 0 0 18px; float: left; width: 50% }
#content_right, #content_right_imprint { border-top: 3px solid white; background: #000; padding: 0; float: right; width: 362px; min-height: 100% }
* html #content_right, * html #content_right_imprint { height: 100% }
#content_cleaner { clear: both; width: 100%; height: 1px }
*:first-child+html #content_cleaner { display: none }

/* navigation */
#menu { padding: 100px 0 0 0; text-transform: uppercase; width: 100% }

/* accessible top navigation */
#menu_top { background: #000; border-bottom: 3px solid white; font-size: 90%; width: 100%; min-height: 24px }
.navigation-title { display: inline; font-size: 100%; line-height: 1.8em; margin: 0 0 0 171px; padding: 0 0 4px 20px; height: 100% }
#menu_top ul { display: inline }
#menu_top li { display: inline; font-weight: bold }
#menu_top a { text-decoration: none }
.hidden_dot { display: none }

/* accessible navigation on the left site */
#menu_left { float: left; margin-top: -24px; font-size: 90%; border-right: 3px solid white; width: 167px }
#menu_left ul { padding: 170px 0 0 0; margin: 0; padding: 0 }
#menu_left li { line-height: 1.8em; min-height: 24px; vertical-align: middle; font-weight: bold; text-transform: uppercase; border-bottom: 3px solid white; padding-left: 40px; width: 127px }
#menu_left dfn { display: none }
#menu_left a { text-decoration: none }

/* langswitch */
#langselector { list-style-type: none; margin: 0 !important; padding: 0; line-height: 1.8em }
.lang_hide { display: none }

/*fontsize control*/
.tx-efafontsize-pi1 { text-align: right; width: 162px }
.tx-efafontsize-pi1 a { margin: 5px 0; padding: 0; display: block }

/* invert */
#styleswitch li { list-style-type: none; border-bottom: none !important; padding: 0 !important; text-align: right; line-height: 100% !important; width: 162px !important }
#styleswitch li a { margin: 5px 0; display: block; text-transform: none }
#styleswitch li a span { display: block; float: left; margin: 7px 0 0 20px }
* html #styleswitch li a { margin: 3px 0 0 0 }
*:first-child+html #styleswitch li a span { margin: 0 0 0 20px }

/* mis. */
div.csc-textpic-imagerow { margin-bottom: 10px !important }
.uploads { margin: 0 0 20px 0 }
.uploads div { padding: 0 0 0 17px; background: url(../download-inv.gif) no-repeat top left }
.csc-mailform-submit { margin: 10px 0 0 140px }
.csc-textpic { margin: 0 }
.csc-textpic-clear { margin: 0 0 20px 0 }
.csc-textpic-caption { font-size: 90% }
.totop a { background: url(../totop-inv.gif) no-repeat 0 3px; padding: 0 0 0 20px }
#content_right .totop a { margin-left: 5px }
.external-link { padding-left: 15px; background: url(../extlink-inv.gif) no-repeat center left }

/* for additional graphics and co */
#extra1 {clear: both}
#extra2 { background: url(../logo_rechts.gif) no-repeat top right; position: absolute; top: 0; right: 0; z-index: 10; height: 100px; width: 440px }
#extra3, #extra4, #extra5, #extra6 { display: none }

/* print foot */
#footer { display: none }

/* MENU_TOP */
.menu0_0 {  }
.menu0_0 a:link, .menu0_0 a:visited { border-left: 1px solid #fff; padding: 0 0 0 10px; color: #fff }
.menu0_0 a:hover, .menu0_0 a:focus, .menu0_0 a:active { border-left: 1px solid #fff; padding: 0 0 0 10px; color: #cf2736 }

.menu0_1 { border-left: 1px solid #fff; padding: 0 0 0 10px; color: #cf2736 }

/* MENU_LEFT */
/* first level */
.menu1_0:hover, #langselector li:hover, #langselector li:focus { background: url(../bullet-inv.gif) no-repeat center left; display: block }
.menu1_0 a:link, .menu1_0 a:visited, #langselector li a:link, #langselector li a:visited { color: #fff; display: block }
.menu1_0 a:hover, .menu1_0 a:focus, .menu1_0 a:active, #langselector li a:hover, #langselector li a:focus, #langselector li a:active { color: #cf2736; display: block }
#li_special_14 { background: url(../6-punkte-inv.gif) no-repeat center left !important }
#li_special_14:hover { background: url(../bullet-inv.gif) no-repeat center left !important }


.menu1_1 { background: url(../bullet-inv.gif) no-repeat left center }
