body {background: #3a93ca url(images/balken.jpg) repeat-x; font-family: Arial; font-size: 9pt; color: #373737; margin: 0;}

div#main {width: 100%;}
div#cntbox {float: left; clear: right; width: 70%;}
div#boxes {float: left;}

ul#blockright {position: absolute; top: 20px; left: 569px; width: 180px; height: 30px;}




div#banner {position: absolute; top: 31px; left: 0px; width: 374px; height: 51px; background: url(images/banner.jpg) no-repeat;}

ul.cnt {float: left; padding: 0; margin: 78px 0 0 0; list-style: none; width: 100%; background: #f6f6f6 url(images/cntbg.jpg) repeat-y; background-position: right;}
ul.cnt li {padding: 20px 35px 0px 20px;}
ul.cnt li h1 {text-align: center; font-size: 10pt; font-weight: bold; margin: 10px; padding: 0px;}
ul.cnt li h2 {font-size: 10pt; font-weight: bold; margin: 10px; padding: 0px;}
ul.cnt li h3 {font-size: 8pt; font-weight: bold; margin: 5px 5px 5px 10px; padding: 0px;}
ul.cnt li ul {margin: 0px 0px 0px 40px; padding: 2px; list-style: none;}
ul.cnt li ul li {padding: 2px 10px 0px 20px; background: url(images/liststyle.jpg) no-repeat;}
ul.cnt li ul ol {font-size: 8pt; margin: 2px 5px 2px 5px; padding: 0px 0px 0px 18px; background: url(images/liststyleol.jpg) no-repeat;}
ul.cnt li table {border: #808080 dotted 1px;}
ul.cnt li th {background: #C0C0C0; padding: 4px;}
ul.cnt li td {padding: 2px; background: #E6E6E6;}
ul.cnt p {margin: 0px; padding: 0px;}
ul.cnt li a {color: #0A56D6; text-decoration: none;}
ul.cnt li a:hover {color: #0A56D6; text-decoration: underline;}
ul.cnt li img {padding: 2px; border: 1px solid #FF8000; background: white;}
ul.cnt li div.catpic img {border: 0px;}
ul.cnt li img.normal {/* width: 360px; */padding: 2px; border: 1px solid #FF8000; background: white;}
ul.cnt li img.schulleitung {width: 360px; margin: 0 5px 5px 15px; padding: 2px; border: 1px solid #FF8000; position: relative; left: 50%; margin-left: -180px;}
ul.cnt li.boxblock {margin: 0px 0px 0px 15px; padding: 7px 0px 0px 40px; background: url(images/cntblock.jpg) no-repeat; height: 34px; width: 350px;}
ul.cnt li.litop {padding: 0px; margin: 0px; width: 100%; height: 59px; background: url(images/litopbg.gif) repeat-x;}
ul.cnt li.libtm {padding: 0px; margin: 0px; width: 100%; height: 134px; background: url(images/libtmbg.gif) repeat-x; background-position: bottom;}
div.offbar {background: url(images/cornerbtmright.jpg) no-repeat; background-position: right; height: 100%; width: 100%;}
div.offbar div {padding-top: 40px; text-align: center;}
div.offbar div a {color: #0A56D6; text-decoration: none;}
div.offbar div a:hover {color: #0A56D6; text-decoration: underline;}

ul.cnt li.litop div.cornertopright { width: 100%; height: 100%; background: url(images/cornertopright.jpg) no-repeat; background-position: right;}

ul.box {padding: 0px; margin: 11px 0px 0px 20px; list-style: none; width: 180px; background: url(images/boxbg.jpg) repeat-y;}
ul.box li.boxblock  {height: 38px; width: 150px; margin: -10px 0 0 15px; padding: 7px 0 0 25px; background: url(images/boxblock.jpg) no-repeat;}
ul.box li.boxblock soan {margin: 0; padding: 0; vertical-align: middle;}
ul.box li.boxcnt {margin: 0px 0px 5px 15px; padding: 2px 10px 2px 20px; background: url(images/liststyle.jpg) no-repeat;}
ul.box li.boxcnt a {color: #5F5F5F; text-decoration: none; letter-spacing: 0.1em;}
ul.box li.boxcnt a:hover {color: #0A56D6; text-decoration: underline;}
ul.box li.boxlitop {padding: 0px; margin: 0px; width: 180px; height: 58px; background: url(images/boxtop.jpg) no-repeat;}
ul.box li.boxlibtm {padding: 0px; margin: 0px; width: 160px; height: 134px; background: url(images/libtmbg.gif) repeat-x; background-position: bottom;}

ul.box li.boxlitop div.boxtop {position: relative; top: 0px; left: 0px; }
ul.box li.boxlibtm div.cornerbtmleft {position: relative; top: 0px; left: -2px; width: 91px; height: 134px; background: url(images/cornerbtmleft.jpg) no-repeat;}
ul.box li.boxlibtm div.cornerbtmright {position: relative; top: 0px; left: 93px; width: 91px; height: 134px; background: url(images/cornerbtmright.jpg) no-repeat;}

h4 {font-style: italic; font-weight: bold; font-size: 9pt; color: #373737; margin: 10px; display: inline;}
h5 {font-style: italic; font-weight: bold; font-size: 9pt; color: #373737; margin: 5px; position: relative;}
hr {border-width:1px; border-style:dashed; border-color:#C0C0C0; height:0px; margin: 20px 0;}
.markiert {background: #d5eaf7; padding: 10px 10px;}

div#navi {clear:both;position:absolute; top:0%; left:0%;}
div#navi a {margin-top:1px; padding:8px 6px 6px 6px; color:#535353; font-size:12px; text-decoration:none; display:block; float:left;}
div#navi a:hover {text-decoration:underline; padding:8px 5px 6px 5px; background:url(images/nav_hov.gif) repeat-x; border:1px solid #9b9b9b; border-top:0; color:#ff7800; font-size:12px;}
div#navi a#logo, div#navi a#logo:hover {border:0; padding:0; width: 32px; height: 30px; background: url(images/logo.png) no-repeat; display: block;}
div#navi span {float:left; width: 20px; height: 30px; background: url(images/nav_split.gif); display: block;}
div#navi span#split1 {width: 10px; height: 31px; background: url(images/nav_split_1.gif);}