@charset "utf-8";
/*
==================================================
Farben-Info
==================================================
- #303030 (dunkelgrau) - Txt: Inhalt
- #504a40 (dunkelgrau) - Txt: menue-1
- #666666 (dunkelgrau) - Txt: Footer, menue-a
- #828282 (mittelgrau) - Txt: h2
- #999999 (mittelgrau) - Rand: Footer
- #b1b3b4 (hellgrau) - Rand: menue-1, Rand: Ticker
- #aaaaaa (hellgrau) - Txt: h3
- #adadad (hellgrau) - Punkte: Listen, BG: h2.Info
- #d7d7d7 (hellgrau) - Rand: h3
- #e9e9e9 (hellgrau) - BG: menue-0-Icons
- #00767c (dunkelt�rkis) - Txt: menue-1 cur
- #0099a1 (dunkelt�rkis) - BG: menue-0, Txt: h1, Rand: header (2)
- #308e93 (mittelt�rkis) - Txt: Links
- #2bb7bc (mittelt�rkis) - Rand: header (1,3)
- #4cb7bd (hellt�rkis) - BG: h2-menue-1
- #88cdcf (hellt�rkis) - Rand: header (4)
- #997f99 (violett-grau) - Txt: Ticker
- #182626 (dunkelgrau) - Txt: Startseite

*/

/* ----- Reset Style ----- */
* { border:0; margin:0; padding:0; list-style:none; background:transparent; vertical-align:baseline; font-size:100%; font-family:inherit; font-style:inherit; font-weight:inherit; text-decoration:inherit; text-align:inherit; }



/*
==================================================
Grundeinstellungen
==================================================
*/
html { height:100%; color:#303030; font-size:62.5%;  font-style:normal; font-weight:normal; text-decoration:none; text-align:left; font-family:Arial, Helvetica, sans-serif; min-width:983px; background: #fff;}
body { width:981px; margin: 0 auto; position:relative; font-size:12px; line-height:1.5em;  min-height:100%; padding-bottom:1px; border-left:1px solid #fff; border-right:1px solid #fff; background: url(../layout/bg-grau-slice.png) repeat-y center top; }
#body-1 { background:transparent url(../layout/bg-grau.jpg) no-repeat center 208px; width:100%; min-height:777px;}

p, table, dl, ul, ol {margin-bottom:10px;}
b, strong, h4, dt, th, caption {font-weight:bold;}
em, i {font-style:italic;}

/* ----- Standardelemente ----- */
h1 {color: #0099a1; position:absolute; top: -31px; left:0; font-size:18px;}
h2 {color: #828282; font-size: 18px; line-height:22px; margin-bottom: 9px; }
.col-content h3, fieldset.h3 h2 {color: #828282; font-size:16px; line-height:22px; border-bottom:1px solid #d7d7d7; margin-bottom: 6px; padding-bottom:2px; padding-top:5px;}
/*.col-content h2 {margin-top:23px;}*/

ul > li  {list-style:square outside url(../layout/listenpunkt.gif); margin: 0 0 0 38px; padding-left:4px; }
ol > li  {list-style:decimal outside; margin:0 0 0 42px; }
li.punkt-inside {list-style-position:inside;}

a:link, a:visited {color: #308e93; text-decoration:none; }
a:hover {text-decoration:underline;}

.for-accessibility {left:-3000px; position:absolute; top:-3000px; width:1px; height:1px;}
.for-accessibility:focus {left:5px; top:0; width:auto; height:auto; z-index:200; background-image:none; padding:0;}

/* ----- Tabellen ----- */
table { border-collapse:collapse; }
td, th { padding: 6px 10px 10px; vertical-align: top;  border:1px solid #d7d7d7;}
th { font-weight: bold; }
table p { margin: 0 0 8px; }
table p:last-child { margin: 0;}
caption { font-size: 18px; color:#aaaaaa; padding:0 0 3px; font-weight:normal; line-height:22px;}
table.einfach { margin-bottom:10px;}
.einfach caption {border-bottom:1px solid #d7d7d7 ; }
.einfach td, .einfach th {border:0; padding-top:0; padding-left:0; padding-bottom:6px;}



/*
==================================================
Layout Spalten/Bereiche
==================================================
body-Classes:
*/
#header {background-color:#fff; height:199px; border-top:9px solid #2bb7bc;}
#header span {position:absolute; top:0; left: 328px; height: 9px; width:22px; border-left: 352px solid #0099a1; border-right: 279px solid #88cdcf;}
.col-navi {float:left; width:237px; padding: 0 65px 33px 26px; position:relative;}
.col-content {float:left; position:relative; width:570px; padding: 33px 0 23px;}
#footer {clear:both; width:100%; color: #666;  height: 35px;}
#footer a {color: #666;}
#footer span.adresse {width:653px; padding-top:7px; position:absolute; bottom:10px; padding-left:328px; left:0; border-top: 1px solid #999999;}



/*
==================================================
Menüs
==================================================
li.act = ist in Rootline (= aktueller Bereich)
li.act.cur = ist genau aktuelle Seite
*/
.menue li, .news-list li, .mira-list li, .statements-list li {list-style:none; margin:0; padding:0; float:left; }
.menue a, .col-navi h2 a, .news-list a {display:block; text-decoration:none;}
.menue, .news-list, .statements-list  {overflow:hidden;}



#menue-a, #menue-c {margin: 12px  0 0 26px; height: 23px;}
#menue-a li, #menue-c li { margin-left:-1px;}
#menue-a a, #menue-c a { border-left:1px solid; color: #666666; padding: 0 11px 0 10px; line-height:13px; margin-top:-2px; }
#menue-a a:hover , #menue-c a:hover {text-decoration:underline;}

#menue-0 {width: 263px;}
#menue-0 li {padding-bottom: 3px; width:100%;}
#menue-0 a, h2.act-bereich a  {color:#fff; font-size:17px; padding: 4px 10px 0 35px; height:21px; background: #0099a1 url(../layout/sprites.png) no-repeat -5px -5px;}
#menue-0 li.act a {background-position: -5px -35px;}
h2.act-bereich a:hover {background-color:#88cdcf; color:#fff;}
#menue-0 a:hover {background-color:#4cb7bd}

#menue-1, #menue-b, .col-navi .news-list {background-color:#f4f4f4; background-color: rgba(255, 255, 255, 0.5); padding:6px 0 20px; border-bottom:1px dashed #b1b3b4; }
#menue-1, .col-navi .news-list, #menue-b {margin-bottom: 33px;}
#menue-0 li, .col-navi li {width:100%;}
.col-navi a {border-bottom: 1px dashed #b1b3b4; padding: 3px 9px; color: #504a40; line-height: 14px; }
#menue-1 a { font-weight:bold; }
.col-navi a:hover {color: #308e93;}
#menue-1 li li a {font-weight:normal; padding-left:36px;}
#menue-1 li li.act a {color: #00767c; background:transparent url(../layout/sprites.png) no-repeat -1px center;}

h2.act-bereich a {background:#4cb7bd url(../layout/sprites.png) no-repeat -5px -130px; border-bottom:0; padding-top: 6px; height:19px;}
#menue-b a {padding-left:36px;}
#menue-c {position:absolute; bottom:0; z-index:10;}



/*
==================================================
Inhalte
==================================================
*/

a#logo {position:absolute; top:44px; right:27px;}
a#logo img {display:block;}

img.seiten-pic {display:block; padding-bottom:0;}
.csc-textpic-above dl.csc-textpic-image {margin-bottom:0;}
.csc-textpic-above dl img {display:block; padding-top:1px;}
.csc-textpic-above dl.csc-textpic-image {position:relative; top:-33px;}

.nur-text img, .csc-textpic-text img, .news-single-item img { float:right; padding: 10px 0 10px 10px;}
.news-single-item img.links {float:left; padding: 10px 10px 10px 0; } 

.col-navi h2 {color:#fff; background: #adadad; font-size:17px; padding:2px 9px 1px;}
h2.act-bereich {position:absolute; top:-34px; left:0; width: 263px; padding:0;}
h2.akt-informationen { position:absolute; top:-34px; left:26px; width:219px;}
h2.akt-informationen a, h2.akt-informationen a:hover, h2.akt-informationen a:visited, h2.mira-meint a, h2.mira-meint a:hover, h2.mira-meint a:visited{ padding-left:0;color:#ffffff; border-bottom:none;}
h2.akt-informationen:hover, h2.mira-meint:hover {background-color:#c4c4c4;}
h2.mira-meint {  width:219px; }



marquee, #ticker {color: #997f99; border:dashed #b1b3b4; border-width:1px 0; display:block; font-size:16px; position:absolute; top: -34px; left:0; padding:3px 0 0; overflow:hidden; width:570px; height:20px}
#ticker div {float:left; white-space:nowrap; position:relative;}

ul.bereichsteaser {background-color:#f4f4f4; background-color: rgba(255, 255, 255, 0.5); padding-top:28px; overflow:hidden; position:relative; top:-32px; margin-bottom:0;}
.bereichsteaser li {width: 188px; list-style:none; padding:0; margin:0; float:left;}
.bereichsteaser li + li {padding-left:3px;}
.bereichsteaser a {display:block; text-decoration:none;}
.bereichsteaser h3 {color:#fff; font-size:17px; padding: 4px 10px 0 9px; height:21px; margin-bottom:3px; background: #0099a1; font-weight:normal; border:0;}
.bereichsteaser a:hover h3 {background-color: #4CB7BD; text-decoration:none;}
.bereichsteaser img {display:block;}
/*tt_news*/
/*news-list siehe oben unter Men�s*/
.col-navi .news-list h3 {font-weight: bold; margin-bottom: 5px;}
span.news-list-date {font-weight: normal; font-size:10px; color: #828282; text-decoration:none; margin-left:9px;}
.archiv span.news-list-date {width:6.5em; display:inline-block;}
.archiv p {margin-bottom:0;}
.col-content .news-list li, .statements-list li {margin-bottom: 15px; width:100%;}
.col-content .archiv li {margin-bottom:6px;}

.news-morelink{color:#308E93;}
.news-morelink:hover{text-decoration:underline;}


/*NEWS*/
/*.news-list-titel{display:block;float:left;}*/
.news-list-date{display:block;float:left; color:#828282;font-size:10px;font-weight:normal;text-decoration:none;width:65px;}
.news-list-date-single{color:#828282;font-size:10px;font-weight:normal;text-decoration:none;}
/*.news-list-text{clear:left;padding-left:65px;}
.news-list-text a{color:#303030;}
.news-list-text a:hover{text-decoration:none;}*/
.news-single-item p{clear:left}
.news-list {float:left;}
.col-navi .news-list {float:none;}
/*.news-list .news-list-date a:hover{text-decoration:none;}
.news-list-teasertext a:hover{text-decoration:none;}
.news-list-teasertext a:link,.news-list-teasertext a:visited{color:#303030 ;}
.news-list-titel a:hover{text-decoration:underline;}*/

.news-list-text-mira{padding-left:65px;}

/*PRESSE*/
/*.presse-list-text a{color:#303030;}
.presse-list-text a:hover{text-decoration:none;}
.presse-list-titel{display:block;clear:left;padding-left:65px;}*/
.presse-list-date{display:block;float:left; color:#828282;font-size:10px;font-weight:normal;text-decoration:none;width:65px;}
.presse-list-date-single{color:#828282;font-size:10px;font-weight:normal;text-decoration:none;}
.presse-list-autor{display:block;color:#828282;font-size:10px;font-weight:normal;text-decoration:none; padding-left:65px; padding-top:3px;}
.presse-list-autor p{margin-bottom:0px;}
/*.presse-list-text{clear:left;padding-left:65px;}*/
.presse-list-date-author {color:#828282;font-size:10px;font-weight:normal;display:block;float:left;}
.presse-list-date-author p{display:block;float:left;clear:none;}


/*News neu W*/
.col-content .news-list a, .linkliste a {padding-left:65px; }
.news-list a, .news-list a:hover, .linkliste a, .linkliste a:hover  {display:block; color:#303030; text-decoration:none; }
.col-content .news-list a h3,  .linkliste a h3 {font-size:12px; color:#308E93; border:0; margin:0; padding:0;}
.news-list a:hover h3, .linkliste a:hover h3 {text-decoration:underline;}
div.news-list-date, div.linkliste-datum  {padding-top:3px;}
.col-navi .news-list a:hover h3 {text-decoration:none; color: #308E93;}

/* Partner-Seiten */
.partner-logo td {background:#fff; width:142px; border:0px;}
.partner-link td {padding:5px 0 20px 0px;}
.partner-bild {padding:0px; margin:0px;}
.partner-bild td {padding:10px 0 0 0;}
.partner-bild img {padding:0px; float:none;}

/* Download-Tabellen */
.download-table {margin:10px 0 0 20px;}
.download-table td {width:85%; border:0px;}


/*Startseite*/
body#kp-1 { background-image:url(../layout/bg-tuerkis-slice.png); }
body#kp-1 #body-1 {background-image:url(../layout/bg-tuerkis.jpg);}
body#kp-1 #footer, body#kp-1 #footer a {color:#303030;}
body#kp-1 #menue-c a {color:#fff;}
body#kp-1 #menue-b, body#kp-1 .news-list  {background-color: #D5EEEF; background-color: rgba(255, 255, 255, 0.8); }
body#kp-1 .col-content p, body#kp-1 .col-content h2 { color:#182626;}



/*Javascript*/
body.kleiner #footer {position:fixed; bottom:0; width:981px; }
/*body.js {background:#f00 !important;}*/
body.js #ticker div {left:570px;}


/*powermail*/
div.tx-powermail-pi1 {float:left; width:100%; padding-bottom:16px;}
fieldset { width: 100%; float:left; margin-bottom: 28px; }
fieldset div { float:left; padding-bottom:3px; width: 100%; min-height:20px; }
fieldset div div { min-height:16px; padding-bottom:4px;}
input, select, textarea {border:1px solid #0099a1; color:#004768; background-color:#fff; padding:1px 8px; float:left; }
input[type="checkbox"], input[type="radio"] {border:0; background:transparent;}
label { width:161px; float: left; padding-top: 2px; margin-bottom: 5px; margin-right:6px; border-bottom: 1px dotted #ccc; }
div.fieldwrap_check label, div.fieldwrap_radio label { float:right; width:380px; padding:0; margin: 0 0 0 6px; border: none; }
input.powermail_text, #user,#pass, #tx_mnogosearch_pi1_q {  width:286px; }
select { width:304px; padding: 0 0 0 5px; }
textarea { width:286px; height: 15em; }
 
.fieldwrap_check input, .fieldwrap_radio input { height:13px; margin: 1px 0 0 167px; border:none; width:13px; padding:0; background:none;}
.fieldwrap_check p,.fieldwrap_radio p{ width:161px; float: left; padding-top: 2px; margin-bottom: 5px; margin-right:6px;border-bottom: 1px dotted #ccc; }
input.powermail_submit, input.powermail_reset, input.submit, input[type="submit"] {  width:304px; cursor: pointer; font-weight: bold; text-align: center; clear: both; padding: 1px 0; margin: 0 0 0 167px; border: 0; color: #fff; background-color:#0099a1; }
input.powermail_reset, input.reset {font-weight:normal; margin-bottom:17px;  width:304px;}
input.powermail_submit:hover, input.powermail_reset:hover, input.submit:hover, input[type="submit"]:hover { background-color:#4cb7bd; }
.button{margin-left:166px;width:306px; text-align:center;cursor: pointer; color:#fff; font-weight:bold;background-color:#0099a1; border:none;}
.button:hover{background-color:#4cb7bd;}
.powerRadio{float:left; display:block;}

fieldset p { width:100%; margin-top: 15px; float:left; }
fieldset h2 + p, fieldset h2 + div p, fieldset p + div p { margin-top:0; }
#col-content .tx-powermail-pi1 h2 {border:0; padding-bottom:0; margin-bottom:16px;}

.powermail_mandatory_js { padding-left: 6px; color: #f00; float:left; }

.powermail_all * {border:0;}
.powermail_all th {font-weight:normal; padding:7px 0 0 0; border-bottom:1px dotted #ccc; width:161px;}
.powermail_all td {font-weight:bold; vertical-align:bottom; padding:7px 0 0 6px; color:#004768; }

/*date2cal*/
div.date2cal {position:relative;}
.date2cal_img_help, .jscalendar_cb { display: none; }
.date2cal_img_cal { position:absolute; top:0; left: 167px; padding:0;}
.date2cal input { position:absolute; top:0; left: 190px; width: 177px; }
.date2cal span { display:none; }
body div.calendar { width: 200px; }


/*mnogosearch*/
#long-search-form { float:left;}
.tx-mnogosearch-summary {background-color: #f4f4f4; background-color:rgba(255, 255, 255, 0.5); clear:both; padding:9px 10px 3px; margin: 0 0 20px; border-bottom:1px dashed #B1B3B4;}
.tx-mnogosearch-summary-value { font-weight: bold; }
#tx-mnogosearch-results { margin: 5px 0; }
ol#tx-mnogosearch-result li { margin-bottom: 20px; }
.tx-mnogosearch-result-excerpt { margin: 3px 0 6px 0; }
.tx-mnogosearch-result-excerpt-selection { font-weight: bold; }
.tx-mnogosearch-result-links { border-left: 5px solid #e7e7e7; padding-left: 5px; }
.tx-mnogosearch-result-links ul { display: none; list-style: none inside none; padding: 1px 0 3px 20px; margin: 0; }

.tx-pagebrowse-pi1 h3 {margin-bottom:4px;}
.tx-mnogosearch-pi1-result-excerpt-selection {font-weight: bold;}

.tx-pagebrowse-pi1 {float:right; margin-top:20px; }
.tx-pagebrowse-pi1 li {list-style:none; float:left; margin:2px;}

.tx-pagebrowse-pi1 li.tx-pagebrowse-pages {border:0; margin:0 10px;} 
.tx-pagebrowse-pi1 a {padding: 1px 6px ; background-color:#0099A1; color:#fff; display:block;}
.tx-pagebrowse-pi1 .pagebrowser span {padding:0 5px ; border:1px solid #0099A1; display:block;}
.tx-pagebrowse-pi1 a:hover {background-color:#4CB7BD; text-decoration:none;}



/*Referenzen*/
.referenzen-top {background:#fff; min-height:244px;border-top:1px solid #d9d9d9; overflow:hidden; margin-bottom: 23px; position: relative;}
.referenzen-top h2 {margin-left:-10px;}
.referenzen-top img {margin-right:9px}

.referenzen-top .map img {margin-right:0px;display:block;}

.map li {list-style:none;margin:0;padding:0;width:4px;height:4px;}
.min-max { left:4px; top:4px; position:absolute; z-index:100; }
.map {float:left; margin-right:50px; overflow:hidden;}
.referenzen-list {clear:both;}
.buendig {margin-top:10px;margin-left:250px;}
.buendig li {margin-left:16px;}


.referenzen-top .legende {height:60px; left:15px; position:absolute; top:15px; width:150px; z-index:100;}

.tx-kpreferenzen-pi1 {margin-top: -33px;}

.tx-kpreferenzen-pi2 h3 {font-size:12px; color:#308E93; border:0; margin:0; padding-left:65px; padding-top:0;}
.tx-kpreferenzen-pi2 .statement-list-text {clear:left;padding-left:65px;}
.statement-list-autor {padding-left:65px; font-size:10px; color:#828282;}
.tx-kpreferenzen-pi2 .statement-list-date {color:#828282; float:left;font-size:10px;width:65px; padding-top:3px;}
.tx-kpreferenzen-pi2 a {display:block; color:#303030; text-decoration:none; }
.tx-kpreferenzen-pi2 a:hover h3 {text-decoration:underline;}
.tx-kpreferenzen-pi2 .statement-list-text:hover {text-decoration:none;}
.tx-kpreferenzen-pi2 .statement-list-date a:hover{text-decoration:none;}
.tx-kpreferenzen-pi2 li {margin-bottom:15px;width:100%;}

.plznav {overflow:hidden; padding:8px 0 0;}
.plznav a { background-color: #0099A1; padding: 1px 6px; color:#fff; margin-right:4px; float:left;}
.plznav a:hover {background-color: #4CB7BD; text-decoration:none;}

.referenzen-list table td.trenner {background-color: #e9e9e9; font-weight: bold; color: #504A40;}
.referenzen-list table td.trenner div {font-weight:bold; float:left;}
.referenzen-list table td.trenner div.links {font-weight:normal; float:right;}



/*captcha*/
/*powermail mod*/
.powermaildiv_uid144 input {width:50px;}
.powermail_captcha {width:286px; margin-top:1.5em;}
.powermail_captcha_captcha {display:block; float:left; margin-left:167px; margin-right:100px; margin-top:1em; border:1px solid #0099A1; }
img.powermail_captcha_captcha { width:302px; }

.hideContent{display:none;  }



/*Linkliste*/
.linkliste li{list-style-image:none;list-style-position:outside;list-style-type:none;margin-left:0px;margin-bottom:15px; width:100%;}
.linkliste-datum{color:#828282;font-size:10px;font-weight:normal;width:60px;display:block;float:left;}
/*.linkliste-titel{display:block;float:left;}
.linkliste-text{color:#303030;clear:left;padding-left:65px;}
.linkliste a:hover{text-decoration:none;}
.linkliste-text:hover{text-decoration:none;}
.linkliste-titel:hover{text-decoration:underline;}*/

/*chgallery*/
.tx-chgallery-pi1 img {/*border:1px solid #999999;*/display:block; float:none; margin:8px auto;}
.tx-chgallery-pi1 a { background-color:#f4f4f4; background-color: rgba(255, 255, 255, 0.5);/*border:1px solid #999999;*/border-bottom:1px dashed #B1B3B4; display:block; float:left; height:100px; margin:0 10px 10px 0; width:108px;}
#body-1 .tx-chgallery-pi1 a:hover {background-color:#fff;}

/*Login*/
.tx-felogin-pi1 {padding-top:22px;}


/*Mira*/
#mira.news-list,#mira-link.news-list{margin-bottom:0px; border-bottom:none;overflow:visible;}
#mira.news-list p {margin:0; padding-bottom:2px;}
#mira-link.news-list{padding-bottom:0px;}
#mira {background-color: #f4f4f4; background-color: rgba(255, 255, 255, 0.5); padding:10px 8px 0; }
#mira a{border:none; padding:0;}
#mira-link{text-align:center; background-color:#f4f4f4; background-color: rgba(255, 255, 255, 0.5);}
#mira-link a{border:none; padding:0; display:block; width:237px;border-bottom:1px dashed #B1B3B4; border-top:1px dashed #B1B3B4; height:20px;padding-top:4px;color:#989898; }
body#kp-1 #mira, body#kp-1 #mira-link{background-color:#D5EEEF; background-color: rgba(255, 255, 255, 0.8);}
.mira-pic{float: right; padding-left:9px;}
.mira-tatze{float:right; position:relative;top:-21px;left:-9px;}

#mira a:hover, #mira-link a:hover {color: #308E93;}
#kp-109 .news-list-date {padding-top:1px;}


/*miflowplayer*/
a.video {float:right; padding:10px 0 10px 10px;}