@import url(http://fonts.googleapis.com/css?family=Bitter:400,700);
@import url("/styles/form.css");

html,body 		{ height:100%; margin: 0; padding: 0; }
body#mainbody 	{ font-family: 'Bitter', Arial; font-size: 16px; color: #464646; }

.absolute		{ position: absolute; z-index: 20; }
.relative 		{ position: relative; z-index: 10; }
.fixed			{ position: fixed; }
.centered		{ position: relative; z-index: 10; margin-left:auto; margin-right:auto; }
.topleft		{ left: 0; top: 0; right: auto; bottom: auto; }
.bottomleft		{ left: 0; bottom: 0; right: auto; top: auto; }
.topright		{ right: 0; top: 0; bottom: auto; left: auto; }
.bottomright 	{ right: 0; bottom: 0; top: auto; left: auto; }
.block			{ display: block; }
.inline 		{ display: inline; }
.inline-block	{ display: inline-block; }
.max			{ max-width: 1240px; }
.full			{ width: 100%; }
.noMargin		{ margin: 0; }
.noPadding		{ padding: 0; }
.tleft			{ text-align: left; }
.tright			{ text-align: right; }
.tcenter		{ text-align: center; }
.italic			{ font-style: italic; }
.clear 			{ clear: both; float: none !important; }
.shadow			{ -webkit-box-shadow: 0 0 6px 0 #616161; box-shadow: 0 0 6px 0 #616161; }
.yellow			{ color: #FBE400 !important; }
:focus 			{ outline: 0; }
.required, 
.error, 
.invalid 		{ border-color: red; }

.padding5		{ padding: 5px 0; }
.padding10		{ padding: 10px 0; }
.padding20		{ padding: 20px 0; }
.padding30		{ padding: 30px 0; }
.padding40		{ padding: 40px 0; }
.padding50		{ padding: 50px 0; }
.nopaddingleft	{ padding-left: 0 !important; }
.nopaddingright { padding-right: 0 !important; }
.nopaddingtop	{ padding-top: 0 !important; }
.nopaddingbottom{ padding-bottom: 0 !important; }

.size20 		{ font-size: 20px; }

.z10			{ z-index: 10; }
.z20			{ z-index: 20; }
.z30			{ z-index: 30; }
.z40			{ z-index: 40; }
.z50			{ z-index: 50; }
.z60			{ z-index: 60; }
.z100			{ z-index: 100; }

.radius2		{ -webkit-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; }
.radius5		{ -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; }
.radius10		{ -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; }

/* BACKGORUNDS */
body 			{ background: white; }
#wideheader 	{ background: #454545; }
#widecontent 	{ background: white; }
/* #wideline 		{ background: beige; display: block; } */
#widefooter		{ background: white; }
#topbar			{ background: #394379; }
/* #mainnav-2 		{ background: Gainsboro ; } */
#mainfooter		{ background: none; }
#content 		{ background: white; }
#mainnav-1, 
#rightcol 		{ background: none;}
#navfooter		{ background: #FBE400; }
#mobheader,
#wideline		{ background: #FBE400; }

/* BUTTONS */
#mainbody .btn,#mainbody .button,#submit,input[type="submit"],button[type="submit"]{background:#394379!important;border:0!important;width:auto!important;padding:5px 20px!important;height:auto!important;text-align:center!important;color:#fff!important;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
#mainbody .btn:hover,#mainbody .button:hover,#submit:hover,input[type="submit"]:hover,button[type="submit"]:hover, #mainbody .nav-tabs li a:hover{color:#fbe400!important;background:#454545!important; }

#mainbody .nav-tabs li.active a, #mainbody .nav-tabs li.active a:hover, #mainbody .nav-tabs li.active:hover, #mainbody .nav-tabs li.active:hover a { background: #E3E3E3!important; color: #464646 !important; }


/* COLORS */
h1 								{ }
h2 								{  }
h3								{  }
a, a:visited, a:focus,
a.fa, a.glyphicon, 
#mainbody span.footable-toggle,
#togglecontact i.glyphicon-remove	{ color: #394379; }
a:hover, a:active 				{}

.video-container {
    position: relative;
    padding-bottom: 85%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.t38 .video-container { margin-bottom: 20px; }

/* FLEXI TEMPLATE */
.flexi-1 {}
.flexi-2 {}

h1						{ font-size: 30px; margin: 0 0 10px; padding: 0 0 0 0; font-weight: 700; }
h2						{ }
h2.lead, h2 			{ font-size: 17px; margin: 10px 0; padding: 0; line-height: 130%; font-weight: 700; }
h3 						{ font-size: 17px; border-bottom:1px solid black;  padding-bottom: 5px;  }
p						{ line-height: 130%; margin: 10px 0; }
ul						{ margin: 10px 0 10px 15px; padding: 0; }
ul li					{ margin: 0 0 3px 0; list-style: square; }
a, a:visited, a:focus	{ text-decoration:none; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; outline:none; }
a:hover, a:active 		{ }
img 					{ border: none; }
td						{ vertical-align: top; padding: 0 15px 10px 0; }
input[type=submit] 		{ background: orange; color: white; padding: 5px 10px; width: auto; display: block;  }
.btn:hover, .button:hover, 
input[type=submit]:hover{ }

#maincontainer 	{  }
	#widetop	{ height: 70px; border-bottom: 5px solid white; background: #394379; }
	#wideheader {  }
		#headercontainer { }
			#mainheader { overflow: hidden; margin-bottom: 0 !important; width: 100%; }
				#mainheader .flex-viewport { position: absolute !important; top: 0; left: 0; width: 100%; }
				#mainbody .slides li 	{ list-style: none !important; position: relative; }	
					li.clear { margin: 0 !important; }
						.slideinfo { bottom: 15px; left: 15px; max-width: 370px; }
							.slidetitle { display: block; color:  white !important; margin-bottom: 0; padding:0; background: none; overflow: hidden; }
							.slidetitle, .slidetitle * { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
								.slidetitle span { float: left; display: block; background: rgba(57, 67, 121, 0.8); padding: 5px 10px; }
									.slidetitle:hover * { background: rgba(69, 69, 69,0.8); color: #FBE400; }
								.slidetitle i { right: 0; border-left: 5px solid transparent; background: rgba(57, 67, 121, 0.8); padding: 7px 8px 6px 6px; position: absolute; right: -33px; top: 0;  }
								
							.slidetext { background: rgba(255,255,255,0.9); padding: 10px; }
								.slidetext p { margin: 0; padding: 0; }		
								
									
								#mainheader .flex-direction-nav { display: none; }

			#mobheader	{ border-bottom: 5px solid white; }
				#mobheadimg { display: block; max-width: 320px; position: relative; margin: auto; }
				#topbar		{ height: 55px; border-bottom: 5px solid white; }
					#topbar a 	{ color: white; font-size: 19px; margin: 5px 15px; font-family: Verdana; font-weight: bold; text-transform: uppercase; display: inline-block; padding-top: 10px; }
					#topbar .right75 { right: 78px; }
					/*#topbar a.mobmenu	{ font-size: 40px; }
					#topbar a.mobsearch { margin-top: 6px; }
					#topbar .glyphicon-user { position: absolute; right: 15px; top: auto; bottom: -0; height: 45px; margin: 0; font-size: 45px;  }*/
					
				#togglecontact { background:#efece9; padding: 15px 15px 20px; position: relative; float: left; width: 100%; display: none; border-bottom: 5px solid white; }
					#togglecontact i.glyphicon-remove { position: absolute; right: 15px; top: 15px; font-size: 24px; }
					#togglecontact i { font-style: normal; margin-right: 5px; display: inline-block; }
						#togglecontact .fa.fa-phone { padding-right: 5px; }
						#togglecontact .fa { font-size: 24px; }
						#togglecontact h3 { margin: 0 0 -5px; padding: 0; border: none; }
						
				#mobheader #searchcontainer { background: #EFECE9; padding: 15px; position: relative; float: left; width: 100%; display: none;  }
					#ajaxSearch_form label { width: 100%; }
					#ajaxSearch_form input { background: none repeat scroll 0 0 white; border: 4px solid #449cb6; color: #666; font-size: 17px; padding: 15px 3%; width: 100%; }
					#searchClose, #indicator { position: absolute; right: 35px; top: 37px; }
					
					.AS_ajax_resultsInfos,
					.ajaxSearch_resultsInfos		{ padding-bottom: 0; margin-bottom: 0 !important; }
					.AS_ajax_grpResultName,
					.ajaxSearch_grpResultName		{ font-size: 14px; padding-bottom: 10px; }
					.AS_ajax_resultLink, 
					.ajaxSearch_resultLink			{ display: block; }
					.AS_ajax_resultExtract,
					.AS_ajax_resultDescription,
					.ajaxSearch_resultDescription,
					.ajaxSearch_resultExtract		{ display: none; }
					.AS_ajax_result,
					.ajaxSearch_result				{ padding: 5px; }
					.AS_ajax_result:nth-child(even),
					.ajaxSearch_result:nth-child(even) { background: #D6D6D6; }
					.AS_ajax_resultBreadcrumbs,
					.AS_ajax_resultBreadcrumbs *,
					.ajaxSearch_resultBreadcrumbs,
					.ajaxSearch_resultBreadcrumbs *	{ font-size: 12px; }
					.AS_ajax_resultsDisplayed,
					.ajaxSearch_grpResultsDisplayed	{ display: inline-block; padding-left: 5px; }
					.AS_ajax_more, .paging1			{ padding-top: 10px; font-size:14px; }
					.AS_ajax_more					{ padding-top: 0; }
					
					/* SEARCH FIELD > 760px */
					#widecontent #searchcontainer { padding-bottom: 10px; }
					#widecontent #ajaxSearch_form input { font-size:15px; padding: 3px 5px; border-width: 1px; }
					#widecontent #ajaxSearch_output, 
					#mainnav-2 #ajaxSearch_output { position: absolute; left: 275px; border: 2px solid #449cb6; width: 474px; top: 0px; background: white; padding: 10px;  }
					#widecontent #searchClose, #widecontent #indicator { top: 17px; right: 18px; }

					#rightcol #ajaxSearch_output { left: auto; right: 275px; }

					#mainnav-2  #ajaxSearch_form input { font-size:15px; padding: 3px 5px; border-width: 1px; width: 240px; float: right; margin: 9px 10px 0 0; }					
					#mainnav-2 #searchClose, #mainnav-2 #indicator { top: 16px; right: 16px; }
					#mainnav-2 #ajaxSearch_output { top: 65px; }
					
	#wideline { padding: 10px 15px; border-top: 5px solid white; }
		#slogan { margin: 0 15px 0 0; }
					
	#widecontent { position: relative; z-index: 10; }	
		#content 	{ padding-bottom: 70px; }	
			.t37 #content { padding-bottom: 0; }
			.t37 #midcol { padding-left: 5px; padding-right: 5px; }
			#midcol { clear: both; padding-left:0; padding-right:0; padding-bottom:15px; }		
				#midcol a { text-decoration: underline; }
/* 				#midcol .col-xs-12 { padding-left:0; padding-right:0; } */
					#gallery { position: relative; }
			#rightcol { padding-top: 30px; padding-left:15px; padding-right:15px; }
				#rightcol .box 	{ padding-bottom: 20px;  }
					#rightcol .box .boxcontent {  }
					.boxtitle { background: #394379; padding: 10px; color: white; }
						.boxtitle .introtext { font-size: 14px; }
						.boxtitle h3 { border: none; color: white; font-size: 20px; margin: 0; padding: 0; }
						.boxcontent { background: #e3e3e3; padding: 1px 10px; }
			
	#widefooter 	{ position: relative; z-index: 20; }
		#copyfooter { background: #394379; color: white; padding-bottom: 10px; }
			#copyfooter * { font-style: normal; }
			#copyfooter .max { padding-left: 5px; padding-right: 5px; }
			#copyfooter a { color: white; }
			#copyfooter p { line-height: 140%; }
			#copyfooter .fa { display: inline-block; padding-right: 5px; }
			#copyfooter ul { margin: 0; padding: 0; }
				#copyfooter ul li { list-style: none; }
			#copyfooter h3 { border: none; margin: 10px 0; padding: 0; }
		#mainfooter {  }
			.toTop	{ position: absolute; right: 15px; top: -50px; font-size: 40px; color: #394379; }				
			#mainfooter p { text-decoration: none; font-size: 13px; font-weight: normal; margin: 0; padding: 7px 15px; }	

	#widetabs { padding-bottom: 80px; }
	
#navfooter { height: 55px; }
	#mainbody #navfooter a { color: #464646; font-size: 35px; text-transform: uppercase; padding: 7px 0; font-weight: bold; font-family: Verdana, Arial;  }


/*******************/		
/** TEMPLATES ******/		
/*******************/		
		
/* TEXT & BILD */
#contentwrapper {}
#imgcol			{}
	#imgcol p { margin: 0; padding: 0; }
	#imgcol img	{ width: 100%; max-width: 100%; height: auto; margin-bottom: 10px; }	

/**********************/
/* TEXT / BILD ********/
/**********************/
#imgcol img, #imgcol2 img	{ display: block; max-width: 100%; height: auto; }

/* BILD LINKS/RECHTS */
.tpl-8 #twocol .col,
.tpl-24 #twocol .col,
.tpl-22 #twocol .col,
.tpl-23 #twocol .col 	{ padding-left:0; padding-right:0; }

/* MITARBEITER */
.t39 .mitarbeiter { margin: 10px 0 35px; }
	.t39 .mitarbeiterimg img { margin-bottom: 10px; }
		.t39 .mitarbeiterimg a { width: 100%; display: block; }
			.t39 span.title	{ position: absolute; top: 100%; left: 0; line-height: 145%; width: 100%; margin-top: 5px; }

			@media only screen and (max-width: 640px) {
				.t39 .mitarbeiterimg a { position: relative; }
				.t39 span.title	{ position: absolute; top: 0; left: 0; line-height: 145%; width: 100%; margin-top: 5px; }
			}

/* REFERENZ */
.t15 .mitarbeiter { overflow: hidden; margin-bottom: 15px; }
	.t15 .mitarbeiterimg { position: relative; }
	.t15 .mitarbeiterimg img { margin-bottom: 0; }
		.t15 .mitarbeiterimg a { width: 100%; display: block; }
			
.t15 .mitarbeiter .block { font-size: 18px; width: 100%; padding: 0 10px 0 10px !important; background: #394379; }
	.t15 .mitarbeiter .block .relative { width: 100%; background: #394379; color: white; display: block; padding: 5px 0; }
	
.back { top: 100%; min-height: 100%; height: 100%; }
	.back .relative { font-size: 18px; color: white; display: block; padding-bottom: 8px; background: #394379; padding: 10px; }
	.back .excerpt { padding: 10px; color: white; display: block; background: rgba(57, 67, 121,0.85); min-height: 300px;}
		.back .excerpt i { background: white; color: #394379; font-size: 18px; padding: 5px 6px 3px 8px; top: 80%; right: 10px; }
		.front .fa-chevron-right { color: white; border-left: 2px solid white; top: 0; right: 0; padding: 7px 8px 7px 12px; font-size: 23px; }
		
.t17 #midcol .flex-direction-nav .flex-next { right: 0; }
.t17 #midcol .flex-direction-nav .flex-prev { left: 0; }

/* GALERIE */
#carousel { padding: 10px; background: #e3e3e3;}
#carousel li { margin-right: 7px; }

/* REFERENZEN */	
.reflink 	{ background: #B0E0E6; padding: 3px 10px 3px 5px; display: block; position: relative; margin-bottom: 10px; }
	.reflink i { position: absolute; right: 7px; top: 7px; }
.referenz .block { padding: 0px 0 15px; line-height: 145%; }
.referenz table { margin: 0 0 10px; }
	.referenz table td { padding-bottom: 5px; }

#wideimages { border-top: 1px solid #7f674f; padding: 10px 0;  }
	#wideimages a { padding-bottom: 10px; float: left; display: block; width: 100%; }
			
/* DOWNLOADS */
#downloads { width: 100%; margin-top: -20px; border-bottom: 15px solid transparent; }
	#downloads tr h4 { margin:20px 0 0 0; }
	#downloads td, #downloads tr th { margin: 0; padding: 3px 15px 3px 0; font-weight: normal; }
	tr.even td { background: #efece9; }
	#downloads td.td-3 { padding-right: 0; }
	
#uncategorized { width: 100%; }
	#uncategorized th { padding-bottom: 6px; }
	#uncategorized td { padding-bottom: 3px; }
	#uncategorized th.th-3, 
	#uncategorized th.th-4, 
	#uncategorized td.td-3,
	#uncategorized td.td-4 { display: none; }
		#uncategorized td .count { font-size:80%; display: none; }

/* AKKORDEON */
.more, .backlink { display:block; position:relative; background:#394379; color:white !important; margin-bottom: 10px; padding: 3px 35px 3px 5px; font-weight: normal; text-decoration: none !important;  }
	.more:hover, .backlink:hover, .backlink:hover i { background: #454545; }
.more i { float:right; color:white; position: absolute; right: 0; top: 0; display: inline-block; border-left: 3px solid white; padding: 5px 7px;  }

.backlink { display: inline-block; overflow: hidden; padding-left: 37px; padding-right: 10px; margin: 15px 0 20px; }
.backlink i { left: 0; top: 0; display: inline-block; background:#394379; border-right: 3px solid white; color: white; padding: 6px 7px 5px;  }
.backlink:hover, .backlink:hover i, .more:hover, .more:hover i { color: #FBE400 !important; }

.backlink i, .more i, #widefooter a { -webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease; }
#widefooter a:hover { color: #FBE400 !important; }

.boxcontent .more i { border-color: #e3e3e3; }
.accordion .introtext { font-size: 14px; font-weight: normal; }
.accordion .location { font-weight:bold; font-size:20px; }
.accordion.col-xs-12 { padding-left: 5px; padding-right: 5px;}
.trigger:hover, .trigger2:hover { cursor: pointer; }
h3.trigger, h3.trigger2 	{ background: #394379; margin-bottom:5px; padding-bottom:0; color: white; padding: 5px 10px; position: relative; }
.trigger:hover, .trigger2:hover, h3.trigger.trigger_active, h3.trigger2.trigger_active { background: #464646; }
h3.trigger b, h3.trigger2 b { padding-top: 4px; }
h3.trigger b, h3.trigger2 b, span.location { text-transform: none; display: block; }
span.location { font-size: 15px; padding-bottom: 4px; }
span.more.postlink { margin-top: 5px; font-size: 13px; font-weight: bold; padding: 7px; }
.trigger .fa-chevron-up, .trigger2 .fa-chevron-up { display: none; }
h3.trigger.trigger_active .fa-chevron-up, h3.trigger2.trigger_active .fa-chevron-up { display: block; color: #fbe400; }
h3.trigger.trigger_active .fa-chevron-down, h3.trigger2.trigger_active .fa-chevron-down { display: none; }
.trigger:hover .location, .trigger2:hover .location, .trigger:hover i, .trigger2:hover i, h3.trigger.trigger_active .location, h3.trigger2.trigger_active .location { color:#fbe400; }
.acctext { padding: 0 5px; }
.trigger2 i { position: absolute; right:0; top: 0; border-left: 5px solid white; display: inline-block; padding: 14px; font-size: 40px; }

h3.trigger:hover *, h3.trigger2:hover * { cursor: pointer; }
h3.trigger:hover span.more, h3.trigger.trigger_active span.more,
h3.trigger2:hover span.more, h3.trigger2.trigger_active span.more { background-color: #1A62AA; }
h3.trigger.trigger_active span.more .glyphicon-chevron-up, 
h3.trigger2.trigger_active span.more .glyphicon-chevron-up { display: block; }
h3.trigger.trigger_active span.more .glyphicon-chevron-down,
h3.trigger2.trigger_active span.more .glyphicon-chevron-down { display: none; }

.accgallery { float: left; width:55%; }
.accordion .gallery { position: relative; float: right; width: 40%; border: 5px solid #e3e3e3; }

.t37 .accordion .gallery { position: relative; float: none; width: 100%; border: 5px solid #e3e3e3; }
.t37 a.projecttitle { background:#394379; border: none; color: white; margin: 0; padding: 10px; font-weight: normal; display: block; font-size: 18px; width: 100%;  } 
	.t37 a.projecttitle:hover { color: #fbe400; background: #464646; }
.t37 .acctext { padding:0 10px; }

@media only screen and (max-width: 479px) {
	.accgallery { float: none; clear: both; width: 100%; }
	.accordion .gallery { float: none; clear: both; width: 100%; }
}

/* AUFLISTUNG / VIDEOS / OVERVIEW / TEASER */
#content .overview 				{ margin: 15px 0 10px; padding: 0; }
	#content .overview li 		{ margin: 0 0 15px; padding: 0; list-style: none; position: relative; background: white; height: 150px; overflow: hidden;}
	#content .overview li.last 	{ margin-bottom: 0; }
		.overview .previewimage 	{ display: block; width: 155px; height: 150px; padding: 5px; background: black; border-right: 5px solid white; position: relative; z-index: 60; }
		.overview .previewtext 		{ width: 100%; padding-left: 155px; height: 150px; position: relative; background: transparent; z-index: 40; }
			.previewtext h3 			{ margin-top: 0; }
			.previewtext .previewlink 	{ position: absolute; bottom: 0; left: 0; padding-left: 155px; width: 100%;   }
				.previewlink .indent	{ background: #72737F; display: block; padding: 6px 10px 5px; color: white; position: relative; text-transform: uppercase; margin-top: 2px; }
				.previewlink .indent:hover, .previewlink:hover span { background-color: #1A62AA; }
				.previewlink .glyphicon-chevron-right { position: absolute; right: 0; top: 0; width: auto; border-left: 2px solid white; display: block; padding: 8px; font-size: 17px; }
		.overview .padding 				{ padding: 0 10px 10px 10px; background: white; }
		.overview .previewimage .play { left: 13%; top: 22%; z-index: 80; }

#teaser.overview li, #teaser.overview .previewtext {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto;
}

/* STARTSEITE */
.toggle_container2 { height: 0; overflow: hidden; } 
.toggle_container2 .flex-direction-nav .flex-prev { left: 0; }
.toggle_container2 .flex-direction-nav .flex-next { right: 0; }

.t37 .gallery .flex-direction-nav a { top: 100px; }
		 
@media only screen and (max-width: 480px) { 
	.overview .previewimage 	{ display: none; }
	.overview .previewtext 		{ padding-left: 0; }
	.previewtext .previewlink 	{ padding-left: 0; }
	.tpl-29 .padding 			{ padding:0; }
	
	.tpl-28 .overview .previewimage 	{ display: block; width: 80px; height: 75px;}
	.tpl-28 .overview .previewtext { padding-left: 80px; height: auto;}
	.tpl-28 .overview .previewimage img { max-width: 70px; height: auto; top: 10px; left: 3px; }
	.tpl-28 .overview .previewimage .img-responsive { max-width: 65px; top: 5px; left: 5px; }
	.tpl-28 #content .overview li { height: auto; background: none; }	
}

@media only screen and (max-width: 450px) {
	#kontaktform td { display: inline-block; float: none; clear: both; padding: 0; width: 100% !important; }	
}
			
/* ------------------------------------------------------------------------------- */
/* min width: 641px --------------------------------------------------------------- /
/* ------------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
	#carousel { display: none; }
	#gallery { margin-bottom: 5px; }
}

#mainbody .flexslider .flex-next { opacity: 0.8 !important; }
#mainbody .flexslider .flex-prev { opacity: 0.8 !important; }	
#mainbody .flexslider:hover .flex-next { opacity: 1 !important; }
#mainbody .flexslider:hover .flex-prev { opacity: 1 !important; }	

@media only screen and (min-width: 641px) {
	
/* BILDER LINKS/RECHTS */
.tpl-8 #twocol #imgcol, 
.tpl-24 #twocol #contentwrapper		{ padding-left: 0; padding-right: 7px; }
.tpl-8 #twocol #contentwrapper,
.tpl-24 #twocol #imgcol 			{ padding-left:8px; padding-right:0; }
.tpl-22 #twocol #imgcol				{ padding-right:15px; }	
.tpl-23 #twocol #imgcol				{ padding-left:15px; float:right; }	

/* MITARBEITER */
.t39 .mitarbeiter { position: relative; padding-top: 0; margin: 15px 0;  }
	.t39 .mitarbeiterimg { width: 33%; float: left; }
		.t39 .mitarbeiterimg a { }
			.t39 span.title	{ left: 35%; top:0; margin-top: 0;max-width: 65%; }
	.t39 .mitarbeitertext { width: 65%; float:right; } 		
	.t39 .mitarbeitertext p { margin: 0 0 10px 0; }
		.t39 .mitarbeitertext table { margin: 0 0 10px; }
			.t39 .mitarbeitertext table td { display: table-cell; float: none; clear: none; }
			
	.t39 .mitarbeitertext.full { width: 100%; }
	
/* REFERENZ */
.t15 .mitarbeiter { position: relative; padding-top: 0; margin: 10px 0;  }
		.t15 .mitarbeiterimg a { }
			.t15 span.title	{ left: 35%; top:0; margin-top: 0;max-width: 65%; }
	.t15 .mitarbeitertext { width: 65%; float:right; } 		
	.t15 .mitarbeitertext p { margin: 0 0 10px 0; }
		.t15 .mitarbeitertext table { margin: 0 0 10px; }
			.t15 .mitarbeitertext table td { display: table-cell; float: none; clear: none; }
						
	.t15 .mitarbeitertext.full { width: 100%; }
	
/* WIDEIMAGES ??? */
#wideimages a { width: 32%; margin-right: 2%; float: left; }
#wideimages a.last { margin-right: 0; }			

/* FOOTER */
#mainfooter i { display: inline-block !important; padding: 0 5px; }

/* DOWNLOADS */
#uncategorized th.th-3, 
#uncategorized th.th-4, 
#uncategorized td.td-3,
#uncategorized td.td-4 { display: table-cell; }
							
} 

/* ------------------------------------------------------------------------------- */
/* min width: 761px --------------------------------------------------------------- /
/* ------------------------------------------------------------------------------- */
@media only screen and (min-width: 761px) { 

body#mainbody 		{ font-size: 14px; }
/* #mainbody .mm-menu > .mm-panel { top: auto; bottom: 20px; height: auto; } */

h1, .post-title		{ font-size: 30px; padding-top: 0; margin-top: 0; }
h2, h2.lead, h3 	{ font-size: 18px; }
.post-meta			{ font-size: 13px; }

#maincontainer 		{ padding-bottom: 0; }
	#logo, #mobheadimg 		{ margin:0; border: 5px solid white; border-top: 0; left: 15px; padding: 10px 0; background: #FBE400; z-index: 90; }
		
.slidetitle { font-size: 30px; height: 45px; margin-bottom:5px; }
.slidetitle span { height: 45px; width: 320px; }
.slidetitle i { height: 45px; width: 45px; right: -0; padding-left: 9px; padding-right: 6px; }		
#mainheader .flex-direction-nav { display: block; }
/* #mainheader .flex-direction-nav .flex-prev { left: 15px;} */
/* #mainheader .flex-direction-nav .flex-next { right: 15px;} */
		
#widetop { z-index: 25; position: relative; }
#widecontent { z-index: 15; position: relative; }

#topbar, #togglecontact { border: none; }
	#mobheadimg { position: absolute; }
		#mobheadimg img { padding: 10px 0; }
	.slidetitle i { right: -50px; }	

#maincontainer 		{ position: relative; margin: auto; /* background: url(/img/bg.jpg) #D4D4D4 no-repeat; */ }
	#content	 	{padding-left: 5px;  }
	#slogan			{ font-size: 18px; }
	.t37 #content { padding-left: 0; }
	
	.AS_ajax_resultExtract,
	.ajaxSearch_resultExtract		{ display: block; }

		#mainbody .input-append	{ float: right;}
/* 		#mainbody .input-append:hover .dropdown-menu { display: block; } */
			#mainbody .btn-group	{}
				#mainbody .dropdown-toggle { background: none; padding: 0; color: #7f674f; border: none; height:44px; margin-right:18px; font-size: 13px; padding-bottom: 4px; }
				#mainbody .dropdown-toggle:hover { color: black; }
					#mainbody .dropdown-toggle i {}
				#mainbody .dropdown-menu { background:#EFECE9; padding-bottom: 10px; }
					#mainbody .dropdown-menu li { list-style: none; margin: 0; padding:0 10px; }
						#mainbody .dropdown-menu li a { color: #7f674f; border-bottom:1px solid #7f674f; padding-left: 0; padding-right: 0; }
						#mainbody .dropdown-menu li a:hover { color: black; background: none; }
		
/* MAINNAV 1 */
		#mainnav-1 			{ z-index: 50; padding: 0 10px; }
			#mainnav-1 ul		{ margin: 0; padding: 0; }
			#mainnav-1 .navlist { margin-bottom:15px; }
				#mainnav-1 ul li 	{ margin: 0; padding: 0; list-style: none; margin-bottom: 10px; }
					#mainnav-1 ul li a { font-size: 18px; color: #454545; font-weight: normal; text-transform: none; text-decoration: none; display: block; padding: 2px 10px; }					
						#mainnav-1 ul li a:hover,
						#mainnav-1 ul li.current a  { background: #454545; color: #FBE400; }
					
			#mainnav-1 ul ul 	{ display: none; padding: 7px 0; background: #e3e3e3; }
			#mainnav-1 ul li.current ul { display: block; }
				#mainnav-1 ul li.current ul li { margin-bottom: 2px; }
				#mainnav-1 ul li.current ul li a { padding-left: 10px; background: none; text-transform: none; font-size: 14px; color: #394379; }
				#mainnav-1 ul li.current ul li a:hover,
				#mainnav-1 ul li.current ul li.current a { color: #464646; background-image: none; background: url(../img/subnav-arrow.png) no-repeat left center; }
				
				#mainnav-1 ul li.current ul ul { display: none; padding:0; }
				#mainnav-1 ul li.current ul li.current ul { display: block; padding:0; }
				#mainnav-1 ul li.current ul li.current ul li a { padding-left: 22px; color: black; background: none;}
				#mainnav-1 ul li.current ul li.current ul li a:hover,
				#mainnav-1 ul li.current ul li.current ul li.current a { color: black; background-image: none; }
								
/* MAINNAV 2 */
		#mainnav-2 		{ }
			#mainbody #mainnav-2 ul { margin: 21px 0 0 0; padding: 0; }
				#mainbody #mainnav-2 ul li { display: inline-block; width: auto; float: left; margin: 0; padding: 0; position: relative; }
					#mainbody #mainnav-2 ul li a { font-size: 18px; margin: 6px 10px; padding: 5px 10px; text-transform: none; display: block; color: white; }
					#mainbody #mainnav-2 ul li ul { display: none; position: absolute; left:0; top: 100%; width: 250px; background:url(../img/subnav-bg.gif) center top no-repeat #f9f9f9; margin: -5px 0 0 0; padding: 10px 0 5px 0;  }
				#mainnav-2 ul li a:hover,
				#mainnav-2 ul li.current a { color: #394379 !important; background: white;  }

			#mainbody #mainnav-2 ul li:hover ul { display: block; } 
			#mainbody #mainnav-2 ul li ul li { width: 100%; }
			#mainbody #mainnav-2 ul li ul li a { font-size: 15px; text-transform: none; padding: 8px ; border-bottom: 1px solid #454545; color: #394379; margin: 0 5px; display: block; background: none; }		
			#mainbody #mainnav-2 ul li ul li a:hover { background: #464646; color: #FBE400 !important; }
			#mainbody #mainnav-2 ul li ul li.last a { border-bottom: none; }
	
			#mainbody #mainnav-2 ul li ul li ul { display:none !important; } 
				
		#midcol 	{ clear: none; position: relative; z-index: 20;  }
		.t37 #midcol {  }
		.tpl-blog #midcol 	{ padding-top: 0; }		
			#downloads tr th { font-size: 12px; font-weight: bold; }
/* 			.mitarbeiterimg { width: 100%; float: left; } */
				span.title	{ left: 41%; top:0; max-width: 59%;}
			.t15 .mitarbeitertext { width: 59%; float:right; } 			
		#rightcol 	{ padding: 15px; } 
			.blogpost i { top: 9px; }		
		
#mainfooter p, #mainfooter a, #mainfooter a:hover { font-size: 13px; padding-bottom: 15px; color: #464646 !important; }		

#widecontent{ z-index: 20; }
#widefooter { z-index: 10; }

/* STARTSEITE */
.t37 #content { padding-bottom: 0; }
.t37 a.projecttitle { border-left: 15px solid #E3E3E3; border-right: 15px solid #E3E3E3; }
#widetabs { background: #e3e3e3; margin-bottom: 40px; padding-bottom: 0;}
#mainbody .nav-tabs { padding-left: 0; margin-right: 15px; }
.accordion { padding: 35px 0 40px; background: #e3e3e3; }
.t37 .accordion .gallery { border: none; }
.tab-content .col-xs-12 { padding: 0; }
.toggle_container2 { padding-top:1px; height: auto; overflow: visible; }
.accordion .slides li { display: block !important; width: 33.3333%; float: left; padding: 0 15px; }
.t37 .acctext { background: white; padding-top: 10px; }
#mainbody .acctext p { margin-top: 0; }
.accordion.col-xs-12 { padding-left: 0px; padding-right: 0;}

}

@media only screen and (max-width: 1024px) {
	#mainheader .flex-direction-nav { display: none; }
}
/* ------------------------------------------------------------------------------- */
/* min width: 1025px -------------------------------------------------------------- /
/* ------------------------------------------------------------------------------- */
@media only screen and (min-width: 1025px) {
	#mainheader { position: relative; margin: auto; }
	#maincontainer { padding-bottom:0; }
	.slidetitle i { right: -0; }	
	.refcontent { padding-left: 30px; }	
	.t15 .mitarbeiter:hover .front .block { display: none; }
}
	
@media only screen and (min-width: 1240px) {}

/* IE10+ specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#mainbody #mainnav-2 ul { margin: 22px 0 0 0; padding: 0; }
}

/* WEBKIT BROWSERS */
@media only screen and (-webkit-min-device-pixel-ratio:0) {}	


/**********************/
/* SITEMAP ************/
/**********************/
body #content #sitemap ul, body #content #sitemap li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#sitemap span.none, #sitemap span.vert, #sitemap span.last, #sitemap span.midd {
  width: 24px;
  height: 18px;
  margin-left: 1em;
  background: transparent 0px 0px no-repeat;
  display: block;
  float: left;
}

#sitemap span.vert {background-image: url(/img/map_vert.gif);}
#sitemap span.last {background-image: url(/img/map_last.gif);}
#sitemap span.midd {background-image: url(/img/map_midd.gif);}
#sitemap ul li { padding-bottom: 2px;}
#sitemap ul li a { font-size: 14px; font-weight: normal; padding-bottom: 3px; }

#sitemap ul span.vert, 
#sitemap ul span.last 			{ display: none; }
#sitemap ul ul span.vert 		{ display: block; }
#sitemap ul ul span.vert2, 
#sitemap ul ul span.vert3 		{ display: none; }
#sitemap ul ul ul span.vert2	{ display: block; }
#sitemap ul ul ul span.vert3 	{ display: none; }
#sitemap ul ul ul ul span.vert3 { display: block; }

#sitemap ul li.last span.midd 	{ display: block; }
#sitemap ul li.last span.last 	{ display: none; }
#sitemap ul li.last ul li span.midd { display: block; }
#sitemap ul li.last ul li span.last { display: none; }