/****
	GENERAL SCREEN CSS FILE
		****/

html {
	height: 100%; 
	margin: 0;
	padding: 0;
	
}
	
body {
	/*min-height:100%;*/
	/*height: 100%;*/
	margin: 0;
	padding: 0 0 0 0;	
	font-size: 14px;
    color: #542900;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 1.5;
	text-decoration: none;		
	text-align: left;
	font-weight:400;
		
}

#wrapper {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#367dd5+0,c4deed+100 */
	background: #367dd5; /* Old browsers */
	background: -moz-linear-gradient(top, #367dd5 0%, #c4deed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #367dd5 0%,#c4deed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #367dd5 0%,#c4deed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#367dd5', endColorstr='#c4deed',GradientType=0 ); /* IE6-9 */	
		
}

#wrapperinner {
	/*padding-bottom:300px;
	background-image:url(../img/footer.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;*/
}
#footerimage{
	background-color:#c4deed;
}
#footerimage img{
	width:100% !important;
	height:auto !important;
}
	
#col1imagediv {
    background-image:url(../img/kaerntenkarte_mittel_ober_unter.gif);
    background-repeat: no-repeat;
    height: 111px;
    width: 230px;
}

input,
select,
textarea {
    font-family: Arial,Helvetica,sans-serif;
}


* {
	margin:0;
	padding:0;
}

.clearBoth{
	clear:both;
}


a img {
	border:none;
}

p.align-right { text-align: right; }
p.align-center { text-align: center; }
p.align-left { text-align: left; }

p {
	margin: 0 0 0;
	padding: 0;
}



/****
	CONTAINER & defaultwidth
		****/
		
			.container {
				position:relative;
				text-align:center;
			}
			
			.defaultwidth {
				margin: 0px auto 0px auto;
				padding: 0;
				width: 940px; height: auto;
				position: relative;
				text-align: left;
				max-width:100%;
			}
			#headercontainer {
				padding-top:15px;
			}
			#footercontainer {
			}
			
			
			#header {
				overflow:visible;
				height:217px;
				background-color:#e6dfd9;
				text-align:left;
				padding-right:0px;
				-webkit-border-radius: 12px 12px 0 0px; 
				-moz-border-radius: 12px 12px 0 0px;
				-o-border-radius: 12px 12px 0 0px;
				border-radius: 12px 12px 0 0px;
			}
			#headerinner{
				height:217px;
				background-repeat:no-repeat;
				background-image:url(../img/header.png);
				position:absolute;
				left:-10px;
				width:959px;
			}
			

					
/****
	LOGO
		****/	
			#logo {
				height: 54px;
				left: 41px;
				position: absolute;
				top: 77px;
				width: 180px;
			}
	
/****
	ANIMATION / FLEXSLIDER
		****/
		
			.flexslider { 
				margin: 0 0 60px; 
				background: #fff; 
				border: 0px solid #fff; 
				position: relative; 
				-webkit-border-radius: 0px; 
				-moz-border-radius: 0px; 
				-o-border-radius: 0px; 
				border-radius: 0px; 
				-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2); 
				-moz-box-shadow: 0 0px 0px rgba(0,0,0,.2); 
				-o-box-shadow: 0 0px 0px rgba(0,0,0,.2); 
				box-shadow: 0 0px 0px rgba(0,0,0,.2); 
				zoom: 1; 
			}

			
/****
	CONTENT & SITEMETAS
		****/
	



			/* CONTENT */

			#content {
				background-color:#e6dfd9;
				padding-top:40px;
				padding-bottom:0px;
				-webkit-border-radius: 0 0 12px 12px; 
				-moz-border-radius: 0 0 12px 12px;
				-o-border-radius: 0 0 12px 12px;
				border-radius: 0 0 12px 12px;	
				overflow:hidden;			
			}
			#contentinner{
				padding-left:30px; 
				position:relative;				
			}
			#content p {
				padding:0px 0 0px 0;	
			}
			#content ul{
				margin:0;
				padding:0px 0;	
			}
			#content ol{
				margin:0 0 0 20px;
				padding:0px 0;	
			}
			#content ul li {
				list-style:none;
				background-image:url(../img/pfeil.png);
				background-repeat:no-repeat;
				background-position:6px 6px;
				padding:0 0 0 20px;
			}
				

			#colmiddle DIV.csc-textpic DIV.csc-textpic-single-image IMG{
				margin-bottom:0;
			}
			.csc-textpic-imagewrap{
				position:relative;
			}
			.csc-textpic-center-outer,
			.csc-textpic-center-inner{
				max-width:100%;
			}
			div.csc-textpic-imagecolumn{
				max-width:32%;
				margin-right:2%;
			}
			div.csc-textpic-imagecolumn .csc-textpic-image {
				max-width:100%;
			}
			div.csc-textpic-imagecolumn.csc-textpic-lastcol {
				margin-right:0;
			}


			/** COLS **/
		
			#colleft{
				position:relative;
				float:left;
				width:20%;
				margin-right:5%;
			}
			#colmiddle{
				position:relative;
				float:left;
				width:50%;
			}
			#colright{
				position:relative;
				float:right;
				width:20%;
			}
			
			/** GOOGLE MAPS **/
			
			#content iframe{
				border-top:5px solid #0073b3;
				border-bottom:5px solid #0073b3;
			}
			
			/* FRAMES */
			
			.gridrow .csc-default{
				margin-bottom:0px;
			}
			.csc-default,
			.frame-block1,
			.frame-block2 {
				margin-bottom:20px;
			}
			
			.frame-block1 {
				padding:15px 15px;
				background-color:#0073b3;	
			}
			.frame-block2 {
				padding:15px 15px;
				background-color:#e8e8e8;	
			}
			.frame-block1 p,
			.frame-block1 li,
			.frame-block1 a,
			.frame-block1 h1,
			.frame-block1 h2,
			.frame-block1 h3,
			.frame-block1 h4,
			.frame-block1 h5,
			.frame-block1 h6{
				color:#FFF !important;
			}
			
			/* GRID */
			
			.gridrow{
				margin-left:-2%;
				margin-right:-2%;
			}
			.grid_col1,
			.grid_col2,
			.grid_col3,
			.grid_col4,
			.grid_col5,
			.grid_col6,
			.grid_col7,
			.grid_col8,
			.grid_col9,
			.grid_col10,
			.grid_col11,
			.grid_col12,
			.grid_col25 {
				position:relative;
				float:left;
				margin-left:2%;
				margin-right:2%;
			}
			.grid_col1 { width:4.33%; }
			.grid_col2 { width:12.66%; }
			.grid_col3 { width:21%; }
			.grid_col4 { width:29.33%; }
			.grid_col5 { width:37.66%; }
			.grid_col6 { width:46%; }
			.grid_col7 { width:54.33%; }
			.grid_col8 { width:62.66%; }
			.grid_col9 { width:71%; }
			.grid_col10 {width:79.33%; }
			.grid_col11 {width:87.66%; }
			.grid_col12 {width:96%; }
			.grid_col25 {width:16%; }

			body#bodypid-16 #contentinner {
				position:relative;
				padding-right:30px;
			}

			.grid2 .grid_col_first.grid_col4{
				background-image:url(../img/divider.png);
				background-position:right top;
				background-repeat:repeat-y;
				
				padding-left:2%;
				padding-right:2%;
				
				margin-left:0%;
				margin-right:0%;
			}
			.grid2 .grid_col_last.grid_col4{
				background-image:url(../img/divider.png);
				background-position:left top;
				background-repeat:repeat-y;
				
				padding-left:2%;
				padding-right:2%;
				margin-left:0%;
				margin-right:0%;
			}

			
		/*** MENU ***/
		
			#menu {
				position:absolute;
				margin: 167px 0 0 0;
				left:40px;
			}
			
			
			#menu ul {
				
				margin: 0px;
				padding: 0;
				list-style: none;
			}
			
			#menu span { display: none; }
			#menu ul li {
				float:left;
				display:block;
				margin:  0 0 0 0px;
				background-image:url(../img/divider.png);
				background-repeat:no-repeat;
				background-position:right center;
			}
			#menu ul li:last-child{
				background:none;
			}
			
			#menu ul li a {
				display:block;
				color: #542900;
				float: left;
				font: bold 18px Arial,Helvetica,sans-serif;
				margin-left: 9px;
				padding-right: 10px;
				text-decoration: none;				
				
			}
			
			#menu ul li a.active { 
				color:#d8000b;
			}	

			#menu ul li a:hover { 
				color:#d8000b;
			}
			
			#magic-line { display:none !important; position: absolute; top: 22px; left: 0; width: 100px; height: 2px; background: #ce0a21; margin-left:0px !important; }
	
/*			#menu_responsive{
				display:none;
			}
*/
			
/****
	FOOTER
		****/	

		#footer {
			background-image:url(../img/yellowpoint.jpg);
			background-repeat:repeat-x;
			background-position:left top;
			background-color:#f9b701;
			height:60px;
			width:auto;
			margin:0 auto;
			text-align:center;
			line-height:20px;
			-webkit-border-radius: 0 0 12px 12px; 
			-moz-border-radius: 0 0 12px 12px;
			-o-border-radius: 0 0 12px 12px;
			border-radius: 0 0 12px 12px;	
			overflow:hidden;
		}
		#footerleft{
			font-size:25px;
			line-height:25px;
			padding-top:20px;
			padding-bottom:20px;
			float:left;
			font-weight:bold;
			padding-left:30px;
		}
		#footerright{
			font-size:11px;
			line-height:60px;
			float:right;
			text-align:right;
			padding-right:30px;
		}
		#footerright #sitelinks ul li {
			border:none;
			display:block;
			background:none;
		}
		#footer a,
		#footer {
			color:#542900;
			font-size:11px;	
			font-weight:400;
		}
		#footer a:hover{
			text-decoration:underline;
		}

		
		
		/*** SITELINKS ***/
		
			#fb{
				float:right;
				width:35px;
				padding-top:13px;
			}	
		
			#sitelinks {
				float:right;
				margin: 3px 15px 0 0;
			}
			
			
			#sitelinks ul {
				
				margin: 0 0 0 0px;
				padding: 0;
				list-style: none;
			}
			
			#sitelinks ul li:first-child {
				border-left:none;
			}
			#sitelinks ul li {

			}
			
			#sitelinks ul li a {
				
			}
			
			#sitelinks ul li a.active { 
			}

			#sitelinks ul li a:hover { 
			}

					
		
/****
	BESONDERE ELEMENTE 
		****/
		
			
/****
	FLEXSLIDER
		****/


		 	.tx-ws-flexslider ul li,
			#content .tx-ws-flexslider ul li {
				padding:0;
				background:none;
			}			
			
/****
	POWERMAIL
		****/


		
		html:root body .error em {
			border-color: #575756 transparent -moz-use-text-color;
			border-top-color:#575756;
		}
		.error p {
			font-weight:normal;
		}
		.error em {
			border-color: #575756 transparent -moz-use-text-color;
			border-top-color:#575756;
			border-bottom:0px;
			position:absolute;
			border-left: transparent 10px solid;
			width:0px;
			bottom:-10px;
			display:block;
			height:0;
			border-top:#575756 10px solid;
			border-right: transparent 10px solid;
			left:5px;
		}
		body .error {
			background-color: #575756;
			border: 1px solid #575756;
			box-shadow: 0 0 6px #DDDDDD;
		}

		.powermail_mandatory_js {
			padding: 0 0 0 5px;
			display:inline;
			color:#575756;
		}
		
		#content .tx-powermail {
			padding-top:0px;
			width:auto;
			max-width:100%;
		}
		#content .tx-powermail legend {
			display:none;
		}
		#content .tx-powermail fieldset {
			border:none;
			margin:0;
			background:none;
			padding:0;
		}
		#content .tx-powermail label {
			width: 30%;
			padding-top:5px;
			font-weight:normal;
			padding-bottom:5px;
		}	
		#content .tx-powermail input,
		#content .tx-powermail select,
		#content .tx-powermail textarea {
			border:0px solid #e8e8e8;
			padding:0 2%;
			line-height:40px;
			height:40px;
			width:66%;
			background-color:#e8e8e8;
			font-size:16px;
			border-radius:3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			color:#515151;
			font-size:14px;
			font-weight:500;
			
		}	
		#content .tx-powermail textarea {
			height:180px;				
		}
		#content .tx-powermail input.powermail_submit {
			background-color:#0067a8;
			color:#FFF;
			font-size:15px;
			border:none;
			cursor:pointer;
			border-radius:3px;
			-moz-border-radius:3px;
			-webkit-border-radius: 3px;
			padding:0;
			margin:0;
			height:40px;
			width:66%;
			margin-left:30%;
			-o-transition:.5s;
			-ms-transition:.5s;
			-moz-transition:.5s;
			-webkit-transition:.5s;
			transition:.5s;
		}

		#content .tx-powermail input.powermail_submit:hover{
			background-color:#575756;	
		}
		#content span.powermail_mandatory {
			color:#0067a8;	
		}
		#content .tx-powermail .tx_powermail_pi1_fieldwrap_html_check legend{
			display:none;
		}
		#content .tx-powermail .tx_powermail_pi1_fieldwrap_html_check input {
			width:auto;
			float:left;
			margin-left:5%;
			position:absolute;
		}
		#content .tx-powermail .tx_powermail_pi1_fieldwrap_html_check label{
			display:block;
			margin-left:12%;
			padding-top:8px;
			width:85%;
			font-size:16px;
			color:#aba9a9;
			letter-spacing: 1px;	
		}
		fieldset.tx-powermail_fieldset .powermail_check_inner, fieldset.tx-powermail_fieldset .powermail_radio_inner{
			margin:0;
		}
		#content .tx-powermail .powermail_fieldset .parsley-errors-list{
			margin:5px 0 10px;
			width:66%;
			padding:5px 2%;
		}
		#content .tx-powermail .powermail_fieldset .parsley-errors-list > li{
			background:none;
			padding-left:0;
		}
		#content .tx-powermail .powermail_create, .tx-powermail .powermail_confirmation{
			background:none;
			border:none;
			padding:0
		}

					



/***
	PROJEKTMENU 
		***/	
	
	
	.projectmenu {
		display:none;
		position:absolute;
		z-index:99;
		width:100%;		
	}

	.projectmenu div a{
		text-indent:-99999px;
		overflow:hidden;
		display:block;
		background-image:url(../img/arrows.png);
		background-position:0 0;
		height:44px;
		width:40px;
		position:absolute;
		top:150px;
	}
	.projectmenu div.prev a {
		left:-90px;
		background-position:0px 44px;
	}
	.projectmenu div.prev a:hover {
		background-position:0px 0px;
	}
	.projectmenu div.next a {
		right:-90px;
		background-position:40px 44px;
	}
	.projectmenu div.next a:hover {
		background-position:40px 0px;
	}
	
/***
	GOOGLEMAPS 
		***/	
	

		
	

 


	.owl-controls{
		display:none !important;
	}
    #kwl_references_wrap .customNavigation{
    	text-align: center;
    }
    #kwl_references_wrap .customNavigation a.prev{
		left:12px;
	}
    #kwl_references_wrap .customNavigation a.next{
		background-image:url(../img/pfeilrechts.png);
		right:12px;
	}
    #kwl_references_wrap .customNavigation a{
		cursor:pointer;
		text-indent:-9999px;
		position:absolute;
		background-image:url(../img/pfeillinks.png);
		background-repeat:no-repeat;
		background-position:0 0;
		height:57px;
		width:16px;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		top:50%;
		margin-top:-28px;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
	#kwl_references_title {
		text-align:center;	
		font-size:11px;
		padding-top:6px;
	}
	
	/*** IMAGE CYCLE ***/
	
	.tx-imagecycle-pi1,
	.tx-imagecycle-pi1 .tx-imagecycle-pi1-images,
	.tx-imagecycle-pi1 .tx-imagecycle-pi1-images li,
	.tx-imagecycle-pi1 .tx-imagecycle-pi1-images li img{
		width:100% !important;
		max-width:100% !important;
		height:auto;
		text-align:center;
	}
	.tx-imagecycle-pi1 {
		padding-bottom:30px;
	}
	.tx-imagecycle-pi1-pager{
		position:absolute;
		bottom:0px;
		z-index:90;
		width:100%;
	}
	.tx-imagecycle-pi1-pager a{
		display:inline-block;
		background-image:url(../img/cycle_icon.png);
		text-indent:-9999px;
		overflow:hidden;
		background-color:inherit;
		border:none;
		height:15px;
		width:15px;
		padding:0;
		margin:0 4px;
		background-position:0 15px !important;
	}
	.tx-imagecycle-pi1-pager a:hover,
	.tx-imagecycle-pi1-pager a.activeSlide{
		background:none;
		background-image:url(../img/cycle_icon.png) !important;
		background-position:0 0px  !important;
	}