* {margin:0; padding:0;}

body {font:16px/22px "segoe ui",futura,tahoma,arial,verdana,sans-serif; background:url(bg.gif) top left fixed #4B4B4B;}

/* Header */
#header {background:url(shade.png) top left repeat transparent; margin-bottom:20px; border-bottom:1px solid black;}

#header .innerdiv {width:940px; margin:0 auto; padding:0;}

/* Hauptüberschrift
h1 {font:36px "romana bt","liberation serif","times new roman","devinne bt",times,"free serif","dejavu serif",serif; letter-spacing:1px; text-align:left; padding:20px 0; width:400px; float:left;}

h1 a {text-decoration:none; color:white;}
#title2 {color:#F90;}
*/

#header h1 {float:left;}
#header h1 a {display:block; background:url(headline.png) top left no-repeat transparent; width:480px; height:80px; margin-top:30px;}
#header h1 a span {display:none;}

#navi {position:relative; top:48px; right:0;}
#navi ul {list-style:none;}
#navi ul li {float:right;}
#navi ul li a {display:block; font-weight:bold; font-size:16px; margin-left:1em;}
#navi ul li a#active_nav_item {color:#F90; text-decoration:underline;}
#navi ul li a:link, #navi ul li a:visited {text-decoration:none; color:white;}
#navi ul li a:active, #navi ul li a:hover {text-decoration:underline;}

#headerimage {clear:left; padding:10px 0 20px 0; margin-bottom:25px; border-bottom:1px dotted #DEDEDE;}
#headerimage #visual {width:500px; height:260px; overflow:hidden; float:left; margin-right:20px;}
#rotator {width:500px; height:260px; overflow:hidden; float:left; margin-right:20px; background:url(rotation/1.jpg) top left no-repeat transparent;}
/* für jQuery-Rotation benötigte Styles */
#rotator img {position:absolute;}

#slogan {width:380px; float:left; text-align:justify;}
#slogan cite {font:22px/32px "romana bt","liberation serif","times new roman","devinne bt",times,"free serif","dejavu serif",serif;}

/* Inhaltsbereich */
#content_top {width:940px;height:11px; background:url(rounded.gif) top left no-repeat transparent; margin:0 auto;}

#content #logo {width:400px; height:63px; margin:0; padding:0; border:none; width:380px; height:60px;}
#content #liv {margin:2em 0;}
#content #liv a img {float:left; margin-right:1em;}
#content #liv a:hover img {border-color:#F90;}
#content #liv p {text-align:left; margin-top:1ex;}
#content #liv p a:link, #content #liv p a:visited {text-decoration:none;}
#content #liv p a:active, #content #liv p a:hover {text-decoration:underline;}
#content #liv p a strong {font-variant:small-caps; font-style:italic;}
#content #download {clear:left; margin:4em 0 2em 0; text-align:left;}
#content #download img {border:none; float:right; margin-top:-20px;}


#content {width:900px; margin:0 auto 50px auto; padding:20px; background:white; color:#333;}
#content h2 {font-size:36px; font-weight:normal; color:#F90; margin-bottom:1em;}
#content h3 {margin:1em 0; font-size:30px; font-weight:normal; color:black;}
#content h4 {margin:1ex 0; font-size:22px; font-weight:normal; font-style:italic; padding:0.33ex 0 0.33ex 1em; background:#DEDEDE; color:black;}
#content h5 {margin:0.5ex 0; font-weight:bold; font-size:16px; font-style:italic; color:black;}
#content p {margin-bottom:1em;}

#content a:link, #content a:visited {color:black; text-decoration:underline;}
#content a:active, #content a:hover {text-decoration:none; color:#F90;}
#content a.extern {padding-right:15px; background:url(extern.gif) right top no-repeat transparent;}

#content ul {margin-left:20px; list-style:square;}
#content ul li {margin-bottom:1ex;}

#content .section {margin-bottom:15px; padding-bottom:10px;}
#content .section .textarea {float:left; width:500px; margin-right:20px;}
#content .section .images {width:380px; float:left; text-align:right;}
#content .section .images img {text-decoration:none; border:1px solid #DEDEDE; padding:2px; margin-left:4px;}
#content .section .images .fancybox img:hover {border-color:#F90;}

#content_bottom {clear:left; height:11px; position:relative; left:-20px; top:31px; width:940px; background:url(rounded.gif) bottom left no-repeat transparent;}

#footer {color:white; padding:20px 0 0 0; font-size:80%;}
#footer p {text-align:center;}
#footer a:link, #footer a:visited {color:white; text-decoration:none;}
#footer a:active, #footer a:hover {color:#F90;}
#footer #copyright a {color:#888!important;}

.clb {clear:both; height:1px; width:1px; line-height:1px; overflow:hidden;}
.pic_left {float:left; margin:0.5ex 1em 0.5ex 0;}
.pic_right {float:right; margin:0.5ex 0 0.5ex 1em;}
.boxed {padding:5px; border:1px solid #999;}

/* Formulare */
fieldset {border:1px dotted #DEDEDE; margin-bottom:1ex; padding:10px;}
legend {font-style:italic; color:black;}
.inputfield {border:1px solid #CCC; color:#333; background:#EEE; width:280px; padding:3px 5px;}
.inputfield:focus {border-color:black; color:black; background:white;}
#message {width:468px; height:20ex; margin-bottom:2ex;}

/* Info-Boxen */
.info {border:1px solid #F90; padding:5px 5px 5px 58px; background:url(info.png) 5px 10px no-repeat transparent;}
.ok {border:1px solid #0A0; padding:5px 5px 5px 58px; background:url(ok.png) 5px 10px no-repeat transparent;}
.error {border:1px solid #F00; padding:5px 5px 5px 58px; background:url(error.png) 5px 10px no-repeat transparent;}
#content .info h3, #content .error h3, #content .ok h3 {margin:0.5ex 0 1ex 0;}