@import url(webformat.css);
@import url(rtetsconfig.css);
@import url(forms.css);
@import url(suchen.css);
@import url(felogin.css);
@import url(7_feuser.css);


body, html { text-align: center; border: 0; margin: 0 auto; padding: 0; width: 900px; height: auto; font: normal 100.01% Verdana, Arial, Helvetica, sans-serif; background: #6D6B6B url("../images/bg_body21.png") repeat-x;}

#outer-wrapper { width:900px; text-align:left; margin: auto; background: #151515 url("../images/bg_content.png") repeat-y 0 100%;}
#content { clear:both; height: auto; background: #151515 url("../images/bg_content.png") repeat-y 0 100%;}
#content-wrapper {  width:900px;  height: auto; background: #151515 url("../images/bg_content.png") repeat-y 0 100%;}

/* Header */

#header { height: 300px;  }
#header-top { height: 97px; background: #6D6B6B url("../images/bg_body21.png") repeat-x; border-bottom: 1px solid #383838;}
#header-middle { height: 200px; padding-top: 2px; background: #151515; border-left: 1px solid #383838; border-right: 1px solid #383838;}
#header-img { width: 405px; height: 70px; margin-top: 15px; float: left; background: url("../images/logo.png");}
#menu-oben {height:400px; height: 20px; float: right; padding: 5px;}
#menu-oben a { font-family: Verdana, Helvetica, Sans-serif; font-size: 12px; text-decoration: none; color: #ffffff;}
#menu-oben a:hover { font-family: Verdana, Helvetica, Sans-serif; font-size: 12px; text-decoration: none; color: #808BA1;}

#anmeldung { width: 210px; height: 250px; background: url(../images/bg_teaser_left.png);}
#slider { height: 200px; float: right; background-color: #151515; margin-right: 3px; width: 697px; }
#middle-left { height: 200px; width: 197px; margin-left: 3px;  background: url(../images/10jahre.png); font-family: Verdana, Arila, Helvetica, Sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF;}
#bild { width: 188px; margin-left: 9px; position: bottom;}
#minic-top  {width: 188px; height: 71px; background: #666 url("../images/termine.png"); margin: 20px 0px 0px 2px; border-top: 1px solid #424D5D; border-left: 1px solid #424D5D; border-right: 1px solid #424D5D;}
#minic { width: 178px; padding: 3px 5px 5px 5px; margin: 0px 0px 0px 2px; background-color: #282F39; border: 1px solid #424D5D;}


/* Beadcrumbs */

#breadcrumbs { font: normal 12px Verdana, Helvetica, Sans-serif; color: #ffffff; padding-left: 20px; padding-top: 5px;}
#breadcrumbs a { font-family: Verdana, Helvetica, Sans-serif; font-size: 12px; text-decoration: none; color: #ffffff;}
#breadcrumbs a:hover { font-family: Verdana, Helvetica, Sans-serif; font-size: 12px; text-decoration: underline; color: #ffffff;}
#breadcrumbs a:active { font-family: Verdana, Helvetica, Sans-serif; font-size: 12px; text-decoration: none; color: #0B97D6;}

/* Top Menu */

#top { height: 35px; background: none; margin: 0px; border-left: 1px solid #383838; border-right: 1px solid #383838;}
#top-menu { position: relative; height: 30px; background: #666 url("../images/bg_navmain.jpg") repeat-x 0 100%;border-bottom: 4px solid #394761;}
#top-menu ul { list-style: none; margin: 0; padding: 0;  }
#top-menu ul a { float: left; display: block; line-height: 30px; text-decoration: none; background-color: none; border-right-width: 1px; border-right-style: solid; border-right-color: #383838; padding: 0 12px; margin: 0; color: #FFFFFF;}
#top-menu ul .cur { float: left; display: block; line-height: 24px; text-decoration: none; background-color: none; border-right-width: 1px; border-right-style: solid; border-right-color: #383838; padding: 0 12px; margin: 0; color: #FFFFFF;}
#top-menu ul a:hover { color: #FFFFFF; background-color: #232323; border-bottom: 4px solid #586E86;}
#top-menu ul .act a { color: #FFFFFF; background-color: #232323; border-bottom: 4px solid #586E86;}
#top-menu li {float: left; margin: 0; padding: 0;}


/* Links */
#left-marker-box { margin-top: 5px; padding: 0;}
#left-marker { position: relative; width: 188px; margin-left: 3px; background: #f1f1f1;}
#left { float: left; width: 197px; z-index: 4;}
#left-content { width: 197px; } 

/* Linkes Untermenu left_menu */

#left-menu { border-left: 1px solid #383838; border-right: 1px solid #383838; border-top: 1px solid #383838; }
.first {clear:both; padding:4px 20px 3px 0px; margin-left: 6px; font-family:Verdana, Helvetica, Sans-serif; color:rgb(255,255,255); font-weight:normal; font-size:12px;}
.after {clear:both; padding:4px 20px 3px 17px; background-image:url(../images/bg_menu_after.png); font-family:Verdana, Helvetica, Sans-serif; color:rgb(255,255,255); font-weight:normal; font-size:12px;}
#left-menu-box { width: 194px; margin-left: 3px; }

#left-menu-top {width: 197px; height: 20px; background: #666 url("../images/bg_menu_top.png");}
#left-menu ul a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; display: block;}
#left-menu ul li {display: block; padding: 0; margin: 0; background: #343E44;}
#left-menu li.left-level-1-no a { height: auto; text-decoration:none; display: block; padding: 3px 6px 3px 15px; background: #262727; border-bottom: 1px solid #272727; color: #808BA1;}
#left-menu li.left-level-1-no a:hover { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 15px; background: #586E86; border-bottom: 1px solid #272727; color: #000000;}
#left-menu li.left-level-1-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 15px; background: #586E86; border-bottom: 1px solid #272727; color: #000000;}
#left-menu li.left-level-2-no a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 25px; background: #232323; color: #000000; border-bottom: 1px solid #383838;}
#left-menu li.left-level-2-no a:hover { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 25px; background: #586E86; color: #000000; border-bottom: 1px solid #383838;}
#left-menu li.left-level-2-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 25px; background: #586E86; color: #000000; border-bottom: 1px solid #383838;}
#left-menu li.left-level-3-no a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 35px; background: #232323; color: #808BA1; border-bottom: 1px solid #383838;}
#left-menu li.left-level-3-no a:hover { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 35px; background: #586E86; color: #000000; border-bottom: 1px solid #383838;}
#left-menu li.left-level-3-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 35px; background: #232323; color: #808BA1; border-bottom: 1px solid #383838;}
#left-menu ul { margin: 0; padding: 0; overflow: hidden; list-style-type: none; }
#left-menu ul a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; display: block; }
#left-menu ul li { display: block; padding: 0; margin: 0; background: #232323;}
#left-menu li.left-level-1-no a { height: auto; text-decoration:none; display: block; padding: 3px 6px 3px 15px; background: #232323; color: #808BA1; border-bottom: 1px solid #383838;}
#left-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 15px; background: #808BA1; color: #000000; border-bottom: 1px solid #383838;}
#left-menu li.left-level-2-no a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 25px; background: #232323; color: #808BA1; border-bottom: 1px solid #383838;}
#left-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 25px; background: #586E86; color: #000000; border-bottom: 1px solid #383838;}
#left-menu li.left-level-3-no a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 35px; background: #232323; color: #808BA1; border-bottom: 1px solid #383838;}
#left-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 35px; background: #232323; color: #000000; border-bottom: 1px solid #383838;}

/*#shop-menu-top {width: 194px; height: 71px; background: #666 url("../images/shop.png");} */
#shop-menu {border-left: 1px solid #424D5D; border-right: 1px solid #424D5D;border-top: 1px solid #424D5D;}
#left-shop-box { margin-left: 0px; margin-top:37px; }
#shop-menu ul a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; display: block;}
#shop-menu ul li {display: block; padding: 0; margin: 0; background: #282F39;}
#shop-menu li.left-level-1-no a { height: auto; text-decoration:none; display: block; padding: 3px 6px 3px 15px; background: #282F39; border-bottom: 1px solid #272727; color: #808BA1;}
#shop-menu li.left-level-1-no a:hover { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 15px; background: #586E86; border-bottom: 1px solid #272727; color: #000000;}
#shop-menu li.left-level-1-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 15px; background: #586E86; border-bottom: 1px solid #272727; color: #000000;}
#shop-menu li.left-level-2-no a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 25px; background: #282F39; color: #000000; border-bottom: 1px solid #424D5D;}
#shop-menu li.left-level-2-no a:hover { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 25px; background: #586E86; color: #000000; border-bottom: 1px solid #424D5D;}
#shop-menu li.left-level-2-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 25px; background: #586E86; color: #000000; border-bottom: 1px solid #424D5D;}
#shop-menu li.left-level-3-no a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 35px; background: #282F39; color: #808BA1; border-bottom: 1px solid #424D5D;}
#shop-menu li.left-level-3-no a:hover { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 35px; background: #586E86; color: #000000; border-bottom: 1px solid #424D5D;}
#shop-menu li.left-level-3-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 35px; background: #282F39; color: #808BA1; border-bottom: 1px solid #424D5D;}
#shop-menu ul { margin: 0; padding: 0; overflow: hidden; list-style-type: none; }
#shop-menu ul a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-decoration: none; display: block; }
#shop-menu ul li { display: block; padding: 0; margin: 0; background: #282F39;}
#shop-menu li.left-level-1-no a { height: auto; text-decoration:none; display: block; padding: 3px 6px 3px 15px; background: #282F39; color: #808BA1; border-bottom: 1px solid #424D5D;}
#shop-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 15px; background: #808BA1; color: #000000; border-bottom: 1px solid #424D5D;}
#shop-menu li.left-level-2-no a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 25px; background: #282F39; color: #808BA1; border-bottom: 1px solid #424D5D;}
#shop-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 25px; background: #586E86; color: #000000; border-bottom: 1px solid #424D5D;}
#shop-menu li.left-level-3-no a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 35px; background: #282F39; color: #808BA1; border-bottom: 1px solid #424D5D;}
#shop-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a { height: auto; text-decoration: none; display: block; padding: 3px 6px 3px 35px; background: #282F39; color: #000000; border-bottom: 1px solid #424D5D;}

/* LEFT */
#left { font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; text-decoration: none; color: #c7c7c7; }
#left H1 { font-size: 12px; color: #ffffff; }
#left A { font-size: 11px; color: #657698; text-decoration: none; }
#left A:hover { font-size: 11px; color: #808BA1; text-decoration: none; }
#left H2, H3 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }
#left P, UL, OL , LI{ font-size: 11px; color: #c7c7c7;}

/* Content */
#middle-marker-box2 { margin-left: 1px; width: 685px; }
#middle-marker2 { font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; text-decoration: none; color: #c7c7c7; }
#middle-marker2 H1 { font-size: 12px; color: #ffffff; }
#middle-marker2 A { font-size: 11px; color: #657698; text-decoration: none; }
#middle-marker2 A:hover { font-size: 11px; color: #808BA1; text-decoration: none; }
#middle-marker2 H2, H3 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }
#middle-marker2 P, UL, OL , LI{ font-size: 11px; color: #c7c7c7;}
#middle { float: left; z-index: 2;}
#middle-content2 { margin-left: 3px; width: 685px; }

/* Content2 */
#middle-marker-box { margin-left: 1px; width: 497px; }
#middle-marker { font-family: Verdana, Helvetica, Sans-serif; font-size: 11px; text-decoration: none; color: #c7c7c7; }
#middle-marker H1 { font-size: 12px; color: #ffffff; }
#middle-marker A { font-size: 11px; color: #657698; text-decoration: none; }
#middle-marker A:hover { font-size: 11px; color: #808BA1; text-decoration: none; }
#middle-marker H2, H3 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }
#middle-marker P, UL, OL , LI{ font-size: 11px; color: #c7c7c7;}
#middle { float: left; z-index: 2;}
#middle-content { margin-left: 3px; width: 497px; }



/* Rechts */
#right-menu { width: 188px; height: 20px; margin-left: 9px; background-image:url(../images/bg_menu_top2.png); background-repeat:no-repeat; }
#right-menu-after{ width: 188px; height: 20px; margin-left: 9px; background-image:url(../images/bg_menu_after.png); background-repeat:no-repeat; }
#right {float: right; margin-right: 3px; width: 197px; z-index: 4; }
#right-marker { font-family: Verdana, Helvetica, Sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF; }
#right-marker H1, H2, H3, H4, H5, H6, P, UL { font-family: border-color: #383838; color: #C6C6C6; } 
#right-marker A { font-size: 11px; color: #808BA1; text-decoration: none; }
#right-marker A:hover { font-size: 11px; color: #232323; text-decoration: none; }
#right-marker P, UL, OL { font-size: 11px; color: #FFFFFF; padding-left:15px;}
#right-marker H1 { font-size: 12px; color: #232323; }
#right-content { width: 197px; }

/* 2 Spaltig wenn benötigt */
.beideSpalten { width: 685px; }
.linkeSpalte { float: left; width: 188px; margin-right: 10px; }
.rechteSpalte { float: left; width: 188px; }
.clearer { clear: both; font-size: 0; line-height: 0; }


#suche { height: 50px; width: 194px; background-color: #282F39; margin-top: 5px; margin-bottom: 0px;}

/* Footer */
#footer { position: relative; left: 0; height: auto; clear: both; background: #151515 url("../images/bg_content.png") repeat-y 0 100%; }
#footer-box { position: relative; margin: 0; padding: 6px;}
#footer-text { margin: 0; padding: 6px; text-align: center; font-size: 9px; line-height: normal; color: #666666;}
#footer-text a { font-family: Verdana, Helvetica, Sans-serif; font-size: 10px; text-decoration: none; color: #ffffff;}
#footer-text a:hover { font-family: Verdana, Helvetica, Sans-serif; font-size: 10px; text-decoration: underline; color: #ffffff;}
#footer-text a:active { font-family: border-color: #383838; font-size: 10px; text-decoration: none; color: #0B97D6;}
#footer-logo-box { height: 120px; border-top: 2px solid #000000; background: url(../images/footer_box.png); }
#footer-copyright { margin-top: 100px; font-family: Verdana, Helvetica, Sans-serif; font-size: 12px; text-decoration: none; text-align: center; color: #ffffff;}
/*H1, H2, H3, H4, H5, H6, P, UL { font-family: border-color: #383838; color: #C6C6C6; }
A { font-size: 11px; color: #657698; text-decoration: none; }
A:hover { font-size: 11px; color: #808BA1; text-decoration: none; }
P, UL, OL { font-size: 11px; color: #FFFFFF;}
P { margin: 0px 0px 0px 0px; }
*/

/* TABELE */
.contenttable { width:545px; margin-bottom:10px; }
.tr-0 { background:#ccc; color:#fff; }
.tr-odd { background:#fff; height:24px; border-bottom:1px #333 dashed; }
.tr-even { height:24px; border-bottom:1px #333 dashed; }
.td-0 { padding:left:5px; }
.td-1 { text-align:center; padding:left:5px; }
.td-2 { text-align:center; padding:left:5px; }
.td-3 { text-align:center; padding:left:5px; }


H1 { font-size: 12px; color: #808BA1; }
H2 { font-size: 14px; color: #808BA1; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #808BA1; padding: 0 0 3px 0; }
H3 { font-size: 12px; color: #808BA1; }
H4 { font-size: 11px; color: #000000; }
H5 { font-size: 10px; color: #000000; }
H6 { font-size: 9px; color: #333333; font-weight: normal; }
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px;  }
H1 { margin: 0px 0px 0px 0px;  margin-bottom: 0px; }
H2, H3 { margin: 0px 0px 0px 0px; margin-top: 0px; margin-bottom: 10px; }
H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 20px; margin-bottom: 10px; }
H1.csc-firstHeader, H2.csc-firstHeader  { margin-top: 0px; }
H3.csc-firstHeader { margin-top: 0px; }
H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

P.bodytext { font-family: border-color: #383838; font-size: 11px; color: #FFFFFF; line-height: 14px; padding-bottom: 6px;} 


UL UL LI { font-size: 10px; }
LI { padding-left: 2px; }

IMG { border-style: none; }

P.csc-caption { font-size: 10px; }

.csc-textpic-caption { font-family: Verdana, Helvetica, Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; font-size-adjust: none; font-stretch: normal; color: #6C6C6C; font-size: 10px; }
.csc-uploads-description { width: 400px; }
.csc-sitemap { font-family: Verdana, Helvetica, Sans-serif; font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; font-size-adjust: none; font-stretch: normal; color: #6C6C6C; font-size: 10px; }
/* Tabelle */
.contenttable {
width:445px;
margin-bottom:10px;
}
.tr-0 {
background:#ccc;
color:#fff;
}
.tr-odd {
background:#fff;
height:24px;
border-bottom:1px #333 dashed;
}
.tr-even {
height:24px;
border-bottom:1px #333 dashed;
}
.td-0 {
padding:left:5px;
}
.td-1 {
text-align:center;
padding:left:5px;
}
.td-2 {
text-align:center;
padding:left:5px;
}
.td-3 {
text-align:center;
padding:left:5px;
}
