/* PRIMARY LAYOUT */

body {
margin: 0;
padding: 0;
background: #4682b4;
}

body, td, h1, h2, h3, h4, h5, p {
color: #000;
font: 12px verdana, arial, helvetica, sans-serif;
text-align: center;
}

a, a:link {
display: block;
color: #ccc;
padding: 0 0 10px 5px;
text-decoration: none;
text-align: left;
}

a:visited {
display: block;
padding: 0 0 10px 5px;
color: #00008b;
text-decoration: none;
}

a:hover {
color: #00008b;
text-decoration: underline;
}

a img, a:link img, a:visited img {
display: block;
padding: 0;
margin-top: 5px;
}

p {
margin: 0;
padding: 0 5px 5px 5px;
text-align: justify;
line-height: 1.3em;
}

p a, p a:link, p a:visited {
display: inline;
}
/* END PRIMARY */

/* HEADLINES */

h1
{
font-size: 150%; 
color: #00008b;
margin-bottom: -0.25em;
padding: 0;
display: block;
font-weight: bold;
text-align: right;
}

h2
{
text-align: left;
padding: 5px 0 0 5px;
margin: 0;
font-weight: bold;
color: #4682b4;
display: block;
border-top: 1px solid #4682b4;
}

h3 {
text-align: left;
margin: 0;
color: #fffff0;
font-weight: bold;
padding: .5em 0  .5em 3px;
}

h4 {
text-align: left;
margin: 0;
font-weight: bold;
font-variant: small-caps;
padding: 3px 2px 3px 5px;
}

h5 {
text-align: left;
color: #fffff0;
background: #00008b;
margin: 0;
font-weight: bold;
font-variant: small-caps;
padding: 2px 2px 3px 5px;
}
/* END HEADLINES */

.small {
text-align: left;
color: #00008b;
font-size: 10px;
padding: 2px 2px 3px 5px;
}

/* NAVIGATION */

#menuwrap {
background: #4682b4;
margin: 6px auto 0 auto;
padding: 0;
width: 808px;
}

table#menu
{
margin: 0;
padding: 0;
border-bottom: 1px solid #00008b;
border-left: 1px solid #00008b;
}

table#menu td
{
font: 12px verdana, arial, sans-serif;
text-align: center;
background: #fffff0;
border-right: 1px solid #00008b;
border-top: 1px solid #00008b;
margin: 0;
padding: 0;
}

table#menu td a
{
text-align: center;
font-weight: bold;
text-decoration: none;
border: 0;
display: block;
line-height: 25px;
margin: 0;
padding: 0;
}

#menu td a, #menu td a:link, #menu td a:visited
{
color: #000;
display: block;
width: 100px;
line-height: 25px;
border: 0;
padding: 0;
}

#menu td a:hover
{
color: #fffff0;
background: #00008b;
border: 0;
padding: 0;
}

td#home a img, td#home a:link img, td#home a:visited img {
display: block;
margin: 0;
padding: 0;
width: 190px;
text-align: center;
border: 0;
}

#menu td a:hover img
{
color: #fffff0;
background: #fffff0;
border: 0;
padding: 0;
}


/* END NAVIGATION */

/* WRAPPERS AND SIDEBARS */

#wrapper {
background: transparent;
margin: 10px auto 20px auto;
padding: 0 0 0 0;
width: 800px;
text-align: left;
}

#bravefivefifty {
float: left;
width: 550px;
margin: 0;
padding: 0;
line-height: 140%;
}

#bravefivefifty .subtop {
width: 95%;
background: #fffff0;
margin: 25px 1em .5em 0;
padding: 0;
border-left: 2px solid;
border-right: 2px solid;
border-color: #00008b;
}

#sidebar {
background: transparent;
margin: 25px 0 0 560px;
border-left: 1px solid #fffff0;
border-right: 1px solid #fffff0;
padding: 5px;
height: 100%;
}

#sidebar p {
width: 200px;
margin: 0;
padding: 0 3px;
}

#sidebar a, #sidebar a:link, #sidebar a:visited, #sidebar a:hover {
display: block;
}

#fourhundred {
float: left;
width: 400px;
margin: 0;
padding: 0;
border: 0;
line-height: 140%;
background: transparent;
}

#sidebarfh {
background: transparent;
margin: 25px 0 0 410px;
border-left: 1px solid #fffff0;
border-right: 1px solid #fffff0;
padding: 5px;
height: 100%;
}

#sidebarfh p {
margin: 0;
padding: 0 3px 5px 5px;
text-align: left;
}
/* END WRAPPERS AND SIDEBARS */

/* MEDIA ART ACTION */
div#media {
padding: 2px 0 2px 0;
}
/* END MEDIA ART ACTION */

/* STARTSEITE */

div#top {
margin-top: 5em; 
margin-left: 100px;
padding: 0;
}

div#topaktuell {
border-left: 1px solid #fffff0;
margin-top: -15em; 
margin-left: 290px;
padding: 5px;
}

#topaktuell p {
color: #fff;
font: 10px verdana, arial, helvetica, sans-serif;
text-align: left;
}

#top h4 {
font-size: 14px;
}

#top p {
padding: 3px;
text-align: left;
}

#top a, #top a:link, #top a:visited
{
display: block;
color: #fffff0;
font: 13px verdana, arial, sans-serif;
font-weight: bold;
padding: 0;
margin: 1em 0 10px 0;
text-decoration: none;
}

#top a:hover
{
display: block;
color: #00008b;
text-decoration: none;
}

#topaktuell a, #topaktuell a:link, #topaktuell a:visited
{
display: block;
color: #fffff0;
font: 10px verdana, arial, sans-serif;
padding: 0;
margin: 1em 0 10px 0;
text-decoration: none;
}

#topaktuell a:hover
{
display: block;
color: #00008b;
text-decoration: none;
}

#footer p {
margin-left: 5px;
padding: 0;
font-size: 11px;
font-weight: bold;
text-transform: lowercase;
}

/* END STARTSEITE */

#xtra {
float: right;
width: 300px;
margin: 0.5em 0 0 0;
}

.subtop {
width: 405px;
background: #fffff0;
margin: .5em 0 .5em 0;
padding: 0;
border-left: 2px solid;
border-right: 2px solid;
border-color: #00008b;
voice-family: "\"}\"";
voice-family:inherit;
width: 400px;
}

html>.subtop {
width: 400px;
}

.subtop p {
padding: 0 5px 5px 5px;
text-align: left;
}

.subtop a, div#calendar a {
display: block;
padding: 0 0 3px 2em;
margin: 0;
color: #00008b;
text-decoration: none;
}

.subtop a:visited, div#calendar a:visited {
color: #4682b4;
}

.subtop a:hover, div#calendar a:hover {
color: #fffff0;
background: #00008b;
}

.subtop img, div#calendar img {
display: block;
}

/* PICTURE INLINE SUBTOP */
.inlinesubtop {
width: 405px;
background: #fffff0;
margin: 0 0 0 8%;
padding: 0;
border-left: 2px solid;
border-right: 2px solid;
border-color: #00008b;
voice-family: "\"}\"";
voice-family:inherit;
width: 400px;
}

html>.inlinesubtop {
width: 400px;
}

.inlinesubtop img {
padding: 3px 2px 0 2px;
}

/* KID STYLES */
div#sidenav 
{
background: #fffff0;
border: 1px solid #00008b;
border-width: 1px 1px 0 1px;
font-size: .8em;
position: absolute;
top: 163px;
right: 12%;
padding: 0;
width: 270px;
z-index: 10;
}

div#sidenav a
{
display: block;
color: #00008b;
padding: 3px;
margin: 0;
text-decoration: none;
border-bottom: 1px solid #00008b;
}

div#sidenav a:visited
{
color: #4682b4;
}

div#sidenav a:hover
{
color: #fffff0;
background: #00008b;
}

.imagebar
{
width: 800px;
margin: 0;
padding: 0;
}

/* CALENDAR */

div#calendar
{
margin: 0 0 0 10%;
padding: 3px 5px 1em 3px;
width: 83%;
background: #fffff0;
voice-family: "\"}\"";
voice-family:inherit;
width: 75%;
}

html>#calendar {
width: 75%;
}

div#calendar a:hover
{
background: #4682b4;
}

div#calendar img
{
display: block;
margin: 3px 10%;
}

#calendar p {
margin-left: 5px;
padding: 0;
width: 100%;
text-align: left;
}
/* END CALENDAR */


/* PROJEKTE */

div#projekte
{
margin: 0 auto;
padding: 3px 5px 1em 3px;
width: 85%;
background: #fffff0;
}

div#projekte a
{
display: inline;
color: #00008b;
padding: 3px;
margin: 0;
text-decoration: none;
}

div#projekte a:visited
{
color: #4682b4;
}

div#projekte a:hover
{
color: #4682b4;
text-decoration: underline;
}

div#projekte img
{
display: inline;
margin: 1px;
}

#projekte p {
margin: 5px;
padding: 0;
width: 100%;
text-align: left;
}
/* END PROJEKTE */


/* GESCHICHTE */

table#geschichte
{
margin: 0; 
border: 0;
padding: 0;
text-align: left;
}

table#geschichte td
{
font: 12px verdana, arial, sans-serif;
padding: 3px;
border-bottom: 1px solid #bbb;
}

table#geschichte tr#title th
{
font: 12px arial, verdana, sans-serif;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #bbb;
}

table#geschichte td p
{
font: 11px verdana, arial, sans-serif;
text-align: left;
}

.leiter {
color: #fffff0;
font-size: 11px;
}
/* END GESCHICHTE */


/* VEREIN MEDIEN */

ul.medien {
background: #4682b4;
font: 11px arial, sans-serif;
padding-right: 3px;
}

ul.medien li {
margin: 0;
padding: 0;
list-style-type: square;
}

ul.medien h3 {
display: block;
margin-top: 5px;
margin-bottom: 5px;
padding: 0;
}

ul.verein {
padding-right: 5px;
padding-bottom: 5px;
font: 12px verdana, arial, sans-serif;
}

ul.verein li {
margin: 0 0 5px 0;
padding: 0;
list-style-type: square;
}
/* END VEREIN MEDIEN */

/* LINKS */

div#links {
margin-top: 10px; 
margin-left: 80px;
padding: 0;
}

#links h5 {
margin-top: 10px;
}

#links p {
margin: 0;
padding: 0;
text-align: left;
font-size: 11px;
}

#links a, #links a:link {
display: block;
color: #fffff0;
font: 11px verdana, arial, sans-serif;
font-weight: bold;
text-align: left;
padding: 0;
margin: 1em 0 0 0;
text-decoration: none;
}

#links a:visited {
margin: 1em 0 0 0;
display: block;
color: #eee;
text-align: left;
font-weight: bold;
}

#links a:hover {
display: block;
color: #00008b;
text-decoration: underline;
}
/* END LINKS */


/* IMAGES */

img#cover {
display: block;
position: absolute; 
top: 10em; 
right: 20%;
border: 1px solid white;
}

div#medienimg {
margin-left: 50px;
margin-bottom: -20px;
}

img#seite {
position: absolute;
top: 70px;
left: 600px;
}

img#eingang {
position: absolute;
top: 100px;
left: 600px;
}

/* END IMAGES */

p.narrow {
width: 400px
}