/*-------------------------------------
 * Author: Joe Ray Gregory
 * Copyright: Joe Ray Gregory @ web-netz GmbH 2010
.............................................
 * Colors:
    Main Link color: #697c9a;
-------------------------------------*/
@import url(basic.css);
@import url(menu.css);
@import url(tl.css);

body { font-family: Arial, Helvetica sans-serif; background-image: url(../img/bg_body.png); color: #42575d; min-width: 550px; }
a { color: #697c9a; }
a.pfeil { background: url(../img/icon_arrow.png) no-repeat 0 4px; padding-left: 12px; }
.text, .textarea, .captcha { background: url(../img/bg_input-text.gif) repeat-x; border: 1px solid #697c9a; width: 150px; padding: 2px; }
.textarea { width: 400px; height: 200px; font-family: Arial, Helvetica sans-serif; font-size: 12px }
.tableless { padding-bottom: 20px; }
.tableless label { clear: both; margin-bottom: 2px; }
.tableless .text, .tableless .textarea, .tableless .submit_container { clear: both; }
.tableless .formitem { padding-bottom: 10px; }
.mittig { float: none; text-align: center; }
.pos_links { float: left; }
.pos_links_abstand { float: left; margin-right: 15px; }
.pos_rechts { float: right; }
.pos_rechts_abstand
p.error { color: #bf0000; }
.pdf_link { float: right; }
.pdf_link a { background: url(../img/icon_pdf.png) no-repeat; padding: 0px 0; height: 22px; width: 22px; text-decoration: none; display: block; }
.zborder-bottom { background: url(../img/bg_dotted-bottom.png) repeat-x 0 100%; margin-bottom: 20px; }
.lcenter, #wrap,#header, #footer, #navigation, #extra { width: 906px; }
#navigation { float: left; background: url(../img/bg_navigation.png) no-repeat; border-top: 1px solid #bdd0cc; height: 60px; }
#wrap { border: 1px solid #c4c4c4; border-top: none; }

/* Header Part */
#header { height: 271px; font-size: 0.813em; }
#header img { display: block; }
#nav-main { padding-top: 5px; }
#nav-main li { /*margin: 0 10px;*/ }
#nav-main a { color: #42575d; padding: 11px 15px; }
#nav-main a:hover { color: #697c9a; }
#nav-main strong,
#nav-main strong span { background: url('../img/bg_nav-main-strong.png') no-repeat; height: 34px; }
#nav-main strong { color: #697c9a; background-position: 0 0; padding-left: 15px; display: block; font-weight: normal; }
#nav-main strong span { background-position: 100% -34px; padding: 11px 0; padding-right: 15px; }

#nav-main .trail a { padding: 0; padding-left: 15px; background: url('../img/bg_nav-main-strong.png') no-repeat; height: 34px; color: #697c9a; display: block; font-weight: normal; }
#nav-main .trail a span { background: url('../img/bg_nav-main-strong.png') no-repeat 100% -34px; height: 34px; padding-right: 15px; padding-top: 11px; }

#changelang { width: 180px; padding: 14px 0; }
#changelang img { margin-left: 10px; margin-top: 2px; }

#content { background-image: url(../img/bg_content.png); width: 543px; padding-left: 174px; padding-right: 189px; font-size: 0.75em; }
#content h1 { color: #697c9a; font-size: 1em; }
    #left .boxwrap, #right .boxwrap { background: url(../img/bg_zbox-shader.png) no-repeat 50% 100%; padding-bottom: 20px; margin-bottom: 10px; }
    #left h2, #right h2, #main h1 { border-bottom: 2px solid #dbe2e9; color: #697c9a; }
    #left h2, #right h2 { font-size: 1.25em; margin-bottom: 10px; padding-bottom: 5px; }
    #left { width: 165px; padding-left: 9px; right: 174px; margin-left: -543px; }
    #left .zbox { background: url(../img/bg_left-zbox.png) no-repeat; padding: 15px 0 0 10px; width: 144px; }
    #left .vmenu li { background: url(../img/bg_dotted-bottom.png) repeat-x 0 100%; padding-bottom: 7px; margin-bottom: 5px; width: 144px; word-wrap:break-word; }
    #left .vmenu li.last { background: none; padding: 0; margin: 0; }
    #left .vmenu li a, #left .vmenu li span { background: url(../img/icon_arrow.png) no-repeat 0 3px;  color: #42575d; padding-left: 15px; display: block; }
    #left .vmenu li span { font-weight: bold; }
    
    #main { width: 509px; padding: 15px 17px 0 17px; background-image: url(../img/bg_main.png); min-height: 600px; }
    #main h1 { font-size: 1.5em; padding-bottom: 2px; margin-bottom: 10px; }
    
    #main h2 { font-size: 1.333em; color: #697c9a; background: url(../img/bg_dotted-bottom.png) repeat-x 0 100%; margin-bottom: 10px; padding-bottom: 5px; }
    #main h2 a { text-decoration: none; }
    #main h3 { text-transform: uppercase; font-size: 1.2em; font-weight: normal; color: #697c9a; padding-bottom: 10px; }
    #main h4 { font-size: 1em; color: #697c9a; padding-bottom: 10px; }
    #main hr { margin: 0; padding: 0; height: 1px; border: none; border-bottom: 1px dotted #697c9a; margin-bottom: 10px; }
    #main ul { padding-left: 10px; }
    #main ol { padding-left: 30px; }
    #main li { padding-bottom: 5px; }
    #main ul li { background: url(../img/icon_arrow.png) no-repeat 0 3px; padding: 0 0 5px 15px; }
    #main p,
    #main ol,
    #main ul  { padding-bottom: 15px; }
    #main p { padding-bottom: 15px; line-height: 1.3; }
    /* helper classes */
    #main .rahmen-links img,
    #main .rahmen-rechts img,
    #main .rahmen img { border: 1px solid #e3e7ec; display: block; padding: 5px; background: #fff; }
    #main .rahmen-links img { margin-right: 10px; }
    #main .rahmen-rechts img { margin-left: 10px; }
    
    #main #startseite, .specialbox { background: url(../img/bg_startseite-teaser.gif) repeat-y; margin-left: 5px; }
    #main .specialbox-2 { background: url(../img/bg_box_without_border-mid.gif) repeat-y; margin-left: 5px; }
    #main .specialbox-2 #startseite-top { background: url(../img/bg_box_without_border.gif) no-repeat; padding: 15px 10px 0 10px; }
    #main .specialbox-2 #startseite-bottom { background: url(../img/bg_box_without_border-bot.gif) no-repeat 0 100%;  }
    
    #main #startseite-top { background: url(../img/bg_startseite-top.gif) no-repeat; padding: 15px 170px 0 10px; min-height: 200px; }
    #main #startseite-bottom { background: url(../img/bg_startseite-bottom.gif) no-repeat 0 100%;  }
    #main #start-news { margin-top: 20px; background: url(../img/bg_start-news.png) no-repeat 0 20px; width: 100%; margin-left: 10px; }
    #main #start-news h2 { padding-bottom: 0px; background: none; text-transform: uppercase; font-weight: normal; }
    #main #start-news h3 { font-weight: bold; }
    #main #start-news .col1 { width: 250px; }
    #main #start-news .col1 h3 { padding-bottom: 0px; margin: 10px 0; font-size: 1.25em; }
    #main #start-news h3 a { font-size: 0.85em; text-transform: none; }
    #main #start-news h3 a:hover { text-decoration: underline; }
    #main #start-news .col2 { width: 217px; margin-left: 20px; }
    #main #start-news .col2 h3 { margin-bottom: 0; }
    #main #start-news .col2 .news-item { background: url(../img/bg_start-news-item.gif) repeat-y; margin-bottom: 5px; padding-left: 0px; }
    #main #start-news .col2 .news-item h3 { background: url(../img/bg_start-news-item-top.gif) no-repeat; padding: 10px 0 10px 0px; }
    #main #start-news .col2 .news-item p { background: url(../img/bg_start-news-item-bottom.gif) no-repeat; padding-bottom: 0; height: 21px;  }
    #main #start-news .col2 .news-item h3,
    #main #start-news .col2 .news-item p { padding-left: 20px; }
    #main #wn-eventlist h2 { background: none; font-size: 1.25em; }
    
    #main .toggler { background: url(../img/bg_accordeon.gif) no-repeat 100% 0; width: 486px; padding: 0 10px; line-height: 27px; cursor: pointer; margin-bottom: 1px; }
    #main .accordion p { padding: 10px 10px; }
    #main .active { background-position: 0 0; color: #697c9a; font-weight: bold; }
    #main .pagination ul li { background: none; }
    
    #main .ce_slideshow2 ul { padding: 0; margin: 0; }
    #main .ce_slideshow2 li { background: none; padding: 0; }
    
    #right { width: 189px; margin-right: -189px; }
    #right .zbox { background: url(../img/bg_right-zbox.png) no-repeat; padding: 15px 10px 0 10px; width: 159px; }
    #right .zbox .submit { display: block; margin-top: 5px; }
    #right small { font-size: 0.85em; }
    #right .mod_eventlist { background-image: url(../img/bg_right-zbox-event.png); }
    #right .mod_eventlist a { color: #42575d; text-decoration: none; display: block; padding-bottom: 5px; font-weight: bold; }
    #right .mod_eventlist .short-item { padding-bottom: 10px; }
    #right .mod_eventlist .short-item { background: none; }
    #right .text { color: #42575d; }
#footer { background-image: url(../img/bg_footer.png); font-size: 0.75em; padding: 10px 0; }
#nav-footer ul { padding-right: 10px; }
#nav-footer li { border-right: 1px solid #42575d; padding: 0 10px; }
#nav-footer a { color: #42575d; }

#extra { font-size: 0.67em; padding: 10px 0; line-height: 1.6; }
#extra ul { display: block; width: 700px; margin: 0 auto; }
#extra a { text-decoration: none; }