@charset "UTF-8";
/* CSS Document */
html {}
body, html {
        margin: 0; padding: 0; width: 100%; font-family:  Geneva, Arial, Helvetica, sans-serif; font-size: 12px; color: #333;height: 100%;}
body { background: #ececec url(background.png) 0 0 repeat-x; line-height: 150%;}
a { outline: none !Important;}

/*CHECK FOR ROBOTS*/
#Email, .emailhidden {display: none;}

#nonFooter { min-height: 100% !important; height: auto !important; height: 100%; margin: 0 0 -202px 0; position:relative; display: none;}

.clear {clear:both; height: 0px; line-height: 0px;         overflow:hidden;}
* html .clear { line-height:normal;}
*:first-child+html .clear { line-height:normal;}

/*******************HEADER*******************************/
#header { position:relative; width: 100%; z-index: 10; margin: 0; padding: 0; height: 410px; display:block; background:url(header.jpg) top center no-repeat; z-index: 10;}

#headline { overflow:hidden; width: 960px; margin: 0 auto; height: 230px; position:relative; overflow:visible;}
#headline img {position: absolute; top: -60px; left: -80px;}
#headline h1, #headline h2 {display: none;}

* html #headline img {display: none;}
* html #headline h1, * html #headline h2 {display: block;}
* html #headline h1 {margin: 30px 0 0 0; font-weight: normal;}

* html #headline h2 {font-size: 15px; margin: 10px 0 0 0; font-weight: normal;}
/*********************NAVI*******************************/
#navigation {position:relative; z-index: 10; background: url(navi.png) 0 0 repeat-x; width: 100%; display:block; margin: -129px auto 20px auto; height: 129px;}

#navInner ul li a img {border: none;}

#navInner { width: 960px; display:block; margin: 0 auto; height: 129px; position: relative;}
#navInner ul {list-style-type: none; margin: 0 0 0 0; padding: 0; height: 129px; background: url(nav_link.png) bottom right no-repeat;}
#navInner ul li { float:left; background: url(nav_link.png) bottom left no-repeat;}
#navInner ul li.imgLink {background: none !important; border: none !important;}

#navInner ul li a {text-align:center; height: 129px; overflow: hidden; padding: 0; margin: 0; line-height: 140px; color: #fff; text-decoration: none; display:block;}
#navInner ul li a { width: 111px; margin: 0 0 0 1px;}

#navInner ul li a:hover { background:url(nav_link_hover.png) bottom left repeat-x; color: #f4d36d}
#navInner ul li a.aktiv {background:url(nav_link_aktiv.png) bottom left repeat-x !important; color: #ffeb00}
#navInner ul li.imgLink a {width: auto; background: none !important; margin: 0;}

/*IE6 ONLY*/

* html #navInner ul li.imgLink {width: 399px; overflow: hidden;}
* html #navInner ul li {background: none; border-left: 1px solid #fff;}
* html #navInner ul {border-right: 1px solid #fff; background: none !important;}
* html #navInner ul li a {width: 110px;}
* html #navInner ul li a:hover, * html #navInner ul li a.aktiv {background: #0b427f !important;}


/********************CONTAINER**********************/

#container {width: 960px; padding: 0 20px; display:block; position:relative; z-index: 1; margin: 0 auto 0 auto;  min-height: 200px;}

/*****************INFOBOXEN*************************/

#infoBoxes {float:right;width: 324px; display:block; margin: 0 0 0 20px;}
#content {float:left; width: 616px; margin: 0; min-height: 200px; display:block; text-shadow: #fff 1px 1px 2px; }

.infoBox {display: block; background: #fff; padding: 1px; border: 5px solid #d1d1d1; margin: 0 0 20px 0;}


/* >>>>>>SUCHE, SOCIAL, TWITTER, LINKS *****************************************/
.infoBox .grey {display: block; background: #b5b5b5; padding: 10px; min-height: 20px;}
.infoBox .white {display: block; background: #f5f5f5; padding: 10px;}
*:first-child+html .infoBox { overflow:hidden;}
.infoBox span {font-family: "Times New Roman", Times, serif; color: #0b427f; font-size: 18px; margin: 3px 0 0 0; display:block; float:left;}
#searchInputBG {background: url(searchinput.gif) 0 1px no-repeat; margin: 0 0 0px 0px; height: 23px; float:right; }
#searchInputBG input {background: none; padding: 3px 10px; border: none; width: 180px; margin: 0 !important; color: #b5b5b5;}
#searchInputBG input:focus {color: #666;}
#searchInputBG input.submitSearch {background: url(lupe.gif) 0 0 no-repeat; width: 24px; height: 22px; margin: 1px 0 0 0; padding: 0; cursor: pointer; z-index: 100; position:relative;}
#searchInputBG input.submitSearch:hover {background-position: 0 -22px;}


#extBookmarks a {display: block; overflow:hidden; padding: 0 !important; float:left; margin: -5px 0px -5px 17px; height: 49px; width: auto !important;}
*:first-child+html #extBookmarks a {display: block; width: 95px !important; margin: -5px 5px -10px 0}
* html #extBookmarks a {display: block; width: 95px !important; margin: -5px 5px 0px 0}
#extBookmarks a:first-child {margin-left: 0 !important;}
#extBookmarks a:hover img {margin-top: -49px;}
#extBookmarks a img {border: none !important; display: block; margin: 0 auto 3px auto;}

/* >>>>>>PERSON *****************************************/

#person {
        background:url(personal.png) 0 0 no-repeat; width: 272px; height: 114px; margin: -44px 0 0 0; position:relative;
        padding: 60px 20px 20px 20px;}

#person h1 {margin: 0; padding: 0; color: #f4d36d; font-family: "Times New Roman", Times, serif; font-size: 19px; font-weight: normal; text-transform:uppercase; border-bottom: 1px solid #f4d36d; display: inline; width: auto !important;}

#person p {margin: 5px 0 0 0; padding: 0; color: #fff; font-size: 11px; width: 170px; line-height: 14px;}
#person p.mehrlesen {position: absolute; left: 20px; bottom: 20px; background: url(arrow_left.gif) center left no-repeat; padding: 0 0 0 20px;}
#person p.mehrlesen a{text-decoration: none;  color: #f4d36d; background:url(arrow_right.gif) center right no-repeat; padding: 0 20px 0 0;}
#person p.mehrlesen a:hover {color: #ffeb00}

/* >>>>>>KONTAKT *****************************************/
#kontakt {
        background: #b5b5b5 url(anfahrt_bg.jpg) 0 0 no-repeat; padding: 10px;}
#kontakt table {border-collapse: collapse; width: 100%;margin: 10px 0 0 0;}
#kontakt table.firstTable tr:last-child td {padding: 0 0 20px 0;}
#kontakt table.firstTable {border-bottom: 1px solid #b5b5b5;}
#kontakt table td{vertical-align:top;}

/*>>>>>TWITTER*************************************/
#twitter_update_list {clear:left; display:block;}
#twitter_update_list  .article {border-top: 1px solid #eee; padding: 0; margin: 10px 0 0 0; display:block;}
#twitter_update_list  .article p {margin: 5px 0; padding: 0; font-size: 11px; color: #666;}
#twitter_update_list  .article p span {display: block; text-transform:none; font-size: 11px; float:right;}

/*>>>>>NEWS*************************************/
/*>>>>>TERMIN*************************************/
#termine, #newsBox {padding: 10px;}
#termine p.mehrlesen a, #newsBox p.mehrlesen a {text-decoration: none;  color: #0b427f;}
#termine p.mehrlesen a:hover, #newsBox p.mehrlesen a:hover {color: #ffeb00}

.termin {width: 100%; display: block; border-bottom: 1px solid #eee; padding: 0 0 5px 0; position: relative;}
#newsBox h1, .termin h1 {font-size: 18px; color:#0b427f; font-weight: normal; margin: 10px 0 0 0; padding: 0;}
#newsBox h3, .termin h3 {font-size: 10px; color: #aaa; margin: 0; padding: 0; font-weight: normal;}
#newsBox .newsText, .termin p {margin: 0; font-size: 11px; color: #666;}
#newsBox .newsText h1 {color:#333; font-size: 16px;}
#newsBox a, .termin a {font-size: 11px;}
#termine .termin:last-child {border: none !important;}

/*******************CONTENT*************************/

#content h1 {
                font-family: "Times New Roman", Times, serif; font-size: 30px; font-weight:normal; color: #0b427f; margin: 20px 0 30px 0 !important;}
#content h2 {
                font-family: "Times New Roman", Times, serif; font-size: 20px; font-weight:normal; color: #555; margin: 20px 0 10px 0 !important;}
 
#content .article p img {margin: 0 20px 10px 0 !important; border-right: 1px solid #fff; border-bottom: 1px solid #fff;} 
                
#content h3 { color: #666; font-size: 12px;  border-bottom: 1px dotted #ccc; display: block; width: 100% !important;}                
#content ul { list-style-type: square; margin: 0; padding: 0 0 0 1em;}
#content a {color: #0b427f; text-decoration: none;outline: none !important;}
#content a:hover {color: #073e7b;}
#content div.hr {background: url(space_content.png) top center no-repeat !important; height: 9px; display:block; width: 100%;}
/*da ja eine einfache HR in IE nicht zu stylen geht*/
/**********************FOOTER**********************/
#footer, .push {height: 202px;}
#footer {width: 100%;background: url(footer.png) 0 0 repeat-x;margin: 0;display:block; color:#fff; display: none;}
#footer .footContainer {width: 960px; display:block; position:relative; z-index: 2; margin: 0px auto; height: 182px; padding: 20px 0 0 0;}
#footer .footContainer h1 {color: #f4d36d; font-family: "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; text-transform:uppercase; }
#footer .adressBlock, #footer .flickrBlock, #footer .navBlock {float: left; display: block; height: 182px; position:relative;}
#footer .adressBlock {width: 255px; padding: 0 0 0 5px}
#footer .flickrBlock {width:  370px;}
#footer .navBlock ul {list-style-type: none; padding: 0; margin: 30px 0 -20px 0; float:right; }
#footer .navBlock ul li {margin: 0; float:left;}
#footer .navBlock ul li a {text-decoration: none; color: #fff; border-right: 1px solid #fff; padding: 0 10px;}
#footer .navBlock ul li:last-child a {border: none; padding: 0 0 0 10px;}
#footer .navBlock ul li a:hover {color: #f4d36d}
#footer #socialBookmarks {width: 292px; display: block; float: right; margin: 36px 0 0 0;}
#socialBookmarks a {width: 24px; height: 24px; display:block; overflow:hidden; margin: 0 0 0 10px; float:right;}
#socialBookmarks a:hover img{ margin: -24px 0 0 0;}
#socialBookmarks span.spacer {display: block; float: right; width: 1px; height: 24px; background: #ccc; margin: 0 0 0 10px;}
#socialBookmarks a img {border: none !important;}

#footer p.copyright {position: absolute; right: 0; bottom: 25px; color: #f4d36d;}
#footer p.copyright a {color: #f4d36d; text-decoration: none;}
#footer p.copyright a:hover {color: #fff;}
.flickrBlock h1 {color: #ccc !important;}
#flickrImg {position: absolute; top: 73px; height: 70px; overflow: hidden;}

#flickrImg .loader {position: absolute; z-index: 1000; top: 19px; left: 50%; margin:0 0 0 -22px; width: 32px; height: 32px; display: block;}
#flickrImg ul {margin: 0 !important; padding: 0; list-style-type: none;}
#flickrImg ul li {float:left; margin:0; padding: 0;}
#flickrImg ul li a {border: 4px solid #ccc; margin: 0 2px 0 0; display: block;}
#flickrImg ul li a img {background: url(flickr.gif) 0 0 no-repeat; width: 60px; height: 60px; display: block;border: 1px solid #fff; background: #c2c2c2;}
#flickrImg ul li a:hover {border: 4px solid #f6f6f6;}
/*Kontakt*/

#gmap {border: 5px solid #d1d1d1; background: #fff; padding: 1px;}
#formular{
        border: 5px solid #d1d1d1; background: #fff; padding: 1px; display:block; margin: 0 0 5px 0;}

#formular span {display: block; background: #f6f6f6; padding: 5px 10px; color: #666; font-size: 14px;}
#formular span label {color: #b5b5b5; display:block; padding: 5px; margin: 0 0 5px 0; text-shadow: none !important;}
#formular span label textarea, #formular span label input {float:right; width: 450px; padding: 5px; border: 1px solid #fff; background: #ddd; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #0b427f; }
#formular span label textarea:focus, #formular span label input:focus {background: #fff;}
#formular span input.btn { float:right; background: #0b427f; color: #fff; border: 1px solid #fff; padding: 3px 20px; font-size: 12px; margin: 0 5px 5px 0;}
#formular span input.btn:hover { color: #FFC; border-color:#FFC;}

#emailhidden {display: none;}

/*MELDUNGEN*/

.full {padding: 0px 0px 10px 0px; background: url(space_content.png) bottom center no-repeat;}
#content .article .full:last-child {background: none;}
/*TERMINSEITE*/
.termin_big h1 {margin-bottom: 20px !important; padding: 0 !important; height: auto !important;}
.termin_big h2 {font-size: 14px !important; display: block; margin: 0; padding: 0; }
.termin_big h2.left_h2 {float:left; padding: 0 5px 0 0;}
.termin_big label {width: 120px; display: block; float:left; clear: left;}
.termin_big span {display: block; width: 480px; float:left; margin: 0 0 5px 0;}
.termin_big .terminText {margin: 20px 0 0 0; display: block;}

/*MELDUNG*/
.FDPmeldung h2, #content .article h6, #content .article h3 {font-size: 13px !important; display: block; margin: 0; padding: 0;font-family: "Times New Roman", Times, serif !important; font-weight: normal;}
.FDPmeldung h1 a{margin: -10px 0 -20px 0 !important; display: block; font-size: 20px;}

/*IE6 BUGS*/
#IE6_Attention {margin: 20px auto; text-align: center; color: #f00; font-weight: bold; display: none;}
* html #IE6_Attention {display: block;}

* html #liveSearch, * html #socialBookmarks {padding-bottom: 20px !important; display: block;}


/*LIGHTBOX*/

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/*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;display: none;}
* html #LoginBG {position: absolute;}
* html #loginBox {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; background: #fff; padding: 7px; width: 350px; 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 {background: url(loginBtn.gif) 0 0 no-repeat; width: 150px; height: 25px; display: block; overflow: hidden; padding: 0 !important; border: none !important; outline: none !important;}
#loginBox input.loginButton:hover {background-position: 0 -25px;}
#closeLogin {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 {background-position: 0 -22px;}

/*SUCHE*/

.searchhead
.suchkategorie .suchergebnis_block .headline {color: #0b427f; text-decoration:none; font-size: 12px; display: block; margin: 0; padding: 0;}
.suchkategorie .suchergebnis_block .suchtext {color: #333 !important; display: block; margin: 5px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px dotted #ccc;}