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

@font-face {
    font-family: 'indie_flowerregular';
    src: url('../font/indieflower-webfont.eot');
    src: url('../font/indieflower-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/indieflower-webfont.woff2') format('woff2'),
         url('../font/indieflower-webfont.woff') format('woff'),
         url('../font/indieflower-webfont.ttf') format('truetype'),
         url('../font/indieflower-webfont.svg#indie_flowerregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
	margin:0;
	padding:0;
}
body {
	background:#b4d2d2;
	color:#004b7d;
	font:14px/21px Arial, Helvetica, sans-serif;
}
#header {
	width:950px;
	padding:0 15px 15px;
	margin:0 auto;
	background:#fff;
/*	box-shadow:0 0 15px rgba(0,0,0,0.25); */
	
}
#page {
	background:#fff;
	width:950px;
	margin:0 auto;
	padding:0 15px 15px;
}
p {
	margin-bottom:15px;
}
h1 {
	margin:15px 0 20px;
	font-size:40px;
	line-height:40px;
}
.date_site {
	margin:10px 0 5px;
}
.approach {
	margin:30px 0 20px;
}
h2 {
	margin-bottom:10px;
	color:#3faf6c;
	font-size:20px;
	line-height:30px;
	background:#c4e2e2;
	padding:10px 30px;
}
.blue {
	color:#206b9d;
}
.grey_green {
	color:#206b9d;
	background:#c4e2e2;
	padding:10px;
}
.red {
	color:##fa3232;
}
.orange {
	color:#c97700;
}
.green {
	color:#2ba85d;
}
h3 {
	margin-bottom:10px;
	color:#ca9802;
	font-size:20px;
}
h4 {
	margin-bottom:10px;
	color:#e51b2b;
	font-size:20px;
}
h5 {
	font-size:16px;
	margin-bottom:10px;
}
a:link, a:visited, a:active {
	color:#206b9d;
	text-decoration:none;
}
a:hover {
	color:#004b7d;
	text-decoration:underline;
}
.left_col {
	float:left;
	width:240px;
}
ul.navi {
	list-style-type:none;
}
ul.navi li {
	padding:10px 10px 10px 40px;
	background-color:#004b7d;
	color:#fff;
	border-bottom:1px solid #fff;
}
ul.navi li.active {
	opacity:0.9;
}
ul.navi li:hover {
	background:#004b7d;
}
ul.navi li a:link,
ul.navi li a:visited,
ul.navi li a:active {
	color:#fff;
}
.right_col {
	float:left;
	width:690px;
	margin-left:20px;
	text-align:center;
}
.text_left {
	text-align:justify!important;
}
.text_left h2 {
	padding:5px 10px;
}
.text_left li {
	padding:5px 0 10px 5px;
	margin-left:15px;
}
.box {
	float:left;
	width:303px;
	margin:0 20px 15px 0;
	font-size:15px;
	line-height:22px;
}
.box img {
	float:left;
	width:100px;
	margin:10px 10px 10px 0;
/*	-moz-border-radius:100%;
	-o-border-radius:100%;
	-webkit-border-radius:100%;
	border-radius:100%; */
}
.box p {
	margin:25px 0 10px 0;
	color:#307bad;
}
a.read_more {
/*	background:#004b7d;
	color:#fff;
	border:1px solid #206b9d;
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	padding:4px 6px; */
	font-size:13px;
}
a.read_more::before {
	content:"+ ";
}
.footer {
	margin:20px auto 30px;
	width:950px;
	padding:0 15px;
	text-align:center;
}
.first_item p {
	color:#3faf6c;
}
.second_item p {
	color:#ca9802;
}
.last_item p {
	color:#e51b2b;
}
.box.last_item {
	margin:0;
}
li.cal {
	background-image:url("../img/icon/nav_icon/calendar.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#004b7d!important;
}
li.cal:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.trophy {
	background-image:url("../img/icon/nav_icon/trophy.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#004b7d !important;
}
li.trophy:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.archive {
	background-image:url("../img/icon/nav_icon/box.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#fa3232!important;
}
li.archive:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.star {
	background-image:url("../img/icon/nav_icon/star.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#004b7d !important;
}
li.news:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.case {
	background-image:url("../img/icon/nav_icon/case.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#fa3232  !important;
}
li.case:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.book {
	background-image:url("../img/icon/nav_icon/book.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#004b7d !important;
}
li.book:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.board {
	background-image:url("../img/icon/nav_icon/board.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#004b7d !important;
}
li.board:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.start {
	background-image:url("../img/icon/nav_icon/start.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#004b7d !important;
}
li.start:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.school {
	background-image:url("../img/icon/nav_icon/school.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#c97700 !important;
}
li.school:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.feather {
	background-image:url("../img/icon/nav_icon/feather.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#2ba85d!important;
}
li.feather:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.note {
	background-image:url("../img/icon/nav_icon/note.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#2ba85d!important;
}
li.note:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.globe {
	background-image:url("../img/icon/nav_icon/globe.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#004b7d !important;
}
li.globe:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.light {
	background-image:url("../img/icon/nav_icon/heart.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#c97700 !important;
}
li.light:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.chat {
	background-image:url("../img/icon/nav_icon/chat.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#004b7d !important;
}
li.chat:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.reply {
	background-image:url("../img/icon/nav_icon/reply.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#004b7d !important;
}
li.reply:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.plane {
	background-image:url("../img/icon/nav_icon/plane.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#004b7d !important;
}
li.plane:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.cd {
	background-image:url("../img/icon/nav_icon/cd.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#c97700 !important;
}
li.cd:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
li.construction {
	background-image:url("../img/icon/nav_icon/construction.png")!important;
	background-repeat:no-repeat !important;
	background-position:left center !important;
	background-color:#fa3232!important;
}
li.construction:hover {
	opacity:0.9;
	  -moz-transition:all 0.2s ease-in-out 0s;
	  -o-transition:all 0.2s ease-in-out 0s;
	  -webkit-transition:all 0.2s ease-in-out 0s;
	transition:all 0.2s ease-in-out 0s;
}
p.visits {
	margin-top:15px;
}
.wrapper {
	position:relative;
	left:-15px;
}
ul.date {
	list-style-type:none;
}
ul.date li {
	width:220px;
	margin-right:10px;
	min-height:125px;
	padding-top:15px;
	float:left;
	border-bottom:2px solid #b4d2d2;
}
ul.date li.headline {
	width:690px;
	margin-right:0px;
	margin-top:15px;
	min-height:30px;
	padding-top:0px;
	float:left;
	border:none!Important;
}
ul.date li:last-child {
	margin-bottom:25px;
}
ul.date li p {
	padding-left:5px;
}
ul.play {
	list-style-type:none;
}
ul.play li {
	width:220px;
	margin-right:10px;
	min-height:125px;
	padding-top:15px;
	float:left;
	border-bottom:2px solid #b4d2d2;
}
ul.play li:last-child {
	margin-bottom:25px;
}
ul.play li p {
	padding-left:5px;
}
.right_col_left {
	width:345px;
	padding-top:15px;
	float:left;
	border-top:2px solid #94b2b2;
}
.right_col_right {
	width:315px;
	padding:15px;
	float:left;
	border-top:2px solid #94b2b2;
/*	background:#c4e2e2; */
}
.map {
	border-top:2px solid #94b2b2;
}
.last {
	border:none!important;
}
ul.gallery {
	list-style-type:none;
	margin-top:10px;
}
ul.gallery li {
	float:left;
	margin:0 10px 10px 0;
	width:165px;
	height:125px;
}
li.last_img_in_row {
	margin:0 0 10px 0!important;
}
h2.co {
	padding:0!important;
	background:none!important;
}
.last_date {
	border:none!important;
}
a.pdf {
	background-image:url("../img/icon/pdf_small.png");
	padding:0 2px 0 24px;
	background-repeat:no-repeat;
	background-position:left center;
}
/* Externe Typografie (Handschrift) */
/*
p.opening {
	font:bold 25px/30px 'indie_flowerregular';
}
*/
.breadcrumb {
	text-align:left;
}
.breadcrumb ul {
	list-style-type:none;
}
.breadcrumb li {
	display:inline-block;
	font-size:12px;
	line-height:16px;
	margin-right:5px;
	margin-left:0;
	padding:0;
}
.breadcrumb li::before {
	content:"> ";
	padding-right:5px;
}
li.home {
	background-image:url("../img/icon/home.png");
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 18px;
}
li.home::before {
	content:""!important;
	padding:0;
}
li.onlyForPress {
	width:33.33%;
	float:left;
}
li.onlyForPress a:hover {
	text-decoration:none;
	background:#e11919;
}
.clear {
	clear:both;
}