@charset "utf-8";
/* CSS Document */

 #flex-container {
	width: 100%;
	background-color: white;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#wrapper {
	min-width: 950px;
	max-width: 1550px;
	margin: auto;
}

#header {
	background-image: url(/images/2017/background.jpg);
	position: relative;
	width: 100%;
	height: 116px;
}

#logo1 {
	float: left;
	height: 124px;
}

#logo2 {
	float: left;
}

#collage {
	background-image: url(/images/2017/collage.jpg);
	float: right;
	width: 611px;
	height: 116px;
	position: relative;
}

#subnavi {
	position: absolute;
	top: 93px;
	right: 35px;
}

.smartphone {
	display: none;
}

body {
	background-color: #555555;
}

#container {
	width: 1009px;
	min-height: 600px;
	margin: auto;
	overflow: auto;
}

#logo, #navi, #header {
	float: left;
}

#logo {
	width: 147px;
	height: 126px;
}

	#header, #header a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;	
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
	}

#content {
	min-height: 625px;
	background-color: #FFFFFF;
}

#navi {
	clear: left;
	width:145px;
	padding-top:12px;
	background-color: #00583d;
	border-style: solid;
	border-right-color: #000000;
	border-width: 0 thin 0 0;
}

	#navi div {
		margin: 0;
		width: 140px;
		height: 31px;
		text-align: right;
		background-image: url('/layout/button.jpg');
		padding-top: 3px;
		padding-right: 5px;
	}

	#navi a, .current {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;	
		font-weight: bold;
		text-decoration: none;
	}
	
	#navi a {
		color: #006a4e;
	}
	
	#navi a:hover, .current {
		color: #000000;
	}

#app {
cursor: pointer ;
}

.ui-dialog-content  {
background-color: #d9e6e2;
}

.h1 {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 14pt;
}

.h2, .rubrik {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 14pt;
	font-weight: bold;
	color: #006a4e;
}

	.rubrik {
		padding: 25px 0 0 25px;
		width: 625px;
		text-align: center;
	}

.h3  {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:10px;
	font-weight: bold;
	color: #990000;
}

.button {
	margin: 0;
	width: 140px;
	height: 31px;
	text-align: right;
	background-image: url('/layout/button.jpg');
	padding-top: 3px;
	padding-right: 5px;
}

.normaltext, .partner, .formular {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-size: 10pt;
}

.boldtext {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

.boldtextgreen {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #006a4e;
	font-size: 9pt;
	font-weight: bold;
}

.kleintext {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000000;
	font-size: 8pt;
}

a:link, a:visited {
	font-size: 9pt;
	color: #000000;
	 text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	/* border-style: solid; */
	border-width: 0 0 1px 0;
	border-color: #00583d;
}

#editmode {
	padding-left:30px;
	background-color: #FFFFFF;
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.weEditmode {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.left_small, .left_big, .left_big_bg, .right {
	float: left;
	min-height: 558px;
}

.left_small {
	padding: 25px 25px 0 25px;
	width: 495px;
}

.left_big, .left_big_bg {
	padding-top: 25px;
	padding-left: 25px;
}

	.left_big { /* linke große Box ohne Hintergrundbild */
		width: 1083px;
	}
			
	.left_big_bg { /* linke große Box mit Hintergrundbild */
		width: 537px;
		padding-right: 100px;
		background-repeat: no-repeat;
		background-position: right;
	}

.right {
	padding: 25px 8px 0 8px;
	width: 280px;
}

	.right * {
		list-style-position: outside;
	}

.color { /* Hintergrundfarbe für das div "Top-Leistungen" */
	background-color: #d9e6e2;
	min-height: 600px;
}

@media only screen 
	and (min-device-width: 320px) 
	and (max-device-width: 480px)
	and (-webkit-min-device-pixel-ratio: 2)
	and (orientation: portrait) 
	{
		.right  {
			width: 100%;
		}

		.smartphone {
			display: block;
		}

		#collage {
			display: none;
		}

		#wrapper {
			width: 320px;
		}

.color { /* Hintergrundfarbe für das div "Top-Leistungen" */
	background-color: #d9e6e2;
	min-height: 600px;
}

.partner { /* div für die Seite "unsere Partner" */
	float: left;
	width: 300px;
	height: 200px;
	padding: 25px;
}

.col_center { /* 3 gleiche Spalten für das Text_Bild_Text-Template */
	width:250px;
	border-style:solid;
	border-width:thin;
	border-color: #000000;
	float:left;
}

.col_left, .col_right { /* für das Template Text_Bild_wechsel */
	float:left;
	width: 300px;
	min-height: 250px;
}

	col_left {
		float:left;
	}

.vor_ort_left, .vor_ort_center {
	float:left;
}

	.vor_ort_left, .vor_ort_right {
		margin:80px 10px 25px 0;
		width:235px;
	}

	.vor_ort_left {
		text-align: right;
	}

	.vor_ort_center {
		margin-top:25px;
		width: 350px;
		text-align: center;
	}
	
	.vor_ort_right {
		float:right;
		text-align:left;
		vertical-align:top;
	}
	
.formular {
	width: 500px;
	border-collapse: collapse;
}

	.formular tr td {
		border-style: solid;
		border-width: thin;
		border-color: #00583d;
		padding: 5px;
	}