html {
height:100%;
margin:0px;
padding:0px;
background-color:#EDEDED; 
}

body {
background-color:#EDEDED;
color:#555555;
font-style:normal;
font-size:12px;
font-weight: normal;
font-variant: normal;
margin:0;
padding: 0;
font-family: arial, verdana, sans-serif;
}




.cc_banner-wrapper p {text-shadow:none;}
.cc_banner-wrapper a.cc_more_info:link, .cc_banner-wrapper a.cc_more_info:visited, .cc_banner-wrapper a.cc_more_info:active {color:#009E7E; font-size: 1em;}
.cc_banner-wrapper a.cc_more_info:hover {color:#BEBEBE;}


/* Elemente START 
-----------------------------------------------------------------------------------------*/
img { border:0px; }

h1 { font-size:20px; font-weight: bold; color: #009E7E; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 10px 0px; padding:0px;}
h2 { font-size:18px; font-weight: bold; color: #555555; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 5px 0px; padding:0px;}
h3 { font-size:15px; font-weight: bold; color: #808080; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 5px 0px; padding:0px;}
h4 { font-size:12px; font-weight: bold; color: #808080; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 5px 0px; padding:0px;}
h5 { font-size:12px; font-weight: bold; color: #009E7E; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 10px 0px; padding:0px;}
h6 { font-size:12px; font-weight: bold; color: #555555; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 10px 0px; padding:0px;}

h1 a:link, h1 a:visited, h1 a:hover { 
text-decoration:none; 
font-size:20px; 
font-weight: bold; 
color: #009E7E; 
text-shadow: 1px 1px 0px #FFFFFF; 
margin:0px 0px 10px 0px; 
padding:0px;
}

h2 a:link, h2 a:visited, h2 a:hover { 
text-decoration:none; 
font-size:17px; 
font-weight: bold; 
color: #555555; 
text-shadow: 1px 1px 0px #FFFFFF; 
margin:0px 0px 10px 0px; 
padding:0px;
}

h3 a:link, h3 a:visited, h3 a:hover { 
text-decoration:none; 
font-size:15px; 
font-weight: bold; 
color: #808080; 
text-shadow: 1px 1px 0px #FFFFFF; 
margin:0px 0px 10px 0px; 
padding:0px;
}

p {text-align:justify; line-height:18px; margin:0px 0px 15px 0px; padding:0px;  text-shadow: 1px 1px 0px #FFFFFF;}

p.bodytext {color:#555555; text-align:justify; line-height:18px; margin:0px 0px 0px 0px; padding:0px 0px 15px 0px; text-shadow: 1px 1px 0px #FFFFFF;}

div.start p.bodytext {color:#222222;}

/*span {color:#FFFFFF;}*/
span {}

span.anzeige {color:#009E7E; border:1px solid #009E7E; padding:3px 3px 1px 3px; margin:0px 5px 3px 0px; display:inline-block; font-weight:bold;
			  animation: blink 2s steps(5, start) infinite;
              -webkit-animation: blink 2s steps(5, start) infinite;}

    @keyframes blink {
      to {
        visibility: hidden;
      }
    }
    @-webkit-keyframes blink {
      to {
        visibility: hidden;
      }
    }


address {font-style:normal;}


span.detail {color: #979797; text-shadow: 1px 1px 0px white;}
div > p > span.detail {background: #DEDEDE; display:block; padding: 15px; margin:0px; color:#555555;}
span.important {color: #009E7E; text-shadow: 1px 1px 0px white;}
span.name-of-person {color: #979797; text-shadow: none;}


a:link, a:visited {font-size:12px; color: #009E7E; text-decoration:underline;}
a:hover {color:#C1C1C1; text-decoration:none;}

a.intern:link, a.intern:visited {font-size:12px; color: #009E7E; text-decoration:underline;}
a.intern:hover {color:#009E7E; text-decoration:none;}

a.extern:link, a.extern:visited {font-size:12px; color: #555555; text-decoration:underline;}
a.extern:hover {color:#C1C1C1; text-decoration:none;}

a.white:link, a.white:visited {font-size:12px !important; color:#FFFFFF !important; text-decoration:underline !important; }
a.white:hover {text-decoration:none !important; }

p img {
float:right; 
border:1px solid #D1D1D1; 
padding:7px; 
margin:5px 0px 0px 20px; 
background:#E1E1E1;
-moz-border-radius: 10px; 
-webkit-border-radius:10px; 
border-radius: 10px;
}

div.infobar {
background:#E1E1E1; 
border:1px solid #D1D1D1; 
text-align:left; 
margin:20px 0px 20px 0px; 
padding:7px; 
-moz-border-radius: 10px; 
-webkit-border-radius:10px; 
border-radius: 10px;
}

div.styleline {background:transparent url('/fileadmin/images/content-styleline.jpg') left bottom repeat-x; height:10px; margin:5px 0px 10px 0px;}
div.news-single-item div.styleline {background:transparent url('/fileadmin/images/content-styleline.jpg') left bottom repeat-x; height:10px; margin:5px 0px 10px 0px;} 
div#banner div.styleline {background:transparent url('/fileadmin/images/content-styleline.jpg') left bottom repeat-x; height:10px; margin:5px 0px 10px 0px;} 

div.clearer {clear:both; height:15px; margin:0px 0px 5px 0px; padding:0px;}
br.clearer {clear:both; height:15px; margin:0px 0px 5px 0px; padding:0px;}


div#social-media {width:320px; height:42px; margin-top:10px;}

a#rss:link, a#rss:visited {background:transparent url('/fileadmin/img/sonstiges/icons/rss-1.png') left top no-repeat; height:40px; width:40px; margin-right:10px; display:block; float:left;}
a#rss:hover {background:transparent url('/fileadmin/img/sonstiges/icons/rss-2.png') left top no-repeat;}

a#facebook:link, a#facebook:visited {background:transparent url('/fileadmin/img/sonstiges/icons/facebook-1.png') left top no-repeat; height:40px; width:40px; margin-right:10px; display:block; float:left;}
a#facebook:hover {background:transparent url('/fileadmin/img/sonstiges/icons/facebook-2.png') left top no-repeat;}

a#twitter:link, a#twitter:visited {background:transparent url('/fileadmin/img/sonstiges/icons/twitter-1.png') left top no-repeat; height:40px; width:40px; margin-right:10px; display:block; float:left;}
a#twitter:hover {background:transparent url('/fileadmin/img/sonstiges/icons/twitter-2.png') left top no-repeat;}

a#gplus:link, a#twitter:visited {background:transparent url('/fileadmin/img/sonstiges/icons/gplus-1.png') left top no-repeat; height:40px; width:40px; margin-right:10px; display:block; float:left;}
a#gplus:hover {background:transparent url('/fileadmin/img/sonstiges/icons/gplus-2.png') left top no-repeat;}

a#i-mailing:link, a#i-mailing:visited {background:transparent url('/fileadmin/img/sonstiges/icons/i-mailing-1.png') left top no-repeat; height:40px; width:40px; margin-right:10px; display:block; float:left;}
a#i-mailing:hover {background:transparent url('/fileadmin/img/sonstiges/icons/i-mailing-2-neu.png') left top no-repeat;}


/*div#auszeichnung {width:100%; height:315px; margin:0px; padding:5px 0px 0px 20px;}*/
div#auszeichnung {width:200px; height:315px; margin:0px; padding:5px 0px 0px 20px;  float:right;}

a#pokal:link, a#pokal:visited {background:transparent url('/fileadmin/img/sonstiges/icons/spectra-pokal-1.gif') left top no-repeat; height:300px; width:200px; margin:auto; display:block;}
a#pokal:hover {background:transparent url('/fileadmin/img/sonstiges/icons/spectra-pokal-2.gif') left top no-repeat;}


div#anker {width:30px; height:30px; position:fixed; bottom:20px; right:0px;}


/* SEARCH START
-----------------------------------------------------------------------------------------*/ 
label.search {
float:left;
background: url('/fileadmin/images/search-box.jpg') no-repeat scroll 0 0 transparent;
display: block;
height: 32px;
width: 108px;
/* width: 178px; */
}

input.searchinput {
float:left;
background:none;
margin-left:10px;
margin-top:7px;
width:90px;
/* width:160px; */
}

label.searchbutton {
float: right;
padding: 0px 0px 0px 0px;
margin-left:0px;
}

input.searchbutton {
float:right; 
margin:0px; 
padding:0px;
}


/* SUCHERGEBNISSE */
label.search-ergebnis {
float:left;
background: url('/fileadmin/images/search-box-ergebnis.jpg') no-repeat scroll 0 0 transparent;
display: block;
height: 32px;
width: 140px !important;
padding:0px !important;
margin:0px !important;
/* width: 178px; */
}

input.searchinput-ergebnis {
float:left;
background:none;
margin:7px 0px 0px 10px !important;
width:120px;
/* width:160px; */
}

label.searchbutton-ergebnis {
float: left;
padding: 0px 0px 0px 0px;
margin:0px !important;
width:70px !important;
}

input.searchbutton-ergebnis {
float:left; 
margin:0px !important; 
padding:0px;
}

/* - - - SEARCH - Ende - - - */ 



/* FORMULAR START
-----------------------------------------------------------------------------------------*/ 
form#mailform{
width:618px;
margin:0px 0px 20px 0px;
padding:15px 0px 20px 0px;
}

fieldset {
margin:0px;
padding:0px;
border:0px;
}

div.form-input-name {
background:transparent url('/fileadmin/images/input-bg-name.jpg') left top no-repeat; 
width:170px; 
height:32px; 
float:left; 
margin-left:0px; 
margin-top:0px;
}

div.form-textarea-name {
background:transparent url('/fileadmin/images/input-bg-name.jpg') left top no-repeat; 
width:170px; 
height:32px; 
float:left; 
margin-left:0px; 
margin-top:0px;
}

form p.form-input-name {
margin:0px; 
padding:7px 0px 0px 10px; 
color:#FFF;
 text-shadow: 1px 1px 0px #009d7e; 
}

label.form-input {
background:transparent url('/fileadmin/images/input-bg-input.jpg') right top no-repeat; 
height:32px; 
width:300px; 
float:left; 
color:#FFFFFF; 
padding:0px; 
margin:0px 0px 10px 0px;
}

label.form-textarea {
background:transparent url('/fileadmin/images/textarea-bg-textarea.jpg') left top no-repeat;
height:150px; 
width:300px; 
float:left; 
color:#FFFFFF; 
padding:0px; 
margin:0px 0px 10px 0px;
}

input.form-input {
margin:8px 0px 0px 10px;
width: 275px;
}

input, textarea {
border:0px solid #FFFFFF;
}

input[placeholder], textarea[placeholder]{
font-family: arial, verdana, sans-serif;
font-size:12px;
color:#555555;
}

select {
color:#555555; 
width:280px; 
margin:7px 0px 0px 7px; 
padding:0px; 
border:0px;
}

option {
color:#555555;
margin:3px 0px 3px 0px;
border:0px solid #BEBEBE;
}


div.form-submit {
text-align:left;
margin:0px;
padding:0px 0px 0px 350px;
clear:both;
}

input.form-submit {
background:#BEBEBE url('/fileadmin/images/submit-button.jpg') left top no-repeat; 
width:120px; 
height:32px; 
color:#FFFFFF; 
font-weight:bold;
cursor:pointer;
}


input.form-input-small {
background:#EDEDED url('/fileadmin/images/input-captcha-bg.jpg') left top no-repeat; 
width:120px; 
height:32px;
float:right;
padding:0px 5px 0px 5px;
margin: 0px 0px 0px 20px;
}

/************** FORM - KLEIN ***************/

div#formhandler_contact_form-klein {background:#e8e8e8; border:1px solid #d0d0d0; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:300px; padding:14px; margin:0px 0px 20px 0px;}
form#mailform-klein {width:300px; margin:0px; padding:0px;}
div#form-headline-klein {font-size:12px; font-weight: bold; color: #009E7E; text-shadow: 1px 1px 0px #FFFFFF; margin:0px; padding:0px;}


div.form-checkbox-name {float:left; margin:0px 20px 0px 0px;}
input.form-checkbox {float:left; margin:1px 3px 0px 0px; padding:0px;}

div.form-input-name-klein {
background:transparent url('/fileadmin/images/input-bg-name-klein.jpg') left top no-repeat; 
width:105px; 
height:32px; 
float:left; 
margin-left:0px; 
margin-top:0px;
}

label.form-input-klein {
background:transparent url('/fileadmin/images/input-bg-input.jpg') right top no-repeat; 
height:32px; 
width:195px; 
float:left; 
color:#FFFFFF; 
padding:0px; 
margin:0px 0px 10px 0px;
}

input.form-input-klein {margin:8px 0px 0px 10px; width:175px;}

input.form-input-small-klein {
background:#EDEDED url('/fileadmin/images/input-captcha-bg.jpg') center top no-repeat; 
float:right;
width:100px; 
height:32px;
padding:0px 10px 0px 10px;
}

div.form-submit-klein {text-align:left; margin:5px 0px 0px 0px; padding:0px;}

input.form-submit-klein {
background:#BEBEBE url('/fileadmin/images/submit-button.jpg') left top no-repeat; 
float:right;
width:120px; 
height:32px;
color:#FFFFFF; 
font-weight:bold;
cursor:pointer;
}

div.styleline-klein {background:transparent url('/fileadmin/images/content-styleline.jpg') left bottom repeat-x; height:25px; margin:5px 0px 0px 0px; font-size:12px;}


/* - - - Formular - Ende - - - */ 


/* TT_NEWS START
-----------------------------------------------------------------------------------------*/ 
div.more-button {
background:transparent url('/fileadmin/images/more-button.jpg') right top no-repeat; 
float:left; 
width:100px; 
height:18px; 
text-align:center; 
padding-top:3px; 
margin-top:10px;
}

a.more:link, a.more:visited, a.more:active {font-size:12px; color: #555555; text-decoration:none;}
a.more:hover {text-decoration:underline;}


/* - - - TT_NEWS - Ende - - - */ 

/* Elemente ENDE */



/* LAYOUT START
-----------------------------------------------------------------------------------------*/  
div#all {
position:relative;
z-index:1;
}

/* HEAD START
-----------------------------------------------------------------------------------------*/
div#head {
height:100px;
background:#DEDEDE url('/fileadmin/images/bg-head.jpg') repeat-x left top;
}

div#head-container {
margin: auto;
width:1000px;
}

div#head-logo {
float:left;
width:410px;
height:80px;
}

div#head-slogan-topnavi {
float:right;
text-align:right;
/* text-align:center; */
/* background:#DEDEDE url('/fileadmin/images/head-slogan.jpg') repeat-x right top; */
/*width:445px;*/
width:551px;
height:100px;
margin:0px;
padding:0px;
}

div#head-topnavi-content {
width:445px;
/* margin:15px 0px 0px 0px; */
margin:0px 0px 0px 0px;
}
/* --- HEAD ENDE --- */



/* --- NAVI START
-----------------------------------------------------------------------------------------*/
div#navi{
height:50px;
background:#DEDEDE url('/fileadmin/images/bg-navi-main.jpg') repeat-x left top;
}

div#navi-container {
margin: auto;
width: 1000px;
height:47px;
}

div#navi-content {
float:left;
width:710px;
height:34px;
padding:15px 15px 0px 5px;
}

a.navi:link, a.navi:visited { font-size:16px; color:#555555; text-shadow: 1px 1px 0px #FFFFFF; text-decoration:none; margin-right:15px;}
a.navi:hover { color:#9d9d9d; text-shadow: none; }

span a.navi:link, span a.navi:visited { font-size:16px; color:#999999; text-shadow: 1px 1px 0px #FFFFFF; text-decoration:none; margin-right:15px; padding-left: 20px;
background: transparent url('/fileadmin/img/sonstiges/icons/navi-shop-icon-a.jpg') left 0.4em no-repeat;}
span a.navi:hover { color:#555555; text-shadow: none; background: transparent url('/fileadmin/img/sonstiges/icons/navi-shop-icon-b.jpg') left 0.4em no-repeat; }

a#active {
padding-bottom:16px;
background: transparent url('/fileadmin/images/navi-icon-pfeil.gif') center bottom no-repeat;
}

div#navi-language {
float:left;
text-align:right;
margin:14px 10px 0px 0px;
width:80px;
border:0px solid grey;
}

ul.language {float:right; margin: 0px; padding: 0px; list-style: none !important;}
ul.language li.language {margin: 0px; padding: 0px; float:left;}
ul.language li.language-active img{margin:0px 5px 0px 0px; padding: 0px; float:left;} 
img.flaggen {float:left; margin:0px 5px 0px 0px; padding: 0px;}


div#navi-search {
float:right;
width:180px;
/* width:250px; */
padding:8px 0px 0px 0px;
}

div.clearer-mobile {display:none;}
/* - - - NAVI ENDE - - - */


/* CONTENT START
-----------------------------------------------------------------------------------------*/
div#content{
margin: auto;
width: 1000px;
}

div#content-block-left {
float:left;
width:330px;
padding:0px 0px 0px 5px;
}

div#content-subnavi {
width:330px;
padding:0px 0px 0px 0px;
border:0px solid #6d6d6d;
margin-bottom:0px;
}

div#content-unter-submenu {
width:330px;
padding:4px 0px 0px 0px;
border:0px solid #6d6d6d;
margin:0px 0px 20px 0px;
}


/* KLEINER KONTAKT-BANNER --- NEU --- START */
div.klein-contact-bg {
background: url("img/sonstiges/contact-bg-klein.jpg") top left no-repeat;
width:330px;
height:100px;
padding:4px 10px 7px 10px;
font-size:15px;
line-height:22px;
color:#FFFFFF;
text-shadow: 1px 1px 0 #009e7e;
}

span.klein-phone {color:#8ce7d7; padding-right:25px;}
span.klein-phone-en {color:#8ce7d7; padding-right:30px;}
span.klein-email {color:#8ce7d7; padding-right:32px;}
span.klein-form {color:#8ce7d7; padding-right:30px;}

div.klein-contact-bg a.contact:link, div.klein-contact-bg a.contact:visited {
color:#FFFFFF;
font-size:15px;
text-decoration:none;
}

div.klein-contact-bg a.contact:hover, div.klein-contact-bg a.contact:active {
color:#8ce7d7;
}
/* KLEINER KONTAKT-BANNER --- NEU --- ENDE */


/* GROSSER KONTAKT-BANNER --- ALT --- START */
div.contact-bg {
line-height:20px;
text-align:left;
background: transparent url(img/sonstiges/contact-bg.jpg) left top repeat-x; 
height:140px;
width:310px;
padding:10px 10px 0px 10px;
margin-bottom:20px;
color:#FFFFFF;
text-shadow: 1px 1px 0px #009e7e;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

div.contact-bg-es {
line-height:20px;
text-align:left;
background: transparent url(img/sonstiges/contact-bg-es.jpg) left top repeat-x; 
height:155px;
width:310px;
padding:10px 10px 0px 10px;
margin-bottom:20px;
color:#FFFFFF;
text-shadow: 1px 1px 0px #009e7e;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

div.phone {
background-color: transparent;
margin-top:20px;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
}

div.contact-bg a.contact:link, div.contact-bg a.contact:visited {
line-height:30px !important;
font-size:18px !important;
font-weight:bold !important;
color:#FFFFFF !important;
text-decoration:none !important;
}

div.contact-bg-es a.contact:link, div.contact-bg-es a.contact:visited {
line-height:30px !important;
font-size:18px !important;
font-weight:bold !important;
color:#FFFFFF !important;
text-decoration:none !important;
}
/* GROSSER KONTAKT-BANNER --- ALT --- ENDE */



div#content-banner {
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:0px solid #cecece;
text-align:center;
}

img.banner-block-img {
margin-bottom:10px;
border:0px;
}


div#content-main {
float:right;
width:620px;
padding:0px 0px 0px 0px;
border:0px solid #6d6d6d;
}

div#breadcrumb {color:#ADADAD; font-size:10px; width:600px; margin:0px 0px 10px 0px; text-align:left;}
a.breadcrumb:link, a.breadcrumb:visited {color:#ADADAD; font-size:10px; text-decoration:none;}
a.breadcrumb:hover {color:#565656;}

div.icon-acti-product-selector {
background: transparent url("img/sonstiges/icons/icon-acti-product-selector.png") left center no-repeat;
float: left;
width: 40px;
height: 32px;
text-indent: -50px;
}
a.link-acti {color:#ec953a}


/* SUBMENU  START
-----------------------------------------------------------------------------------------*/
ul.subnavi {
list-style: none outside;
padding: 0px 0px 10px 0px; 
margin: 0px 0px 0px 0px;
border-top:1px solid #FFFFFF;
}

ul.subnavi li.subnavi {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
background:#EDEDED url(images/navi-icon-a.gif) top left repeat-y;
line-height:25px;
border-bottom:1px solid #FFFFFF;
}

ul.subnavi li.active {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
background:transparent url(images/navi-icon-b.gif) top left repeat-y;
line-height:25px;
border-bottom:1px solid #FFFFFF;
}


ul.subnavi li.subnavi a:link, ul.subnavi li.subnavi a:visited {color:#555555; font-size:12px; font-weight:normal; text-decoration:none; padding: 3px 80px 3px 15px; display:block; line-height:17px;}
/* ul.subnavi li.subnavi a:link, ul.subnavi li.subnavi a:visited {color:#555555; font-size:12px; font-weight:normal; text-decoration:none; padding-left:15px; display:block; line-height:22px;} */
ul.subnavi li.subnavi a:hover {color:#979797;}

ul.subnavi li.active a.current {color:#555555; font-size:12px; text-decoration:none; padding:3px 15px 3px 15px; display:block; line-height:17px;}
/*ul.subnavi li.active a.current {color:#555555; font-size:12px; text-decoration:none; padding:3px 80px 3px 15px; display:block; line-height:17px;}*/
/*ul.subnavi li.active a.current {color:#555555; font-size:12px; text-decoration:none; padding-left:15px; display:block; line-height:22px;}*/

/*  ALT 
ul.subnavi-2 li.subnavi-2 a:link, ul.subnavi-2 li.subnavi-2 a:visited {color:#555555; font-size:12px; font-weight:normal; text-decoration:none; padding-left:25px;}
ul.subnavi-2 li.subnavi-2 a:hover{ padding-left:30px; color: #555555;}

ul.subnavi-2 li.active-2 a.current {color: #979797; font-size:12px; padding-left:25px; font-weight:bold;}
*/


ul.subnavi-2{
list-style: none outside;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;

}

ul.subnavi-2 li.subnavi-2 {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
background:#EDEDED url(images/navi-icon-b.gif) top left repeat-y;
line-height:25px;
border-top:1px solid #FFFFFF;
}

ul.subnavi-2 li.active-2 {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
background:#EDEDED url(images/navi-icon-c.gif) top left repeat-y;
line-height:25px;
border-top:1px solid #FFFFFF;
}


ul.subnavi-2 li.subnavi-2 a:link, ul.subnavi-2 li.subnavi-2 a:visited {color:#555555; font-size:12px; font-weight:normal; text-decoration:none; padding-left:25px;}
ul.subnavi-2 li.subnavi-2 a:hover{ padding-left:30px; color: #555555;}

ul.subnavi-2 li.active-2 a.current {color: #979797; font-size:12px; padding-left:25px; font-weight:bold;}




ul.subnavi-3{
list-style: none outside;
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
}

ul.subnavi-3 li.subnavi-3 {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
background:#EDEDED url(images/navi-icon-c.gif) top left repeat-y;
line-height:25px;
}

ul.subnavi-3 li.active-3 {
padding: 0px 0px 0px 0px; 
margin: 0px 0px 0px 0px;
background:#EDEDED url(images/navi-icon-c.gif) top left repeat-y;
line-height:25px;
}


ul.subnavi-3 li.subnavi-3 a:link, ul.subnavi-3 li.subnavi-3 a:visited { color: #979797; font-size:12px; font-weight:normal; text-decoration:none; padding-left:35px;}
ul.subnavi-3 li.subnavi-3 a:hover{ padding-left:40px; color: #979797; }

ul.subnavi-3 li.active-3 a.current {color: #979797; font-weight:bold; font-size:12px; padding-left:35px;}

/* - - - SUBMENU  END - - - */

/* - - - CONTENT ENDE - - - */


/* BOTTOM BLOCK START
-----------------------------------------------------------------------------------------*/
div#bottom-block{
height:400px;
/*height:342px;*/
background:#DEDEDE url('/fileadmin/images/bg-bottom-block-neu.jpg') repeat-x left top;
/*background:#DEDEDE url('/fileadmin/images/bg-bottom-block.jpg') repeat-x left top;*/
}

div#bottom-block-container {
margin: auto;
padding:15px 0px 0px 5px;
width: 1000px;
}

div#bottom-block-left {
float:left;
width:300px;
height:370px;
/*height:310px;*/
padding:0px 25px 0px 0px;
margin:0px 0px 0px 0px;
background:transparent url('/fileadmin/images/border-bottom-styleline.gif') repeat-y right top;
}

div#bottom-block-center {
float:left;
width:290px;
height:370px;
/*height:310px;*/
padding:0px 25px 0px 25px;
margin:0px 0px 0px 0px;
background:transparent url('/fileadmin/images/border-bottom-styleline.gif') repeat-y right top;
}

div#bottom-block-right {
float:right;
width:310px;
height:370px;
/*height:310px;*/
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

h3.bottom-block {
font-size:15px; 
color:#777777; 
/* color:#FFFFFF; */
margin:5px 0px 0px 0px; 
text-shadow: 0px 0px 0px #929292;
-moz-text-shadow: 0px 0px 0px #929292; 
-webkit-text-shadow: 0px 0px 0px #929292;
}

h3.bottom-block a:link, h3.bottom-block a:visited {
font-size:15px; 
color:#777777; 
/* color:#FFFFFF; */
margin:5px 0px 0px 0px; 
text-shadow: 0px 0px 0px #929292;
-moz-text-shadow: 0px 0px 0px #929292; 
-webkit-text-shadow: 0px 0px 0px #929292;
text-decoration: none;
}

h3.bottom-block a:hover {
/* color:#555555; */
color:#999999;
text-shadow: none; 
-moz-text-shadow: none; 
-webkit-text-shadow: none; 
}

p.bottom-block {
color:#666666; 
/* color:#FFFFFF; */
text-align:justify;
line-height:17px;
margin:18px 0px 0px 0px;
text-shadow: 0px 0px 0px #929292;
}

p.bottom-block-blog {
color:#666666; 
/* color:#FFFFFF; */
text-align:left;
line-height:17px;
margin:18px 0px 0px 0px;
text-shadow: 0px 0px 0px #929292;
}

a.bottom-block:link, a.bottom-block:visited {font-size:12px; color:#666666; text-decoration:underline; text-shadow: 0px 0px 0px #929292;}
a.bottom-block:hover {color: #999999; text-decoration:none; text-shadow: none;}

/*
a.bottom-block:link, a.bottom-block:visited {font-size:12px; color:#FFFFFF; text-decoration:underline; text-shadow: 1px 1px 0px #929292;}
a.bottom-block:hover {color: #555555; text-decoration:none; text-shadow: none;}
*/

ul.bottom-block{
list-style: none outside !important;
padding:0px !important;
margin:0px !important;

}


ul.bottom-block li.bottom-block{
list-style-position: inside !important;
list-style-type: square !important;
color:#666666 !important;
/* color:#FFFFFF !important; */
padding:0px !important;
margin:0px 0px 0px 0px !important;
line-height:17px !important;
text-shadow: 0px 0px 0px #6d6d6d !important;
background:none !important;
}


/* - - - BOTTOM BLOCK ENDE - - - */


div#bottom{
margin: auto;
text-align:center;
width: 1000px;
padding:0px 0px 0px 0px;
height:65px;
}

a.bottomnavi:link, a.bottomnavi:visited { color:#555555; text-shadow: 1px 1px 0px #e1e1e1; text-decoration:none; }
a.bottomnavi:hover { color:#979797; text-shadow: none; }

/* - - - Extras - Start - - - */ 
div#notiz {
margin:auto;
text-align:center;
width:100%;
background:#009e7e;
padding-top:5px;
padding-bottom:5px;
}

div#notiz-container {
margin:auto;
text-align:center;
width:1000px;
border:0px solid black;
}
/* - - - Extras - Ende - - - */

/* - - - Layout - ENDE - - - */ 





/*@media only screen and (max-width:360px) {*/
@media only screen and (max-width:640px) {
html {width:auto;}
body {width:auto; }


/* Elemente START 
-----------------------------------------------------------------------------------------*/
img {border:0px; width:100%; height:auto; }

h1 { font-size:17px; font-weight: bold; color: #009E7E; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 10px 0px; padding:0px;}
h2 { font-size:15px; font-weight: bold; color: #555555; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 5px 0px; padding:0px;}
h3 { font-size:13px; font-weight: bold; color: #808080; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 5px 0px; padding:0px;}
h4 { font-size:12px; font-weight: bold; color: #808080; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 5px 0px; padding:0px;}
h5 { font-size:12px; font-weight: bold; color: #009E7E; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 10px 0px; padding:0px;}
h6 { font-size:12px; font-weight: bold; color: #555555; text-shadow: 1px 1px 0px #FFFFFF; margin:0px 0px 10px 0px; padding:0px;}

div.clearer {height:5px !important;}

/* HEAD START
-----------------------------------------------------------------------------------------*/
/*div#head {height:auto; background:#DEDEDE; display:block;} */
div#head {background:#DEDEDE url('/fileadmin/images/bg-head.jpg') repeat-x left top; display:block;}
div#head-container {margin: auto; width:100%;}
div#head-logo {float:none;width:100%;}
div#head-logo img {width:310px !important; height:auto; margin:10px 0px 0px 5px;}
div#head-slogan-topnavi {display:none;}
div#head-topnavi-content {display:none;}
/* --- HEAD ENDE --- */


/* --- NAVI START
-----------------------------------------------------------------------------------------*/
div#navi{height:auto; background:#cecece; border-bottom:1px solid #bbbbbb; }
div#navi-container {margin:auto; width:100%; height:auto; }
div#navi-content {float:left; width:70%; height:auto; padding:0px; margin:0px 0px 0px 5px; }
a.navi:link, a.navi:visited, a.navi:active { float:left; display:block; font-size:14px; color:#555555; text-decoration:none; margin:3px 10px 3px 0px; padding:3px; background:#dddddd;  border:1px solid #bbbbbb; border-radius:5px;}
a.navi:hover { color:#9d9d9d; text-shadow: none; }
/*a#active {padding-bottom:16px; background: transparent url('/fileadmin/images/navi-icon-pfeil.gif') center bottom no-repeat;}*/
div#navi-language {float:left; text-align:right; margin:5px 0px 0px 5px; width:auto; }
ul.language {float:left; margin: 0px; padding: 0px; list-style: none !important;}
ul.language li.language {margin: 0px 0px 5px 0px; padding: 0px; float:left;}
ul.language li.language-active img{margin:0px 5px 0px 0px; padding: 0px; float:left;} 
img.flaggen {width:20px; float:left; margin:0px 5px 0px 0px; padding: 0px;}
div#navi-search {display:none;}

div.clearer-mobile {font-size:1px; height:1px; clear:both; display:block;}
/* - - - NAVI ENDE - - - */


/* CONTENT START
-----------------------------------------------------------------------------------------*/
div#content{margin:auto; width:auto; padding:0px 5px 5px 5px;}
div#content-block-left {width:100%; float:none;}
div#content-subnavi {width:95% !important; height:auto; padding:0px;}
div#content-subnavi .csc-textpic {display:none;}
div#content-subnavi #social-media  {display:none;}
div#content-unter-submenu {width:330px; padding:4px 0px 0px 0px; border:0px solid #6d6d6d; margin:0px 0px 20px 0px;}
div#content-unter-submenu .csc-frame, div#content-unter-submenu .csc-textpic {display:none;}
div#content-unter-submenu .Tx-Formhandler {display:block !important; position:absolute; bottom:160px; }


div.tx-sfjquery-pi1 {display:none;}
div.tx-socialshareprivacy-pi1 {display:none;}

table.contenttable {font-size:9px !important;}
table.contenttable td {line-height:12px;}
table.contenttable-3 TR TD.td-0 {width:80px !important;}

ul.multicolumnContainer {margin:0px 0px 430px 0px;}
ul.multicolumnContainer, ul.multicolumnLayout1, ul.clearfix {width:100% !important;}
li.column  {float:none !important; width:100% !important;}
li.column2  {float:none !important; width:100% !important;}
div.columnItems {padding:0px !important;}
li.csc-uploads-element-pdf img {width:auto;}

div.csc-menu-1 div {width:100% !important;}
div.csc-menu-1 img {display:none;}


/* KLEINER KONTAKT-BANNER --- NEU --- START */
div.klein-contact-bg {display:none;}
/* KLEINER KONTAKT-BANNER --- NEU --- ENDE */


/* GROSSER KONTAKT-BANNER --- ALT --- START */
div.contact-bg {display:none;}
/* GROSSER KONTAKT-BANNER --- ALT --- ENDE */

div#content-banner {display:none;}
img.banner-block-img {margin-bottom:10px;border:0px;}
div#content-main {float:none; width:auto; padding:10px 5px 5px 5px;}
div#breadcrumb {display:none;}





/* SUBMENU  START
-----------------------------------------------------------------------------------------*/
/*
ul.subnavi {list-style: none outside; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px; border-top:1px solid #FFFFFF;}
ul.subnavi li.subnavi {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:#EDEDED url(images/navi-icon-a.gif) top left repeat-y; line-height:25px; border-bottom:1px solid #FFFFFF; }
ul.subnavi li.active {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:transparent url(images/navi-icon-b.gif) top left repeat-y; line-height:25px; border-bottom:1px solid #FFFFFF; }

ul.subnavi li.subnavi a:link, ul.subnavi li.subnavi a:visited {color:#555555; font-size:12px; font-weight:normal; text-decoration:none; padding: 3px 80px 3px 15px; display:block; line-height:17px;}
ul.subnavi li.subnavi a:hover {color:#979797;}
ul.subnavi li.active a.current {color:#555555; font-size:12px; text-decoration:none; padding:3px 80px 3px 15px; display:block; line-height:17px;}

ul.subnavi-2 {list-style: none outside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
ul.subnavi-2 li.subnavi-2 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:#EDEDED url(images/navi-icon-b.gif) top left repeat-y; line-height:25px; border-top:1px solid #FFFFFF; }
ul.subnavi-2 li.active-2 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:#EDEDED url(images/navi-icon-c.gif) top left repeat-y; line-height:25px; border-top:1px solid #FFFFFF;}

ul.subnavi-2 li.subnavi-2 a:link, ul.subnavi-2 li.subnavi-2 a:visited {color:#555555; font-size:12px; font-weight:normal; text-decoration:none; padding-left:25px;}
ul.subnavi-2 li.subnavi-2 a:hover{ padding-left:30px; color: #555555;}
ul.subnavi-2 li.active-2 a.current {color: #979797; font-size:12px; padding-left:25px; font-weight:bold;}

ul.subnavi-3 {list-style: none outside; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
ul.subnavi-3 li.subnavi-3 {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:#EDEDED url(images/navi-icon-c.gif) top left repeat-y; line-height:25px; }
ul.subnavi-3 li.active-3 { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:#EDEDED url(images/navi-icon-c.gif) top left repeat-y; line-height:25px; }

ul.subnavi-3 li.subnavi-3 a:link, ul.subnavi-3 li.subnavi-3 a:visited { color: #979797; font-size:12px; font-weight:normal; text-decoration:none; padding-left:35px;}
ul.subnavi-3 li.subnavi-3 a:hover{ padding-left:40px; color: #979797; }
ul.subnavi-3 li.active-3 a.current {color: #979797; font-weight:bold; font-size:12px; padding-left:35px;}
*/

ul.subnavi {width:100%; list-style: none; padding: 0px; margin: 0px; border:0px solid red;}
ul.subnavi li.subnavi {padding: 0px; margin: 0px; background:#009e7e; border-bottom:1px solid #FFFFFF; }
ul.subnavi li.active {padding: 0px; margin: 0px; background:#7fcebe; border-bottom:1px solid #FFFFFF; }

ul.subnavi li.subnavi a:link, ul.subnavi li.subnavi a:visited {color:#FFFFFF; font-size:12px; font-weight:normal; text-decoration:none; padding:5px; display:block; }
ul.subnavi li.subnavi a:hover {color:#FFFFFF;}
ul.subnavi li.active a.current {color:#FFFFFF; font-size:12px; font-weight:bold; text-decoration:none; padding:5px 5px 5px 10px; display:block;}

ul.subnavi-2 {list-style: none outside; padding: 0px; margin: 0px;}
ul.subnavi-2 li.subnavi-2 {padding: 0px; margin: 0px; background:#cecece; border-top:1px solid #FFFFFF; }
ul.subnavi-2 li.active-2 {padding: 0px; margin: 0px; background:#cecece; border-top:1px solid #FFFFFF;}

ul.subnavi-2 li.subnavi-2 a:link, ul.subnavi-2 li.subnavi-2 a:visited {color:#555555; font-size:12px; font-weight:normal; text-decoration:none; padding:5px 5px 5px 20px; }
ul.subnavi-2 li.subnavi-2 a:hover{ padding:5px 5px 5px 20px; color: #555555;}
ul.subnavi-2 li.active-2 a.current {color: #555555; font-size:12px; font-weight:bold; padding:5px 5px 5px 20px; }

ul.subnavi-3 {list-style: none outside; padding: 0px; margin: 0px; }
ul.subnavi-3 li.subnavi-3 {padding: 0px; margin: 0px; background:#ededed; border-top:1px solid #cecece;}
ul.subnavi-3 li.active-3 { padding: 0px; margin: 0px;background:#ededed; border-top:1px solid #cecece;}

ul.subnavi-3 li.subnavi-3 a:link, ul.subnavi-3 li.subnavi-3 a:visited { color: #979797; font-size:12px; font-weight:normal; text-decoration:none; padding:5px 5px 5px 30px;}
ul.subnavi-3 li.subnavi-3 a:hover{ padding:5px 5px 5px 30px;color: #555555; }
ul.subnavi-3 li.active-3 a.current {color: #555555; font-weight:bold; font-size:12px; padding:5px 5px 5px 30px;}

/* - - - SUBMENU  END - - - */
/* - - - CONTENT ENDE - - - */


/* BOTTOM BLOCK START
-----------------------------------------------------------------------------------------*/
div#bottom-block{ display:none;}
div#bottom{background:#cecece; border-top:1px solid #979797; margin: auto; text-align:center; width: auto; padding:10px 10px 0px 10px; height:auto;}
/* - - - BOTTOM BLOCK ENDE - - - */
}








/* - - - - PLUGIN NEWS - - - */

.news .article			{padding-bottom: 5px; margin-bottom: 0px;}

.news-single .teaser-text p	{font-size: 14px; font-weight: bold; color: #555555; line-height: 19px;}
.news-single span		{color:#BEBEBE;}
.news .article h3		{margin:0px 0px 10px 0px;}
.news .article .news-img-wrap 	{float: right; margin: 3px 0px 5px 20px;}
.news .footer span		{border-right:none;}

.news-single .article .news-img-wrap	{width:auto;}
.news-single .article .news-img-wrap	{background:transparent;}
.news-img-caption		{text-align:right; font-style:italic;}


a.more:link, a.more:visited, a.more:active
				{font-size: 12px; color: #009E7E !important; text-decoration: underline;}
a.more:hover 			{text-decoration:none;}

.news-backlink-wrap		{text-align:right;}

.news-related-wrap		{background:transparent url("/fileadmin/images/content-styleline.jpg") left top repeat-x; height:10px; margin:20px 0px 0px 0px; padding:2px 0px 0px 0px;}

div.page-navigation			{display:table; margin:20px 0px; width:100%;}
ul.f3-widget-paginator 			{margin:0px;}
ul.f3-widget-paginator a 		{padding:3px 10px; border-radius:4px; border:1px solid #d0d0d0; background:#dedede; display:block;}
ul.f3-widget-paginator li 		{padding:3px 10px; border-radius:4px; /*border:1px solid #d0d0d0; background:#dedede;*/}
ul.f3-widget-paginator li.current 	{padding:3px 10px; border:1px solid #d0d0d0; /*background:#dedede;*/}




.news .article .news-img-wrap a {position:relative; width:auto;}