@charset "UTF-8";
/* CSS Document */


@import url(navigator.css);
@import url(forms.css);
@import url(widgets.css);
@import url(bilderSlider.css);
@import url(font.css);
@import url(flickr.css);
@import url(inhalte.css);
@import url(print.css);


/*JQUERY UI FOR DATAPICKER*/
@import url(jquery-ui-1.8.custom.css); 

body {
        background: #98ddfe url(fdp_bodyBG.png) 0 0 repeat-x;
        margin: 0;
        padding: 0;
        line-height: 17px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333;}


/*ALLOVER*/

a {color: inherit; outline: none !important; text-decoration: none; display:inline-block;}
a img {border: none;}
a:hover {color: #ffeb00}
.clear {clear: both; line-height: 0px; overflow:hidden; height: 0; padding: 0; margin: 0; visibility: hidden; font-size: 0.001em;}

.floatRight {
        float:right;}

.floatLeft {
        float: left;}

.rightSide {
        float:right;
        width: 254px;
        position: relative;}


.leftSide {
        float:left;
        width: 696px;
        position: relative;
        }
#content .leftSide {overflow: hidden;}


#container {
        position:relative;
        background: #0099cf url(fdp_container_BG.jpg) center -2px no-repeat;
        width: 960px;
        padding: 20px 10px 0px 10px;
        margin: 0 auto 10px auto;
        min-height: 500px;
        }

/*HEADER*/
#header {position: relative; z-index: 12; line-height: 15px;}

#FDP_Logo img {border: 1px solid #fff;}
#FDP_Logo { float:left; margin: 0 20px 0 15px;}

/*
-->Navigation in navigator.css
-->Loginform in forms.css
*/

#switchBox {background: #2e74ae;width: 100%; height: 70px; clear:left; margin: 9px 0 0 0;}

/*CONTENT*/

#content {width: 100%; position: relative; z-index: 10;}
#content p {margin: 0 0 10px 0; }
#content .leftSide .full {background: #fff; width: 666px; padding: 15px; margin: 0 0 10px 0; clear:both; color: #333; overflow: hidden;}
#content .leftSide .halfBlock {position:relative; overflow:hidden; margin: 0 0 10px 0; width: 706px;}
#content .leftSide .half {background: #fff; width: 313px; float:left; padding: 15px 15px 20000px 15px;  margin: 0 10px -20000px 0;}
#content .leftSide .halfBlock .half:last-child {margin: 0 0 -20000px 0;}

.ohneBG_full {	background:none !important; padding: 0 !important; width: 696px !important;}
.ohneBG_half {	background:none !important; padding: 0 !important; width: 343px !important;}


#content .leftSide .leftcol {width: 150px; display: block; float: left; margin: 0 15px 0 0; min-height: 1px;}
#content .leftSide .rightcol {width: 501px; display: block; float: left; margin: 0;}

/*BREADCRUMB*/

.breadcrumb {min-height: 0 !important; margin-bottom: 0px !important;}

#breadcrumb {
        position:relative;
        margin: 0;
        width: auto !important;
        float:left;
        display: block;
        padding: 0 12px 0 0;
        background:url(breadcrumb_yw.gif) top right no-repeat;}

#breadcrumb span {background: #2e74ae; color: #fff; padding: 2px 20px 2px 10px; display:block; float:left;}
#breadcrumb a {background: #2e74ae url(breadcrumb_bb.gif) 0 0 no-repeat; color: #fff !important; padding: 2px 20px; margin: 0 0 0 -15px; border: none !important;}
#breadcrumb a:last-child {background: #ffeb00 url(breadcrumb_yb.gif) 0 0 no-repeat; color:#2e74ae !important; padding: 2px 10px 2px 20px}
#breadcrumb a.last {background: #ffeb00 url(breadcrumb_yb.gif) 0 0 no-repeat; color:#2e74ae !important; padding: 2px 10px 2px 20px}

.breadcrumb a.print {background: url(druckenweiterleiten.gif) 0 0 no-repeat !important; position: absolute; top: 18px; right: 15px; width: 16px; height: 16px; display: block; z-index: 22;}
.breadcrumb a.print span {display: none;}
.breadcrumb a.print:hover {background-position: 0 -18px !important;}

.breadcrumb a.ical {background: url(calendar-import.gif) 0 0 no-repeat !important; width: 16px !important; height: 16px !important; display: block !important; overflow: hidden; position: absolute; right: 65px; top: 18px; z-index: 22;}
.breadcrumb a.ical span {display: none;}
.breadcrumb a.ical:hover {background-position: 0 -16px !important;}

.breadcrumb a.weiterleitung_Mail {background: url(druckenweiterleiten.gif) -16px -2px no-repeat !important; width: 16px !important; height: 16px !important; display: block !important; overflow: hidden; position: absolute; right: 40px; top: 19px; z-index: 22;}
.breadcrumb a.weiterleitung_Mail span {display: none;}
.breadcrumb a.weiterleitung_Mail:hover {background-position: -16px -20px !important;}


.share {padding: 10px 0 0 0; border-top: 1px solid #eee;}
.share p {float: left; display: block; padding: 1px 10px 0 0; margin: 0 !important;}
.share a.fbshare {position: relative; float: left; margin: 1px 25px 0 0;}
.twitter-share-button, .share span.gplusone {position: relative; float: left; margin: 0px 10px 0 0;}
.share span.gplusone {margin: -10px 10px 0 0;}

/*FOOTER*/
#footer {background: #0099cf;width: 960px;padding: 10px 10px 20px 10px; margin: 0 auto 10px auto;}
#footer p {margin: 0;padding: 0; color: #fff;}
#footer .floatLeft p {white-space:nowrap;float:left;margin: 0 10px;border-left: 1px solid #fff;padding: 0 0 0 20px;}
#footer .floatLeft p:first-child {margin: 0 10px 0 0;padding: 0;border: none;}
#footer .floatRight {text-align: right;}
#footer .fb-like {margin: 10px 0 0 10px; float: right;}
#___plusone_0 {margin: 10px 0 0 0 !important; float: right;}


/*NEWSARCHIV*/

.newsArchiv ul li span {width: 80px; display: block; float: left; clear: left;}
.newsArchiv ul li a {float: left; width: 556px; margin: 0 0 1px 0;}

/*FACEBOOK ALBEN*/

.imgSwitch {width: 701px; position:relative; min-height: 400px; background: #000; margin: -20px -20px 20px -20px; overflow:hidden;}
.imgSwitch .ajaxload {position: absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px;}
.imgSwitch .cover {display: none;}
.imgSwitch img {line-height: 1px;}
.fb_album {position: relative; font: 13px/16px Arial, Helvetica, sans-serif; color: #000; width: 660px; height: auto; background: #fff; margin: -20px; float:left; padding: 20px; min-height: 200px;}
.fb_photoset {position: relative;}
.fb_photoset .ajaxload{ position:absolute; top: 50%; left: 50%; margin: -8px 0 0 -8px;}
.fb_photoset h1 {font-size: 16px; padding: 0; margin: 0 0 10px 0;}
.fb_photoset h1 span.count {font-weight: 100; font-size: 10px; float:right;}
.fb_photoset ul {margin: 0 -20px 0 -6px !important; padding: 0 !important; list-style:none !important;}
.fb_photoset ul li {margin: 10px; padding: 0;  float:left; }
.fb_photoset ul li a {width: 85px; height: 85px; display:block; overflow:hidden; position:relative;box-shadow: 0 0 3px #aaa;border: 4px solid #fff; background: url(fb_loader.gif) center center no-repeat !important;}
.fb_photoset ul li a img {position:absolute; top: 50%; left: 50%;}
.fb_photoset ul li a:hover {box-shadow: 0 0 3px #666;}
.fb_album p.error {color: red; text-align: center; margin: 10px 0;}