@charset "ISO-8859-1";
/*farbwerte
blau #00579c
orange #ff9900
orange text #f08a00
text dunkelgrau #646567
teaser hg-grau #eceded
*/

/* CSS Document */
img, div { behavior: url("iepngfix.php")}

body {margin:0; padding:0; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:1.3em;}
img {border:0;}

/* CONTAINER ****************************************************/
.container {width:97em; margin:0 auto; background-color:#FFF;}

/* HEADER *******************************************************/
.header {width:100%; background-color:#00579c;}

/* NAVI *********************************************************/
.navi {margin:5px 0; float:left;background-color:#ff9900; width:100%;}
.navi a, .navi a:hover {display:block; float:left; width:19em;text-align:center; padding:4px 0; margin:0 5px 0 0;text-decoration:none; color:#00579c; background-color:#ff9900;}
.navi .navipunkt-rechts, .navi .navipunkt-rechts:hover {margin-right:0;}
.navi a p, .navi a:hover p {padding:3px 0 3px 20px; background-image:url(../gfx/gui/navi-img.gif); background-position:left center; background-repeat:no-repeat; margin:0; display:inline; text-transform:uppercase;font-size:1.2em; line-height:1.1em;}
.navi a:hover p, .navi .aktiv p {background-image:url(../gfx/gui/navi-img-aktiv.gif);}
.navi a:hover, .navi .aktiv { background-image:url(../gfx/gui/navi-aktiv-hg-2.gif); background-position:center top; background-repeat:no-repeat;}

/* CONTENT ******************************************************/
.content {width:100%; float:left;}
.content-1 h1, .content-1 h2, .content-1 h3, .content-2 h1, .content-2 h2, .content-2 h3 {font-weight:normal; color:#f08a00; margin:0; padding:0; clear:both; line-height:1.4em; text-transform:uppercase;}
.content-2 h1 {font-size:2.3em;margin:8px 0 18px 0;}
.content-2 h2 {font-size:1.5em; margin:0 0 5px 0; clear:both;}
.content-2 .h2-download {padding-top:18px; border-bottom:1px dotted #00579c;}
.content-2 h3 {font-size:1.2em; margin:0 0 5px 0; text-transform:none; color:#000; font-weight:bold;}
.content-2 p, .content-2 ul, .content-2 ol {font-size:1.2em; color:#000; margin:0 0 18px 0; line-height:1.4em;}
.content-2 ul, .content-2 ol {padding-left:25px;}
.content-2 ul li, .content-2 ol li {padding:0 0 7px 0;}
.content-2 .text-orange {color:#f08a00;}
.content-2 a, .content-2 a:hover {text-decoration:none; border-bottom:1px dotted #00579c; color:#00579c;}
.content-2 a:hover {border-bottom:1px solid #00579c;}
.content-2 .link-intern, .content-2 .link-extern, .content-2 .link-download {padding-left:14px; background-image:url(../gfx/gui/link-pfeil-intern.gif); background-position:left center; background-repeat:no-repeat;}
.content-2 .link-extern {background-image:url(../gfx/gui/link-pfeil-extern.gif);}
.content-2 .link-download {background-image:url(../gfx/gui/link-pfeil-download.gif);}

/* KOMMENTARLEISTE */
.content-2 .kommentarleiste {text-align:left; padding:0; margin:10px 0;}
.content-2 .kommentarleiste a, .content-2 .kommentarleiste a:hover {margin:0 5px; border:none;}
.content-2 .kommentarleiste a:hover, .content-2 .kommentarleiste .aktiv {text-decoration:underline;}
.content-2 .kommentarleiste p {margin:10px 5px 9px 5px; font-size:1.2em;}
.content-2 .kommentarleiste .kommentar-antwort {margin:0 5px 9px 15px; color:#646567;}
.content-2 .kommentarleiste .toplink {float:right;}
.content-2 .kommentarleiste .datum {font-style:italic;}
.content-2 .kommentarleiste .trennzeile {display:block; height:0px; margin:5px 0 ; border-top:1px dotted #00579c; padding:0; line-height:0;}
.content-2 .kommentarleiste form {margin:10px 0 0 0; padding:0;}
.content-2 .kommentarleiste form label {float:left; width:100px; font-size:1.2em; margin:0 0 0 5px;}
.content-2 .kommentarleiste form input, .content-2 .kommentarleiste form textarea {background-color:#FFF; border:1px dotted #646567; padding:1px;}
.content-2 .kommentarleiste form .zeile1 {margin:0 0 5px 0;}
.content-2 .kommentarleiste form .kommentar-button, .content-2 .kommentarleiste form .kommentar-button:hover {border:1px solid #ff9900;margin:0 0 0 105px; background-color:#ff9900; color:#000; padding:2px 10px;}
.content-2 .kommentarleiste form .kommentar-button:hover {border:1px solid #646567;}
.content-2 .kommentarleiste .beitragsnavi {float:right;}
.content-2 .kommentarleiste .beitragsnavi a, .content-2 .kommentarleiste .beitragsnavi a:hover {border-bottom:1px dotted #00579c; text-decoration:none;}
.content-2 .kommentarleiste .beitragsnavi a:hover {border-bottom:1px solid #00579c;}
.content-2 .imglink, .content-2 .imglink:hover {border:none;}
/* stile für zeile2 (checkboxen) */
.content-2 .kommentarleiste form .zeile2 {float:left; margin:0 0 10px 105px; width:300px; text-align:left;}
* html .content-2 .kommentarleiste form .zeile2 {margin:0 0 10px 53px;}
.content-2 .kommentarleiste form .zeile2 p {font-weight:bold;}
.content-2 .kommentarleiste form .zeile2 input {float:left; margin-top:0; padding-top:0; border:none;}
.content-2 .kommentarleiste form .zeile2 label {margin-bottom:3px; margin-top:0px; line-height:1.3em;}
.content-2 .kommentarleiste form .zeile2 .input-2 {margin:0;background-color:#FFF; border:1px dotted #646567; padding:1px;}


/* REFERENZEN / NEWS */
.referenz-zeile-1 {padding-bottom:10px; padding-top:10px; border-bottom:1px dotted #00579c; float:left; width:100%;}
.referenz-zeile-1-top { border-top:1px dotted #00579c;}
.referenz-zeile-1-ohne-border {border:none;}
.referenz-zeile-1 .spalte-1 {width:19.5em; float:left;}
.referenz-zeile-1 .spalte-1-b {width:19em;}
.referenz-zeile-1 .spalte-2 {width:38em; float:left;}
.referenz-zeile-1 .spalte-3 {width:58em; float:left;}
/** html .referenz-zeile-1 .spalte-2 {width:37.5em;}*/
.referenz-zeile-1 h1, .referenz-zeile-1 h2 {font-size:1.5em; text-transform:none; color:#000; font-weight:bold; margin:0 0 5px 0; padding:0;}
.referenz-zeile-1 h2 {font-size:1.1em; font-weight:normal; margin:0 0 10px 0;}
.referenz-zeile-1 p {font-size:1.2em; margin:5px 0 5px 0;}
.referenz-zeile-1 .galeriebox-190x190 {width:190px; background-image:url(../gfx/gui/galeriebox-190-hg.gif); background-position:top left; background-repeat:repeat-y; text-align:center; margin:0 0 0px 0; float:left;}
.referenz-zeile-1 .galeriebox-190x190 a, .referenz-zeile-1 .galeriebox-190x190 a:hover {border:none;}
.referenz-zeile-1 .galeriebox-190x190 .galerie-bilderrahmen-170x170 {width:170px; height:170px; /*background-color:#F0F0F1;*/ margin:0 0 0 10px; padding:0;}
.referenz-zeile-1 .referenzen-vorschaubox {margin:5px 10px 0 10px; padding:0; /*border-top:1px dotted #00579c;*/ text-align:left; display:block;}
.referenz-zeile-1 .referenzen-vorschaubox h1, .referenz-zeile-1 .referenzen-vorschaubox p {font-size:1.2em; line-height:1.6em; }
.referenz-zeile-1 .referenzen-vorschaubox .minivorschaubox {width:35px; height:35px; margin:5px 10px 0 0; float:left;}
.referenz-zeile-1 .referenzen-vorschaubox .minivorschaubox img {float:none;}
.referenz-zeile-1 .referenzen-vorschaubox .minivorschaubox table {width:35px; height:35px;}
.referenz-zeile-1 .referenzen-vorschaubox .ohne-margin-rechts {margin-right:0;}


/* NEWS */
.news-detail h1 {color:#f08a00;}
.news-detail h2 {margin-bottom:20px;}
.news-detail p img {float:left; margin:0 5px 5px 0;}

/* TERMINE */
.termine h1 {font-size:1.2em; font-weight:bold; margin:0; /*color:#f08a00;*/}
.termine p {margin:0; padding:0;}

/* BLÄTTERBOX */
.blaetterbox-zeile {clear:both; margin:0; padding:4px 0 2px 0; text-align:right;}
.blaetterbox-zeile a, .blaetterbox-zeile a:hover {border:none;} 
.blaetterbox-zeile img, .blaetterbox-zeile img:hover {border:none; margin:0 5px 0 0;}
.blaetterbox-zeile p {line-height:1.2em; font-size:11px; margin:2px 10px 0 10px; padding:0; display:inline;}
.blaetterbox-zeile p a, .blaetterbox-zeile p a:hover {float:none; margin:0 3px; border:none;}
.blaetterbox-zeile p a:hover {text-decoration:underline;}
.blaetterbox-zeile p .aktiv, .blaetterbox-zeile p .aktiv:hover {font-weight:bold; font-size:1.3em; border:none;}

/* KONTAKTFORMULAR */
.content-2 .kontaktformular form {margin:10px 0 0 0; padding:0;}
.content-2 .kontaktformular form label {float:left; width:140px; font-size:1.2em; margin:0;}
.content-2 .kontaktformular form input, .content-2 .kontaktformular form textarea {background-color:#FFF; border:1px dotted #646567; padding:1px;}
.content-2 .kontaktformular form .textfeld-1 {width:300px;}
.content-2 .kontaktformular form .textfeld-2 {width:50px; margin:0 5px 0 0;}
.content-2 .kontaktformular form .textfeld-3 {width:242px;}
.content-2 .kontaktformular form .textfeld-4 {width:50px; margin:0 5px;}
.content-2 .kontaktformular form .textarea {width:300px; height:100px;}

.content-2 .kontaktformular form .zeile1 {margin:0 0 5px 0;}
.content-2 .kontaktformular form .zeile2 {float:left; margin:0 20px 5px 0;}
.content-2 .kontaktformular form .kommentar-button, .content-2 .kontaktformular form .kommentar-button:hover {border:1px solid #ff9900;margin:0 0 0 140px; background-color:#ff9900; color:#000; padding:2px 10px;}
.content-2 .kontaktformular form .kommentar-button:hover {border:1px solid #646567;}
.content-2 .kontaktformular form .kommentar-button-2, .content-2 .kontaktformular form .kommentar-button-2:hover {margin-left:5px; background-color:#e1e2e3; border:#e1e2e3 solid 1px;}
.content-2 .kontaktformular form .kommentar-button-2:hover {border:1px solid #646567;}


#captchaimg {width:304px;}

/* SITEMAP */
.sitemap {margin:-20px 0 0 0;}

.sitemap ul {margin:0; padding:0; list-style-type:none;}
.sitemap ul li, .sitemap ul li:hover {margin:0; padding:20px 0 0 0;}
.sitemap ul li a, .sitemap ul li a:hover {clear:both;color:#F08A00;font-weight:normal;line-height:1.4em;padding:0;text-transform:uppercase;font-size:15px;margin:0 0 5px; border:none; text-decoration:none; padding:0; border-bottom:1px dotted #00579C; display:block;}
.sitemap ul li a:hover {border-bottom:1px solid #00579C;}

.sitemap ul ul {}
.sitemap ul ul li, .sitemap ul ul li:hover {border:none; padding:0; margin:0;}
.sitemap ul ul li a, .sitemap ul ul li a:hover {font-size:12px; color:#000; font-weight:bold; border:none;}
.sitemap ul ul li a:hover {text-decoration:underline;}

.sitemap ul ul ul {padding:0 0 10px 15px; margin:0; list-style-type:disc; font-size:10px;}
.sitemap ul ul ul li {}
.sitemap ul ul ul li a, .sitemap ul ul ul li a:hover { font-size:12px; color:#000; text-transform:none; font-weight:normal;}
.sitemap ul ul ul li a:hover {}


/* fotowettbewerb */
.contentbox-580x190 {width:580px; background-image:url(../gfx/gui/contentbox-580x190-hg.gif); background-position:top left; background-repeat:repeat-y; text-align:left; margin:0 0 18px 0; float:left;}
.contentbox-580x190 h2, .contentbox-580x190 p { margin-left:9px;}
.contentbox-580x190 p {margin-bottom:0;}
.contentbox-580x190 a, .contentbox-580x190 a:hover {border:none;}
.contentbox-580x190 a img, .contentbox-580x190 a:hover img {margin:5px 0 0 0;}

.contentbox-580x190-2 {width:580px; background-image:url(../gfx/gui/contentbox-580x190-2-hg.gif); background-position:top left; background-repeat:repeat-y; text-align:left; margin:0 0 18px 0; float:left;}
.contentbox-580x190-2 h2 {font-weight:bold;}
.contentbox-580x190-2 h2, .contentbox-580x190-2 p { margin-left:9px; color:#FFF}
.contentbox-580x190-2 p {margin-bottom:0;}
.contentbox-580x190-2 a, .contentbox-580x190-2 a:hover {border:none;}
.contentbox-580x190-2 a img, .contentbox-580x190-2 a:hover img {margin:5px 0 0 0;}

/* content 1 */
.content-1 {width:77.5em; float:left;}

/* content 2 */
.content-2 {width:58em; float:left; padding-bottom:15px; position:relative;}

/* subnavi */
.subnavi {float:left; width:19em; margin:0 5px 0 0;}

.subnavi ul, .subnavi li, .subnavi ul ul, .subnavi li li, .subnavi ul a, .subnavi ul a:hover, .subnavi ul ul a, .subnavi ul ul a:hover {margin:0; padding:0; line-height:1.2em;list-style:none;}

.subnavi ul {background-color:#e1e2e3; background-image:url(../gfx/gui/subnavi-ecken-oben.gif); background-position:top right; background-repeat:no-repeat;padding-top:3px;}
.subnavi li {}
.subnavi ul a, .subnavi ul a:hover {padding:3px 0 3px 5px; font-size:1.1em; color:#00579c; text-transform:uppercase; text-decoration:none; display:block; font-weight:bold; border:none;}
.subnavi ul a:hover, .subnavi ul .aktiv {color:#f08a00;}
.subnavi .letzter-navipunkt, .subnavi .letzter-navipunkt-2 {background-image:url(../gfx/gui/subnavi-ecken-unten.gif); background-position:bottom right; background-repeat:no-repeat; padding-bottom:3px;}
.subnavi .letzter-navipunkt-2 {background-image:url(../gfx/gui/subnavi-ecken-unten-2.gif); background-color:#F0F0F1;}

.subnavi ul ul {background-color:#f0f0f1; background-image:none; padding:10px 0 15px 0; /*border-bottom:3px solid #e1e2e3;*/}
.subnavi li li {}
.subnavi ul ul a, .subnavi ul ul a:hover {padding:3px 0 3px 20px; display:block; text-transform:none; font-weight:normal;}
.subnavi ul ul a:hover, .subnavi ul ul .aktiv {background-image:url(../gfx/gui/subnavi-img.gif); background-position:5px 4px; background-repeat:no-repeat;}
.subnavi ul ul h1 {font-size:1.1em; color:#646567; padding:0; margin:0 0 0px 0; clear:both;}
.subnavi ul form {margin:0; padding:0;}
.subnavi ul form .textfeld, .subnavi ul form .textfeld-2 {/*width:176px;*/ width:178px; padding:1px 0; border:1px solid #646567; margin:2px 3px 5px 0;}
.subnavi ul form .textfeld-2 {width:180px;}
.subnavi ul form .button, .subnavi ul form .button:hover {padding:0; margin:5px 0 0 0; background-color:#f0f0f1; border:none; text-align:left; padding-left:20px; background-image:url(../gfx/gui/icon-suche.gif); background-position:left center; background-repeat:no-repeat; color:#000; text-decoration:none; line-height:1.3em;}
.subnavi ul form .button:hover {text-decoration:underline;}
.subnavi .ululformular {padding:10px 0 0px 5px;}

/* box-right-1 */
.box-right-1 {float:left; width:19em; margin:0 0 0 5px; text-align:center; padding:0 0 10px 0;}
.box-right-1 .searchbox {background-color:#ff9900; color:#FFF; text-align:left;}
.box-right-1 .searchbox img {width:19em;}
.box-right-1 .searchbox form {margin:4px 0 0 0; padding:0 0 0 12px;}
.box-right-1 .searchbox .input-hg {background-image:url(../gfx/gui/searchbox-input.gif); width:166px; height:30px; margin:0; background-position:top left; background-repeat:no-repeat;}
.box-right-1 .searchbox input {text-align:left; background-color:transparent; border:none; width:154px; padding:0 6pxpx; margin-top:5px; margin-left:6px; line-height:1em;}
.box-right-1 .searchbox .button {padding:0; background-color:#FF9900; border:none; margin:3px 0 0 0; width:166px; color:#FFF; text-align:center; background-image:none;}
.box-right-1 .searchbox .button:hover, .box-right-1 .searchbox .button:activ, .box-right-1 .searchbox .button:focus, .box-right-1 .searchbox input:hover, .box-right-1 .searchbox input:activ, .box-right-1 
.searchbox input:focus {border:none;}
.box-right-1 .searchbox .button:hover {color:#000;}
.box-right-1 .teaser {margin:5px 0 0 0;}
/* logoshow */
.logoshow {background-image:url(../gfx/logoshow-hg.gif); background-repeat:no-repeat; width:190px; height:74px; margin:5px 0 0 0;}

/* TAG CLOUD */
.tag-cloud {width:190px; background-image:url(../gfx/gui/tag-cloud-hg.gif); padding:0; margin:5px 0 0 0;}
.tag-cloud-content {margin:0 5px;}
.tag-cloud-content a, .tag-cloud-content a:hover {color:#646567; text-decoration:none; line-height:1.3em; margin:0 2px;}
.tag-cloud-content a:hover {color:#000;}

/* TEASER BOTTOM ************************************************/
.teaser-bottom {float:left; width:97em; background-color:#FFF; background-image:url(../gfx/gui/teaser-hg.gif); margin:0 0 10px 0;display:inline;}
.teaser-bottom a, .teaser-bottom a:hover {text-decoration:none; border-bottom:1px dotted #00579c; color:#00579c;}
.teaser-bottom a:hover {border-bottom:1px solid #00579c;}
.teaser-bottom .teaser-box-1, .teaser-bottom .teaser-box-2 {width:19em;float:left; margin:0 5px 0 0; padding:0;}
* html .teaser-bottom .teaser-box-1 {}
* html  .teaser-bottom .teaser-box-2 {}
.teaser-bottom .teaser-box-2 {margin:0/* 0 0 5px*/;}
.teaser-bottom h1, .teaser-bottom h2, .teaser-bottom p, .teaser-bottom img {margin:0 0 0 5px; padding:0; font-weight:normal; line-height:1.4em;}
.teaser-bottom h1 {font-size:1.1em; color:#646567; margin-bottom:2px; margin-top:5px; text-transform:uppercase;}
.teaser-bottom h1 a, .teaser-bottom h1 a:hover {color:#00579c; border-bottom:1px dotted #00579c;text-decoration:none;}
.teaser-bottom h1 a:hover {border-bottom:1px solid #00579C;}
.teaser-bottom h2 {font-size:1em; color:#646567; margin-bottom:5px; clear:both;}
.teaser-bottom p {font-size:1.1em; color:#000;margin:5px; }
.teaser-bottom img {margin:5px 0 0 5px; border:solid 2px #FFF;}
.teaser-bottom a {border-bottom:none;}
.teaser-bottom .datum {display:inline; font-weight:bold; margin:0 3px 0 0;}
.teaser-bottom .imglink, .teaser-bottom .imglink:hover {border-bottom:none;}

/* NEWSLETTER TEASER ZEILE ********************************************/
.newsletter-teaser p {margin:0 0 8px 0; text-align:center;}
.newsletter-teaser a, .newsletter-teaser a:hover {font-size:12px; color:#00579C; text-decoration:none; text-transform:uppercase;}
.newsletter-teaser a:hover {text-decoration:underline;}

/* FOOTER *******************************************************/
.footer {width:100%; background-color:#00579c; clear:both; margin:0 0 20px 0;}
.footer a, .footer a:hover {color:#FFF; border-bottom:1px dotted #FFF; text-decoration:none;}
.footer a:hover {border-bottom:1px solid #FFF;}
.footer p {color:#FFF; margin:0; padding:6px 4px; font-size:1.1em;}
.footer .hervorhebung1 {font-weight:bold; letter-spacing:0.1em; text-transform:uppercase; line-height:1em;}


/* twitter einbindung ****************************************/
.twtr-doc {margin:0 0 5px 0;}
.twtr-hd h3, .twtr-hd h4 {clear:none;}