.todo {color:red}
html,body,header,main,footer,nav,div,p,ol,ul,li,h1,h2,h3,figure {margin:0;padding:0;}
.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}
a {color:#900}
html{overflow-y:scroll;height:100%}
body{
	height:100%;
	font: 100.01%/1.5em Verdana, sans-serif;
	color:#000;
	text-align:center;
	background:#EDE8E8;
}
#wrapper {
	max-width:980px;
	margin:0 auto;
	background:#fff;
	text-align:left;
}

#header .inside, #footer .inside {
	max-width:980px;
	margin:0 auto;
}

#header {
	/*
	background:url('../gfx/bilder/header.jpg') 0 0 no-repeat;
	background-size:contain;
	*/
}
#topBar {
	background:#900;
	color:#fff;
	padding:0 30px;
}
#logo a, #logo img {overflow:hidden;display:block;}
#logo img {float:right;height:121px;max-width:unset;}
#container {
	
}
#main .inside {
	padding:30px 25px;
}



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

/* Navigation */
nav a, #topLink {text-decoration:none;}
nav ul {list-style:none;}
#mainNav {
	background:#ececec;
	font-size:0.9375em;
}
#mainNav ul {
	list-style:none;
	overflow:hidden;
	display: table;
	width: 100%;
}
#mainNav .level_1 > li {	
	display: inline-block;
	display:table-cell;
	border-top: 0;
	position: relative;
}
#mainNav a, #mainNav .active > .active {
	display:block;
	padding: 7px 25px;
	border-right: 1px solid #fff;
	text-align: center;
	color:#68696b;
}
#mainNav a:hover {
	background:#900;
	color:#fff;
}
#footer a {color:#fff}

/*Schriftdefinitionen*/

h1{
	font-size: 1.5em;
	line-height:normal;
	color:#900;
	margin:0 0 1.5em;
}
h2{
	font-size:  1.25em;
	color:#900;
	margin:0 0 1.5em;
}

p{
	margin-bottom:1.5em;
}


.article {
	margin-bottom:1.5em;
	overflow:hidden;
}
.pre-headline {
	color: #68696b;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
/*
.cols-2 {
	margin:0 -15px;
}
.cols-2 > div {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:15px;
}
*/
.image_container {
	margin-bottom:1.5em;
}

.gallery {margin:36px -8px 16px;padding:0;overflow:hidden;list-style:none}
.gallery li {float:left;width:50%;padding:0 8px 16px;box-sizing:border-box;}
.gallery .image_container {	margin-bottom:0;}
.gallery img {display:block;}

.logo_bpa {max-width:480px}
/* Footer */
#footer {
	background:#900;
	color:#fff;
	text-align:left;
}
#footer .inside {
	padding: 30px 25px;
}
#footerNav {margin:1.5em 0;}

.widerruf {
	background:#ececec;
	padding:15px 15px 1px;
	margin-bottom:1.5em;
}
@media screen and (min-width:480px){
	#mainNav {
		font-size:1em;
	}
}
@media screen and (min-width:600px){
	#mainNav a, #mainNav .active > .active {
		padding: 7px 30px;
	}
	#main .inside,#footer .inside {
		padding: 30px;
	}
	#mainNav ul {
		display: block;
	}
	#mainNav .level_1 > li {
		float: left;
		display:block;
	}
	.subtitle {
		white-space:nowrap;
	}
	
	.intro {overflow:hidden;/* margin-bottom:1.5em; */}
	/*
	.intro > p {float:left;width:calc(60% - 30px);}
	.intro > figure {float:left;width:40%;margin-left:30px;}
	*/
	.intro > figure {float:right;width:40%;margin-left:30px;}
	.gallery li {width:25%;padding:0 8px 8px;}
	
	/* Footer */
	#footerNav {float:right;margin:0;}
	#footerNav li {float:left;margin-left:15px;}
}
@media screen and (min-width:768px){
	.float_left{float:left;width:40%;margin-right:30px;}
	.float_right{float:right;width:40%;margin-left:30px;}

	.intro > p {float:right;width:calc(60% - 30px);}
}
@media screen and (min-width:981px){
	#mainNav {
		border: 1px solid #fff;
		border-width: 0 1px;
	}
}
#mainNav h6 {display:none;}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/


/* black */
#cboxOverlay{background:#000; opacity: 0.8; filter: alpha(opacity = 80);}
#colorbox{outline:0;}
#cboxContent{margin-top:20px;background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{border:5px solid #000; background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../images/layout/lb/loading.gif) no-repeat center center;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/layout/lb/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/layout/lb/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/layout/lb/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
#cboxClose:hover{background-position:bottom center;}