/* Copyright (c) 2009 von Martin Oppitz Development. Alle Rechte vorbehalten. */

/* Includes
----------------------------------*/

@import url("jquery-lightbox-0.5.php");

/* Tags
----------------------------------*/

body {
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: x-small;
}

img {
border: 0;
}

a, a:visited {
color: #224488;
text-decoration: none;
}
a:hover, a:focus, a:active {
color: #224488;
text-decoration: underline;
}
a.current {
color: #003366;
font-weight: bold;
}

/* Struktur
----------------------------------*/

#website {
margin: 0 auto;
padding: 0;
width: 1000px;
min-width: 1000px;
max-width: 1000px;
}

#headline {
float: left;
margin: -73px 0 0 0;
padding: 0;
width: 100%;
background: url(images/headline_bg2.png) no-repeat right top;
}
#logo {
float: left;
margin: -80px 0 0 0;
padding: 0;
}
#flash {
float: left;
margin: -80px 0 0 0;
padding: 0;
}
#navigation {
float: left;
margin: -2px 0 0 0;
padding: 0;
width: 100%;
}
#content {
float: left;
margin: 0;
padding: 0;
width: 100%;
font-size: 110%;
line-height: 1.5em;
text-align: justify;
background: #F2F2F2;
}
#footline {
float: left;
margin: 0;
padding: .5em 0 3em 0;
width: 100%;
background: #FFFFFF url(images/footline_bg.png) repeat-x left top;
}

/* Headline
----------------------------------*/

#headline ul {
float: right;
margin: 0;
padding: 0;
height: 20px;
list-style: none;
overflow: hidden;
}
#headline ul li {
float: left;
margin: 0;
padding: 0;
}
#headline ul li a, #headline ul li a:visited {
float: left;
margin: 0;
padding: .4em 1em 0 1em;
}
#headline ul li a:hover, #headline ul li a:focus, #headline ul li a:active {
background: url(images/headline_hover.png) repeat left top;
}
#headline ul li a.current {
background: url(images/headline_current.png) repeat-x left top;
}
#headline .bookmarks {
float: left;
margin: -3px 0 0 0;
}
#headline ul li.loading {
float: left;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
background: url(images/lightbox-ico-loading.gif) repeat-x left top;
}
#headline ul li.loading a {
float: left;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
}
#headline ul li.loading a img {
float: left;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
}

/* Navigation
----------------------------------*/
#navigation .sides {
margin: 0;
padding: 0;
width: 2%;
height: 25px;
background: url(images/navigation_sides.png) repeat-x left top;
}
#navigation .left {
float: left;
}
#navigation .right {
float: left;
}

#navigation ul {
float: left;
margin: 0;
padding: 0;
width: 96%;
height: 25px;
list-style: none;
background: url(images/navigation_middle.png) repeat-x left top;
}
#navigation ul li {
float: left;
margin: 0;
padding: 0;
height: 25px;
border-left: 1px solid #3B4D7F;
}
#navigation ul li a, #navigation ul li a:visited {
float: left;
margin: 0;
padding: .3em 1em .3em 1em;
font-size: 130%;
color: #DDDDDD;
}
#navigation ul li a:hover, #navigation ul li a:active {
color: #FFFFFF;
background: url(images/navigation_hover.png) repeat left top;
}
#navigation ul li a.current {
color: #FFFFFF;
background: url(images/navigation_current.png) repeat left top;
}

/* Content
----------------------------------*/

.h1 {
float: left;
margin: 0 0 .5em 0;
padding: 0;
width: 100%;
font-family: Verdana, sans-serif;
font-size: 175%;
color: #445566;
font-weight: normal;
display: block;
}
.h2 {
float: left;
margin: 0 0 .5em 0;
padding: 0;
width: 100%;
font-family: Verdana, sans-serif;
font-size: 150%;
color: #CC0000;
font-weight: normal;
}
.h3 {
float: left;
margin: 0 0 .5em 0;
padding: 0;
width: 125%;
font-family: Verdana, sans-serif;
font-size: 120%;
color: #003366;
font-weight: normal;
}
.h4 {
float: left;
margin: 0 0 .5em 0;
padding: 0;
width: 100%;
font-family: Verdana, sans-serif;
font-size: 125%;
color: #001133;
font-weight: normal;
}
#content a, #content a:visited {
text-decoration: underline;
}
#content .boxes {
float: left;
margin: 0;
padding: 0;
width: 100%;
}
#content .content {
float: left;
margin: 0;
padding: 2em 2% .5em 2%;
width: 96%;
}
#content .right {
background: url(images/content_border.png) repeat-y right top;
}
#content .left {
background: url(images/content_border.png) repeat-y left top;
}
#content .version {
float: left;
margin: 0;
padding: 2em .5% .5em .5%;
width: 49%;
font-size: 80%;
color: #CCCCCC;
line-height: 1em;
background: url(images/content_border.png) repeat-x left bottom;
}
#content .info {
float: left;
margin: 0;
padding: 2em .5% .5em .5%;
width: 49%;
font-size: 80%;
color: #CCCCCC;
text-align: right;
line-height: 1em;
background: url(images/content_border.png) repeat-x left bottom;
}

/* Footline
----------------------------------*/

#footline .navi {
float: left;
}

#footline .copy {
float: right;
}

#footline ul {
margin: 0;
padding: 0;
height: 20px;
list-style: none;
}
#footline ul li {
float: left;
margin: .5em 0;
padding: 0;
}
#footline ul li a, #footline ul li a:visited {
float: left;
margin: 0;
padding: 0 .5em;
color: #999999;
}
#footline ul li a:hover, #footline ul li a:focus, #footline ul li a:active {
color: #777777;
background: url(images/headline_hover.png) repeat left top;
}
#footline ul li a.current {
color: #777777;
background: url(images/headline_current.png) repeat-x left top;
}

/* Sonstiges
----------------------------------*/

#smalllogo {
float: left;
margin: 2em 0;
padding: 0;
width: 100%;
text-align: center;
}
#DevelopedAndPublished {
float: left;
margin: 0 0 2.5em 0;
padding: 0 1.5%;
width: 97%;
list-style: none;
}
#DevelopedAndPublished .copyright {
float: left;
margin: 0;
padding: 0;
width: 33%;
text-align: left;
}

/* Utilities
----------------------------------*/

.hidden {
margin: 0;
padding: 0;
width: 0;
height: 0;
overflow: hidden;
visibility: hidden;
display: none;
}

.box {
float: left;
margin: 0;
padding: 0;
}
.boxR {
float: right;
margin: 0;
padding: 0;
}
.w10 {width: 10%;}
.w20 {width: 20%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.w100 {width: 100%;}

.hr {
float: left;
margin: 0;
padding: .75em 0;
width: 100%;
display: block;
}

.center {
text-align: center;
}

#diashow {
float: none;
margin: auto;
padding: 0 10px 0 0;
width: 350px;
height: 280px;
overflow: hidden;
}
#diashow a img {
float: none;
margin: auto;
width: 350px;
height: 263px;
overflow: hidden;
}

.mottografik {
clear: both;
margin: 0;
padding: 0 5%;
width: 90%;
overflow: hidden;
}

#slogans {
height: 100px;
overflow: hidden;
}

#ots, #asg, #atg, #hsk, #kuehn, #awbt, #verlag {
height: 150px;
overflow: hidden;
}

span {
font-weight: bold;
font-style: italic;
}