body { background: #222 url(../tl_files/layout/content_bg.gif) repeat-y 70px top; font: 12px Arial, Verdana, sans-serif; }

/*
blu #279bcb
mgt #e2007b
grn #34a700
*/

#wosindwir-com { background: url(../tl_files/layout/logo_bg.gif) 100px 110px no-repeat; height: 575px; width: 990px; overflow: visible; }

em { font-size: 11px; font-style: italic; line-height: 1.6em; }
strong { font-weight: bold; line-height: 1.6em; }

h1 { position: absolute; top: 90px; left: 28px; }
h1 a { display: block; width: 63px; height: 441px; background: url(../tl_files/layout/wosindwir-logo.gif) no-repeat; text-indent: -9999px; }

h3 { font-size: 18px; text-transform: uppercase; font-weight: bold; margin: 0 0 10px 0; }
.blu h3 { color: #279bcb; }
.mgt h3 { color: #e2007b; }
.grn h3 { color: #34a700; }
h4 { font-weight: bold; margin: 0 0 10px 0; text-transform: uppercase; color: #666; }

.blu #wrapper a { color: #279bcb; }
.mgt #wrapper a { color: #e2007b; }
.grn #wrapper a { color: #34a700; }
.blu #wrapper a:hover { color: #333; }
.mgt #wrapper a:hover { color: #333; }
.grn #wrapper a:hover { color: #333; }

.mod_navigation { position: absolute; left: 104px; top: 30px; width: 660px; height: 130px; }
.mod_navigation ul.level_1 { font-weight: bold; font-size: 32px; text-transform: uppercase; }
.mod_navigation ul.level_1 li { float: left; margin: 0 4px 4px 0; position: static; }
.mod_navigation ul.level_1 li.active span { display: block; height: 32px; float: left; padding: 0 4px; }
.mod_navigation ul.level_1 li a { text-decoration: none; display: block; height: 32px; float: left; padding: 0 4px; }
.mod_navigation ul.level_1 li.even a { color: #666; }
.mod_navigation ul.level_1 li.odd a { color: #999; }
.mod_navigation ul.level_1 li a:hover, .mod_navigation ul.level_1 li.trail a, .mod_navigation ul.level_1 li.active { color: #fff; }
.mod_navigation ul.level_1 li.blu a:hover, .mod_navigation ul.level_1 li.blu.trail a, .mod_navigation ul.level_1 li.blu span.active, .mod_navigation ul.level_1 li a.trail { background: #279bcb; }
.mod_navigation ul.level_1 li.mgt a:hover, .mod_navigation ul.level_1 li.mgt.trail a, .mod_navigation ul.level_1 li.mgt span.active, .mod_navigation ul.level_1 li.submenu.mgt.trail a.submenu.mgt.trail { background: #e2007b; }
.mod_navigation ul.level_1 li.grn a:hover, .mod_navigation ul.level_1 li.grn.trail a, .mod_navigation ul.level_1 li.grn span.active, .mod_navigation ul.level_1 li a.trail { background: #34a700; }
.mod_navigation ul.level_1 li ul.level_2 { display: none; margin: 0 0 0 5px; font-size: 14px; text-transform: uppercase; font-weight: bold; position: absolute; top: 80px; left: -2px; }
.mod_navigation ul.level_1 li ul.level_2 li { margin: 0 10px 0 0; }
.mod_navigation ul.level_1 li ul.level_2 li a, .mod_navigation ul.level_1 li ul.level_2 li span { display: inline; float: none; height: auto; padding: 0 2px; }
.mod_navigation ul.level_1 li.active ul.level_2, .mod_navigation ul.level_1 li.trail ul.level_2 { display: block; }
.mod_navigation ul.level_1 li.active ul.level_2 li { float: left; margin: 0 10px 0 0; }
.mod_navigation ul.level_1 li.active ul.level_2 li a, .mod_navigation ul.level_1 li.trail ul.level_2 li a { background: none; }
.mod_navigation ul.level_1 li ul.level_2 li.blu a, .mod_navigation ul.level_1 li.trail ul.level_2 li.blu a { color: #279bcb; }
.mod_navigation ul.level_1 li ul.level_2 li.mgt a, .mod_navigation ul.level_1 li.trail ul.level_2 li.mgt a { color: #e2007b; }
.mod_navigation ul.level_1 li ul.level_2 li.grn a, .mod_navigation ul.level_1 li.trail ul.level_2 li.grn a { color: #34a700; }
.mod_navigation ul.level_1 li.active ul.level_2 li a:hover, .mod_navigation ul.level_1 li.trail ul.level_2 li a:hover { background: #fff; }

#nextdate { position: absolute; left: 810px; top: 30px; text-transform: uppercase; }
#nextdate h2 { color: #999; font-size: 32px; font-weight: bold; }
#nextdate h2 span { color: #fff; }
#nextdate a { display: block; width: 165px; height: 60px; background: url(../tl_files/layout/nextdate.gif) no-repeat; text-indent: -9999px; }

#wrapper { width: 630px; position: absolute; top: 147px; left: 110px; color: #333; }
#wrapper h2 { font-size: 24px; text-transform: uppercase; font-weight: bold; color: #fff; position: relative; top: -42px; right: -40px; background: #222; padding: 2px 4px; float: right; }
#wrapper p { line-height: 1.6em; padding: 0 0 10px 0; }
#wrapper a { color: #333; text-transform: underline; }
#wrapper a:hover { color: #e2007b; }

#wrapper .mod_article { overflow: hidden; width: 630px; position: relative; top: -17px; }
#wrapper .mod_article ul { padding: 0 0 10px 0; }
.blu #wrapper .mod_article ul { list-style-image: url(../tl_files/layout/list_icon_blu.gif); list-style-position: outside; padding: 0 0 10px 14px; }
.mgt #wrapper .mod_article ul { list-style-image: url(../tl_files/layout/list_icon_mgt.gif); list-style-position: outside; padding: 0 0 10px 14px; }
.grn #wrapper .mod_article ul { list-style-image: url(../tl_files/layout/list_icon_grn.gif); list-style-position: outside; padding: 0 0 10px 14px; }
#wrapper .mod_article ul li { line-height: 1.6em; }

#sosindwir .ce_text { position: relative; z-index: 2; }
#sosindwir .ce_image#logo { margin: -360px 0 0 130px; position: relative; z-index: 1; }
#sosindwir .ce_image#flyer { margin: 30px 0 0 0; }

.ce_gallery img { border: 4px solid #fff; margin: 0 4px 4px 0; }
.blu .ce_gallery img:hover { border: 4px solid #279bcb; }
.mgt .ce_gallery img:hover { border: 4px solid #e2007b; }
.grn .ce_gallery img:hover { border: 4px solid #34a700; }

.ce_form, .anfrage-gesendet  { float: left; margin: 0 30px 0 0; width: 266px; }
.ce_form input.text { background: #fff; padding: 8px; color: #279bcb; margin: 0 0 10px 0; width: 250px; font: 12px Arial, Verdana, sans-serif; }
.ce_form textarea { background: #fff; padding: 8px; color: #279bcb; width: 250px; font: 12px Arial, Verdana, sans-serif; }
.ce_form label { color: #666; font-size: 18px; font-weight: bold; display: block; text-transform: uppercase; }
.ce_form input.submit { padding: 4px 0; background: none; color: #333; font-size: 18px; text-transform: uppercase; font-weight: bold; float: right; }
.ce_form input.submit:hover { color: #279bcb; background: #fff; cursor: pointer; }
#wrapper .ce_form p.error { margin: 0; color: #e2007b; }

.mod_search input.text { background: #fff; padding: 8px; color: #279bcb; margin: 0 0 10px 0; width: 250px; font: 12px Arial, Verdana, sans-serif; }
.mod_search input.submit { background: none; height: 30px; color: #333; font-size: 18px; text-transform: uppercase; font-weight: bold; position: relative; top: 4px; }
.mod_search input.submit:hover { background: #fff; cursor: pointer; }

.ce_comments form { width: 354px; }
.ce_comments input.text, .ce_comments input.captcha { background: #fff; padding: 8px; color: #279bcb; margin: 0 0 10px 0; width: 335px; font: 12px Arial, Verdana, sans-serif; }
.ce_comments .captcha_text { display: block; color: #666; text-transform: uppercase; font-weight: bold; }
.ce_comments textarea { background: #fff; padding: 8px; color: #279bcb; width: 335px; height: 150px; font: 12px Arial, Verdana, sans-serif; }
.ce_comments label { color: #666; font-size: 18px; font-weight: bold; display: block; text-transform: uppercase; }
.ce_comments input.submit { padding: 4px 0; background: none; color: #333; font-size: 18px; text-transform: uppercase; font-weight: bold; float: right; position: relative; right: 3px; }
.ce_comments input.submit:hover { color: #279bcb; background: #fff; cursor: pointer; }
#wrapper .ce_comments p.error { margin: 0; color: #e2007b; }
.ce_comments .comment_default { margin: 0 0 20px 0; }
.ce_comments .comment_default.last { padding: 0 0 20px 0; border-bottom: 2px solid #279bcb; margin: 0 0 30px 0; }
.ce_comments .comment_default .comment { line-height: 1.6em; }
.ce_comments .comment_default p.info { font-size: 16px; text-transform: uppercase; font-weight: bold; }
#wrapper .ce_comments p.error { margin: 0; padding: 0; }

#kontakt table td, #anfragegesendet table td { padding: 0 10px 10px 0; line-height: 1.4em; }

.mod_form { position: absolute; top: 159px; left: 810px; width: 176px; }
.mod_form h2 { font-size: 24px; text-transform: uppercase; color: #fff; font-weight: bold; }
.mod_form #f4 input.text { padding: 8px; background: #e2007b; color: #fff; font-size: 12px; width: 160px; }
.mod_form #f4 input.submit { background: none; color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; float: right; }
.mod_form #f4 input.submit:hover { background-color: #e2007b; cursor: pointer; }
.mod_form #f4 p.error { color: #fff; width: 175px; position: absolute; top: 86px; text-align: right; line-height: 1.4em; }

.mod_subscribe { position: absolute; top: 280px; left: 810px; width: 176px; }
.mod_subscribe h2 { font-size: 24px; text-transform: uppercase; color: #fff; font-weight: bold; }
.mod_subscribe input.text { padding: 8px; background: #34a700; color: #fff; font-size: 12px; width: 160px; }
.mod_subscribe input.submit { background: none; color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; float: right; }
.mod_subscribe input.submit:hover { background-color: #34a700; cursor: pointer; }
.mod_subscribe p.error { color: #fff; width: 175px; position: absolute; top: 86px; text-align: right; line-height: 1.4em; }
.mod_subscribe p.confirm { color: #34a700; }

.mod_eventlist .image_container { float: left; margin: 0 25px 0 0; }
.mod_eventlist p.info { font-weight: bold; font-size: 14px; }
.mod_eventlist h4 { margin: 10px 0; }

#sponsoren .ce_text  { overflow: hidden; }
#sponsoren .ce_text .image_container { float: left; margin: 0 15px 10px 0; }
#sponsoren .ce_text.rechts { text-align: right; }
#sponsoren .ce_text.rechts .image_container { float: right; margin: 0 0 10px 15px; }
#sponsoren .ce_text h3 { margin: 10px 0; }

#wrapper .mod_article .mod_sitemap { float: left; width: 100px; }
#wrapper .mod_article .mod_sitemap ul li { line-height: 1.8em; }
#wrapper .mod_article .mod_sitemap ul li ul { padding: 0; }
#wrapper .mod_article .mod_sitemap ul li li { padding: 0 0 0 10px; }
#wrapper .mod_article .mod_sitemap ul li a { text-decoration: none; }
#wrapper .mod_article .mod_sitemap ul li a:hover { text-decoration: underline; }
#sitemap .ce_image { float: left; }

#footer { text-transform: uppercase; color: #999; font-size: 11px; margin: 20px 0 0 0; padding: 0 0 30px 0; line-height: 1.4em; }
#footer .mod_customnav ul { position: absolute; right: 0; }
#footer .mod_customnav ul li { float: left; margin: 0 0 0 10px; }
#footer .mod_customnav ul li.active { color: #666; }
#footer .mod_customnav ul li a { color: #999; text-decoration: none; }
#footer .mod_customnav ul li a:hover { color: #666; }