@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-bold-webfont.woff2') format('woff2'),
         url('../font/opensans-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('../font/opensans-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-italic-webfont.woff2') format('woff2'),
         url('../font/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../font/opensans-regular-webfont.woff2') format('woff2'),
         url('../font/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* ------------------------------------- general / allgemein ----------------------------- */

html {
	overflow-y:scroll;
}

body {
	background: none repeat scroll 0 0 #eeeeee;
	font-size: 18px;
	font-family: "Open Sans", Arial, sans-serif;
	color: #444;
}


h1, h2, h3, h4, h5, h6 {
	color: #314B68;
	color: #6daf6b;
	font-weight: normal;
	line-height: 1.3;
	margin: 0.5rem 0;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.6rem; }
h4 { font-size: 1.4rem; }
h5 { font-size: 1.1rem;}
h6 { font-size: 0.9rem; }

a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #617D9B;
	transition: color 0.20s linear 0s;
	-o-transition: color 0.20s linear 0s;
	-ms-transition: color 0.20s linear 0s;
	-moz-transition: color 0.20s linear 0s;
	-webkit-transition: color 0.20s linear 0s;
}

a:hover {
	color: #90AAC0;
}


p, li, dl, blockquote, table, kbd {
	font-size: 1rem;
	line-height: 1.6;
}

hr {
	border: 0;
	border-top: 1px solid #e5e5e5;
	clear: both;
	height: 0;
	margin: 0.5rem auto;
}
/* ----------------------------------------- nav ----------------------------------------------- */
.aside-nav ul {
	background: #e8e8e8;
	padding: 0;
}

.aside-nav li {
	list-style: none outside none;
	cursor: pointer;
}

.aside-nav li a,
.aside-nav li a:link,
.aside-nav li a:visited {
	color: #444;
	display: block;
	font-size: 1rem;
	padding: 1.25rem;
}

.aside-nav>ul>li:last-child a {
	border-bottom: 0 none;
}

.aside-nav li>ul {
	height: 0;
	display: block;
	position: relative;
	background: #f4f4f4;
	border-left: solid 1px #f2f2f2;
	border-right: solid 1px #f2f2f2;
	overflow: hidden;
}

.aside-nav li ul ul {
	border: 0;
	background: #fff;
}

.aside-nav ul ul a {
	padding: 0.625rem 1.25rem;
}

.aside-nav li a:link,
.aside-nav li a:visited {
	color: #333;
}

.aside-nav li a:hover {
	color: #fff;
	background: #6daf6b; !important;
}

.aside-nav ul li.active-item>a:link,
.aside-nav ul li.active-item>a:visited {
	background: #6daf6b;
	color: #fff;
}



.aside-nav li a, 
.aside-nav li a:link, 
.aside-nav li a:visited {
	padding-top:0.25rem;
	padding-bottom:0.25rem;	
}

.aside-nav li li a:link, 
.aside-nav li li a:visited{
	padding-left:2rem;
}

.aside-nav li li li a:link,
.aside-nav li li li a:visited {
	padding-left:3rem;
}

@media screen and (max-width:480px) {
	.aside-nav li li a:link, 
	.aside-nav li li a:visited,
	.aside-nav li li li a:link,
	.aside-nav li li li a:visited {
		padding-left:0;
	}
	
}

/* ------------------------------------ parts ---------------------------------------------------- */
header .line,
section .line,
footer .line {
	background-color:#fff;
	padding:0 !important;
}

.headerpic img {
	display:block;
}

.maincontent p, .maincontent li {
	padding-bottom:0.5em;
}

.maincontent li ul, .maincontent li ol {
	padding-top:0.5em;
}



.logo {
	padding:2rem;
}


.wbcesuche {
	width:66%;
	margin:0.5rem auto;
}

.wbcesuche input[type=text] {
	background-color:transparent;
	border:0;
	border-bottom:1px solid #5588a3;
	color:#2b4c61;
	width:80%;
}

.wbcesuche input[type=submit] {
	font-family:sli;
	border:0;
	background-color:transparent;
	color:#2b4c61;
	width:16%;
}


h1#contentstart {
	margin-top:-0.5rem !important;
}



.back-to-top {
	position:fixed;
	bottom:20px;
	right:20px;	
}


a.back-to-top, footer a:link, footer a:visited {
	border:0;
	padding:0 1em;
}


/* --------------------------- pics ------------------------------------ */
img.picfull {width:100%; height:auto;}

@media screen and (min-width:640px) {
img.pic2left, img.pic3left, img.pic4left { margin: 0 1em 1em 0; height:auto; }

img.pic2right, img.pic3right,  img.pic4right { margin: 0 0 1em 1em; height:auto; }

img.pic2left {float:left; max-width:49%;}
img.pic2right {float:right; max-width:49%; }

img.pic3left {float:left; max-width:32%;}
img.pic3right {float:right; max-width:32%;}

img.pic4left {float:left; max-width:24%;}
img.pic4right {float:right; max-width:24%; }
}

@media screen and (max-width:640px) {
	img.pic2left, img.pic3left, img.pic4left,
	img.pic2right, img.pic3right,  img.pic4right { margin: 1em 0; width:100%; float:none; height:auto; }
}