/* ##################################################################### */
/* #### Fonts ########################################################## */

	/* roboto-regular - latin */
	@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 400;
		src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
		src: local('Roboto'), local('Roboto-Regular'),
			url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
			url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
	}
	/* roboto-700 - latin */
	@font-face {
		font-family: 'Roboto';
		font-style: normal;
		font-weight: 700;
		src: url('../fonts/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
		src: local('Roboto Bold'), local('Roboto-Bold'),
			url('../fonts/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
			url('../fonts/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
	}


/* ############################################################## */
/* #### HTML5 display definitions ############################### */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }


/* ############################################################## */
/* #### Base #################################################### */

	html{
		overflow-y: scroll; /* Scrollbar */
		color:#222;
		background-color:rgb(242,242,242);
		font-size: 13px;
		line-height: 1.4;
		height:100%;
		/*
		Prevents iOS text size adjust after orientation change, without disabling user zoom
		www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
		*/
		-webkit-text-size-adjust:100%;
		-ms-text-size-adjust: 100%;
	}

	html, button, input, select, textarea {
		 /* addresses font-family inconsistency between form elements. */
		font-family: 'Roboto', arial, sans-serif;
	}

	body{
		margin:0; /* addresses margins handled incorrectly in IE6/7 */
		min-height: 100%;
				height: auto !important;
				height: 100%;
				position:relative;
	}

	/* Remove text-shadow in selection highlight. These selection declarations have to be separate. */
	::-moz-selection { background: #b3d4fc; text-shadow: none; }
	::selection { background: #b3d4fc; text-shadow: none; }


/* ############################################################## */
/* #### Allg. Formatierungen #################################### */

	/*###
	//# Links
	###*/

	a { color: #00d200; text-decoration:none; }
	/*
	a:visited { color: #551a8b; }
	a:hover { color: #06e; }
	*/
	/* a:focus { outline: thin dotted; } */ /* Addresses outline displayed oddly in Chrome */
	a:hover, a:active { outline: 0; } /* Improve readability when focused and hovered in all browsers: h5bp.com/h */


	/*###
	//# Typography
	###*/

	h1 {
		font-size:16px; line-height:1.4; font-weight:bold;
		margin: 0 0 0.67em 0;
	}

	h2 {
		font-size: 1.5em;
		margin: 0.83em 0;
	}

	p{ margin: 0 0 1em 0; }

	b, strong{ font-weight:bold; }

	small { font-size: 85%; }

	/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
	sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
	sup { top: -0.5em; }
	sub { bottom: -0.25em; }


	/*###
	//# Lists
	###*/

	ul{ margin: 1em 0; padding:0; list-style:none; }
		li{
			padding-left:10px;
			background: url(../img/bg_ul_li.gif) no-repeat 0 10px;
		}
	ol { margin: 1em 0; padding: 0 0 0 40px; }
	dd { margin: 0 0 0 40px; }


	/*###
	//# Embedded content
	###*/

	img {
		border: 0; /* Removes border when inside 'a' element in IE6/7/8/9, FF3 */
		-ms-interpolation-mode: bicubic; vertical-align: middle; /* Improves image quality when scaled in IE7 */
	}

	/*###
	//# Figures
	###*/
	
	figure{ margin:0; } /* Set margin to 0. Addresses margin not present in IE6/7/8/9, S5, O11 */

	
	/*###
	//# Tables
	###*/

	table { border-collapse: collapse; border-spacing: 0; }
	td { vertical-align: top; }
	
	.contenttable{ margin-bottom:1em; }
	.contenttable .td-0{ padding-right:4px; }


/* ############################################################## */
/* #### non-semantic helper classes ############################# */

	.clearer{ clear:both; }
	.align-right{ text-align:right; }
	.align-center{ text-align:center; }

	/* Contain floats: h5bp.com/q */
	.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }

/* ############################################################## */
/* #### Formulare ############################################### */

	/*
	fieldset{
		border:none;
		margin:0.5em 0 0 0;
		padding:0;
	}

	.csc-mailform-field label{ display:block; }
	div.checkbox label{ display:inline; }

	div.csc-mailform-field{ padding-bottom:3px; }

	input.csc-mailform-input,
	.csc-mailform-field textarea,
	.tx-guestbook-field textarea{ width:300px; }

	input.mf-submit{ margin-top:1em; }
	*/

	fieldset{
		border:none;
		margin:0.5em 0 0 0;
		padding:0;
	}
	
		div.csc-mailform-field{ padding-bottom:3px; }
	
			.csc-mailform-field label{
				width:110px;
				display:block;
				float:left;
			}
			div.checkbox label{ display:inline; }
			
			input.csc-mailform-input,
			.csc-mailform-field textarea{ width:300px; padding: 2px; border:1px solid #999; }
			
			div.csc-mailform-textarea{ padding-left:110px; }

			div.checkbox{ padding-left:110px; }

			span.csc-mailform-radio legend{ display:none; }
			span.csc-mailform-radio label{
				display:inline;
				width:auto;
				float:none;
			}

			input.mf-submit{
				margin-top:0.5em;
				margin-left:110px;
			}


/* ############################################################## */
/* #### Flexslider ############################################## */

	div.flexslider{ position:relative; overflow:hidden; }
	/* DEBUG: div.flexslider, div.flex-viewport{ overflow:visible !important; } */
		.slides, .flex-control-nav, .flex-direction-nav{ margin:0; padding:0; list-style:none; }
		.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
		.no-js .slides > li:first-child { display: block; }
		.slides li{
			position:relative; margin:0; padding:0; background-image:none;
			width:100%; /* hasLayout IE6 for position absolute of captions */
		}
		/* Clearfix for the .slides element */
		.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
		html[xmlns] .slides {display: block;} 
		* html .slides {height: 1%;}

		.flex-direction-nav li{ margin:0; padding:0; background-image:none; }
		.flex-direction-nav a { width:45px; height:45px; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top:165px; z-index:3; cursor: pointer; text-indent: -9999px;}
		.flex-direction-nav a:hover{ background-position: left bottom; }
		.flex-direction-nav a.flex-next { background-position: 100% 0; right:0px; }
		.flex-direction-nav a.flex-next:hover{ background-position: right bottom; }
		div.greenbox .flex-direction-nav a.flex-prev{ left:225px; }

		
		div.flexslider div.header{ position:absolute; left:20px; top:20px; z-index:3; width:195px; }
		div.flexslider div.header a{
			display:block; padding: 5px 5px 60px 10px;
			background: transparent url(../img/col-4a4a4a_opacity-75.png) repeat left top;
			color:#fff; font-weight:bold; font-size:18px; line-height:1.4;
		}
		div.flexslider div.header a:hover{ background-image:url(../img/col-00d200_opacity-75.png); }


/* ############################################################## */
/* #### Gestaltungsraster ####################################### */

	header{
		min-width: 990px; width: auto !important; width: 100%;
		height:100px; overflow:hidden; margin-bottom:35px;
		background: transparent url(../img/col-4a4a4a_opacity-75.png) repeat left top;
	}
		div#header{
			position: relative;
			margin: 0 auto;
			width:990px;
		}
			img#signet{
				float:left;
			}
			ul#nav{ margin:0; padding:0; list-style:none; }
				ul#nav li{
					margin:0; padding:0; background-image:none; float:left; width:198px; overflow:hidden;
					font-size:19px; line-height:1.4; font-weight:bold;
				}
				ul#nav a{
					color:#fff;
					display:block;
					border-right: 1px solid #000;
					padding: 58px 0 0 20px;
					height: 45px;
				}
				ul#nav a.act,
				ul#nav a:hover{ background: transparent url(../img/col-00d200_opacity-75.png) repeat left top; }
	
		div#stage{
			position: relative;
			margin: 0 auto;
			width:990px;
			padding-bottom:30px;
		}
		
			p#breadcrumb{
				background: transparent url(../img/col-00d200_opacity-75.png) repeat left top;
				margin:0 0 2px 0;
				padding: 24px 15px 12px 15px;
				color:#fff;
				font-size:19px; line-height:1.4; font-weight:bold;
			}
			/* Bei "Ueber uns" absolut positionieren: */
			.branch_6 p#breadcrumb{
				position:absolute; z-index:1; left:25px; top:30px;
				width:170px;
				padding: 51px 10px 12px 15px;
			}
				p#breadcrumb a{ color:#fff; }
			
			div.contentblock{
				background-color:white;
				margin-bottom:3px;
				padding: 15px 15px 15px 15px;
			}
			.col-left{ width:225px; float:left; }
			.col-right{ width:715px; float:right; }
				.inner-right{ padding-right:115px; }
				
				div.greenbox{ background-color:#00d200; padding-left:20px; }
					div.greenbox div.img-wrapper{ float:right; width:715px; }
					div.greenbox figcaption{ float:left; width:205px; padding-top:15px; }
					div.greenbox a{ color:#000; }
				
				ul#subnav,
				ul#subnav ul{ margin:0; padding:0; list-style:none; }
					ul#subnav li{ margin:0; padding:0; background-image:none; font-weight:bold; font-size:17px; line-height:1.4; }
						ul#subnav li li{ font-weight:normal; border-bottom:1px solid #b3b3b3; }
						ul#subnav a{ color:#b3b3b3; }
						ul#subnav a.act, ul#subnav a:hover{ color:#000; }
				
				ul.imgmenu{ margin:0 0 -20px 0; padding:0; list-style:none; }
					ul.imgmenu li{
						margin:0 20px 20px 0; padding:0; float:left; width:225px; height:140px; overflow:hidden;
						font-weight:bold; font-size:18px; line-height:1.4;
					}
					ul.imgmenu li.nr3, ul.imgmenu li.nr6{ margin-right:0; }
					/*ul.imgmenu li.nr4, ul.imgmenu li.nr5, ul.imgmenu li.nr6{ margin-bottom:0; }*/
						ul.imgmenu a{ color:#fff; }
							ul.imgmenu figure{ position:relative; }
								ul.imgmenu figcaption{
									display:none;
									position:absolute; left:0; top:0;
									width:210px; height:125px;
									padding: 15px 5px 0 10px;
									background: transparent url(../img/col-00d200_opacity-75.png) repeat left top;
								}
								ul.imgmenu a.act figcaption, ul.imgmenu a:hover figcaption{ display:block; }

			
			#quickentry{ margin-top:35px; }
				#quickentry ul{ margin:0; padding:0; list-style:none; }
					#quickentry li{ margin:0; padding:0; float:left; width:225px; margin-right:20px; }
					#quickentry li.first, #quickentry li.last{ width:240px; }
					#quickentry li.last{ margin-right:0; }
						#quickentry a{
							display:block; padding: 5px 5px 60px 10px;
							background: transparent url(../img/col-4a4a4a_opacity-75.png) repeat left top;
							color:#fff; font-weight:bold; font-size:18px; line-height:1.4;
						}
						#quickentry a:hover{ background-image:url(../img/col-00d200_opacity-75.png); }
						
		p#metanav{ position:absolute; right:0; bottom:0; margin:0; padding: 2px 5px; color:#fff; background: transparent url(../img/col-4a4a4a_opacity-75.png) repeat left top; }
			p#metanav a{ color:#fff; }
	


	div#bgimgbox{
		position:fixed !important; position:absolute;
		top:0; left:0; z-index:-1;
		width:100%; height:100%;
		overflow:hidden;
	}
		div#bgimgbox img{ position:absolute;left:0;top:0;width:100%;height:auto; }