@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: Verdana, 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;}
#content .rightSide {margin: 0 0 10px 0;}

#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 { position: absolute; left: 0px; top: 0px; margin: 0 20px 0 15px;}

#header .rightSide {height: 105px; position: relative;}
#header .rightSide #SuchForm {position: absolute; bottom: 0; right: 0;}
#header .rightSide ul {position: absolute; bottom: 40px; right: 0;}
/*
-->Navigation in navigator.css
-->Loginform in forms.css
*/

/*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;
        }

#breadcrumb span {color: #333; padding: 2px 5px 2px 0px; display:block; float:left;}
#breadcrumb a {color: #333 !important; padding: 2px 5px; border: none !important;}
#breadcrumb a:last-child {background: #ffeb00; color:#2e74ae !important; padding: 2px 10px 2px 10px}
#breadcrumb a.last {color:#2e74ae !important; padding: 2px 10px 2px 10px}

.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;}
	
/*FOOTER*/
#footer {background: #0099cf url(footer.jpg) bottom center no-repeat;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; line-height: 25px; }

/*LOGIN*/

#LoginBG {position: fixed; z-index: 10000; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none;}
#loginBox {position: fixed; z-index: 10001; top: 50%; left: 50%; width: 360px; height: 170px; padding: 20px; margin: -105px 0 0 -200px; background: #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: none;}

* html #LoginBG {position: absolute;}
* html #loginBox {position: absolute;}
* html #gbook_entry {position: absolute;}
*:first-child+html #loginBox input{margin-left: 200px !important;}
* html #loginBox input{margin-left: 200px !important;}
#loginBox input {border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #fff; padding: 7px; width: 350px !important; margin: 0 0 10px 0;}
#loginBox input.error {border: 3px solid #f00; padding: 4px;}
#loginBox input:focus {border: 3px solid #ccc; padding: 4px;}
#loginBox input.loginButton, #gbook_entry .btn, #gbook_answer .btn {margin: 0 3px 0 0; width: 150px !important; height: 25px; display: block; overflow: hidden; padding: 0 !important; border: 1px solid #bbb !important; outline: none !important; background: #ccc; color: #fff; float: left; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
#loginBox input.loginButton:hover, #gbook_entry .btn:hover, #gbook_answer .btn:hover {background-position: 0 -25px;}
#closeLogin, #closeGB {outline: none !important; position: absolute; width: 22px; height: 22px; display: block; background: url(closeLogin.png) 0 0 no-repeat; top: -5px; right: -5px;}
#closeLogin:hover, #closeGB:hover {background-position: 0 -22px;}

/*FACEBOOK ALBEN*/

.imgSwitch {width: 665px; 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: 650px; height: auto; background: #fff; margin: 0px; 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 -20px !important;}
.fb_photoset h1 span.count {font-weight: 100; font-size: 10px; float:right;}
.fb_photoset ul {margin: 0 -20px 0 -30px !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;}