/* CSS Document */

/* Seitenlayout */
body          { font-family: Verdana, Geneva, sans-serif; font-size:14px; background-image: url(../img/hintergrund.jpg); background-repeat: repeat; }
div#seite     { width:975px; margin:0 auto;}
div#titel     { height:26px;  background-color:#2799d1; box-shadow:3px 3px 5px 0px #888; margin-bottom:9px; }
div#kopf      { height:262px; background-color:#FFFFFF; box-shadow:3px 3px 5px 0px #888; margin-bottom:9px; }
div#haupt     { position:relative; }
div#links     { position:absolute; width:292px; height:100%; }
div#rechts    { margin-left:301px; }
div#menu      { height:200px; background-color:#2799d1; box-shadow:3px 3px 5px 0px #888; margin-bottom:9px; }
div#video     { height:164px; box-shadow:3px 3px 5px 0px #888; margin-bottom:9px; } /*  height:196px; */
div#box       { position:absolute; top:382px; bottom:0px; width:100%; min-height:300px; background-color:#2799d1; box-shadow:3px 3px 5px 0px #888; }
div#slideshow { height:256px; background-color:#2799d1; border:3px solid #2799d1; box-shadow:3px 3px 5px 0px #888;  margin-bottom:9px;}
div#inhalt    { min-height:200px; background-color:#FFFFFF; box-shadow:3px 3px 5px 0px #888; }


/* Titelbereich */
div#titel         { position:relative; text-transform:uppercase; }
div#titel ul      { position:absolute; right:0px; list-style:none; margin:3px 10px; padding:0px; }
div#titel ul li   { display:block; float:left; margin-left:20px; }
div#titel ul li a { color:#FFFFFF; text-decoration:none; }


/* Kopfbereich */
div#kopf             { position:relative; }
div#kopf img#logo    { position:absolute; top:35px; left:30px; border:none; }
div#kopf img#reg     { position:absolute; top:22px; right:14px; }
div#kopf div.text    { position:absolute; top:120px; left:220px; right:0px; text-align:center; }
div#kopf div.text h1 { margin:0px; font-weight:normal; letter-spacing:4px; }
div#kopf div.text p  { letter-spacing:2px; }


/* Menü */
div#menu          { }
div#menu ul       { margin:0px; padding:10px 0px 10px 20px; list-style:none; }
div#menu ul li    { padding:4px 0px; }
div#menu ul li  a { color:#FFFFFF; text-decoration:underline; text-shadow:#000000 3px 3px 5px; }


/* Video auf der Startseite (eingebunden, Youtube) */
div#video iframe { height:164px; width:292px; } /*  height:196px; */

/* Slideshow */
div#slideshow             { color:#FFFFFF; position:relative; }
div#slideshow div.slide   { position:absolute; top:0px; left:0px; width:665px; height:256px; background-color:#2799d1; }
div#slideshow p.slideinfo { margin:80px 0px 0px 420px; height:80px; }
div#slideshow img         { width:380px; height:256px; float:left; }
div#slideshow div#buttons { position:absolute; z-index:31000; left:420px; top:170px; }
div#slideshow div.button        { float:left; margin-right:15px;}
div#slideshow div.button.aktiv  { text-decoration:underline; }



/* Inhaltsbereich */
div#inhalt       { padding:15px; }
div#inhalt h1    { font-size:18px; font-weight:bold; padding-bottom:5px; margin-bottom:8px; margin-top:15px; }
div#inhalt h2    { font-size:14px; font-weight:bold; padding-bottom:5px; margin-bottom:8px; margin-top:20px; 
                   border-bottom:1px solid black; box-shadow:0px 5px 5px -5px #888; }
div#inhalt p     { margin:10px 0px 15px; }
div#inhalt ul    { margin:0px 0px 0px 25px; padding:0px; list-style:circle; }
div#inhalt ul li { margin:0px 0px 3px 0px; padding:0px; }


/* Video auf der Media-Seite (jwplayer) */
div.film         { width:644px; height:368px; }

/* Allgemeine Styles */