/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} /* End hide from IE-mac */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* {margin: 0; padding: 0;}
html, body {margin: 0px; padding: 0px; height: 100%;}
body {font-family: Arial, sans-serif; font-size: 1em; color: #000; text-align: center; margin-top: 0px; background: #999;}

p, h1, h2, h3, ul {margin: 0px; padding: 0px;}
h1 {font-size: 1.6em; margin: 0px 0 10px 0; color: #B27D7D; font-weight: normal; line-height: 1.2em;}

#content ul {margin-left: 25px; margin-bottom: 10px;}
#content p {margin-bottom: 10px;}

a:link, a:hover, a:visited {color: #B27D7D; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}

img {border: 0px; vertical-align: bottom;}
.clearer {clear: both;}

#wrapper {width: 960px; margin: 0 auto; text-align: left; background: #fff;}
#wrapper-top { clear: both; }
#logo { width: 960px; height: 250px;}
#logo h4 {background: url(images/sb1-schulstrasse24.jpg) no-repeat; width: 960px; height: 250px; text-indent: -5000px;}
#mainnav {float: left; width: 960px; height: 50px; background: #666; }
#wrapper-content { clear: both; width: 960px; min-height: 300px; background: #fff; }
#content { padding: 50px 100px; font-size: 0.85em; line-height: 1.4em;}
#wrapper-footer { background: #666; height: 99px; font-size: 1em; color: #fff; }
#footer { padding: 20px 0 0 30px;}

#content ol, #content ul {margin-left: 23px;}
#content ol li, #content ul li {margin-bottom: 10px;}


#form label, #form select, #form input[type=checkbox], #form input[type=radio], #form input[type=button], #form input[type=submit] {cursor: pointer;}
#form label { width: 110px; float: left; font-weight: bold; padding-top: 4px; }
#form input, #form textarea {display: block; width: 250px; margin-top: 2px; margin-bottom: 7px; padding: 3px; border: 1px solid #aaa;}
#form input:focus, #form textarea:focus {color: #000; background: #f5f5f5; border: 1px solid #0080b9;}
#form .dn {display: none;}
#form br { clear: both; }
.error {color: #c00;}
#form .radio { margin-bottom: 20px; }
#form .radio input { display: inline; width: 14px; height: 14px; margin: 0; padding: 0; }
#form .radio span { padding-right: 10px; }
#form .gross, #form #bewerbung label.gross { width: 400px; padding-bottom: 5px; }

#mainnav ul {list-style: none; text-align: left; padding: 15px 0 0 92px; }
#mainnav li { display: inline; padding: 0; margin: 0; }
#mainnav li a {color: #fff; text-decoration: none; padding: 0 10px; }
#mainnav li a:hover {color: #B27D7D; }
#mainnav li a.aktiv {color: #B27D7D; }
#mainnav li:before { content: "| "; }
#mainnav li:first-child:before { content: ""; }
/*IE workaround*/
/*All IE browsers*/
* html #mainnav li { border-left: 1px solid white; padding: 0 0.4em 0 0.4em; margin: 0 0.4em 0 -0.4em; }
/*Win IE browsers - hide from Mac IE\*/
* html #mainnav { height: 1%; }
* html #mainnav li { display: block; float: left; }
/*End hide*/
/*Mac IE 5*/
* html #mainnav li:first-child { border-left: 0; }