/* top right bottom left */
/* font-style, font-variant, font-weight, font-size/line-height, font-family */

body { font-family: Helvetica, Arial, sans-serif; color: #5A5A5A; font-size: 11px; line-height: 140%; margin: 0px; background: #F0F0F0; }

img { border: 0px none; padding: 0px; margin: 0px; }
form { padding: 0px; margin: 0px; }
hr { border: 0; color: #C9C8C8; background-color: #C9C8C8; height: 1px; }
.clear { clear: both; }

a { text-decoration: none; color: #5A5A5A; }

h1 { font-family:  Helvetica, Arial; padding: 0px; margin: 0px 0px 15px 0px; font-size: 21px; color: #12536D; line-height: 110%;  }
h2 { font-size: 15px; color: #12536D; padding:0px 0px 10px 0px; margin: 0px; font-weight: normal; }
h3 { font-size: 11px; line-height: 140%; padding:0px; margin: 0px; color: #848383; }
h4 { font-size: 11px; line-height: 140%; padding:0px; margin: 0px; color: #848383; }
h5 { font-size: 11px; line-height: 140%; padding:0px; margin: 0px; color: #848383; }
h6 { font-size: 11px; line-height: 140%; padding:0px; margin: 0px; color: #848383; }

/* rte elemente */

.align-right { text-align: right; }

.all { width: 867px; margin: 0px auto; }

#additional-menu { height: 28px; position: relative; }
#additional-menu ul { list-style-type: none; padding: 0px; margin: 0px; position: absolute; right: 0px; top: 5px; }
#additional-menu li { float: left; }
#additional-menu a { padding: 0px; margin-right: 20px; }
#additional-menu a:hover { color: #C8C8C8; }
#additional-menu a.marked { color: #FFAA00; }

#head { height: 94px; position: relative; border-bottom: 1px solid #F0F0F0; }
#head { background: #ffffff url(../layout_pic/logo.png) no-repeat left center; }


.login-area { height: 94px; width: 210px; border-left: 1px solid #F0F0F0; position: absolute; right: 0px; top: 0px; }

/* login */
.login-left { float: left; width: 59px; text-align: right; padding-right: 6px; padding-top: 3px; }
.login-right { float: left; width: 130px; }

.login-area input.loginuser { height: 17px; width: 125px; border: 1px solid #C9C8C8; color: #C8C8C8; font-size: 11px; margin-bottom: 6px; }
.login-area input.loginpw {	vertical-align: middle; height: 17px; width: 98px; border: 1px solid #C9C8C8; color: #C8C8C8; font-size: 11px; }
.login-area input.logingo {	vertical-align: middle; }
.loghead { padding: 10px 0px 7px 65px; font-size: 17px;}

/* logout */

.logout-left { float: left; width: 65px; text-align: center; margin-top: 25px; }
.logout-right { float: right; width: 140px; color: #C9C8C8; padding: 10px 5px 0px 0px; }
.logout-right span { color: #A9AAAA; }

.logoutbutton {  cursor: pointer; font-size: 11px; margin: 5px 0px 0px -10px; padding: 0px 0px 0px 10px; color: #C9C8C8; background: url(../layout_pic/arrow_right.jpg) no-repeat left center; border: 0px none;}
.logoutbutton:hover { color: #FFA900; }



#slogan-of-the-day { margin-bottom: 15px; }

#bread-search { position: relative; margin-bottom: 15px; height: 30px; }

.breadcrumb { list-style-type: none; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; }
.breadcrumb li { height: 30px; line-height: 30px; padding: 0px 20px 0px 10px; float: left; }
.breadcrumb li { background: #ffffff url(../layout_pic/breadcrumb_inbetween_arrow.png) no-repeat right; }
.breadcrumb li.last { background: #ffffff url(../layout_pic/breadcrumb_end_arrow.png) no-repeat right; padding: 0px 30px 0px 10px; }
.breadcrumb a { line-height: 30px; }

.search { width: 210px; height: 30px; text-align: center; position: absolute; right: 0px; top: 0px; background-color: #ffffff; }
.search input.searchinput { margin-top: 3px; vertical-align: middle; height: 17px; width: 166px; border: 1px solid #C9C8C8; color: #C8C8C8; font-size: 11px; }
.search input.searchgo { margin-top: 3px; vertical-align: middle; }

.norm_cont_left { width: 429px; float: left }
.norm_cont_right { width: 429px; float: right }

.wide_cont_left { width: 647px; float: left }
.thin_cont_right { width: 210px; float: right }

.simple-text { background: #ffffff; padding: 10px 13px 13px 13px; margin-bottom: 15px }
.simple-text a { text-decoration: underline; }
.simple-text a:hover { color: #FFA900; }
.simple-text-head-l { float: left; width: 70%;}
.simple-text-head-r { float: right; width: 30%; text-align: right; }

.simple-text-startpage { background: #ffffff; padding: 3px 13px 3px 3px; margin-bottom: 0px }
.simple-text-startpage a { text-decoration: none; }
.simple-text-startpage a:hover { color: #FFA900; }


.csc-header-n1 { background: #ffffff; padding: 13px 13px 0px 13px; }
.csc-header-n1 h1 { margin: 0px;  }


a.logo img { margin: 0px 0px 25px 0px; text-decoration: none; }
a.logo:hover { text-decoration: none; }

.footer { margin-top: 15px; height: 24px; background: url(../layout_pic/footer_background.png) repeat-x left center; }
.footer ul { list-style-type: none; padding: 0px; margin: 0px; }
.footer li { float: left; }
.footer a { line-height: 24px; height: 24px; padding: 0px 10px 0px 10px; color: #ffffff; border-right: 1px solid #ffffff; font-size: 10px; }
.footer li.last a { border-right: 0px none; }
.footer a:hover { color: #C8C8C8; }
.footer a.marked { color: #FFAA00; }


.header { margin-top: 15px; height: 24px; background: url(../layout_pic/footer_background.png) repeat-x left center; }
.header ul { list-style-type: none; padding: 0px; margin: 0px; }
.header li { float: left; }
.header a { line-height: 24px; height: 24px; padding: 0px 10px 0px 10px; color: #ffffff; border-right: 1px solid #ffffff; font-size: 10px; }
.header li.last a { border-right: 0px none; }
.header a:hover { color: #C8C8C8; }
.header a.marked { color: #FFAA00; }

#main-nav { margin-bottom: 15px; background-color: #ffffff;  font-family: Helvetica, Arial, sans-serif; color: #5A5A5A; font-size: 11px; height: 24px; position:relative; z-index:100; }

#main-nav a.marked { background-image: url(../layout_pic/main_nav_marked.png); background-repeat: repeat-x; color: #ffffff; }

/* remove all the bullets, borders and padding from the default list styling */
#main-nav ul { padding: 0; margin: 0; list-style-type: none; }
#main-nav ul ul { width:auto; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#main-nav li { float: left; position: relative;}
/* style the links for the top level */
#main-nav a { float: left; display: block; font-size: 11px; text-decoration:none;  color: #5A5A5A; height:24px; border-right: 1px solid #F0F0F0; padding-left:10px; padding-right:10px; line-height:24px;}

/* style the second level background */
#main-nav ul ul a { border: 0px none;  background-color: #ffffff; }
/* style the second level hover */
#main-nav ul ul a:hover { }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#main-nav ul ul {visibility: hidden; position: absolute; height: 0; top: 24px; left:0; width:auto;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#main-nav table, #main-nav div {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#main-nav ul ul a { height:auto; line-height:1em; padding:5px 10px; width:140px;border-bottom: 1px solid #F0F0F0}

/* style the top level hover */
#main-nav a:hover, #main-nav ul ul a:hover{background:#E8E8E4; color: #5A5A5A;}
#main-nav :hover > a, #main-nav ul ul :hover > a {background:#E8E8E4; color: #5A5A5A;}

/* make the second level visible when hover on first level list OR link */
#main-nav ul li:hover ul,
#main-nav ul a:hover ul{visibility:visible; }

/* menubutton forum */
.x61 { background-image: url(../layout_pic/footer_background.png); background-repeat: repeat-x; color: #ffffff !important; }
a.x61:hover { color: #5A5A5A !important }




/* news overview */

.news { margin-bottom: 15px; }

.news table { background-color: #ffffff; width: 100%; border-collapse: collapse; }
.news td { border-bottom: 1px solid #F0F0F0; padding: 5px; }
.news td a { color: #000000; }
.news td a:hover { color: #FFA900; }
.news .sl { background-color: #FAF8F8; }
.newsdate { width: 50px;}

.news-overview-head { padding-left:5px; height: 36px; line-height: 36px; font-size: 12px; background-image: url(../layout_pic/news_overview_head.png); background-repeat: repeat-x; background-position: left center;   }
.news-overview-foot { background-color: #ffffff; height: 28px; line-height: 28px; text-align: right; padding-right: 7px; border-bottom: 2px solid #FFA900; }
.news-overview-foot a { text-decoration: underline; }

/* news-item */

.news-item { border-top: 1px solid #C9C8C8; padding-top: 15px; margin-bottom: 15px }

.news-item a { text-decoration: underline; }
.news-item a:hover { color: #FFA900; }

.news-head { padding-bottom: 8px; }
.news-item-head { float: left; width: 50%; font-size: 15px; color: #12536D; line-height: normal; }
.news-item-date { float: right; width: 50%; color: #A9AAAA; text-align: right; }

.news-news-body, .news-listbody { margin-bottom: 15px; }
.news-news-body p, .news-listbody p { padding-top: 0px; margin-top: 0px;}
.news-pic { float: left; padding: 5px 10px 10px 0px; }

.news-listbody a { text-decoration: none; }

.news-item-foot {}
.news-foot-left { float: left; width: 50%; }
.goto-comments { text-decoration: underline; }
.news-foot-right { float: right; width: 50%; text-align: right; }

/* banner */

.banner { margin-bottom: 10px; }
.banner img { margin-bottom: 5px; }

/* dates */

.dates { margin-bottom: 15px; background-color: #ffffff; }

.dates table { background-color: #ffffff; width: 100%; border-collapse: collapse; }
.dates td { border-bottom: 1px solid #F0F0F0; padding: 5px; }
.dates td a { color: #000000; }
.dates td a:hover { color: #FFA900; }
.dates .sl { background-color: #FAF8F8; }
.date { width: 100px;}


.dates-overview-head { padding: 13px; }

.doh-left { float: left; width: 50%; font-size: 21px; color: #12536D; font-family: Times; font-weight:bold; }
.doh-right { float: right; width: 50%; text-align: right; }

/* two columns content */

.two-col-cont { padding: 13px; background: #ffffff; margin-bottom: 15px; }

.two-col-cont a { text-decoration: underline; }
.two-col-cont a:hover { color: #FFA900; }

.tcc-head-left { line-height: normal; margin-bottom: 15px; float: left; width: 70%; font-size: 21px; color: #12536D; font-family: Times; font-weight:bold; }
.tcc-head-right { margin-bottom: 15px; float: right; width: 30%; text-align: right; }

.tcc-left { float: left; width: 49%; }
.tcc-right { float: right; width: 49%; }

.tcc-img { padding: 10px 0px 10px 0px; }
.tcc-pic-desc { color: #A9AAAA; }

/* accordion */

#acc-teaser p { margin-top: 0px; padding-top: 0px; }
.accordion_toggle { display: block; height: 36px; padding-left: 5px; font: bold 14px/36px Arial; cursor: pointer; background: url(../layout_pic/acc_head_background.png) no-repeat left center; }
.accordion_toggle:hover { background: url(../layout_pic/acc_head_background_hover.png) no-repeat left center; }	
.accordion_toggle_active, .accordion_toggle_active:hover  { background: url(../layout_pic/acc_head_highlight.png) no-repeat left center; }	
.accordion_content { background: #ffffff; color: #444444; overflow: hidden; padding: 15px; }



/* sitemap */

.csc-sitemap { background: #ffffff; padding: 13px 13px 13px 33px; margin-bottom: 15px }
.csc-sitemap ul { list-style-type: none; padding: 0px; margin: 0px; }

.csc-sitemap ul li a:hover { text-decoration: underline }

.csc-sitemap ul li { background: url(../layout_pic/sitemap_winkel_1.gif) no-repeat left top; }
.csc-sitemap ul li.last { background: url(../layout_pic/sitemap_winkel_1_last.gif) no-repeat left top; }
.csc-sitemap ul li a { padding-left: 15px; display: block; line-height: 20px; height: 20px;font-weight: bold; }

.csc-sitemap ul ul li { background: url(../layout_pic/sitemap_winkel_2.gif) no-repeat left top; }
.csc-sitemap ul ul li.last { background: url(../layout_pic/sitemap_winkel_2_last.gif) no-repeat left top; }
.csc-sitemap ul ul li a { padding-left: 37px; display: block; line-height: 20px; height: 20px; font-weight: normal; }

.csc-sitemap ul ul ul li { background: url(../layout_pic/sitemap_winkel_3.gif) no-repeat left top; }
.csc-sitemap ul ul ul li.last { background: url(../layout_pic/sitemap_winkel_3_last.gif) no-repeat left top; }
.csc-sitemap ul ul ul li a {  display: block;height: 20px; padding-left: 59px; font-weight: normal; }

.csc-sitemap ul ul ul ul li { background: url(../layout_pic/sitemap_winkel_4.gif) no-repeat left top; }
.csc-sitemap ul ul ul ul li.last { background: url(../layout_pic/sitemap_winkel_4_last.gif) no-repeat left top; }
.csc-sitemap ul ul ul ul li a {  display: block;height: 20px; padding-left: 81px; font-weight: normal; }



/* Pageteaser */

.tx-jppageteaser-pi1 { margin-bottom: 15px }
.tx-jppageteaser-pi1 a:hover { color: #FFA900; }

/* Pageteaser links Bild - rechts Text */
.p-teaser-body { background: #ffffff; padding: 13px 13px 0px 13px; }
.p-teaser-item { padding-bottom: 13px; }
.p-teaser-left { float: left; width: 80px; padding: 0px 10px 0px 0px; }
.p-teaser-right { float: left; width: 530px; }
.p-teaser-fw a { text-decoration: underline; }

/* page comments */

.tx-comments-pi1 { background-color: #ffffff; padding: 0px 13px 13px 13px; margin: -15px 0px 15px 0px}

.tx-comments-comment-admin { margin: 10px 20px; background-color: #e0e0e0; padding: 5px 9px; text-align: center; }

.tx-comments-comment-form LABEL { width: 100px; display: block; float: left; padding-top: 5px; }
.tx-comments-comment-form INPUT, .tx-comments-comment-form TEXTAREA, .tx-comments-comment-form IMG { margin-top: 5px; }
.tx-comments-comment-input, .tx-comments-comment-form TEXTAREA { width: 245px; }
.tx-comments-comment-form BR { clear: left; }
.tx-comments-comment-name { font-weight: bold; }
.tx-comments-comment-date { font-weight: bold; }

#kommentarform input, #kommentarform textarea { font-family: Helvetica, Arial, sans-serif !important; color: #5A5A5A; font-size: 11px !important; width: 245px !important; padding: 0px !important; margin-bottom: 8px; }
#kommentarform textarea { height: 100px; }

.tx-comments-comment-1 { border: 0px none !important; margin-bottom: 0px !important; padding: 3px 5px; }
.tx-comments-comment-2 { border: 0px none !important; margin-bottom: 0px !important; padding: 3px 5px; background-color: #F5F5F5; }

.tx-comments-comment-content { padding: 3px 0; text-align: justify; }
.tx-comments-page-browser { text-align: left !important; margin: 15px 0px 0px 0px !important; padding: 5px; background-color: #F0F0F0; }
.tx-comments-page-browser-current, .tx-comments-page-browser A { padding: 0 3px; }
.tx-comments-required-mark { color: red; }
.tx-comments-required-error { color: red; }
.tx-comments-captcha { padding-left: 0px !important; }
.tx-comments-captcha IMG { border: 1px solid #d0d0d0; margin-left: 0px; }
.tx-comments-form-top-message { margin-bottom: 8px; border: 1px solid #d0d0d0; padding: 10px 20px; text-align: center; font-weight: bold; background-color: #FFC6C6; }

.tx-comments-closed { border: 1px solid #d0d0d0; padding: 10px 10px; margin: 10px 0; }
.tx-comments-closed IMG { vertical-align: baseline; margin-left: 4px; padding-right: 4px; }

.tx-comments-comment-report { font-size: 80%; margin: 7px 0 5px 15px; }

.tx-comments-rating { margin-left: 15px; }

.my-comment-head{ font-size: 15px; color: #12536D; padding:0px 0px 2px 0px; margin-bottom: 8px; border-bottom: 1px solid #C9C8C8}

.inv { display: none; }
.vis { display:block; }
#zeigen { text-decoration: underline; }
#zeigen:hover { color: #FFA900; }



/* searchplugin */

.tx-macinasearchbox-pi1 { width: 210px; height: 30px; text-align: center; position: absolute; right: 0px; top: 0px; background-color: #ffffff; }
.tx-macinasearchbox-pi1 input.searchinput { margin-top: 3px; vertical-align: middle; height: 17px; width: 166px; border: 1px solid #C9C8C8; color: #C8C8C8; font-size: 11px; }
.tx-macinasearchbox-pi1 input.searchgo { margin-top: 3px; vertical-align: middle; }

.tx-indexedsearch { padding: 13px; margin-bottom: 15px; background-color: #ffffff; }
.tx-indexedsearch-whatis { font-size: 15px; color: #12536D; padding: 0px 0px 10px 0px; margin: 0px; font-weight: normal; }
.tx-indexedsearch-noresults { background-color: #FF4500; color: #ffffff; }

.tx-indexedsearch-form {background-color: #F3F3F3; padding: 5px; }
.search-field-set {border: 0px none; margin: 0px; padding: 0px }

.search-field-set input.tx-indexedsearch-searchbox-sword {vertical-align: middle; height: 17px; width: 490px !important; border: 1px solid #C9C8C8; font-size: 12px; }
#tx-indexedsearch-searchbox-button-submit {vertical-align: middle; }
.search-field-set span {vertical-align: middle; margin-right: 10px; }

.my-search-result-head span, .my-search-result-head img {vertical-align: middle}
.my-search-result-head a {text-decoration: underline;}
.my-search-result-head a:hover {color: #FFA900;}
.tx-indexedsearch .res-tmpl-css { border-top: 1px solid #C9C8C8; padding-top: 1em; }

.tx-indexedsearch-redMarkup { color: #FE8E3D !important; }

/* flvplayer plugin */


.tx-flvplayer2-pi1 { margin-bottom: 15px; }


/* rechts zwei spalten */
.r-2-col-l { width: 210px; float: left; }
.r-2-col-r { width: 210px; float: right; }


/* tip a friend */

.tip-input, .tip-area, .tip-submit { font-family: Helvetica, Arial, sans-serif; color: #5A5A5A; font-size: 11px; }

.tip-input { width: 300px; }
.tip-area { width: 300px; height: 80px}
.tip-link { font-style: italic; margin-bottom: 8px; }

.tip-error { margin: 10px 0px; background-color: #FFC6C6; padding: 5px; text-align: center; }

.bodytext { padding-top: 0px !important; margin-top: 0px !important; }