/* layout.css */
/* .page_margins{min-width:765px;width:990px;_width:1000px} */
.page_margins{padding-top:20px}
#main{margin:0 0 60px;padding:0}
#header{height:120px;width:970px;background-color:#000026;border-radius:10px;margin-left:0px;padding:10px}
#header .title{float:left;height:120px;width:300px}
#header h1{position:static;float:left;line-height:1;text-align:center;font-size:3em;margin-left:65px}
#header h1 span{font-size:0.75em}
#header.root{height:120px;width:970px;background-color:#333;border-radius:10px;padding:10px}
#header.root .title{float:left;height:120px;width:170px}
#header.root h1{position:static;float:left;line-height:1.6;text-align:center;font-size:4em;margin-top:-10px;margin-left:0}
#header.root h1 span{font-size:0.75em}
.searchTranslate{float:left;margin-left:24px;width:230px}
input.inputSearchBox{width:230px}
#searchform{width:210px;}
input.inputSearchButton{height:25px;margin-top:-30px;_margin-top:2px;position:absolute;right:5px}
#google_translate_element .goog-te-gadget-simple{width:22px}
/* menue.css */
ul.menu-level1 .first{margin-left:0  /*2px*/}
ul.menu-level1 li{margin-left:24px}
/* rootline */
.rootLine{border-bottom:1px solid #999999;margin-bottom:10px;line-height:2}
.rootLine a{color:#5082B7}
.rootLine a:hover{color:#fff}
/* PDF und email Button */
/* war bis 25.8.14: #button{margin-top:35px;float:right} */
#button{margin-top:0px;float:right}
/* MainContent */
#colMain { /* gesamt width: 690px */
		width:690px;
		_width:700px;
		_margin-right:18px;
}
#content{height:100%;padding:0 0 0 0px;width:120%}
/* news_list */
.termine-listarchive-item h4{text-align:left}
/* news images */
.news-single-img {
    float: left;
    margin: 0 10px 5px 0;
}
/* link Icons */
.csc-textpic IMG{display:none}
.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG {display:inline}
.bodytext a:link, .bodytext a:visited{text-decoration:underline}
/* fl_socialmedia */
#fl_menu{/* position:absolute; */position:fixed; top:220px; right:0px; z-index:9999; width:120px; height:30px;}
#fl_menu .label{padding-left:20px; line-height:50px; font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; background:#000; color:#fff; letter-spacing:7px;}
#fl_menu .menu{display:none;}
#fl_menu .menu .menu_item{display:block; background:#000; color:#bbb; border-top:1px solid #333; padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;}
#fl_menu .menu a.menu_item:hover{background:#333; color:#fff;}
/* Video-Gallery */
.vimeoGallery{}
.vimeoCol1, .vimeoCol2{height:220px;float:left;margin:0}
.vimeoCol2{margin-left:10px}
.vimeoGallery h3{font-size:1.25em;font-weight:normal}
.vidGallery{}
.vidGallery ul li{float:left;margin:0;width:333px;height:220px;text-align:center}
.vidGallery ul li .data{width:295px;text-align:center;margin-left:20px}
/* Animationen - HighSlides */
.imgshadow{height:117px;width:170px}
/* topmenue.css */
#topmenu{position.static;float:left;width:300px;height:60px;bottom:14px}
#topnav{text-align:right}
ul#topnav li{margin-left:1em;margin-right:0}
/* MEDIA Menue */
#mediaNav{text-align:right}
ul#mediaNav li{margin-left:1em;margin-right:0;display:inline;font-size:1.75em;list-style:none;}
#mediaNav a{display:inline;color:#7C7F90;font-weight:normal;background:transparent;text-decoration:none}
#mediaNav a:focus,#mediaNav a:hover,#mediaNav a:active{color:#5082b7;text-decoration:none;background-color:transparent}
/* ======= FANCYBOX Style ======= */
.fancybox-skin {
	position: relative;
	padding: 0;
	margin: 0;
	background-color:  rgba(80, 80, 80, 0.75);
	/* background: #f9f9f9; */
	color: #fff;
	text-shadow: none;
	-webkit-border-radius: 8px;
	   -moz-border-radius: 8px;
	        border-radius: 8px;
}
/* ================== Neues IMAGEMENUE auf Startseite ================== */
/*** HOME mosaic.css Anpassungen ***/
/* Anzeigebereich des Text-Blocks */
/* geändert am 23.9.15: .imageContainer{height:218px;margin:28px 10px 0 0;width:320px;border:2px solid #666;background-color:#000;padding-top:6px}    */
.imageContainer{height:235px;margin:28px 10px 0 0;width:313px;border:2px solid #666;background-color:#000;padding:3px}
a.imageTitle h4{padding-top:8px;margin-top:-30px}
.details{clear:both;margin:-135px 5px 5px}	
.details p{clear:both;padding: 0 30px 0 25px;font-size:16px}

/* aus ALL-mosaic.css */
.mosaic-block {
    float:left;
    height:70px;  /* war: 170 */
    overflow:hidden;
    top:-100px;
    position:relative;
    width:320px;
    z-index:1;
    clear:both;
}
.mosaic-backdrop {
	display:block;
	position:absolute;
	top:0px;
	height:100%;
	width:100%;
  clear:both;
}
.mosaic-overlay{
    display: inline;
	  bottom:-100px;
    height: 100%;
    position: absolute;
    z-index: 5;
    clear:both; 
}	
.bar3 .mosaic-overlay{width:320px;padding-top:5px;bottom:-150px;clear:both;} /* bottom verschiebt Text nach unten */

a.imageTitle h4{
	background: none repeat scroll 0 0 transparent;
	font:300 16px 'Abel', Helvetica, Arial, sans-serif;
	line-height:140%;
	letter-spacing:0.1em;
	color:#fff;
	text-align:center;
	font-weight:bold;
	text-shadow:1px 1px 0 rgb(0,0,0);
}
.details{margin:-135px 5px 5px}	
.details p{font-weight:bold;padding: 0 30px 0 25px;font:300 14px 'Abel', Tahoma, Verdana, sans-serif; color:#fff;text-shadow:0.1em 0.2em 0.2em #000000;text-align:center;} 
.details .readmore{font-style:italic;}
.opacity {   
    opacity: 0.5;       /* modern browser */  
    -moz-opacity: 0.5;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=50); /* IE5.x -7.0 */  
}
/* SLIDE-MENUE */

.imageMenueContainer-outer {
    border-bottom: 3px ridge #333333;
    height: 313px;
	 _height:318px;
   _width:626px;
    margin-bottom: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}
.gallery {
    background: #000000 none repeat scroll 0 0;
    height: 267px;
    left: 269px;
    _left:0px;
    position: absolute;
    top: 0;
    width: 420px;
}


/* gallery menue - suckerfish */
/* --------------- Bilder Menue 2. Seite ---------------------- */
/* ImageMenue */
.imageMenueContainer{clear:both;margin:0;padding:0;position:relative;/*width:622px;*/display:block}

.gallery img{position:relative;top:5px;left:5px;width:454px;height:257px;}

/* original suckerfish */
/* balken menue links */
ul#gMenue{margin:0;padding:0;list-style:none;position:relative}

/* balken menue liste*/
ul#gMenue li {clear:both;width:260px;height:62px;margin:0 0 2px;float:left}
ul#gMenue li img{margin:0 1px 0 0}
ul#gMenue li p a{
	float:right;
	padding:9px 5px 2px 0px;
	color:#ffffff;
	font:bold 12px Verdana, Tahoma, Arial, sans-serif;
	letter-spacing:-0.075em;
	text-align:center;
	width:172px;
	height:14px;
}
ul#gMenue li a { display:block; width:260px;height:62px; padding:0; text-decoration:none}
ul#gMenue li:hover ul, ul#gMenue li.sfhover ul {top:0;left:260px; } 
ul#gMenue li ul { padding:0 ; list-style:none; margin:0; width:390px; height:220px; position:absolute; left:-999em; top:-2px; }
ul.gallery li ul li {clear:none; position:relative; top:0;left:260px;border:0; }
ul#gmenue li ul li a { margin:2px; padding:4px; float:left; display:block; width:390px; height:220px; }
ul#gmenue li ul li a img {position:absolute;width:390px; height:220px;top:0;left:0  }
ul#gmenue li ul li a:hover img, ul.gallery li a:active img, ul.gallery li a:focus img { position:absolute;width:390px; height:220px;left:0px;top:0px;z-index:2000}
/* Menue-Bild-Titel und Text */
#gText div, #gImages div, #colMain_content div{display:none}
#gText div.active, #gImages div.active, #colMain_content div.active{display:block}

/****** TEST MOSAIC **********/
/*General Mosaic Styles*/
/*
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:400px;
	height:250px;
	margin:10px;
	background:#111 url(../img/progress.gif) no-repeat center center;
	border:1px solid #fff;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
}
*/
	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
		.circle .mosaic-overlay {
			background:url(../img/hover-magnify.png) no-repeat center center;
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			display:none;
		}
		
		.fade .mosaic-overlay {
			opacity:0;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
			filter:alpha(opacity=00);
			background:url(../img/bg-black.png);
		}
		
		.bar .mosaic-overlay {
			bottom:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		
		.bar2 .mosaic-overlay {
			bottom:-50px;
			height:100px;
			opacity:0.8;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter:alpha(opacity=80);
		}
		
			.bar2 .mosaic-overlay:hover {
				opacity:1;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter:alpha(opacity=100);
			}
		
		.bar3 .mosaic-overlay {
			top:-100px;
			height:100px;
			background:url(../img/bg-black.png);
		}
		/*** End Animation Styles ***/