/* html { background: #9c9b87} */
html { width: 100% }
body { background: #f5820f; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2em; font-size: 12px; margin: 0; width: 100%; text-align: center }
h1, h2, h3, h4, h5, h6 { font-weight: bold }
h1 { font-size: 18px; line-height: 1em }
h2 { font-size: 16px; border-bottom: 1px solid #000; padding-bottom: 3px }
h3 { font-size: 14px; border-bottom: 1px solid #000; padding-bottom: 3px }
h3 a:link { text-decoration: none }
hr { border: 1px solid #323225; height: 1px; margin: 0; border-right: 0; border-left: 0; border-top: 0; clear: both }
p { margin: 5px 0 }
table { font-size: 12px }
textarea { width: 305px; height: 80px; background: #c0c0a5; font-size: 11px }
fieldset { padding: 20px 30px; border: 1px solid #323225 }
legend { padding: 0 10px; font-size: 16px; font-weight: bold; color: #000 }
img { border: 0 }
li { margin: 3px 0 }
.left { float: left; margin-right: 10px }
.right { float: right; margin-left: 10px }
.center { text-align: center }
.gotcha { display: none; visibility: hidden }
.old { text-decoration: line-through }
.bigtext { font-size: 1.5em }
.smalltext { font-size: 0.8em; line-height: 1em }
.small { font-size: 11px; margin: 0; line-height: 12px }
p.datum,
span.datum { clear: both; font-size: 10px; margin: -3px 0 }
p.weiter { float: right; font-size: 10px; margin: 0 }
img.neu { float: right; margin: -5px 0 5px 10px }
span.neu,
p.neu,
p.hauptreferent,
p.hauptreferent2 { float: left; width: 25px; font-size: 10px; margin: 0 5px 0 0; background: #ff0000; color: #fff; padding: 1px 5px; text-align: center; }
p.hauptreferent { width: 70px; margin: 0 0 0 -3px }
p.hauptreferent2 { width: 70px; margin: 0 0 0 -3px; float: none }
img.hauptreferent { border: 2px solid red }
.marked { color: #f56715; font-size: 16px; font-weight: bold }
.nl_info { background: #fff; color: #000; padding: 5px 10px; }
/* Styles */
.cleaner { clear: both }
a.link { display: block; background: #323224; color: #c1c1a5; text-align: right; padding: 2px 10px; text-decoration: none; font-size: 11px}
img.title { margin: 50px 0 3px 0 }
img.noborder { border: 0 !important }
img.border { border: 1px solid #323225 }
.color { color: #f5820f; }
/* Layout */
#global { position: relative; width: 970px; margin: 0 auto; background: #fff; border: 1px solid #fff; text-align: left }
#logo { position: absolute; top: 10px; left: 50px; z-index: 100; }
#top,
#top_news,
#top_newsletter,
#top_kurse,
#top_ueberuns,
#top_suche,
#top_kontakt { width: 970px; height: 160px; z-index: 99; background-image: url('../img/bg-top.png'); color: #fff }
#top_news,
#top_newsletter { background-image: url('../img/bg-top_news.png'); }
#top_kurse { background-image: url('../img/bg-top_kurse.png'); }
#top_ueberuns { background-image: url('../img/bg-top_ueberuns.png'); }
#top_kontakt { background-image: url('../img/bg-top_kontakt.png'); }
p#adresse { position: absolute; top: 23px; left: 197px }
p#adresse a:link { color: #fff }
#nav { }
#site { padding: 15px }
#site.home { padding-right: 0 !important }
#sitedetail { float: right; width: 660px; }
#footer { width: 96%; margin: 80px auto 10px auto; text-align: center; font-size: 10px; border-top: 1px solid #000; padding: 2px 0 5px; }
#newsletter { position: absolute; top: -5px; left: 470px; font-size: 10px; color: #fff; width: 180px; line-height: 10px }
#newsletter input { font-size: 10px }
/* Nav */
#nav ul { position: absolute; top: 125px; right: 0; margin: 0; z-index: 100; list-style-type: none; font-size: 14px; font-weight: bold }
#nav ul li { float: left }
#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:hover,
#nav ul li a:active { color: #fff; text-decoration: none; padding: 0px 12px; }
#nav ul li.active a:link,
#nav ul li.active a:visited,
#nav ul li.active a:hover,
#nav ul li.active a:active { color: #f5820f; }
/* Links */
a:link,
a:visited,
a:active,
a:hover { color: #000 }
p.link a:link,
p.link a:visited,
p.link a:active,
p.link a:hover { color: #fff; text-decoration: none }
/* Home */
.homebox { float: left; width: 211px; margin-right: 27px; margin-left: 3px}
.homebox img { margin-bottom: 10px}
.homebox.last { margin-right: -30px; }
.homebox p.link { position: absolute; top: 650px; width: 201px; background: #f5820f; color: #fff; padding: 3px 5px; text-align: right; }
/* Form validator */
.LV_validation_message { display: none }
.LV_valid_field { border: 2px solid green}
.LV_invalid_field { border: 2px solid red}
/* Kurse & Termine */
#sidebar1 { float: left; width: 230px; margin-right: 50px }
#sidebar1_uebersicht { float: left; width: 350px; margin-right: 100px }
#sidebar2 { float: right; width: 250px; margin-left: 40px }
.infobox { position: relative; width: 205px; background: #fcd9b7; padding: 1px 15px 5px 30px; margin: 20px 0 30px; -moz-border-radius: 10px; -khtml-border-radius: 10px;}
.infobox img.icon { position: absolute; top: -15px; left: -15px }
.infobox img.border { border: 1px solid #fff }
.kursinfos b { background: transparent; color: #f5820f; padding-right: 10px; font-size: 14px }
.kursinfos td { vertical-align: top; }
.module { position: relative; width: 340px; padding: 30px 10px 10px 10px; margin-top: 40px; border: 2px solid #f56715; -moz-border-radius: 20px; -khtml-border-radius: 20px; }
html>/**/body .module { width: 360px; } /* HACK EVERYTHING BUT IE6,7 */
/*.buchen { position: absolute; top: -45px; right: -10px; width: 120px; color: #fff; background: #f56715; padding: 1px 15px 5px 30px; margin: 20px 0 30px; -moz-border-radius: 10px; -khtml-border-radius: 10px; cursor: pointer}*/
.buchen { position: absolute; top: -40px; right: -20px; }
.warteliste { position: absolute; top: 30px; right: 5px; }
ul.modulreferenten { margin-left: 0px; margin-top: -3px }
html>/**/body ul.modulreferenten{ margin-left: -20px } /* HACK EVERYTHING BUT IE6,7 */
ul#kurse { margin-left: 0px; list-style-type: none; }
html>/**/body ul#kurse { margin-left: -40px } /* HACK EVERYTHING BUT IE6,7 */
ul#kurse li { margin: 0; padding: 10px 5px }
ul#kurse li a:link,
ul#kurse li a:visited,
ul#kurse li a:hover,
ul#kurse li a:active { color: #000; }
ul#kurse li.active { background: #f56715; color: #fff; }
ul#kurse li.active a:link,
ul#kurse li.active a:visited,
ul#kurse li.active a:hover,
ul#kurse li.active a:active { color: #fff; font-weight: bold; text-decoration: none }
#stornoagb { border: 1px solid #000; padding: 20px }
/* Kurse - Suche */
.kurstext { width: 550px; height: 40px; overflow: hidden; margin-bottom: 5px; }
.kurstext_small { width: 450px; height: 44px; overflow: hidden; margin-bottom: 5px; }
#suche { position: absolute; top: 0; right: 15px; width: 250px; padding: 5px 10px; color: #f56715; background: #fff }
#suche h2 { font-size: 12px; border: 0; margin: 0 0 -7px 0 }
#suche input { border: 1px solid #f56715 }
#suche input.q { color: #f56715; font-weight: bold; padding: 3px 5px; margin-bottom: -3px }
#suche input.submit { background: #f56715; color: #fff; float: right; height: 23px; margin-top: 0px; font-size: 12px; border: 0 }
#suche a { color: #f56715; }
#searchbox { }
#display { position: absolute; top: 85px; right: -1px; width: 270px; z-index: 999; display:none; background: #fff; border-right: 1px solid #f5820f; border-left: 1px solid #f5820f; border-bottom: 1px solid #f5820f }
.display_box { padding: 5px 10px }
.display_box a { text-decoration: none }
.display_box:hover { background:#f5820f; color:#fff; border: 1px solid #fff}
.display_box a:hover,
.display_box:hover a { background:#f5820f; color:#fff !important;}
.search { padding: 2px 5px; height: 18px }
/* Kurse - Kalender */
/*
#hidergg { position: absolute; top: 225px; left: 400px; height: 25px; width: 300px; background: #fff; z-index: 999; border:1px solid red}
#kurskalender { width: 300px; position: absolute; top: 200px; left: 460px }
*/
table#calendar { width: 470px; margin: 20px 0}
table#calendar td { border: 1px solid transparent; background: #fff; color: #f9af68; font-weight: bold; text-align: center}
table#calendar td.show { border: 1px solid #f5820f; font-weight: bold; text-align: center}
table#calendar td.show a { color: #f5820f }
table#calendar td.heute { border: 1px solid green; }
table#calendar td.heute a { color: green }
table#calendar td.selected { background: #f5820f }
table#calendar td.selected a { color: #fff }
table#calendar .orange { background: #f5820f; color: #fff }
table#calendar .scroll a { font-size: 24px; text-decoration: none }
table#calendar .monat { font-size: 18px; }