* Copyright (c) 2011 Webgau.de
*  
*  CSS FACE 1.7 Reloaded
* 
*********************************************/

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-size:100%; margin:0; padding:0; }
a { outline:none; }
ul li { list-style: none; }
.textdisp ol,.textdisp ul { clear: both; }
ol, ul { padding: 10px 0; clear: both; }
ol li { list-style: decimal inside; margin: 0 5px; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
del,ins { text-decoration:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; padding: 0; clear: both; }
q:before,q:after { content:''; }
abbr,acronym { border:0; font-variant:normal; }
sup,sub { vertical-align:baseline; }
legend { color:#000; }
input,button,textarea,select,optgroup,option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input,button,textarea,select { font-size:100%; }
.inside { padding: 10px; }
.slide_content_big .inside { padding: 0 !important; }
.slide_content_big h2 { padding: 0 0 0 0 !important; margin: 0 0 0 0 !important;}
.custom { margin: 0; padding: 0;}
.custom img { padding: 3px 5px 0 0;}
p { padding: 5px 0; clear: both; width: 100%; }
/* start */
html { height:100%; margin-bottom:1px; overflow:scroll;  }
body { background-color:#fff; color:#333; font:normal normal normal 75%/160% arial,sans-serif; height:100%; text-align:center; }
.pic_board { border: 1px solid #EFEFEF; padding: 2px 2px 2px 2px !important; margin: 3px !important; }
.texthead { padding-top: 1em !important; }

/* LAYOUT
*********************************************/

/* Layout Classes */

/* Floats */
.floatLeft { float:left; }
.floatRight { float:right; }
.floatClear { clear:both; }

/* MENUS
*********************************************/
/* ++++++++++++++  first level  ++++++++++++++ */
.marg ul.menu { border:0; border:solid 0px #eee; }
.marg ul.menu li { border-bottom: none; padding: 0 0 !important; background:url(../images/ulm.png) repeat-x bottom center; }
.marg ul.menu li a:link, .marg ul.menu li a:visited { color:#444; background:url("../images/menu_ul.png") no-repeat scroll 6px 14px transparent; }
.marg ul.menu li a:hover, .marg ul.menu li a:active, .marg ul.menu li a:focus, .marg ul.menu li.active a:hover, .marg ul.menu li.active a:active, .marg ul.menu li.active a:focus { 	color:#095197; }

/* ++++++++++++++  second level  ++++++++++++++ */
.marg ul.menu li ul { border:solid 0px #eee; }
.marg ul.menu li ul li { border:solid 0px #000; background:#fff; }
.marg ul.menu li.active ul li a:link, .marg ul.menu li.active ul li a:visited { color:#444; border:0; border-bottom:solid 1px #fff; background: #eee; }
.marg ul.menu li.active ul li.active a:link, .marg ul.menu li.active ul li.active a:visited { border:0; border-bottom:solid 1px #fff; }
.marg ul.menu li.active ul li a:hover, .marg ul.menu li.active ul li a:active, .marg ul.menu li.active ul li a:focus { background:#555 !important; color:#fff !important; }

/* ++++++++++++++  third level  ++++++++++++++ */

.marg ul.menu li ul li ul { border:0 !important; background:#f5f5f5 !important; padding-bottom: 0; }
.marg ul.menu li.active ul li.active ul li a:link, .marg ul.menu li.active ul li.active ul li a:visited { background:#f5f5f5; border-bottom:solid 1px #fff; color:#444; }

/* ++++++++++++++  fourth level  ++++++++++++++ */
.marg ul.menu li ul li ul li ul { border:solid 1px #eee !important; padding-top:10px !important; padding-bottom:10px !important; background-color:#fff !important; }
.marg ul.menu li.active  ul li.active  ul li.active  ul li  a:link, .marg ul.menu li.active  ul li.active  ul li.active  ul li a:visited { font-weight:normal; padding: 3px 2px 3px 40px; font-size:0.9em; background:url("../images/arrow_menu.png") no-repeat scroll 28px 10px #FFFFFF; color:#444; }
.marg ul.menu li.active  ul li.active  ul li.active  ul li.active  a:link, .marg ul.menu li.active  ul li.active  ul li.active  ul li.active a:visited { font-weight:bold; }

/* ++++++++++++++  fifth level  ++++++++++++++ */
.marg ul.menu li ul li ul li ul li ul { border:solid 0px #eee !important; padding-top:5px !important; padding-bottom:10px !important; background:#fff !important; }
.marg ul.menu li.active  ul li.active  ul li.active  ul li.active	ul li  a:link, .marg ul.menu li.active  ul li.active  ul li.active  ul li.active	ul li a:visited { font-weight:normal; padding: 3px 2px 3px 5px; font-size:0.9em; background:#fff; color:#444; margin:0 10px  0 35px; border-bottom:solid 1px #ddd; }
.marg ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li.active  a:link, .marg ul.menu li.active  ul li.active  ul li.active  ul li.active  ul li.active a:visited { font-weight:bold; }

/* ++++++++++++++  first level  ++++++++++++++ */
.marg ul.menu { list-style-type:none; margin: 0 0 0 0; padding: 0 0 0 0; }
.module_content .marg ul.menu { margin-left:-5px; padding:10px 0 0 0;  }
.marg ul.menu li { margin:0; }
.marg ul.menu li a:link, .marg ul.menu li a:visited { display:block; padding:7px 4px 7px 15px; text-decoration:none; }
.marg ul.menu li.active a:link, .marg ul.menu li.active a:visited { font-weight:bold; }

/* ++++++++++++++  second level  ++++++++++++++ */
.marg ul.menu li ul { margin:0;  padding:0; }
.marg ul.menu li ul li { margin:0; padding:0; }
.marg ul.menu li.active ul li a:link, .marg ul.menu li.active ul li a:visited { padding:5px 10px 5px 20px;  font-weight:normal; }
.marg ul.menu li.active ul li a.active:link, .marg ul.menu li.active ul li a.active:visited { padding:7px 10px 7px 20px; }
.marg ul li.active ul li.active a:link, .marg ul li.active ul li.active a:visited { font-weight:bold; }

/* ++++++++++++++  third level  ++++++++++++++ */
.marg ul.menu li ul li ul { padding:5px 0 5px 0px; }
.marg ul.menu li.active ul li.active ul li a:link, .marg ul.menu li.active ul li.active ul li a:visited { padding:5px 4px 5px 30px; font-weight:normal; }
.marg ul.menu li.active ul li.active ul li.active a:link, .marg ul.menu li.active ul li.active ul li.active a:visited { font-weight:bold; }

/* LINKS
*********************************************/
a:link,a:visited { color:#666; font-weight:normal; text-decoration:underline; }
a:hover { font-weight:normal; text-decoration:none; }

/* STANDARD
*********************************************/

/* MODULES Variable
*********************************************/
.pos1_top_red { width: 358px; height: 38px; overflow: hidden; background: url(../images/red/box_lb_h3.png) no-repeat center top;} 
.pos1_top_black { width: 358px; height: 38px; overflow: hidden; background: url(../images/black/box_lb_h3.png) no-repeat center top;} 
.pos1_top_blue { width: 358px; height: 38px; overflow: hidden; background: url(../images/blue/box_lb_h3.png) no-repeat center top;} 
.pos1_top_green { width: 358px; height: 38px; overflow: hidden; background: url(../images/green/box_lb_h3.png) no-repeat center top;} 

.box_small_r_top_red { width: 173px; height: 38px; float: left; background: url(../images/red/box_ls_h3.png) no-repeat center top; }
.box_small_r_top_black { width: 173px; height: 38px; float: left; background: url(../images/black/box_ls_h3.png) no-repeat center top; }
.box_small_r_top_blue { width: 173px; height: 38px; float: left; background: url(../images/blue/box_ls_h3.png) no-repeat center top; }
.box_small_r_top_green { width: 173px; height: 38px; float: left; background: url(../images/green/box_ls_h3.png) no-repeat center top; }

.box_middle_top_red { width: 283px; height: 38px; float: left; background: url(../images/red/box_m_smal_h3.png) no-repeat center top; }
.box_middle_top_black { width: 283px; height: 38px; float: left; background: url(../images/black/box_m_smal_h3.png) no-repeat center top; }
.box_middle_top_blue { width: 283px; height: 38px; float: left; background: url(../images/blue/box_m_smal_h3.png) no-repeat center top; }
.box_middle_top_green { width: 283px; height: 38px; float: left; background: url(../images/green/box_m_smal_h3.png) no-repeat center top; }


.box_middle_top_big_red { width: 472px; height: 38px; float: left; background: url(../images/red/box_2_head.png) no-repeat center top;  }
.box_middle_top_big_black { width: 472px; height: 38px; float: left; background: url(../images/black/box_2_head.png) no-repeat center top;  }
.box_middle_top_big_blue { width: 472px; height: 38px; float: left; background: url(../images/blue/box_2_head.png) no-repeat center top;  }
.box_middle_top_big_green { width: 472px; height: 38px; float: left; background: url(../images/green/box_2_head.png) no-repeat center top;  }

.box_small_top_red { width: 188px; height: 38px; float: left; background: url(../images/red/box_s_h3.png) no-repeat center top; }
.box_small_top_black { width: 188px; height: 38px; float: left; background: url(../images/black/box_s_h3.png) no-repeat center top; }
.box_small_top_blue { width: 188px; height: 38px; float: left; background: url(../images/blue/box_s_h3.png) no-repeat center top; }
.box_small_top_green { width: 188px; height: 38px; float: left; background: url(../images/green/box_s_h3.png) no-repeat center top; }

.box_small_top_big_red { width: 314px; height: 38px; float: left; background: url(../images/red/box_3_head.png) no-repeat center top; }
.box_small_top_big_black { width: 314px; height: 38px; float: left; background: url(../images/black/box_3_head.png) no-repeat center top; }
.box_small_top_big_blue { width: 314px; height: 38px; float: left; background: url(../images/blue/box_3_head.png) no-repeat center top; }
.box_small_top_big_green { width: 314px; height: 38px; float: left; background: url(../images/green/box_3_head.png) no-repeat center top; }

.blog_header_red { width: 578px; float: left; height: 38px; background: url(../images/red/box_b_h3.png) no-repeat center top; }
.blog_header_black { width: 578px; float: left; height: 38px; background: url(../images/black/box_b_h3.png) no-repeat center top; }
.blog_header_blue { width: 578px; float: left; height: 38px; background: url(../images/blue/box_b_h3.png) no-repeat center top; }
.blog_header_green { width: 578px; float: left; height: 38px; background: url(../images/green/box_b_h3.png) no-repeat center top; }

.blog_header_big_red { width: 954px; float: left; height: 38px; background: url(../images/red/box_4_head.png) no-repeat center top; }
.blog_header_big_black { width: 954px; float: left; height: 38px; background: url(../images/black/box_4_head.png) no-repeat center top; }
.blog_header_big_blue { width: 954px; float: left; height: 38px; background: url(../images/blue/box_4_head.png) no-repeat center top; }
.blog_header_big_green { width: 954px; float: left; height: 38px; background: url(../images/green/box_4_head.png) no-repeat center top; }

/* Header
*********************************************/
#header { width: 100%; height: 181px; }
#header_in { margin: 0 auto; width: 965px; height: 176px; }

/* Language Filter */
#mod-languages { float: left; height: 22px; margin-top: 3px; width: 35%; text-align: left; }

/* Mini Menu Top */
#mini_menu_top { padding: 3px 5px; text-align: right; overflow: hidden; float: right; text-align: right; font-size: 11px; width: 59%; height: 19.5px; }
#mini_menu_top ul { margin: 0; padding: 0; }
#mini_menu_top ul li { list-style: none; display: inline; padding: 0 20px; background: url("../images/menu_linien_top.png") repeat-y scroll right center transparent; }
#mini_menu_top ul li a { text-decoration: none; color: #fff; background-color: transparent; }
#mini_menu_top ul li a:hover, #mini_menu_top ul li.active a { color: #ccc; }

/* Logo */
#logo { width: 675px; height: 110px; float: left; overflow: hidden; }
#logo a { float: left; }

/* Suchfeld */
#search { width: 280px; overflow: hidden; float: left; overflow: hidden; }
#search label, #search input.button { position: absolute; top: -1000px; }
#search input.inputbox { width: 177px; height: 32px; margin: 35px 0 0 0; padding: 0 0 0 45px; border: none; color: #CCC; line-height: 32px; float: right; }
#search input.inputbox:hover { color: #FFF; background-color: transparent; }
.search { margin: 0; padding: 0; }
#search input.inputbox { background: url(../images/search.png) no-repeat 0 0; }


/* Social Button */
#socialbox { width: 280px; overflow: hidden; float: left; overflow: hidden; padding: 10px 0 0; }
#socialbox_in { float: right; }
#twitter { width: 28px; height: 30px; float: left; padding: 0 10px; }
#facebook { width: 28px; height: 30px; float: left; padding: 0 10px;}
#rss { width: 28px; height: 30px; float: left; padding: 0 10px;}
#twitter a, #facebook a, #rss a { height: 30px; width: 28px; display: block; }
#twitter { background: url(../images/twitter_button.png) no-repeat top center; }
#twitter:hover { background: url(../images/twitter_button.png) no-repeat bottom center;  }
#facebook { background: url(../images/facebook_button.png) no-repeat top center; }
#facebook:hover { background: url(../images/facebook_button.png) no-repeat bottom center;  }
#rss { background: url(../images/rss_button.png) no-repeat top center; }
#rss:hover { background: url(../images/rss_button.png) no-repeat bottom center;  }


/* Main Menu Top */
#cssmenu_top, #mainmenu_top  { width: 100%; padding: 0; float: left; position: relative; z-index: 9999; }

#cssmenu_top div { clear: left; }
#cssmenu_top ul { margin: 0; padding: 1px; text-align: center; float: left; }
#cssmenu_top ul li { list-style: none; float: left; position: relative; margin: 0; padding: 0; }
#cssmenu_top ul a, #cssmenu_top ul span { background-color: transparent; display: block; padding: 10px 30px 11px; text-decoration: none; font-weight: bold; color: #FFF; text-shadow: 1px 1px 1px #333333; }
#cssmenu_top ul a:hover, #cssmenu_top ul span, li a#aktuell { color: white; background-color: gray; }

#cssmenu_top ul li ul { margin: 0; padding: 0; position: absolute; top: 40px; display: none; width: 200px; text-align: left; }
#cssmenu_top ul li:hover ul { display: block; }
#cssmenu_top ul li ul li { float: none; display: block; margin-bottom: 0.2em; background: url(../images/navline.png) no-repeat bottom center; }
li a#aktuell { color: maroon; background-color: silver; } 
#cssmenu_top ul li ul span { background-color: maroon; }

#cssmenu_top ul li ul li ul { margin: 0; padding: 0; position: absolute; top: 0; left: 200px; display: none; width: 200px; text-align: left;  }


/* CONTENT
*********************************************/
.h2o { color: #FFF; font-weight: bold; font-size: 12px !important; padding: 12px !important; text-shadow: 1px 1px 1px #333 !important; margin: 0 !important; background-color: transparent; }
#wrap_content { width: 100%; text-align: center; min-height:100%; }
#content_in { margin: 0 auto; width: 965px; text-align: left; }
#content { width: 587px; padding: 0 5px 10px 0; float: left; }
#content_big { width: 965px; padding: 0 5px 10px 0; float: left; }
.blog_header h2, .blog_header_big h2 { color: #FFFFFF; font-size: 12px !important; font-weight: bold; padding: 12px !important; margin: 0 !important; text-shadow: 1px 1px 1px #333333 !important; background-color: transparent; }
#navi { width: 368px; padding: 0 0 10px 5px; float: left; }

/* Slideshow */
#slider { width: 577px; float: left; padding: 0px 5px; }
.slide_top { width: 577px; height: 9px; overflow: hidden; float: left; }
.slide_content { width: 561px; overflow: hidden; float: left; padding: 0 8px; z-index: -999; }
.slide_bottom { width: 577px; height: 9px; overflow: hidden; float: left; }
.dnn {display: none;}

#slider_big { width: 954px; float: left; padding: 0px 5px; }
.slide_top_big { width: 954px; height: 15px; overflow: hidden; float: left; }
.slide_content_big { width: 934px; overflow: hidden; float: left; padding: 0 10px; }
.slide_bottom_big { width: 954px; height: 15px; overflow: hidden; float: left; }

/* Banner top */
#banner_top { width: 577px; float: left; padding: 0px 5px; }
#banner_top img { text-align: center; }
#banner_top .inside { width: 96%; margin: 0 auto; text-align: center; }

#banner_top_big { width: 954px; float: left; padding: 0px 5px; }
#banner_top_big img { text-align: center; }

/* Banner bottom */
#banner_bottom { width: 577px; float: left; padding: 0px 5px; }
#banner_bottom img { text-align: center; }
#banner_bottom .inside { width: 96%; margin: 0 auto; text-align: center; }

#banner_bottom_big { width: 954px; float: left; padding: 0px 3px; }
#banner_bottom img { text-align: center; }

/* Breadcrumb */
#breadcrumb { width: 100%; float: left; font-size: 11px;  background: url(../images/bg_bread.png) repeat-x center top; position: relative; top: -3px; height: 25px;  border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;  }
.breadcrumbs { width: 100%; padding: 2px;}
.breadcrumbs span { padding: 5px; }
.showHere { font-weight: bold; }
a.pathway { text-decoration: none; color: #666; padding: 5px; }
a:hover.pathway { text-decoration: underline; color: #333; background-color: transparent; }

.twobox, .threebox { width: 100%; float: left; padding: 0; margin: 0; }


/* Position 1 und 2 Links  */
#box_middle_1 { float: left; width: 283px; padding: 0px 5px; }
#box_middle_2 { float: left; width: 283px; padding: 0px 4px 0 7px; }
.box_middle_top { width: 283px; height: 38px; float: left; }
.box_middle_content { width: 283px; float: left; }
.box_middle_footer { width: 283px; height: 15px; float: left; }

#box_middle_1_big, #box_middle_2_big { float: left; width: 472px; padding: 0px 5px; }
.box_middle_top_big { width: 472px; height: 38px; float: left; }
.box_middle_content_big { width: 472px; float: left; }
.box_middle_footer_big { width: 472px; height: 15px; float: left; }

/* Position 3, 4 und 5 Links  */
#box_middle_3, #box_middle_4, #box_middle_5 { float: left; width: 188px; padding: 0px 3.5px; }
.box_small_top { width: 188px; height: 38px; float: left; }
.box_small_content { width: 188px; float: left; }
.box_small_footer { width: 188px; height: 10px; float: left; }

#box_middle_3_big, #box_middle_4_big  { float: left; width: 314px; padding: 7px 3px; }
#box_middle_5_big  { float: left; width: 314px; padding: 7px 3px; }
.box_small_top_big { width: 314px; height: 38px; float: left; }
.box_small_content_big { width: 314px; float: left; }
.box_small_footer_big { width: 314px; height: 15px; float: left; }

/* Position 6, 7 und 8 Links  */
#box_middle_6, #box_middle_7  { float: left; width: 188px; padding: 7px 4px; }
#box_middle_8  { float: left; width: 188px; padding: 7px 3px; }

#box_middle_6_big, #box_middle_7_big  { float: left; width: 314px; padding: 7px 3px; }
#box_middle_8_big  { float: left; width: 314px; padding: 7px 3px; }

/* Position 9 und 10 Links  */
#box_middle_9 { float: left; width: 283px; padding: 0px 5px; }
#box_middle_10 { float: left; width: 283px; padding: 0px 4px 0 7px; }
#box_middle_9_big, #box_middle_10_big { float: left; width: 472px; padding: 0px 5px; }

/* Position 1 */
/* #box_right_1 { width: 358px; float: left; padding: 0px 5px; } */
/* .pos1_top { width: 358px; height: 38px; overflow: hidden; } */
/* .pos1_content { width: 358px; overflow: hidden; } */
/* .pos1_bottom { width: 358px; height: 15px; overflow: hidden; } */

/* Position 1 neu */
#box_right_1 { width: 358px; float: left; padding: 0px 5px; }
.pos1_top { width: 358px; height: 38px; overflow: hidden; }
.pos1_content { width: 358px; overflow: hidden; }
.pos1_bottom { width: 358px; height: 15px; overflow: hidden; }

/* Position 2 und 3 Rechts */
#box_right_2, #box_right_3 { float: left; width: 173px; padding: 0px 5px; }
.box_small_r_top { width: 173px; height: 38px; float: left; }
.box_small_r_content { width: 173px; float: left; }
.box_small_r_footer { width: 173px; height: 15px; float: left; }

/* Position 4 Rechts */
#box_right_4 { width: 358px; float: left; padding: 0px 5px; }

/* Position 5 und 6 Rechts */
#box_right_5, #box_right_6 { float: left; width: 173px; padding: 0px 5px; }

.marg { padding: 7px 0px; float: left; }
/* Content Inhalt */
.content_index { float: left; width: 578px; padding: 0px 5px; }
.blog_header { width: 578px; float: left; height: 38px; }
.blog_header h1 { padding: 12px; color: #FFF; font-weight: bold; background-color: transparent; }
.blog_content { width: 558px; float: left; padding: 10px; }
.items-row { padding: 10px;}
.pagination { padding: 10px; }
.blog_footer { width: 578px; float: left; height: 15px; }

.content_index_big { float: left; width: 954px; padding: 0px 3px; }
.blog_header_big { width: 954px; float: left; height: 38px; }
.blog_header_big h1 { padding: 12px; color: #FFF; font-weight: bold; background-color: transparent; }
.blog_content_big { width: 934px; float: left; padding: 10px; }
.items-leading {padding: 10px; float: left; }
.items-row { padding: 10px;}
.pagination { padding: 10px; }
.blog_footer_big { width: 954px; float: left; height: 15px; }
.item { margin-bottom: 20px; float: left; width: 100%; }
.blog_content h2 { font-size: 150%; margin: 0 0 0 0 !important; padding: 0; color: #567C8A; text-shadow: 1px 1px 1px #ccc; line-height: 100% !important; border-bottom: 1px dotted #ccc;  }
.blog_content h2 a { text-decoration: none; color: #567C8A; text-shadow: 1px 1px 1px #999; }
.blog_content h2 a:hover { color: #000; }

.blog_content_big h2 { font-size: 150%; margin: 0 0 0 0 !important; padding: 0; color: #567C8A; text-shadow: 2px 2px 3px #ccc; clear: both; }
.blog_content_big h2 a { text-decoration: none; color: #567C8A; text-shadow: 2px 2px 3px #999; }
.blog_content_big h2 a:hover { color: #000; }

.content_rating { color: #666; float: left; padding: 5px 0; width: 100%; font-weight: bold; }
.content_rating img { padding: 0 3px; }

.content_vote { float: right; margin-top: -36px; padding: 10px 0; position: relative; color: #666; font-weight: bold; }
.content_vote .button { background: url("../images/bgb.png") repeat-x scroll left bottom transparent; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; display: inline; font-weight: bold; list-style: none outside none; margin: 0 5px; padding: 3px 6px; color: #666; cursor: help; }

.readmore { float: left; width: 100%; }
.readmore a { background: url("../images/right.png") no-repeat scroll 5px center #FFFFFF; color: #567C8A; margin: 0 !important; text-decoration: underline; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; float: left; font-weight: bold; padding: 2px 6px 2px 20px;}
.readmore a:hover { color: #333; background-color: transparent; }
.pagination ul, ul.pagenav { float: left; padding: 5px; text-align: center; width: 100%; }
.pagination ul li, ul.pagenav li { background: url("../images/bgb.png") repeat-x scroll left bottom transparent !important; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; display: inline; font-weight: bold; list-style: none outside none; margin: 10px 5px 15px !important; padding: 3px 6px !important; color: #3B5998; }
.pagination ul li a, ul.pagenav li a { margin: 0; padding: 0; text-decoration: none; color: #3B5998; }
.pagination ul li a:hover, ul.pagenav li a:hover { color: #666; }
p.counter { font-weight: bold; padding: 15px 0 5px; text-align: center; width: 100%; }

.pagenav { font-weight: normal; }

ul.actions { padding: 5px; width: 100%; text-align: right; position: relative; top: -35px; left: -15px; }
ul.actions li { list-style: none; display: inline; padding: 0 5px; }
.article-info { background: none repeat scroll 0 0 #F7F7F7; border: 1px solid #F1F1F1; color: #666666; float: left; margin: 10px 0; padding: 5px; width: 98.5%; border-radius: 3px 3px 3px 3px; }
.article-info-term, .category-name, .hits { font-weight: bold; }
.category-name a { color: #0E774A; font-size: 0.75em; }
.create, .modified, .published, .createdby, .hits, .category-name { font-size: 90%; }


.textdisp { width: 98.5%; float: left; padding: 10px 0; }
.textdisp img { padding: 3px 5px 3px 0;}
.textdisp ul li { list-style: none; padding: 0 0 0 15px; background: url(../images/alink.png) no-repeat left center; line-height: 20px; }

.monthf { color: #FFFFFF; float: left; font-size: 9px; font-weight: bold; background-color: transparent; padding: 2px 0 0 5px; width: 40px; text-shadow: 1px 1px 1px #000000; }
.datef { color: #FFFFFF; float: left; font-size: 25px; font-weight: bold; background-color: transparent; padding: 10px 5px; text-align: center; text-shadow: 1px 1px 1px #000000; }
.yearf { color: #FFFFFF; float: left; font-size: 11px; width: 40px; line-height: 12px; background-color: transparent; padding: 0 0 0 5px; height: 12px; text-shadow: 1px 1px 1px #000000; }
.createdate_front { display: block; height: 43px; width: 91px; padding: 0; margin-left: -21px; margin-top: 10px; line-height: 135%; position: relative; background-color: transparent;}

/* --- Login --- */
form#login-form { float: left; width: 100%; }
fieldset.userdata { float: left; width: 100%; }
#login-form input.button { margin: 20px 0 0 0; }
#login-form .pretext,#login-form .posttext { color: #333; text-decoration: none; padding: 3px 0; margin: 0; font-size: 100%; float: left; background-color: transparent;}

#login-form ul { padding: 20px 0 0 0; float: left; position: relative; margin-top: -85px; margin-left: 180px; text-align: left; }
#login-form ul li { list-style: none; background: url(../images/bg_subnav.png) no-repeat left center !important; padding:0 0 0 8px !important; font-size: 11px; margin: 0 !important; text-align: left; }
#login-form ul li a { color: #666; font-size: 11px; text-decoration: none; padding: 0; margin: 0; }
#login-form ul li a:hover { color: #333; background-color: transparent;}

p#form-login-username {float: left; width: 100%;}
#form-login-username label {float: left; width: 30%; color: #666; font-size: 90%; font-weight: bold;}
input#modlgn-username {float: left; width: 50%;}

p#form-login-password {float: left; width: 100%;}
#form-login-password label {float: left; width: 30%; color: #666; font-size: 90%; font-weight: bold;}
input#modlgn-passwd {float: left; width: 50%;}

p#form-login-remember {float: left; width: 100%;}
#form-login-remember label {float: left; width: 30%; color: #666; font-size: 80%; }
input#modlgn-remember {float: left; }

/* RSS Feed Anzeige */
.feed { text-align: left !important; direction: ltr !important; }

/* Footer
*********************************************/
#footer_shadow { padding: 0; margin: 0; height: 6px; width: 100%; float: left; background: url("../images/line_bottom.png") repeat-x scroll center top transparent;  }
#footer { width: 100%; text-align: center; float: left; }
#footer_in { margin: 0 auto; width: 965px; text-align: left; }
#footer_in a { color: #fff; background-color: transparent; }
#footer_in ul { padding: 0 0 !important; }
#footer_in ul li { background: url("../images/menu_linien_top.png") repeat-x scroll center bottom; padding: 2px 0; }
#footer_in ul li a { text-decoration: none; padding: 2px 0 2px 15px; background: url(../images/alink.png) no-repeat left center; display: block;}
#footer_in a:hover { color: #FF0; }

/* Position 1 - 3 Footer */
#box_footer_1, #box_footer_2, #box_footer_3 { width: 170px; float: left; color: #fff !important; padding: 12px !important; background-color: transparent;}
#box_footer_1 h3, #box_footer_2 h3, #box_footer_3 h3 { font-weight: bold; padding: 5px 2px !important; font-size: 12px !important; color: #FFFFFF; text-shadow: 1px 1px 1px #333333; background-color: transparent; background: url("../images/menu_linien_top.png") repeat-x scroll center bottom transparent;}

/* Position 4 Footer */
#box_footer_4 { width: 350px; float: left; padding: 12px; color: #FFF; background-color: transparent;}
.foot_top { width: 350px; height: 15px; float: left; }
.foot_content { width: 330px; float: left; padding: 0 10px; }
.foot_footer { width: 350px; height: 15px; float: left; }

/* Footer Menu */
#menu_footer { width: 100%; text-align: center; height: 25px; }
#menu_footer_in { width: 965px; overflow: hidden; height: 25px; text-align: left; margin: 0 auto; }
#menu_footer_in ul { margin: 0; padding: 3px; }
#menu_footer_in ul li { list-style: none; display: inline; padding: 0 20px; background: url("../images/menu_linien_top.png") repeat-y scroll right center transparent; }
#menu_footer_in ul li a { color: #FFF; text-decoration: none; background-color: transparent; }
#menu_footer_in ul li a:hover { color: #CCC; }
#menu_footer_in ul li.active a { color: #CCC; }



/* Copyright */
/* Der Link / Copyright Text darf nicht entfernt oder verändert werden. Eine freie Lizenz erhalten sie unter Webgau.de - The link / copyright text must not be removed or altered. A free license is available at Webgau.de! */
#copy { width: 100%; overflow: hidden; text-align: center; }
#copy_in { width: 956px; margin: 0 auto; color: #FFF !important; text-align: right; font-size: 11px; background-color: transparent;}
#copy_in h2 { padding: 15px;  color: #FFF !important; text-align: right; font-size: 11px !important; text-shadow: none !important; background-color: transparent;}
#copy_in a { text-decoration: underline; color: #fff; background-color: transparent;}
/* Der Link / Copyright Text darf nicht entfernt oder verändert werden. Eine freie Lizenz erhalten sie unter Webgau.de - The link / copyright text must not be removed or altered. A free license is available at Webgau.de! */

/* OVERRIDES
*********************************************/

/* SYSTEM
**************************************************/

/* OpenID icon style */
input.system-openid,input.com-system-openid { background:url(http://openid.net/login-bg.gif) no-repeat; background-color:#fff; background-position:0 50%; color:#000; padding-left:18px; }

/* Unpublished */
.system-unpublished { background:#e8edf1; border-top:4px solid #c4d3df; border-bottom:4px solid #c4d3df; }

/* System Messages */
#system-message { margin-bottom:10px; padding:0; }
#system-message dt { font-weight:bold; }
#system-message dd { margin:0; font-weight:bold; text-indent:30px; }
#system-message dd ul { color:#0055BB; margin-bottom:10px; list-style:none; padding:10px; border-top:3px solid #84A7DB; border-bottom:3px solid #84A7DB; }

/* System Standard Messages */
#system-message dt.message { display:none; }
#system-message dd.message { }

/* System Error Messages */
#system-message dt.error { display:none; }
#system-message dd.error ul { color:#c00; background-color:#E6C0C0; border-top:3px solid #DE7A7B; border-bottom:3px solid #DE7A7B; }

/* System Notice Messages */
#system-message dt.notice { display:none; }
#system-message dd.notice ul { color:#c00; background:#EFE7B8; border-top:3px solid #F0DC7E; border-bottom:3px solid #F0DC7E; }

/* Debug */
#system-debug { color:#ccc; background-color:#fff; padding:10px; margin:10px; }
#system-debug div { font-size:11px; }

/* GENERAL
**************************************************/
/* Features */
.blog-featured { float: left; width: 100%; }
.items-leading { float: left; width: 96%; padding: 10px; }
.items-row { float: left; width: 96%; padding: 10px;}
.pagination { float: left; width: 100%; }
.item-separator { clear: both; height: 1px; width: 99%;}

/* Form validation */
.invalid { border-color:#ff0000; }
label.invalid { color:#ff0000; }

/* Buttons */
#editor-xtd-buttons { padding:5px; }
.button2-left,.button2-right,.button2-left div,.button2-right div { float:left; }
.button2-left a,.button2-right a,.button2-left span,.button2-right span { display:block; height:22px; float:left; line-height:22px; font-size:11px; color:#666; cursor:pointer; }
.button2-left span,.button2-right span { cursor:default; color:#999; }
.button2-left .page a,.button2-right .page a,.button2-left .page span,.button2-right .page span { padding:0 6px; }
.page span { color:#000; font-weight:bold; }
.button2-left a:hover,.button2-right a:hover { text-decoration:none; color:#0B55C4; }
.button2-left a,.button2-left span { padding:0 24px 0 6px; }
.button2-right a,.button2-right span { padding:0 6px 0 24px; }
.button2-left { background:url(../images/system/j_button2_left.png) no-repeat; float:left; margin-left:5px; }
.button2-right { background:url(../images/system/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px; }
.button2-left .image { background:url(../images/system/j_button2_image.png) 100% 0 no-repeat; }
.button2-left .readmore,.button2-left .article { background:url(../images/system/j_button2_readmore.png) 100% 0 no-repeat; }
.button2-left .pagebreak { background:url(../images/system/j_button2_pagebreak.png) 100% 0 no-repeat; }
.button2-left .blank { background:url(../images/system/j_button2_blank.png) 100% 0 no-repeat; }

/* Tooltips */
div.tooltip { float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; z-index:13000; }
div.tooltip h4 { padding:0; margin:0; font-size:95%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../images/system/selector-arrow.png) no-repeat; }
div.tooltip p { font-size:90%; margin:0; }

/* Caption fixes */
.img_caption.left { float:left; margin-right:1em; }
.img_caption.right { float:right; margin-left:1em; }
.img_caption.left p { clear:left; text-align:center; color: #999; }
.img_caption.right p { clear:right; text-align:center; color: #999; }

/* Calendar */
a img.calendar { width:16px; height:16px; margin-left:3px; background:url(../images/system/calendar.png) no-repeat; cursor:pointer; vertical-align:middle; }

/* RSS Feed */
a.syndicate-module { text-decoration: none; }

/* Kategorie Desc */
.category-desc { font-style: italic; color: #666; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold;}
.showplus-images span { z-index: -999 !important; }

/* Joomla Module */
ul.mostread, ul.latestnews, ul.latestusers { margin: 0; padding: 0; }
ul.mostread li, ul.latestnews li, ul.latestusers li { list-style: none; border-bottom: 1px solid #f4f4f4; padding-left: 10px; background: url(../images/arrow.png) no-repeat left 11px; }
ul.mostread li a, ul.latestnews li a, ul.latestusers li a { display: block; padding: 5px 0; text-decoration: none; }
ul.mostread li a:hover, ul.latestnews li a:hover, ul.latestusers li a:hover { text-decoration: underline; }

/* Kontakt Blog */
.categories-list, .cat-children { float: left; width: 100%; }
.categories-list ul, .cat-children ul { margin: 0; padding: 0; }
.categories-list ul li, .cat-children ul li { list-style: none; }
.categories-list ul li a, .cat-children ul li a { color: #000; }

.categories-list ul li ul, .cat-children ul li ul { padding: 2px 5px; }
.categories-list ul li ul li, .cat-children ul li ul li { padding: 2px 15px; background: url(../images/menu_ulli.png) no-repeat left 7px; }
.categories-list ul li ul li a, .cat-children ul li ul li a { color: #666; }

.contact-category { float: left; width: 100%; }
table.category { padding: 10px 0; width: 100%; }
table.category thead th { width: 19%; font-weight: bold; }
table.category th.item-num { width: 2%; }
table.category thead th a { font-weight: bold; text-decoration: none; }
table.category tbody td { padding: 5px; }
table.category tbody tr.odd { background-color: #f1f1f1; }
.jicons-icons { float: left; display: block; padding: 5px; }
.cat-children { width: 100%; padding: 20px 0; }
.cat-children h3 { color: #567C8A; font-size: 100%; margin: 0 0 1em; padding: 0; text-shadow: 1px 1px 1px #CCCCCC; }

/* weblinks */
td.title p { padding: 0; }
td.hits { vertical-align: top; padding: 5px; }
.cat-list-row0 { background-color: #f1f1f1; }
.cat-list-row1 { background-color: #f9f9f9; }
legend { padding: 5px 0; font-weight: bold; }
.formelm input { width: 100%; float: left; padding: 5px 0; }
.formelm label { width: 100%; float: left;  padding: 5px 0; font-weight: bold; }
.formelm-buttons button { background: url("../images/bgb.png") repeat-x scroll left bottom transparent !important; border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; display: inline; font-weight: bold; list-style: none outside none; margin: 10px 5px 15px !important; padding: 3px 6px !important; color: #3B5998; cursor: pointer; }
#jform_description { width: 99% !important; }

/* Social like button */
#sociallike { width: 98.3%; float: left; padding: 5px; background-color: #F2F2F2; border-top: 1px solid #E9E9E9; }
#twitter_like { width: 120px; padding: 5px; float: left; }
#facebook_like { width: 120px; padding: 5px; float: left; }
#plusone { width: 120px; padding: 5px; float: left; }

/* article */

li.first, li.last { width: 100%; float: left; }
li.first dd, li.last dd { float: left; padding: 0 5px; font-weight: bold; font-size: 11px;}
li.first dt, li.last dt { float: left; padding: 0 5px; font-weight: bold; font-size: 11px;}
/* Überschrift mit Datum auf der Startseite */
.headline { width: 100%; float: left; }
.headleft { width: 11%; float: left; }
.headleft .createdate_front { margin-top: 0 !important; }
.headright { width: 88%; float: left; background-color: #f9f9f9; border: 1px solid #f1f1f1; }
.headright h2 { padding: 9px 15px !important; margin: 0 !important; border-bottom: none !important; }

/* Boxen */
.slide_top { background: url(../images/box/box_w_head.png) no-repeat center top; }
.slide_content { background: url(../images/box/box_w_content.png) repeat-y center center; }
.slide_bottom { background: url(../images/box/box_w_foot.png) no-repeat center top; }
.slide_top_big { background: url(../images/box/box_1_head.png) no-repeat center top; }
.slide_content_big { background: url(../images/box/box_1_center.png) repeat-y center center; }
.slide_bottom_big { background: url(../images/box/box_1_footer.png) no-repeat center top; }
.box_middle_content { background: url(../images/box/box_m_smal_content.png) repeat-y center center; }
.box_middle_footer { background: url(../images/box/box_m_smal_foot.png) no-repeat center top;}
.box_middle_top_big { background: url(../images/box/box_2_head.png) no-repeat center top; }
.box_middle_content_big { background: url(../images/box/box_2_center.png) repeat-y center center; }
.box_middle_footer_big { background: url(../images/box/box_2_footer.png) no-repeat center top;}
.box_small_content { background: url(../images/box/box_s_center.png) repeat-y center center; }
.box_small_footer { background: url(../images/box/box_s_footer.png) no-repeat center top;}
.box_small_top_big { background: url(../images/box/box_3_head.png) no-repeat center top; }
.box_small_content_big { background: url(../images/box/box_3_center.png) repeat-y center center; }
.box_small_footer_big { background: url(../images/box/box_3_footer.png) no-repeat center top;}
.pos1_content { background: url(../images/box/box_lb_center.png) repeat-y center center; }
.pos1_bottom { background: url(../images/box/box_lb_footer.png) no-repeat center top; }
.box_small_r_content { background: url(../images/box/box_ls_center.png) repeat-y center center; }
.box_small_r_footer { background: url(../images/box/box_ls_footer.png) no-repeat center top;}
.blog_header { background: url(../images/box/box_b_h3.png) no-repeat center top; }
.blog_content { background: url(../images/box/box_b_center.png) repeat-y center top; }
.blog_footer { background: url(../images/box/box_b_footer.png) no-repeat center top; }
.blog_header_big { background: url(../images/box/box_4_head.png) no-repeat center top; }
.blog_content_big { background: url(../images/box/box_4_center.png) repeat-y center center; }
.blog_footer_big { background: url(../images/box/box_4_footer.png) no-repeat center top; }
.foot_top { background:url(../images/box/box_bot_header.png) no-repeat center center; }
.foot_content { background: url(../images/box/box_bot_center.png) repeat-y center center; }
.foot_footer { background: url(../images/box/box_bot_footer.png) no-repeat center center; }

/* Newsmodul */
#facenews { width: 98.5%; padding: 5px; float: left; }

/* Colors Module */

/* Red */
.bsrtl_red { background: url(../images/red/bhbl.png) no-repeat right bottom; width: 9px; height: 38px; float: left; } 
.bsrtc_red { background: url(../images/red/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 156px; }
.bsrtc_0_red { background: url(../images/red/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 561px; }
.bsrtc_01_red { background: url(../images/red/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 937px; }
.bsrtc_1_red { background: url(../images/red/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 341px; }
.bsrtc_2_red { background: url(../images/red/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 266px; }
.bsrtc_2b_red { background: url(../images/red/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 455px; }
.bsrtc_3_red { background: url(../images/red/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 171px; }
.bsrtc_3b_red { background: url(../images/red/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 297px; } 
.bsrtr_red { background: url(../images/red/bhbr.png) no-repeat right bottom; width: 8px; height: 38px; float: right; }

.bsrtl_blue { background: url(../images/blue/bhbl.png) no-repeat right bottom; width: 9px; height: 38px; float: left; } 
.bsrtc_blue { background: url(../images/blue/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 156px; } 
.bsrtc_0_blue { background: url(../images/blue/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 561px; }
.bsrtc_01_blue { background: url(../images/blue/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 937px; }
.bsrtc_1_blue { background: url(../images/blue/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 341px; }
.bsrtc_2_blue { background: url(../images/blue/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 266px; }
.bsrtc_2b_blue { background: url(../images/blue/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 455px; }
.bsrtc_3_blue { background: url(../images/blue/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 171px; }
.bsrtc_3b_blue { background: url(../images/blue/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 297px; }
.bsrtr_blue { background: url(../images/blue/bhbr.png) no-repeat right bottom; width: 8px; height: 38px; float: right; }

.bsrtl_green { background: url(../images/green/bhbl.png) no-repeat right bottom; width: 9px; height: 38px; float: left; } 
.bsrtc_green { background: url(../images/green/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 156px; } 
.bsrtc_0_green { background: url(../images/green/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 561px; }
.bsrtc_01_green { background: url(../images/green/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 937px; }
.bsrtc_1_green { background: url(../images/green/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 341px; }
.bsrtc_2_green { background: url(../images/green/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 266px; }
.bsrtc_2b_green { background: url(../images/green/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 455px; }
.bsrtc_3_green { background: url(../images/green/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 171px; }
.bsrtc_3b_green { background: url(../images/green/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 297px; }
.bsrtr_green { background: url(../images/green/bhbr.png) no-repeat right bottom; width: 8px; height: 38px; float: right; }

.bsrtl_black { background: url(../images/black/bhbl.png) no-repeat right bottom; width: 9px; height: 38px; float: left; } 
.bsrtc_black { background: url(../images/black/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 156px; } 
.bsrtc_0_black { background: url(../images/black/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 561px; }
.bsrtc_01_black { background: url(../images/black/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 937px; }
.bsrtc_1_black { background: url(../images/black/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 341px; }
.bsrtc_2_black { background: url(../images/black/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 266px; }
.bsrtc_2b_black { background: url(../images/black/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 455px; }
.bsrtc_3_black { background: url(../images/black/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 171px; }
.bsrtc_3b_black { background: url(../images/black/bhbc.png) repeat-x right bottom; height: 38px; float: left; width: 297px; }
.bsrtr_black { background: url(../images/black/bhbr.png) no-repeat right bottom; width: 8px; height: 38px; float: right; }


ul.menu_banner li{
display:inline;
margin: 2px 2px 2px;
float: left;
list-style-type:none;
border-right: solid #999 1px; padding-right: 4px;}