html            { height:100%; font-size:1em }

 body            { margin:0px; border:0px; padding:1px; background:#ffffff;
                   color:#333333; min-height:101%; position: relative }

 body            { font-family:'Bitstream Vera Sans', 'DejaVu Sans', 'Lucida Grande', Verdana, Tahoma, sans-serif; font-size:0.8em; font-weight:normal; text-decoration:none }

 h1, h2, h3, h4, h5 { font-size:1em; font-weight:normal; font-style:normal; padding:0px; margin:0px; border:0px }
 p, pre             { padding:0px; margin:0px; border:0px }

 img             { border:none }


.invisible { display:block; left:-1000px !important; top:0px; position:absolute !important; width:1px; height:1px; overflow:hidden }


#oldsitehint { margin:0em !important; padding:1em !important; background:#ffffbb !important; border-bottom:1px solid #777777 !important; color:#000000 !important; position:fixed; top:0px; left:0px; right:0px; z-index:120 }

 #downJumper { margin:0px; padding:0px }
 #downJumper a { left:-200%; max-width:50%; top:0px; position:absolute; padding:0.5em 1em 0.5em 0.5em }
 #downJumper a:focus { left:25%; width:50%; z-index:500; background:#ffffff; background:rgba(255,255,255,0.7); -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.4); box-shadow: 2px 2px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.4); -moz-border-radius-bottomright:1em; -webkit-border-bottom-right-radius:1em; border-bottom-right-radius:1em;  -moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em; border-bottom-left-radius:1em; text-align:center }

a:hover, a:focus { color:#000000 }

#aroundAll { overflow-x: hidden; margin-right:-1px } 
#aroundAll, #contentArea, #header, #header .likeContent {  min-width:45em }


#header { position:absolute; left:0%; width:100%; top:10em; height:140px; z-index:10 }
#header .bg { position:absolute; width:100%; height:100%; opacity:.8 }

#header .bg2 { position:absolute; width:100%; height:158px; top:-8px; overflow:hidden }
#header .bg2 div { height:158px; width:120%; left:-10%; position:relative; text-align:center }

#header .bg2 img { height:158px; min-width:83%; max-width:100%; width:1500px }

#header .bg3 { position:absolute; width:100%}
#header .likeContent { position:relative }
#header #logo { position:absolute; left:3em; top:19px }

#header ul#mainNavi { display:block; padding:0em; margin:0em 1em 0em 0em; text-align:right }
#header ul#mainNavi li { display:inline-block; list-style:none; padding:0px; margin:0px; height:100%; min-width:15% }
#header ul#mainNavi a { display:block; height:78px; padding:62px .5em 0em .5em; margin-left:2px; text-align:center }
#header ul#mainNavi a { text-decoration:none; color:#ffffff }
#header ul#mainNavi a.current { color:#000000; background:url('header_active3.png') }
#header ul#mainNavi a:hover, #header ul#mainNavi a:focus { text-decoration:underline; color:#000000; background:url('header_active3.png') }

#contentArea, #header .likeContent { margin-left:auto; margin-right:auto; width:80%; max-width:80em }

#contentArea2 { margin-top:5em; padding-top:1px; min-height:40em; background:#ffffff; position:relative }
#contentArea2 {-moz-box-shadow: .2em .2em 1.5em rgba(0,0,0,0.8); box-shadow: .2em .2em 1.5em rgba(0,0,0,0.8); -webkit-box-shadow: .2em .2em 1.5em rgba(0,0,0,0.8); }
#mainContent { margin-top:145px; padding:7em 2em 2em 2em }

#naviListContainer { width:100%; max-width:115em; margin-left:auto; margin-right:auto; position:relative }

#naviList { width:15em; float:right; margin-left:2em; margin-bottom:3em; margin-top:145px }
#naviList div {  margin-top:12em; margin-right:-0.0em; -moz-box-shadow: .3em .3em 2em rgba(0,0,0,0.5); box-shadow: .3em .3em 2em rgba(0,0,0,0.5); -webkit-box-shadow: .3em .3em 2em rgba(0,0,0,0.5) }
#naviListList { position:relative; margin:12em 0em 0em 0em; padding:0.5em 0.5em 0.3em 0.5em; z-index:8;
 background-color:#ffffff; -moz-box-shadow: .1em .1em .75em rgba(0,0,0,0.5); box-shadow: .1em .1em .75em rgba(0,0,0,0.5); -webkit-box-shadow: .1em .1em .75em rgba(0,0,0,0.5) }


#naviList li { margin:0em; padding:0em; list-style:none; display:block }
#naviList li a { display:block; padding:.5em .4em .4em .6em; border-bottom:.2em solid #ffffff }
#naviListList ul { margin:0em 0em 0em 1.8em; padding:0em }

#naviList li a { text-decoration:none }
#naviList li a.current, #naviList li a:hover, #naviList li a:focus { color:#000000 !important; background-image:url('subnavi_active_bg.png') !important; background-position: left top; background-repeat: repeat-x }
#naviList li a.currentpage { color:#000000 !important; background-image:url('subnavi_activepage_bg.png') !important; background-position: left top; background-repeat: repeat-x }
#naviList li a:hover, #naviList li a:focus { text-decoration:underline }



#contentArea { margin-bottom:4em }

#contentArea.smallContentArea { padding-top:140px }
.smallContentArea #contentArea2 { margin-left:30%; margin-top:14em; min-height:10em }
.smallContentArea #mainContent { padding-top:2em; margin-top:0px }

#mainContent h1 { font-size:1.8em; margin-bottom:1em }
#mainContent h1 .smallpart { font-size:0.6em; vertical-align:middle }

#mainContent h2 { font-size:1.4em; margin-bottom:1em; margin-top:2em }

#mainContent p { margin:1em 0em; line-height:1.7 }

#mainContent ul { margin:1em 0em; line-height:1.7 }

#mainContent ul li { margin:.5em 0em; line-height:1.7 }

#mainContent ul ul { margin:0em; line-height:1.7 }

#mainContent .principle { font-style:italic; padding:.5em .5em 1.5em 1.5em; margin-bottom:1.5em; border-bottom:1px solid #aaaaaa }
#mainContent .principle em { font-style:normal }

#imprintArea { height:3em; clear:both }
#imprintArea div { position:absolute; bottom:0px; width:100% }
#imprintArea ul { display:block; float:right; margin:0px; padding:2em 1em  }
#imprintArea li { display:block; list-style:none; float:left; margin:0px; padding: 0em 1em }
#imprintArea li a { text-decoration:none }
#imprintArea li a.current { color:#000000 }
#imprintArea li a:hover, #imprintArea li a:focus { text-decoration:underline; color:#000000 }

#breadcrumbs { display:block; position:absolute; top:0px; padding:2em 2em; margin:-2px 0px 0px 0px; width:100% }
#breadcrumbs ul { display:inline; margin:0em; padding:0em;   }
#breadcrumbs li { display:inline; list-style:none; padding:0em; margin:0em }
#breadcrumbs li:before { content:'› ' }
#breadcrumbs li:first-child:before { content:'' }
#breadcrumbs li a { text-decoration:none }
#breadcrumbs li a:hover, #breadcrumbs li a:focus { text-decoration:underline }

pre, code { font-size:1em; font-family:'courier new', courier, monospace; color:111111 }
pre { background-color:#eeeeee; border:1px solid #bbbbbb }

#mainContent pre { margin:1em 0em; padding:.5em }

.accordionSliderHead { clear:both }
.accordionSliderHead h3 { font-weight:bold; padding:.5em 1em; margin:0em; font-size:inherit; background:url('slidertitlebg.png') left top repeat-x; color:#ffffff  }
.accordionSliderInBody { background:#ffffff url('sliderbg.png') left bottom repeat-x }
.accordionSliderInBody div, .accordionSliderInBody p { margin:0em !important; padding:1em !important; line-height:1.6em }
.accordionSliderInBody div + .accordionSliderInBody div, .accordionSliderInBody p .accordionSliderInBody p { padding-top:0em !important }
.accordionSliderInBody pre { margin:0em; padding:.3em; }