/* ===================
 Reset all
==================== */

* {margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100.01%;font-family:arial, sans-serif;vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
address {font-style:normal}

/* ===================
 // Reset all
==================== */

body {background:#0e2e57 url(../grafik/bg_body.gif) repeat-x top;}
hr {border-bottom:1px solid #0e2e57}
#mainwrapper {width:940px;margin:0 auto;}

#header {height:220px;background:transparent url(../grafik/bg_head.jpg) no-repeat top;position:relative}
#header #headlines {color:#fff;position:absolute;bottom:10px;left:20px}
#header h1 {color:#fff;font:700 22px/1.2em arial, sans;}
#header h2 {font:normal 18px/1.2em arial, sans;display:block;}
#header ul {position:absolute;bottom:0;right:10px;overflow:hidden}
#header ul li {float:left;margin-left:2px;}
#header ul li a{font:normal 14px/1.2em arial, sans;color:#fff;background:transparent url(../grafik/bg_nav_sprite.gif) no-repeat bottom;width:111px;height:30px;line-height:30px;display:block;text-align:center;text-decoration:none}
#header ul li a:hover, #header ul li a.act {background-position:top;color:#0e2e57}
#header ul li a span{}

#contentcontainer {display:block;background:#fff}

#content {background:#fff url(../grafik/bg_content.gif) repeat-x top;overflow:hidden;display:block;padding-top:10px}

#contentcontainer #content-inner {float:left;width:650px;margin:0 20px;display:inline}
#contentcontainer #content-inner h2 {font:normal 22px/1.8em arial, sans-serif;color:#366ea3}
#contentcontainer #content-inner h3 {font:normal 20px/1.8em arial, sans-serif;color:#000}
#contentcontainer #content-inner h4 {font:normal 18px/1.8em arial, sans-serif;color:#366ea3}
#contentcontainer #content-inner p {font:normal 14px/22px arial, sans-serif}

#contentcontainer #content-inner ul {font:normal 14px/26px arial, sans-serif;padding-left:25px;list-style:square}
#contentcontainer #content-inner ul ul{list-style:disc}
#contentcontainer #content-inner ul li {color:#366ea3}
#contentcontainer #content-inner ul li span{color:#000}

#contentcontainer #content-inner ul#coverlist {list-style-type:none;overflow:hidden}
#contentcontainer #content-inner ul#coverlist li {list-style-type:none;float:left}

#contentcontainer #content-inner dl {font:normal 14px/1.4em arial}
#contentcontainer #content-inner dd {font-weight:700}
#contentcontainer #content-inner dt {padding-bottom:10px}

#contentcontainer #content-inner a {color:#0e2e57;}
#contentcontainer #content-inner a:hover {text-decoration:none;}

#contentcontainer #bluebox {background:transparent url(../grafik/bg_bluebox.gif) repeat-x top;overflow:hidden;width:213px;height:267px;padding:20px 15px;overflow:hidden}
#contentcontainer #bluebox img {float:left;padding:0 5px 10px 0}
#contentcontainer #bluebox h2 {font:700 16px/1.1em arial, sans-serif}
#contentcontainer #bluebox p {font:normal 14px/18px arial, sans-serif}
#contentcontainer #bluebox div {clear:both;border-top:2px solid #999;padding-top:5px}
#contentcontainer #bluebox a {color:#0e2e57;}
#contentcontainer #bluebox a:hover {text-decoration:none;}

#footer {background:#0e2e57;margin:0 auto;color:#c5e1f9;clear:both;text-align:center;padding:5px 0}
#footer p{margin:5px 0;font:normal 12px/1.4em arial, sans-serif;}
#footer a{color:#fff}
#footer a:hover{text-decoration:none}

/* ===================
Klassen
==================== */

.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}

.pt10{padding-top:10px}
.pt20{padding-top:20px}
