/*  mashART -- styles for all media
    last updated: 2009-08-26
    Styled by unsere neue couch ohg
    
    #adadad -- link colour
    #959595 -- default font colour
    #706f6f -- footer colour
    #616161 -- highlights
    #5d5d5d -- footer background
    #494949 -- main content area
    #333333 -- content background
    #313131 -- page background
    #f2cb06 -- yellow
    
*/
/* ===[ RESET DEFAULTS ]=================================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,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{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/* ===[ BASIC COMPONENTS ]================================================= */

* {margin: 0;}
html,body {height: 100%;}
body {
    background: #313131 url(../images/bg_header.jpg) repeat-x;
    color: #adadad;
    font: normal 11px Verdana,"Bitstream Vera Sans",sans-serif;
    text-align: center; /* IE6 FIX */
}


/* ===[ LAYOUT ]=========================================================== */

#wrapper {
    text-align: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -200px; /* last one must be the same as #mainFooter and #pusher */
    width: 900px;
    background: transparent url(../images/bg_content.gif) repeat-y;
    position: relative;
}

#mainNav, #content, div.panel {z-index: 100;}

/* Website Title */
#mainTitle {
    background: transparent url(../images/bg_navigation.jpg) no-repeat;
    width: 900px;
    height: 330px;
    position: absolute;
    z-index: 0;
}
#mainTitle h1, #mainTitle p {
    overflow: hidden;
    text-indent: -999em;
}
/*
#mainTitle h1 {
    width: 5px; height: 490px;
    position: absolute; overflow: hidden;
    background: transparent url(../images/spacer.gif) no-repeat;
    top: 130px; left: 250px;
}
*/

/* Main Navigation Area */
#mainNav {z-index: 100; position: relative;}
#mainNav ul {
    position: relative;
    width: 800px;
    overflow: hidden;
    margin: 0 50px;
}

#mainNav ul.quicklinks {
    height: 90px;
}
#mainNav ul.quicklinks li {
    float: left; display: block;
    padding: 78px 0 0 0;    
}
#mainNav ul.quicklinks li a {
    color: #959595;
    text-decoration: none;
    padding: 0 .3em;
}
#mainNav ul.quicklinks li a:hover {
    color: #adadad;
}
#mainNav ul.quicklinks li.menu1 {
    margin-right: 350px;
    padding: 0;
}
#mainNav ul.quicklinks li.menu1 a {
    background: transparent url(../images/logo.jpg) no-repeat;
    width: 240px; height: 85px;
    display:block;
    text-indent: -999em;
    margin: 0;
}

#mainNav ul.sections {
    background: transparent url(../images/bg_sections.jpg) repeat-x;
    margin-top: 5px;
    border-bottom: 5px solid #646464;
}
#mainNav ul.sections li, #mainNav ul.sections a {
    display: block;
    height: 30px;
}
#mainNav ul.sections li {
    float: left;
}

#subNav, #content {
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 200;
    margin-bottom: 10px;
}

/* Navigation for sections */
#subNav {
    width: 200px;
    padding: 0 5px 0 50px;
    background: transparent url(../images/spacer.gif) bottom right no-repeat;
}
#subNav ul {
    margin: 5px 0 30px 0;
    list-style-type: none;
}
#subNav li {
    margin-bottom:5px;
}
/* 2. level */
#subNav li ul {
    background: transparent url(../images/subNav_sublistbg.gif) bottom left no-repeat; 
    padding-bottom: 8px;
    margin: 0;
    margin-top: -7px;
    position: relative;
}

#subNav li ul li {
    background: transparent url(../images/subnav_subitembg.gif) repeat-y;
    display: block;
    overflow:hidden;
    position: relative;
    width: 195px;
}
#subNav li li a {
    margin: 5px 0 0 0;
}

#subNav div.box {
    margin-top: 5px;
    width: 185px;
    padding: 0 5px;
    background: transparent url(../images/bg_box.gif) repeat-y;
}

#subNav div.box h1 {
    color: #f2cb06;
    
}
#subNav div.box p {padding: 10px 8px;}

#subNav div.box p.footer {padding: 0; background: transparent url(../images/bg_boxFooter.gif) repeat-y;}

#subNav div.box a {
    color: #adadad;
    text-decoration: underline;
}

#subNav div.box .footer a {
    padding: 5px 10px 12px 77px;
    background: transparent url(../images/box_link.gif) bottom left no-repeat;
    text-align: left;
}

#subNav div.box .csc-textpic-imagewrap .csc-textpic-imagecolumn, #subNav div.box blockquote {
  width: 185px !important;
  padding: 0 !important;
  text-align: center;
}
#subNav div.box .csc-textpic-imagewrap dl {
  width: 100%;
}
#subNav div.box .csc-textpic-imagewrap dt {
  float: left !important;
  width: 60px !important;
  margin: 0 5px 0 0!important;
  padding: 0!important;
  overflow: hidden;
  text-align: right;
} 
#subNav div.box .csc-textpic-imagewrap dd {
  width: 80px !important;
  overflow: hidden;
}
#subNav div.box .csc-textpic-imagewrap dd a {
    color:#adadad;
    text-decoration: underline;
} 
#subNav div.box .csc-textpic-image, #subNav div.box blockquote  {
   background:transparent url(../images/box_bottom.gif) no-repeat bottom left !important;
   padding: 5px 0 15px 0;
   margin-bottom: 0;
}
#subNav div.box blockquote {
   padding-bottom: 10px !important;
}

#subNav div.box h1 {
  text-align: center;
  background: transparent url(../images/box_top.gif) no-repeat top left !important;
  padding: 15px 8px 0;
}
#subNav div.box .spacer-div {
  height: 0;
  line-height: 0;
  display: none;
}
/* Content Area */
#content {
    margin: 5px 5px;
    width: 506px;
    padding: 38px 42px;
    overflow: auto;
}

/* Settings für javaScript
#content {
    z-index: 100; 
    position: absolute;
    margin: 135px 45px 200px 45px;
    height: 400px;
    width: 506px;
    padding: 38px 42px;
    right: 5px;
    overflow: auto;
    top: 0;
}
*/

#content h1, #subNav h1{
    color: #f2cb06;
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: normal;
}
#content h1 {
  margin-bottom: 1em;
}
#content p {padding: .5em 0;}
#content a{color:#f2cb06;text-decoration: none;}
#content a:hover {text-decoration: underline;}

/* Form */
#content form table {
    width: 100%;
}
#content input, #content textarea {
    padding: .2em; margin: 0 .5em 0 0;
}
#content form td {
    padding: .5em 0 .5em 0;
}
#content form td.formLabel {
    width: 5em; vertical-align: top;
    padding: 1em 1em 0 0;
}
#content form td.formHeader {
    padding: 2em 0 0 0;
    font-weight: bold;
    color: #f2cb06;
}

/* Footer Section */
#pusher {
    height: 200px; /* Must be same height as #mainFooter */
    visibility: hidden;
    clear: both;
}
#mainFooter {
    background: #5d5d5d url(../images/bg_footer.jpg) bottom left repeat-x;
    color: #959595;
    height: 200px; /* Must be same height as #pusher */
    text-align: center;
    position: relative;
    z-index: 0;
}
#mainFooter p {
    background: transparent url(../images/bg_footerContent.gif) bottom left no-repeat;
    position:relative;
    z-index: 100;
    height: 20px;
    padding-top: 180px;
    width: 900px;
    margin: 0 auto;
}

/* === [ COMPONENTS ]====================================================== */

/* Gallery */
div.tx-lzgallery-pi1 {padding: 15px 50px 0 50px;}
div.tx-lzgallery-pi1 h2, #tx-lzgallery-pi1-parent-title {padding: 0 0 20px 15px; font-size: 1.2em; color: #f2cb06; text-transform: uppercase;}
div.tx-lzgallery-pi1 p.lz-gallery-navigation a {padding: 0 0 0 15px; margin: 0;}

/* Gallery Listing */

#content div.lz-gallery-item {width: 100%; position: relative; overflow: hidden; padding: 25px 0 20px 0; background: transparent url(../images/separator.gif) top left no-repeat;}
#content div.lz-gallery-item-first {background-image: none;}
#content div.lz-gallery-item h3, 
#content div.lz-gallery-item div { padding: 0 0 0 205px;}
#content div.lz-gallery-item span.count {display: block; text-align: center; padding: 5px 0 0 0;}
#content div.lz-gallery-item h3 {text-transform: uppercase; font-size: 1.2em;}
#content div.lz-gallery-item p.preview-image {width: 185px; float: left; padding: 0;}
#content div.lz-gallery-item p.preview-image img, .news-list-item img {border: 5px solid #616161; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/* Gallery Detail */
table#tx-lzgallery-pi1-fotos {padding: 0; width: 100%; border: 0; background: transparent;}
table#tx-lzgallery-pi1-fotos td {border: 0; padding: 0;}
table#tx-lzgallery-pi1-fotos img {border: 5px solid #616161; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
table#tx-lzgallery-pi1-fotos a {margin: 10px; display: block; text-decoration: none;}
table#tx-lzgallery-pi1-fotos div.image {margin-top: 30px;}

/* Lower Gallery Navigation */
div.tx-lzgallery-pi1 ul.bottom-nav {width: 100%; position: relative; overflow: hidden; margin: 0; padding: 0;}
div.tx-lzgallery-pi1 ul.bottom-nav li {
  width: 350px; display:block; padding: 0; margin: 0; float: left;
}
#content ul.bottom-nav a {color: #959595; text-decoration:underline;}
body ul.bottom-nav a {display: block; padding: 10px 0 10px 0; color: #959595; text-decoration: underline; overflow: hidden; position: static; width: 298px}
body ul.bottom-nav a:hover {text-decoration:none;}
body ul.bottom-nav span {padding: 15px 0 0 0 ; margin:0; display:block; height: 40px; color: #959595; text-decoration:underline;}
body ul.bottom-nav img {border: 5px solid #616161; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
body ul.bottom-nav li.next {float: right;}
body ul.bottom-nav li.next a {padding-left: 52px; background: transparent url(../images/next.gif) 30px 8px no-repeat; text-align: left;}
body ul.bottom-nav li.next img {float:right;}
body ul.bottom-nav li.previous {float:left;}
body ul.bottom-nav li.previous a {padding-right: 52px; background: transparent url(../images/previous.gif) 300px 8px no-repeat; text-align: right;}
body ul.bottom-nav li.previous img {float:left;}

body ul.bottom-nav li.next a:hover {
  background-image: url(../images/next-active.gif);
}
body ul.bottom-nav li.previous a:hover {
  background-image: url(../images/previous-active.gif);
}

div.single-view ul.bottom-nav li.previous a {padding-top: 33px; background-position: 300px 42px;}
div.single-view ul.bottom-nav li.next a {padding-top: 33px; background-position: 30px 42px;}
div.single-view ul.bottom-nav span {padding-top: 12px;}
div.single-view ul.bottom-nav {background: transparent url(../images/bg_bottomNav.gif) top center no-repeat;}

/* ===[ OVERRIDES ]======================================================== */

/* == GALLERY PAGES == */
body#body_5 #subNav {display: none;}
body#body_5 #mainTitle {background-image: url(../images/bg_navigation_blank.jpg);}
body#body_5 #wrapper {background-image: url(../images/bg_content_blank.gif);}
body#body_5 #mainFooter p {background-image: url(../images/bg_footerContent_blank.gif);}
body#body_5 #content {padding: 5px 50px; margin: 0; width: 800px;}

/* == QUICKLINKS MENU == */
#mainNav ul.quicklinks li.menu1 {margin-right: 371px;}
#mainNav ul.quicklinks li {
  padding-left: 15px;
}
#mainNav .quicklinks2 {
  position: absolute;
  left: 550px;
  top: 78px;
  width: 297px;
  text-align: right;
  color: #727272;
  height: 1em;
  font-size: 1em;
  line-height: 1em;
  text-transform: uppercase;
}
#mainNav .quicklinks2 a {
  color:#959595;
  text-decoration: none;
}
#mainNav .quicklinks2 a:hover {
  color:#adadad;
}

/* == MAIN MENU == */
#mainNav ul.sections a,
#mainNav ul.sections li.menu8 form,
#mainNav ul.sections li.menu1,
#mainNav ul.sections li.menu8,
#fhSearchField,
#fhSubmit {background: transparent url(../images/navigation.png) no-repeat;}
/* defaults & spacers */
#mainNav ul.sections li a {text-indent: -999em; overflow: hidden; height: 30px;}
#mainNav ul.sections li.menu1 {padding-left: 67px; background-position: 0 -1px;}
#mainNav ul.sections li.menu6 {padding-right: 201px; width: 44px;}
#mainNav ul.sections li.menu8 {padding-right: 3px; background-position: -671px -1px;}

/* left side buttons */
#mainNav ul.sections li.menu1 a {width: 72px; background-position: -66px -1px;}
#mainNav ul.sections li.menu1 a:hover {background-position: -66px -31px;}
#mainNav ul.sections li.menu2 a {width: 72px; background-position: -137px -1px;}
#mainNav ul.sections li.menu2 a:hover {background-position: -137px -31px;}
#mainNav ul.sections li.menu3 a {width: 52px; background-position: -209px -1px;}
#mainNav ul.sections li.menu3 a:hover {background-position: -209px -31px;}
#mainNav ul.sections li.menu4 a {width: 53px; background-position: -261px -1px;}
#mainNav ul.sections li.menu4 a:hover {background-position: -261px -31px;}
#mainNav ul.sections li.menu5 a {width: 60px; background-position: -314px -1px;}
#mainNav ul.sections li.menu5 a:hover {background-position: -314px -31px;}
#mainNav ul.sections li.menu6 a {width: 44px; background-position: -374px -1px;}
#mainNav ul.sections li.menu6 a:hover {background-position: -374px -31px;}

/* right side buttons */
#mainNav ul.sections li.menu7 a {width: 51px; background-position: -619px -1px;}
#mainNav ul.sections li.menu8 form {width: 126px; background-position: -772px -1px;}
#fhSearchField {width: 87px; vertical-align: bottom; border: none; float: left; height: 20px; padding: 8px 5px 2px 10px; background-position: -670px -1px;}
#fhSubmit {width: 24px; height: 30px; padding: 0; border: none; float: left; text-indent: -999em; overflow: hidden; background-position: -772px -1px;}
    
/* == SUBMENU == */
#subNav li a {
    width: 195px; height: 30px;
    display: block;
    overflow: hidden;
    background: #646464 url(../images/subnav-icon.gif) no-repeat;
    text-indent: 35px;
    font-weight: bold;
    color:#949494;
    font-size: 1.2em;
    text-decoration: none;
    line-height: 30px;
}
#subNav li.active a {
  background:#646464 url(../images/subnav-icon-active.gif) no-repeat;
  color:#f8c909;
}
#subNav li a:hover {
  color:#adadad;
  background:#646464 url(../images/subnav-icon-active.gif) no-repeat;
}
#subNav li.active a:hover {
  color:#f8c909;
}

#subNav li li {
  
}
#subNav li li a, #subNav li.active li a {
  background: transparent url(../images/subnav_subitembg.gif) repeat-y;
  font-size: 1em;
  line-height: 15px;
  height: 15px;
  color:#949494;
  display: block;
  
}
#subNav li li.active a, #subNav li li a:hover {
  color:#f8c909;
}
#subNav li ul ul {
  background: transparent none;
  margin: 0;
}
#subNav li li li a {
  padding-left: 1em;
  line-height: 15px;
  height: 15px;
  font-size: 1em;
  display: block;
  color:#949494;
  background: transparent none;
}

#subNav li li {margin: 0;}


/* sitemaps */

div.csc-sitemap ul {
    padding-bottom: 10px;
}

div.csc-sitemap li {
    padding-left: 10px;
}

/* content */
.spacer-div {
  margin-bottom: 2em;
  clear: both;
}
hr.clearer {
  visibility: hidden;
  clear: both;
}
.news-list-item {
  margin-bottom: 2em;
  padding-bottom: 2em;
  background: url(../images/separator.gif) no-repeat bottom left;
}
.news-list-item img, .news-single-item .imageblock {
  float: left;
  margin: 0 15px 15px 0;
  
}
.imageblock {
}
.news-list-footerinfo {
  text-align: right;
}
.news-list-item p.bodytext, .news-single-item p.bodytext {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.news-single-item .subheader {
  font-weight: bold;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.news-single-backlink a {
  display: block;
  text-indent: 25px;
  line-height: 20px;
  background: url(../images/previous.gif) top left no-repeat;
}
.news-single-backlink a:hover {
  background: url(../images/previous-active.gif) top left no-repeat;
}
.tx-ttnews-browsebox a {
  padding: 5px;
  display: block;

}
.required {
  color:#f2cb06;
}

.facebook {
  float: right;
}

.news-single-item hr.clearer {
  margin-bottom: 15px;
}

.jdGallery .slideElement {
  background-color: white;
}
/* EOF */