body {
		font-size: 14px;
		background-color: #FFF;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #283121;
		-ms-hyphens: auto; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;
	}
*{margin:0; padding:0}
*, ::before, ::after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ol, ul {
    list-style: none;
}
	h1,h2,h3,h4 {
		color: #007897;
		font-weight: normal;
	}

	h1,h2 {
		text-transform: none;
	}

	h2 {
		font-size: 1.6em;
		letter-spacing: -1px;
		margin-bottom: 1em; font-family: Arial, Helvetica, sans-serif;
	}
	strong.spez{display: block; color: #007897;font-weight: normal;font-size: 1.6em;letter-spacing: -1px;margin-bottom: 1em; font-family: Arial, Helvetica, sans-serif;}
	h1{font-family: Arial, Helvetica, sans-serif;}
	h3,h4 {
		color: #283121;
		margin-bottom: 0.5em;
	}

	h3 {
		font-size: 1.2em;
		margin-bottom: 0.8em;
	}

	h4 {
		font-size: 1.2em; margin-bottom: 0.2em;
	}

	p, ul {
		margin-bottom: 1.25em;
	}

	p {
		line-height: 1.3em;
	}

	strong {
		font-weight:bold;
	}
	
	em{font-style:italic}

	img.left {
		float: left;
		margin: 2px 1.25em 10px 0;
	}
	img.right {
		float: right;
		margin: 2px 0 0 1.25em; border:1px solid #000
	}

	img.top {
		margin: 4px 0 2.25em 0;
	}

	ul {
		padding: 0.25em 0 0 0;
	}

	a {
		color: #00637A;
		text-decoration: underline;
	}

	a:hover {
		text-decoration: none;
	}

	* > p:last-child {
		margin-bottom: 0 !important;
	}

/* Reusable */

	article.blog-post {
		position: relative;
	}

		article.blog-post .comments {
			position: absolute;
			top: 0;
			right: 0;
			height: 32px;
			line-height: 24px;
			padding-left: 40px;
			background: url('images/icon-bubble.png') no-repeat;
		}

	ul.small-image-list {
	}

		ul.small-image-list li {
		list-style:none;
			
			margin-bottom: 1.5em;
		}
		
		ul.small-image-list p {
		margin-bottom:8px; color:#283121
		}
		ul.small-image-list h4 {
		margin-bottom:0.5em;
		}

	ul.big-image-list {
	}

		ul.big-image-list li {
		list-style:none;
			overflow: hidden;
			margin-bottom:0.5em; padding:0.5em 0.7em 0.7em 0.7em; border-bottom:1px dotted #aaa; background:#fdf5e6
		}
		
		.middle-content ul.big-image-list {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#000; font-size:0.9em; letter-spacing:0px; border-top:1px dotted #aaa; padding-top:0px; margin-bottom:1em;
		}
		ul.big-image-list h4, ul.big-image-list a {
		font-weight:bold; font-size:1.1em; margin-bottom:0.5em;
		}
		ul.big-image-list p {
		margin-bottom:8px;
		}

	ul.link-list {
	margin-bottom:60px;
	}

		ul.link-list li {
		list-style:none;
			border-top: solid 1px #ced0b7;
			padding: 0.75em 0 0 0;
			margin: 0.75em 0 0 0;
		}
		
		

	.button {
		display: inline-block;
		padding: 15px 25px 15px 25px;
		background-color: #007b9d;
		background-image: -moz-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-linear-gradient(top, #008dad, #007b9d);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dad), to(#007b9d));
		background-image: -ms-linear-gradient(top, #008dad, #007b9d);
		background-image: -o-linear-gradient(top, #008dad, #007b9d);
		background-image: linear-gradient(top, #008dad, #007b9d);
		border-radius: 10px;
		text-transform: lowercase;
		text-decoration: none;
		color: #fff;
		font-size: 1.2em;
		letter-spacing: -1px;
		border: solid 1px #006e8b;
		box-shadow: inset 0px 0px 0px 1px #18a8c8;
	}

	.button:hover {
		background-color: #118eb1;
		background-image: -moz-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -webkit-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1b9fbe), to(#118eb1));
		background-image: -ms-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: -o-linear-gradient(top, #1b9fbe, #118eb1);
		background-image: linear-gradient(top, #1b9fbe, #118eb1);
		box-shadow: inset 0px 0px 0px 1px #3ecceb;
	}
#infoUL, .infoUL{margin-bottom:60px}
#infoUL li {margin:3px 0px}
#infoUL .children {margin:0px; padding:0px}
#infoUL .children li {margin-left:10px}
.alignnone, .aligncenter {display: block; margin-left: auto; margin-right: auto; text-align: center}
.mobile .sprache{ display:block}
.sprache{display:none}


.adright{float:right; margin:0 0 15px 15px}
.adleft{float:left; margin:0 15px 15px 0}
.admid{text-align:center; margin-bottom:25px; margin-top:25px}
.adside{text-align:left; margin-bottom:15px}

	article {
		margin: 0 0 60px 0;
	}

	article:last-child {
		margin-bottom: 0;
	}


	ul.small-image-list img {
		width: 78px;
	}

	ul.big-image-list img {
		width: 150px;
	}

/* Reusable */

	.blog-post-image {
		width: 588px;
	}
	.size-full {
		max-width: 100%; height:auto
	}

/* Header */

	#header-wrapper {
		background-color: #6C0000;
		background-image: -moz-linear-gradient(top, #6C0000, #6C0000);
		background-image: -webkit-linear-gradient(top, #6C0000, #6C0000);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6C0000), to(#6C0000));
		background-image: -ms-linear-gradient(top, #6C0000, #6C0000);
		background-image: -o-linear-gradient(top, #6C0000, #6C0000);
		background-image: linear-gradient(top, #6C0000, #6C0000);
		padding:25px 0px;
	}

	#header {
		position: relative;
		padding: 0 40px 0 40px;
		border-radius: 10px;
		border: solid 1px #FFF;
		box-shadow: inset 0px 0px 0px 1px #EDE4CD, 0px 1px 4px 0px rgba(0,0,0,0.10);
		background-color: #EDE4CD;
		background-image: -moz-linear-gradient(top, #EDE4CD, #EDE4CD);
		background-image: -webkit-linear-gradient(top, #EDE4CD, #EDE4CD);
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDE4CD), to(#EDE4CD));
		background-image: -ms-linear-gradient(top, #EDE4CD, #EDE4CD);
		background-image: -o-linear-gradient(top, #EDE4CD, #EDE4CD);
		background-image: linear-gradient(top, #EDE4CD, #EDE4CD);
		height: 70px;
		width:1120px;
		margin:0 auto;
		box-sizing:content-box;
	}

		#header h1 {
			position: absolute;
			left: 40px;
			top: 0;
			color: #fff;
			font-size: 2.4em;
			letter-spacing: -2px;
			line-height: 70px;
		}

		#header h1 a {
			color: #000;
			text-decoration: none;
		}
		
		#header nav {
			position: absolute;
			right: 10px;
			top: 1px;
			line-height: 68px;
			text-transform: lowercase;
			font-size: 1.3em;
			letter-spacing: -1px;
		}
		
			#header nav a {
				display: inline-block;
				text-decoration: none;
				color: #000;
				padding: 0 20px 0 20px;
				outline: 0;
			}
			
			#header nav a.current-page-item {
				background-color: #EDE4CD;
				background-image: -moz-linear-gradient(top, #EDE4CD, #EDE4CD);
				background-image: -webkit-linear-gradient(top, #EDE4CD, #EDE4CD);
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDE4CD), to(#EDE4CD));
				background-image: -ms-linear-gradient(top, #EDE4CD, #EDE4CD);
				background-image: -o-linear-gradient(top, #EDE4CD, #EDE4CD);
				background-image: linear-gradient(top, #EDE4CD, #EDE4CD);
				box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.1), 0px 0px 5px 1px rgba(255,255,255,0.1);
			}

			#header nav a:hover {
				background-color: #EDE4CD;
				background-image: -moz-linear-gradient(top, #EDE4CD, #EDE4CD);
				background-image: -webkit-linear-gradient(top, #EDE4CD, #EDE4CD);
				background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EDE4CD), to(#EDE4CD));
				background-image: -ms-linear-gradient(top, #EDE4CD, #EDE4CD);
				background-image: -o-linear-gradient(top, #EDE4CD, #EDE4CD);
				background-image: linear-gradient(top, #EDE4CD, #EDE4CD);
				box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
			}

/* Banner */

	#banner-wrapper {
		background: #c8d2bc url(images/bg1.png);
		padding:25px 0px;
	}

	#banner {
		position: relative;
		width: 1200px;
		height: 220px;
		margin:0 auto;
		box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
		border-radius: 10px;
		padding: 20px;
		background: #fff url(images/banner.jpg) no-repeat 20px 20px;
		background-size: 1160px 180px;
	}

		#banner h2 {
			position: absolute;
			z-index: 1;
			width: 100%;
			top: 100px;
			left: 0;
			font-size: 3.3em;
			color: #fff;
			text-align: center;
			letter-spacing: -2px;
		}
		
		#banner span {
			display: block;
			position: absolute;
			z-index: 1;
			width: 100%;
			bottom: 105px;
			left: 0;
			font-size: 1.6em;
			color: #fff;
			text-align: center;
			letter-spacing: -1px;
			text-transform: lowercase;
			opacity: 0.8;
		}

/* Main */


	#main {
		background: #fff;
		padding: 2% 0 2% 0;
		width: 1200px;
margin: 0 auto;
	}


/* Footer */

	#footer-wrapper {
	clear:both;
	background-color: #e3e9dc;
	padding: 3em 0 3em 0;
	}

/* Copyright */

	#copyright {
	width:1200px;
	margin:0 auto;
		text-align: center;
		color: #A6A88F;
		border-top: solid 1px #ced0b7;
		padding: 3em 0 0 0;
	}

		#copyright a {
			color: #A6A88F;
		}


.randleft, .randright {
    width: 270px;
	float:left;
	padding-bottom:40px;
	
}
.middle {
    width: 520px;
	float:left;
	margin-left:70px;
	margin-right:70px;
	padding-bottom:40px;
	line-height: 1.3em;
}

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

#searchform{margin:10px 0 60px 0; padding:0px}

/* gc */
		
		ul.link-list li {
			border-top: solid 1px #ced0b7;
			padding: 0.75em 0 0 0;
			margin: 0.75em 0 0 0;
		}
		
		ul.link-list li li {
			border-top: solid 1px #ced0b7;
			padding: 0.75em 0 0.75em 2em;
			margin: 0 0 0 0;
			background:#f5f5f5;
		}
		
		ul.link-list li:first-child {
			padding-top: 0;
			margin-top: 0;
			border-top: 0;
		}
		
		ul.link-list li li:first-child {
			border-top: solid 1px #ced0b7;
			padding: 0.75em 0 0.75em 2em;
			margin: 0.75em 0 0 0;
			background:#f5f5f5;
		}

.bildDX { float:right; margin:2px 1px 10px 10px; }
.bildSX { float:left; margin:2px 10px 1px 10px; }

.abox.rechts{float:right; margin:0 0 15px 15px}
.abox.links{float:left; margin:0 15px 15px 0}
.abox.mitte{text-align:center; margin-bottom:25px; margin-top:25px}
.abox.rand{text-align:center; margin-bottom:15px}

.clear{clear:both; }


#copyright img{ margin:0 5px 15px 5px; width:20px; height:auto}

.circle li{list-style:circle; line-height: 1.3em; margin-left: 40px;}

/* ende */

a.closed, a.open{cursor:pointer}
a.closed ~ ul{
	width:100%;
	max-height:0px;
	overflow:hidden;
	-webkit-transition: max-height .7s;
    -moz-transition: max-height .7s;
    -o-transition: max-height .7s;
    transition: max-height .7s;
	}
	
a.open ~ ul{ 
	width:100%;
	max-height:2000px;
	overflow:hidden;
	-webkit-transition: max-height 2s;
    -moz-transition: max-height 2s;
    -o-transition: max-height 2s;
    transition: max-height 2s;
	}
	
#titleBar{display:none}
.only-mobile{display:none !important}

@media (max-width: 800px) {
/*allgemein*/
.not-mobile{display: none}
.only-mobile{display:block !important}

section {padding-bottom: 2em;}
.row{padding:0px 0px 80px 0px; margin:0}
.content{ margin-top:40px}

.row > * {
padding: 0px 0 15px 0 !important;
float: none !important;
width: 100% !important;
margin-left: 0 !important;
}

/*divers*/
	h2 {font-size: 1.4em;}

	h3 {font-size: 1.2em;}

	h4 {ffont-size: 1.1em; margin-bottom: 0.2em;}

	ul.big-image-list img {	max-width: 50%;	}

	ul.link-list {margin: 0;}
	
	#nav2 ul.link-list li, #nav ul.link-list li {list-style: none; border-top: 0; padding: 0; margin:0;}

	article {padding: 40px 10px 40px 10px;}

	#main article {background: #fff;}

	article.blog-post .comments {display: block;position: relative;	top: -0.5em;margin: 0 0 0.5em 0;	}

	.button {font-size: 1em;}

	.blog-post-image {width: 100%;}
	.size-full {max-width: 100%; height:auto}

	#header-wrapper {display:none}
	
	#banner-wrapper {
    display: block;
    background: none;
    padding: 0;
}
#banner {
    width: 100%;
    height: auto;
    padding: 0;
    padding-top: 15.51%;
    box-shadow: none;
    border-radius: 0;
    background-position: 0 0;
    background-size: contain;
    margin-top: 45px;
}

	#main {padding: 0 10px;width: 100%;	margin:15px 0 0 0;}
	
	.middle { width: 100%; float: none; margin-left: 0; margin-right: 0;}

	#footer-wrapper {padding: 0;}

	#copyright {text-align: center;	color: #A6A88F;	padding: 40px; font-size: 0.8em; line-height: 1.5em; width:100% }
	
	.randright, .randleft{float:none; width:100%; margin:0; padding:0;}

#titleBar a{ color:#FFF; text-decoration:none}



/*titlebar*/
#titleBar {
display:block;
text-align: center;
color: #fff;
font-size: 1.25em;
background-color: #6C0000; /*background*/
backface-visibility: hidden;
transition: transform 0.25s ease-in-out 0s;
z-index: 10000;
position: fixed;
width: 100%;
height: 44px;
top: 0px;
left: 0px;
transform: translate(0px, 0px);
}

#titleBar .title {
line-height: 44px;
}

#titleBar .toggle {
position: absolute;
top: 0;
left: 0;
width: 80px;
height: 60px;
cursor:pointer;
}

#titleBar .toggle:after {
content: '';
position: absolute;
left: 4px;
top: 4px;
color: #fff;
text-align: center;
line-height: 31px;
font-size: 0.8em;
width: 50px;
height: 35px;
border-radius: 5px;
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 2px 0px rgba(0,0,0,0.5), inset 0px 6px 13px 0px rgba(255,255,255,0.2), 0px 2px 2px 0px rgba(255,255,255,0.1);
}

#titleBar .toggle:before {
content: '';
position: absolute;
width: 20px;
height: 30px;
background: url(/css/images/mobileUI-site-nav-opener-bg.svg);
top: 16px;
left: 19px;
}

#titleBar .toggle:active:after {
background: rgba(0,0,0,0.2);
}

#titleBar .toggle2 {position: absolute;	top: 4px; right: 4px; width: 50px; height: 35px; border-radius: 5px;
				box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.25), inset 0px 1px 2px 0px rgba(0,0,0,0.5), inset 0px 6px 13px 0px rgba(255,255,255,0.2), 0px 2px 2px 0px rgba(255,255,255,0.1);
				cursor:pointer;	}
		
#titleBar .toggle2:before {	content: ' '; position: relative; color: #fff; text-align: center; line-height: 31px; font-size: 0.8em; display:inline-block; width: 20px; height: 30px; background: url(/css/images/mobileUI-site-nav-opener-bg.svg); top: 12px; left: 0px;}

#titleBar .toggle2:active {	background: rgba(0,0,0,0.2);}
/*menu*/			
#nav2 {background: #00536F; color:#FFF; padding-left:0px; padding-top:0px; border-right:1px solid #ddd; width:270px; float:none; position:fixed; z-index:4000; height:calc(100% - 45px); top:45px; left:-270px; font-size:12px; overflow-y: auto;}
#nav2.show{ left:0px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:fixed;}
#nav2.hide{ left:-270px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
position:fixed;}

#nav3 {background: #00536F; color:#FFF;padding-left:0px; padding-top:0px; border-left:1px solid #ddd; width:270px; float:none; position:fixed; z-index:4000; height:calc(100% - 45px); top:45px; right:-270px; font-size:12px; overflow-y: auto;}
#nav3.show{ right:0px;-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	position:fixed;
	}
#nav3.hide{ right:-270px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;	position:fixed;}


/*menu links*/
#nav2 li, #nav3 li{margin-top:0; background:none; padding:0; border:0 }
#nav2 ul, #nav3 ul{margin-bottom:0px; border:none; padding:0}
#nav2 br, #nav3 br{display:none}
#nav2 h3, #nav3 h3{margin-bottom:0}
#nav2 li.ng, #nav3 li.ng {border-top: none; margin-top:0}

#nav2 h3 a, #nav2 h3 a:hover, #nav2 ul li a, #nav2 ul li a:hover , #nav3 h3 a, #nav3 h3 a:hover, #nav3 ul li a, #nav3 ul li a:hover{
display: block;
border-top: solid 1px rgba(255,255,255,0.1);
border-bottom: solid 1px rgba(0,0,0,0.2);
height: 55px;
line-height: 55px;
font-size:14px;
padding: 0 15px 0 15px;
text-decoration: none;
border-right:0;
border-left:0;
background: #00536F; /*background*/
color: #fff;
font-weight:normal}

#nav3 ul li li a, #nav3 ul li li a:hover{ padding-left:30px}
#nav3 ul li li li a, #nav3 ul li li li a:hover{ padding-left:45px}

#searchform #s{ width:50% !important; font-size:18px}
#searchform #searchsubmit { width:70px !important; font-size:18px}

strong.spez {
    display: block;
    color: #007897;
    font-weight: normal;
    font-size: 1.3em;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
	border-top: solid 1px rgba(255,255,255,0.1);
	border-bottom: solid 1px rgba(0,0,0,0.2);
	height: 35px;
	line-height: 35px;
	padding: 0 15px 0 15px;
}

#infoUL .children li{margin:0}
#infoUL li{margin:0}
		
.adright{float:none; margin:15px auto; text-align:center}
.adleft{float:none; margin:15px auto; text-align:center}
.adside{text-align:center; margin-bottom:15px}

.middle img{max-width:100%; height:auto}

/* gc */
.abox.rechts{float:none; margin:15px auto; text-align:center}
.abox.links{float:none; margin:15px auto; text-align:center}
.abox.rand{text-align:center; margin-bottom:15px}

#followus{ display:none}

/* ende */
ul {padding: 0;	}
ul.link-list li:first-child {padding-top: 0.75em;}

}