/*-------------------------------------
 * Author: Joe Ray Gregory
 * Copyright: Joe Ray Gregory @ web-netz GmbH 2009
.............................................
 * Colors:
 * lightgrey: #c9c9c9
 * main-fontgrey: #5b5b5b
 * link red: #990000
 * Steg Größe 10px
-------------------------------------*/

@import url(basic.css);
@import url(menu.css);

body { font-family: Verdana, Helvetica, sans-serif; color: #5b5b5b; background: url('../img/bg_body.gif') repeat-x #c3c3c3; padding-top: 10px; }
.invisible { display: none; }
.blue { color: #011279; }
input.text { border: 1px solid #cbcbcb; padding: 4px; margin-bottom: 10px; }
.zinputs-left span { float: left; margin-right: 20px; }
textarea { border: 1px solid #cbcbcb; padding: 4px; font-family: Verdana, Helvetica, sans-serif; margin-bottom: 10px; }
#wrap, .lcenter, #header { width: 818px; }
#wrap { font-size: 0.75em; }

#header { height: 147px; background-image: url('../img/bg_header.gif'); border-bottom: 1px solid #8c8c8c; }
#header #claim { margin-top: 24px; }
#breadcrumb { background: url('../img/bg_content.gif') repeat-x #ffffff; padding: 12px 13px; width: 792px; font-size: 0.833em; }
#breadcrumb a { color: #b7b7b7; }
#content { width: 459px; padding-left: 168px; padding-right: 191px; background-color: #ffffff; }
#left a:hover, #right a:hover { text-decoration: underline; }
#left { width: 168px; margin-left: -627px; padding: 0 10px 0 13px; }
#left #nav-main a { text-decoration: none; }
#left #nav-main li { margin-bottom: 5px; }
#left #nav-main a.gbutton { background: url('../img/bg_nav-main-item.gif') repeat-y 0 0; width: 146px; color: #ffffff; }
#left #nav-main strong { display: block; color: #fff; font-weight: normal; }
#left #nav-main span.c1 { 
    display: block;
    background: url('../img/bg_nav-main-item.gif') no-repeat -146px 0;
    width: 126px;
    padding: 8px 0 3px 20px;
}
#left #nav-main a.gbutton:hover span.c1 { background-position: -146px -28px; }
#left #nav-main strong span.c1,
#left #nav-main li.trail a span.c1,
#left #nav-main li.trail a:hover span.c1 { background-position: -146px -56px; }

#left #nav-main span.c2 { display: block; width: 146px; height: 5px; background: url('../img/bg_nav-main-item.gif') no-repeat -292px 0; }
#left #nav-main li.active span.c2,
#left #nav-main li.trail span.c2,
#left #nav-main li.trail a:hover span.c2 { background-position: -292px -56px; }

#left #nav-main .level_2 { font-size: 0.917em; padding: 10px 0; }
#left #nav-main .level_2 a,
#left #nav-main .level_2 strong { color: #5b5b5b; width: 131px; background: url(../img/icon_list-grey.gif) no-repeat 5px 5px; padding-left: 15px; border-bottom: 1px dotted #d6d6d6; padding-bottom: 5px; }
#left #nav-main .level_2 strong { color: #011279; font-weight: bold; }

#main { width: 449px; background-image: url('../img/bg_main.gif'); padding: 5px 0 0 10px; }
#main .zinner { width: 417px; padding: 10px; border: 1px dotted #b7b7b7; font-size: 0.917em; }
    #main .zbox { width: 417px; padding-bottom: 15px; }
    /* Content Stile */
    #main .rahmen { background: url('../img/bg_rahmen.gif') no-repeat 100% 0; padding: 10px 10px 10px 0; border-bottom: 1px dotted #cbcbcb; margin-bottom: 10px; }
    #main .verlauf { background: url('../img/bg_verlauf.gif') repeat-x; padding: 10px 10px; border-bottom: 1px solid #cbcbcb; }
    #main .mod_ch_flowplayer { padding-bottom: 15px; }
    #main .block .block { clear: both; }
    #main h1 { font-size: 1.33em; color: #011279; border-bottom: 1px solid #cbcbcb; padding-bottom: 5px; margin-bottom: 15px; }
    #main h2 { font-size: 1.167em; padding-bottom: 10px; color: #011279; }
    #main h3 { font-size: 1em; text-transform: uppercase; color: #011279; padding-bottom: 10px; }
    #main h4 { font-size: 1em; padding-bottom: 10px; }
    #main .ce_download { border: 1px dotted #ff9000; margin: 10px 0; padding: 5px; background: #ffdcaf; }
    #main p { padding-bottom: 15px; }
    #main a { color: #011279; }
    #main a:hover { color: #ff9000; }
    #main ul { padding-left: 10px; padding-bottom: 15px; }
    #main ul li { background: url('../img/icon_arrow-orange.gif') no-repeat 0 5px; padding-left: 15px; padding-bottom: 5px; }
    #main ul li ul { padding-top: 5px; padding-left: 5px; padding-bottom: 0; }
    #main ul li ul li { background-image: url('../img/icon_arrow-grey.gif') }
    #main ol { padding-left: 30px; padding-bottom: 15px;  }
    #main ol li { padding-bottom: 3px; }
    #main th { border-bottom: 1px dotted #cbcbcb; padding: 5px; color: #011279; font-weight: bold; background: #ffdcaf; border-left: 1px solid #fff; }
    #main .even td { background: #f5f5f5; padding: 5px; border-bottom: 1px dotted #cbcbcb; border-left: 1px solid #fff; }
    #main .odd td { background: #ededed; padding: 5px; border-bottom: 1px dotted #cbcbcb; border-left: 1px solid #fff; }
    #main table { width: 100%; margin-bottom: 15px; }
    #main #search { width: 397px; margin-bottom: 15px; }
    #main #search label { font-weight: bold; padding-bottom: 10px; }
    #main #search .text { width: 200px; }
    #main #search #submit { margin-top: -4px; margin-left: 5px; }
    #main #umfrage label { clear: both; padding-bottom: 10px; }
    #main #umfrage .radio_container { float: left; border-bottom: 1px dotted #cbcbcb; width: 417px; padding-bottom: 5px; margin-bottom: 5px; }
    #main #umfrage textarea { width: 350px; height: 180px; }
    #main #umfrage span { float: left; margin-right: 10px; }
    /* Content Stile */
#right { width: 168px; margin-right: -191px; padding: 0 13px 0 9px; }
#right #sidebar { border: none; }
#right h2 { color: #011279; padding-bottom: 10px; font-size: 1.083em; }
#right a { color: #011279; }
#right .block { clear: both; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #b7b7b7; }
#right input.text { width: 150px; }
#right #nav-contact a { background: url('../img/bg_nav-right.gif'); line-height: 23px; padding-left: 18px; font-size: 0.917em; margin-bottom: 5px; }

#footer #nav-footer { text-align: right; padding: 10px 0; width: 818px; }
#footer a { color: #011279; padding-left: 10px; }
#footer a:hover { color: #fff; }

/* AKKORDEON STYLE */
.ce_accordion {
	border-bottom: 1px dotted;
}

.toggler {
	color: #011279 !important;
	text-decoration: underline;
	font-weight: bold;
	background: #fff;
	cursor: pointer;
	margin-bottom: 10px;
	margin-top: 10px;
	background: url("../img/plus.gif") no-repeat right;	
}

.toggler:hover {
	color: #FFAC2B !important;
	background: url("../img/plus_hover.gif") no-repeat right;
	
}

.ce_accordion .active {
	background: url("../img/minus.gif") no-repeat right;
}

.ce_accordion .active:hover {
	background: url("../img/minus_hover.gif") no-repeat right;
}

.accordion {
	margin-left: 10px;
}