body { font-family:Arial, Verdana, sans-serif; color: #666; background: #e2e2e2 url(../images/bg.gif) left 50px repeat-x; }

a, strong, em { line-height: 1.6em; }

.fontsize_m{font-size: 12px;}
.fontsize_xl{font-size: 16px;}
.fontsize_xxl{font-size: 22px;}

#container { width: 960px; padding: 0 20px; background: url(../images/container.png) no-repeat; margin: 0 auto; }
#container #inner { background: #fff; position: relative; }

#head { height: 50px; background: url(../images/head.gif) repeat-x; color: #ccc; font-size: 11px; position: relative; z-index: 12; }

#head h1 a { display: block; width: 150px; height: 150px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; position: absolute; left: 80px; top: 15px; z-index: 13; }
#head h2 { color: #fff; position: absolute; left: 265px; top: 70px; z-index: 11; }

#head #schriftgroesse { position: absolute; bottom: 20px; left: 20px; height: 21px; }
#head #schriftgroesse h4 { display: none; }
#head #schriftgroesse ul li { float: left; padding: 0 5px 0 0; }
#head #schriftgroesse ul li.normal { position: relative; top: 12px; }
#head #schriftgroesse ul li.xl { font-size: 19px; position: relative; top: 5px; }
#head #schriftgroesse ul li.xxl { font-size: 25px; }
#head #schriftgroesse ul li a { color: #ccc; text-decoration: none; line-height: 1em; }
#head #schriftgroesse ul li a:hover, #head #schriftgroesse ul li.active a { color: #fff; }

#head p#info { position: absolute; left: 265px; bottom: 20px; }
#head p#info strong { line-height: 1em; }
#head p#info .temp { color: #ed1c24; }

#head .mod_customnav { position: absolute; bottom: 20px; right: 10px; }
#head .mod_customnav ul li { float: left; border-right: 1px solid #ed1c24; margin: 0 6px 0 0; padding: 0 6px 0 0; }
#head .mod_customnav ul li.last { margin: 0; padding: 0; border: 0; }
#head .mod_customnav ul li a { color: #ccc; text-decoration: none; line-height: 1em; }
#head .mod_customnav ul li a:hover, #head .mod_customnav ul li.active a, #head .mod_customnav ul li.trail a { text-decoration: underline; }

.mod_navigation { background: #e0262d; height: 80px; font-size: 14px; font-weight: bold; text-transform: uppercase; position: relative; z-index: 11; }
.mod_navigation ul { position: absolute; left: 265px; bottom: 0; }
.mod_navigation ul li { float: left; padding: 0 20px 20px 12px; position: relative; }
.mod_navigation ul li.first { padding: 0 20px 0 0; }
.mod_navigation ul li.submenu { background: url(../images/submenu.gif) left 5px no-repeat; }
.mod_navigation ul li a { color: #fff; text-decoration: none; line-height: 1em; }
.mod_navigation ul li a:hover, .mod_navigation ul li.trail a, .mod_navigation ul li.active a { color: #000; }

.mod_navigation ul li div.submenu { display: none; width: 275px; position: absolute; top: 25px; left: -25px; }
.mod_navigation ul li.sparten div.submenu { width: 400px; }
.mod_navigation ul li.hover div.submenu { display: block; }
.mod_navigation ul li div.submenu h3 { background: url(../images/submenu_head.png) no-repeat; width: 235px; text-transform: none; font-size: 12px; padding: 30px 25px 0; font-weight: bold; color: #000; position: relative; z-index: 10; height: 21px; }
.mod_navigation ul li.sparten div.submenu h3 { background: url(../images/submenu_head_2.png) no-repeat; width: 360px; }
.mod_navigation ul li div.submenu ul { background: #fff url(../images/submenu_bg.gif) bottom repeat-x; position: relative; left: 0; top: 0; width: 263px; margin: 0 0 0 6px; z-index: 10; }
.mod_navigation ul li.sparten div.submenu ul { width: 388px; overflow: hidden; }
.mod_navigation ul li div.submenu ul li { float: none; padding: 0 14px; }
.mod_navigation ul li.sparten div.submenu ul li { float: left; }
.mod_navigation ul li div.submenu ul li.last { padding: 0 14px 20px; }
.mod_navigation ul li div.submenu ul li a { font-size: 11px; color: #666; display: block; height: 30px; border-bottom: 1px solid #e2e2e2; line-height: 30px; text-transform: none; font-weight: normal; }
.mod_navigation ul li div.submenu ul li a:hover { color: #ed1c24; }
.mod_navigation ul li div.submenu ul li.active a, .mod_navigation ul li div.submenu ul li.trail a { color: #ed1c24; font-weight: bold; }
.mod_navigation ul li.sparten div.submenu ul li a { width: 160px; }
.mod_navigation ul li div.submenu .bg { background: #fff; height: 80%; position: absolute; top: 20px; background: #fff; z-index: 1; width: 100%; }
.mod_navigation ul li div.submenu .bottomleft, .mod_navigation ul li div.submenu .bottomright { width: 6px; height: 66px; position: absolute; bottom: 0; z-index: 5; }
.mod_navigation ul li div.submenu .bottomleft { background: url(../images/submenu_bottomleft.png) no-repeat; left: 0; }
.mod_navigation ul li div.submenu .bottomright { background: url(../images/submenu_bottomright.png) no-repeat; right: 0; }

#slideshow { position: relative; height: 200px; z-index: 7; }
#slideshow img { position: absolute; top: 0; left: 0; }

#registration_button { position: absolute; top: 282px; right: 0; background: url('../images/werde_mitglied.gif') no-repeat 0 0; width: 300px; height: 48px; color: #ffffff; z-index: 10; }
#registration_button a { display: block; padding-left: 100px; line-height: 48px; color: #ffffff; text-decoration: none; }

#content { padding: 10px; }
#content a { color: #e0262d; }
#content a:hover { color: #000; }
#content p { line-height: 1.6em; padding: 0 0 15px; }

#content .mod_breadcrumb { padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #e2e2e2; font-size: 11px; color: #999; }
#content .mod_breadcrumb p { padding: 0; }
#content .mod_breadcrumb p a { color: #666; text-decoration: none; }
#content .mod_breadcrumb p a:hover { color: #000; }
#content .mod_breadcrumb p span { font-weight: bold; color: #ed1c24; }

.formbody{clear: both; }

/* Formulare */
.ce_form label{ display: block; margin: 0 0 5px 0; }
.ce_form .text{ border: 1px solid #ccc; padding: 5px; width: 350px; font-size: 11px; display: block; margin: 0 0 15px 0; }
.ce_form textarea{ border: 1px solid #ccc; padding: 5px; width: 350px; font: 11px Arial, Verdana, sans-serif; height: 250px;}
.ce_form select{width: 360px;border: 1px solid #ccc; display: block; margin: 0 0 15px 0;}
.submit{display: block; background: #e0262d; color: #fff; padding: 5px 25px 5px 25px;  font: 12px Arial, Verdana, sans-serif; clear: both; margin: 15px 0 0 0;}
#main p.error{ color: #e0262d; font-size:11px; padding: 0; margin: 0; font-style: italic;}

.mod_login label{ display: block; margin: 0 0 5px 0; }
.mod_login .text{ border: 1px solid #ccc; padding: 5px; width: 350px; font-size: 11px; display: block; margin: 0 0 15px 0; }
#main .mod_login p.error { margin: 0 0 15px; }

/* Suche */
.mod_search .formbody{ text-align: center;}
.mod_search label{float: left; height: 25px; line-height: 25px; margin: 0 10px 0;}
.mod_search .text{ border: 1px solid #ccc; padding: 5px; width: 350px; font-size: 11px; display: block; float: left; margin: 0 10px 0 0;}
.mod_search .submit{float: left; clear: none; margin: 0;}
#main .mod_search .header{display: block;clear: both; margin: 10px 0 15px 0; border-bottom:1px solid #ccc;}
.mod_search h3{font-size: 16px; font-weight: bold; text-decoration: none;}
.mod_search .url{font-weight: bold; font-size: 11px;}
#main .mod_search p{margin: 0; padding: 0 0 0 0;}
#main .mod_search div{ display: block; margin: 0 0 15px 0; clear: both;}

/* mod_eventlist */
.mod_eventlist .even{ background: #f1f1f1;}
.mod_eventlist th{font-weight: bold; border-bottom: 1px solid #ccc; padding: 5px;}
.mod_eventlist td{padding: 5px; font-size: 11px; vertical-align: top; line-height: 1.6em; border-bottom: 1px solid #fff;}
#main .mod_eventlist td p{margin: 0; padding: 0;}

/* mod_eventreader */
.mod_eventreader .event p.date {  }
.mod_eventreader .event p.title { font-weight: bold; }
.mod_eventreader .event p.detail {  }

/* mod_eventlist */
.ce_text .even{ background: #f1f1f1;}
.ce_text th{font-weight: bold; border-bottom: 1px solid #ccc; padding: 5px;}
#main .ce_text td{padding: 5px; font-size: 11px; vertical-align: top; line-height: 1.6em; border-bottom: 1px solid #fff;}
#main .ce_text td p{margin: 0; padding: 0;}

/* News */
#main .mod_newslist .layout_short{width: 145px; height: 120px; overflow: hidden; background: #f1f1f1; margin: 0 10px 10px 0; float: left; padding: 10px;}
#main .mod_newslist .layout_short:hover{background: #333;}
#main .mod_newslist .layout_short:hover h4{color: #e0262d; border-color: #666;}
#main .mod_newslist .layout_short:hover p{color: #fff;}
#content #main .mod_newslist .layout_short:hover a:hover { color: #fff; }

#main .pagination{list-style: none; clear: both; }
#content #main  .pagination li{ float: left; background: none; padding: 0; margin: 0 5px 0 0;}


#main .mod_newslist .layout_short h4{display: block; margin: 0; padding: 0; font-weight: bold; border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0 0 10px 0;}
#main .mod_newslist .layout_short p{ padding: 0;}
#main .mod_newslist .layout_short .info{ display: none; }

#content #sub { font-size: 11px; width: 220px; float: left; padding: 5px 0 0; }
#content #sub .mod_article { background: #f1f1f1; border-bottom: 1px solid #e2e2e2; }
#content #sub .mod_article h3 { font-weight: bold; font-size: 12px; text-transform: uppercase; border-bottom: 2px solid #ed1c24; color: #000; background: #fff; height: 35px; line-height: 40px; }
#content #sub .mod_customnav ul li a { display: block; height: 30px; line-height: 30px; color: #666; text-decoration: none; padding: 0 0 0 10px; border-bottom: 1px solid #e2e2e2; }
#content #sub .mod_customnav ul li a:hover { color: #ed1c24; }
#content #sub .mod_customnav ul li.active a, #content #sub .mod_customnav ul li.trail a { font-weight: bold; color: #ed1c24; }
#content #sub .ce_text { padding: 10px; }
#content #sub .ce_text table tr td { line-height: 1.6em; padding: 0 20px 0 0; }
#content #sub .mod_newslist { padding: 0 0 20px; }
#content #sub .mod_newslist .layout_short { padding: 10px; border-bottom: 1px solid #e2e2e2; position: relative; }
#content #sub .mod_newslist .layout_short h4 { line-height: 1.2em; margin: 0 0 2px; font-weight: bold; color: #e0262d; }
#content #sub .mod_newslist .layout_short p { font-weight: bold; padding: 0 0 5px; }
#content #sub .mod_newslist .layout_short a { color: #e0262d; background: #f1f1f1; text-decoration: none; position: absolute; right: 0; bottom: -3px; display: block; width: 65px; height: 15px; padding: 0 10px 0 5px; }
#content #sub .mod_newslist .layout_short a:hover { color: #000; }



#content #main { width: 700px; float: left; margin: 0 0 0 20px; overflow: hidden; }
#content #main h2 { font-size: 30px; color: #000; text-transform: uppercase; font-weight: bold; padding: 0 0 10px; border-bottom: 2px solid #ed1c24; margin: 0 0 20px; }
#content #main h3 { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #000; margin: 0 0 10px; }
#content #main ul li { padding: 0 0 10px 15px; background: url(../images/list_icon.gif) left 6px no-repeat; line-height: 1.6em; }
#content #main hr { display: block; border-top: 1px solid; }

#content #main div.links { width: 385px; float: left; }
#content #main div.rechts { width: 250px; float: left; margin: 0 0 0 30px; }

#content .mod_article .sparten img { float: left; padding: 0 15px 15px 0; }

#content #main .ce_gallery img { padding: 0 15px 15px 0; }

#main strong, #main span, #main em { line-height: 1.6em; }

#footer { font-size: 11px; padding: 10px 0 0; border-top: 1px solid #e2e2e2; position: relative; color: #666; height: 80px; margin: 50px 0 0; }
#footer .mod_customnav { position: absolute; right: 0; top: 10px; }
#footer .mod_customnav ul li { float: left; border-right: 1px solid #ed1c24; margin: 0 6px 0 0; padding: 0 6px 0 0; }
#footer .mod_customnav ul li.last { margin: 0; padding: 0; border: 0; }
#footer .mod_customnav ul li a { color: #ccc; text-decoration: none; color: #666; line-height: 1em; }
#footer .mod_customnav ul li a:hover, #footer .mod_customnav ul li.trail a, #footer .mod_customnav ul li.active a { text-decoration: underline; }  
#footer p#even { color: #999; position: absolute; right: 0; top: 40px; }
#footer p#even a { color: #999; text-decoration: none; }
#footer p#even a:hover { color: #ed1c24; }

#lbCaption, #lbNumber { line-height: 1.6em; }