body {color: white; font-family: Helvetica, Arial, sans; width: 100%; min-width: 970px}
a {text-decoration: none; color: white}

body.teaser #teaser {text-align: center}

#header {float: left; clear: both; background: white; width: 100%; height: 65px}	
#main {float: left; clear: both; width: 100%; min-height: 540px}
#splash {position: absolute; left: 0; top: 0; background-color: black; background: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: 9999}
#splash a {position: absolute; left: 50%; top: 50%; margin-left: -300px; margin-top: -225px}

#header #logo {float: left; width: 527px;}
#header #newsletter {float: left; padding: 10px 20px}
#header #newsletter img {float: left; }
#header #newsletter input {float: left; border: 1px solid; height: 23px; width: 165px; margin: 8px 0 0 0; padding: 2px 0 0 35px; font-size: 16px; }
#header #newsletter img#newsletterGoImg {height: 26px; margin: 8px 0 0 4px}

#footer {float: left; width: 940px}
#footer #footerMenu {position: absolute; float: left; width: 480px; margin-left: 10px}
#footer #footerMenu li {float: left; background: white; padding: 2px 0px 2px 6px; margin: 0 0 10px 10px }

#sponsors {float: right; z-index: 2;}
#sponsors h4 {float: left; background: white; padding: 0 2px 2px 2px; margin-top: 16px}
#sponsors ul.sponsors {float: left;}
#sponsors ul.sponsors li {float: left; margin-left: 10px; padding: 2px 7px; background: white}

#sponsors2 {float: right; clear: both; margin-top: 195px; z-index: 5;}
#sponsors2 h4 {float: right; clear: both; background: white; padding: 0 2px 2px 2px; margin: 10px 0 0 10px}
#sponsors2 ul.sponsors {float: right; clear: both;}
#sponsors2 ul.sponsors li {float: right; clear: both; margin: 10px 0 0 10px; padding: 2px 7px; background: white}


#main #menu {float: left; clear: right; width: 400px; padding: 25px 10px;}
#main #menu #contentMenu li {float: left; background: white; padding: 2px 0px 2px 6px; margin: 0 0 10px 10px }

#main #left {float: left; width: 530px; min-height: 200px; z-index: 2;}

#main #news {float: left; width: 490px; padding: 20px; z-index: 2;}
#main #news #newsArtikel {min-height: 450px}
#main #news #newsArtikel #newsArtikelImage {margin: 20px 0 0 0; width: 490px}
#main #news #newsArtikel h2 {margin: 20px 0 0 0; padding: 10px 10px; text-transform: uppercase; background: white; }
#main #news #newsArtikel p {background: white; margin: 20px 0 0 0; padding: 10px; color: black; font-size: 12px; line-height: 16px}
#main #news #newsArtikel p a {color: black;}
#main #news #newsArtikel div.gallery {background: white; float: left; clear: both; padding: 10px; margin-bottom: 20px; width: 470px}
#main #news #newsArtikel div.gallery ul li {float: left; margin: 0 5px 5px 0}

#main #news #newsMenu {margin: 10px 0 0 0;}
#main #news #newsMenu li {text-transform: uppercase; margin: 10px 0 0 0}

#main #carousel {position: absolute; top: 345px; width: 100%; overflow: hidden; z-index: 1;}
#root.verein #main #carousel {position: absolute; top: 245px; width: 100%; overflow: hidden; z-index: 1;}
#carouselList {float: left; overflow: hidden; height: 340px; width: 0}
#carouselList li {display: inline;}

#main #content {float: left; padding: 20px; z-index: 2; min-height: 480px}
#main #content h1 {float: left; background: white; padding: 2px 0 2px 6px; margin: 0 10px 10px 0}
#main #content h2 {float: left; clear: both;  margin: 0 10px 10px 0; color: black; text-transform: uppercase; background: white; padding: 5px 10px}
#main #content h3 {float: left; clear: both;  margin: 0 10px 10px 0; color: black; text-transform: uppercase; font-weight: normal; background: white;  padding: 5px 10px}
#main #content div {float: left; clear: both; margin: 0 10px 10px 0; color: black; font-size: 12px; width: 460px}
#main #content div a {color: black}
#main #content div p {margin-bottom: 10px}
#main #content div.text {padding: 10px; background: white; }
#main #content div.link {padding: 10px 10px 10px 25px; width: 445px; text-transform: uppercase; background: white; }
#main #content div.download {padding: 10px 10px 10px 25px; width: 445px; text-transform: uppercase; background: white; }
#main #content div.text ul {list-style: disc; list-style-position: inside}
#main #content div.gallery {background: white; float: left; clear: both; padding: 10px; margin-bottom: 20px; width: 460px}
#main #content div.gallery ul li {float: left; margin: 0 5px 5px 0}

#main #content #contentIndex {float: left; clear: both; width: 100%; border: white solid; padding-bottom: 20px; margin-bottom: 20px; border-width: 0 0 1px 0; list-style: none}
#main #content #contentIndex li {float: left; clear: both;}	
#main #content #contentIndex li h1 {float: left; font-size: 20px; margin: 12px 0 0 0; padding: 2px 6px; font-weight: lighter; text-transform: uppercase}
#main #content #contentIndex li h2 {float: left; font-size: 12px; margin: 6px 0 0 0; padding: 2px 6px; font-weight: normal}
#main #content #contentIndex li h3 {float: left; font-size: 10px; margin: 0; padding: 2px 6px; font-weight: normal; text-transform: none}


#main #content div.template {width: 480px; margin-right: 0}
#main #content div.template ul.memberList {float: left; background: white; padding: 10px; width: 100px; margin-right: 0}
#main #content div.template ul.memberList li a.active {color: black}
#main #content div.template div#memberDisplay {float: right; background: white; padding: 10px; width: 340px; margin-right: 0}
#main #content div.template div#memberDisplay img.memberPicture {float: left; margin: 0 10px 10px 0}
#main #content div.template div#memberDisplay h4 {text-transform: uppercase; margin-bottom: 10px}

#main #content ul.partner {list-style: none; padding: 10px; background: white}
#main #content ul.partner li {margin-bottom: 20px}