/* General */

html, body { margin: 0; height:100%; font-family:'open_sansregular', sans-serif; color: #333; }

body {background-color: #f8d96d; position:relative;   box-sizing: border-box;
}


img { max-width:100%; }

a { text-decoration:none; color:#333;}

ul { margin: 0; list-style-type: none; text-align: left; }
/* Page-Wrapper */

#page-wrapper {display:block; position: absolute; height:100%; height:auto; min-height:1700px; width:950px; left: 50%; transform: translateX(-50%); background: rgb(0,100,161);
background: -moz-linear-gradient(top, rgba(0,100,161,1) 0%, rgba(77,133,190,1) 150px, rgba(77,133,190,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,100,161,1) 0%,rgba(77,133,190,1) 150px,rgba(77,133,190,1) 100%);
background: linear-gradient(to bottom, rgba(0,100,161,1) 0%,rgba(77,133,190,1) 150px,rgba(77,133,190,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0064a1', endColorstr='#4d85be',GradientType=0 );}

/* Header */

header {
    display: block;
    position: absolute;
    top: 3px;
    width: 950px;
    height: 478px;
    background-image: url('../img/header.png');
    z-index: 0;
    left: 2px;
}
header2 {display: block; position:absolute; top:0; width:950px;height:478px; background-image: url('../img/header_koffler.png'); z-index:0;}
header3 {display: block; position:absolute; top:0; width:950px;height:478px; background-image: url('../img/header_fw.png'); z-index:0;}

/* Navigation / Sidebar */
nav { position:relative; width:152px; height:52px; font: 14px; color: #fff; float:left; top:319px;padding-top:63px; font-family: 'open_sansbold'; }	

nav ul { margin: 0; padding: 0; list-style-type: none;}

nav ul li { margin-right:7px; text-align: center; margin:auto;}

nav ul li.rot, nav ul li.blau {background-color: #cc0f13; text-transform: uppercase; border-bottom: 2px solid white; height:65px; width:152px; display: flex; align-items: center;}

nav ul li.blau {background-color: #03588c;}
nav ul li.blau.last {background-color: #0900610; border-bottom: none; margin-bottom:20px; width:140px; padding:0 6px 0 6px;}



nav ul li.bottomnav {padding-bottom:65px;}

nav a { color:#fff; text-decoration:none; }

nav a:hover { color: #f8d96d; text-decoration:none; }

nav a.current { color: #f8d96d; text-decoration:none; }

aside {position:relative; font-family: 'open_sansregular'; color:white; z-index:0; width:auto;}
aside ul {text-align: center; color:white;}

#sidebar {position:absolute; right:-230px; top:80px; float:right;}
#sidebar .bilder {
	position: absolute;
	right: -42px;
	top: 10px;
	width: 222px;
	height: 195px;
}
#sidebar ul.partner { text-align:center; color: white; padding-top:550px; z-index:-2;}

/* Content */

section {
	position: relative;
	float: left;
	width: 575px;
	min-height: 1000px;
	height: auto;
	background-color: white;
	box-shadow: 10px 10px  10px #284867;
	padding-bottom: 10px;
	margin-top: 319px;
	margin-bottom: 50px;
	font-size: 0.9em;
}

article { margin:32px 60px 0 45px;}

article a {color: #ca0404;
font-family: open_sansregular, sans-serif;
	font-weight: bold;
}	
article a:hover {color: #ca0404;
	text-decoration: underline;
	font-family: open_sansregular, sans-serif;
	font-weight: bold;
}

article h2 {
    margin: 0;
    padding-bottom: 5px;
    text-decoration: none;
    color: #070707;
}
article h2 a:hover {
    text-decoration: none;
    color: #000;
}

article p {
	margin:0;
	padding-bottom:15px;
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	z-index: 5;
	font-family: open_sansregular, sans-serif;
}

article .datum { font-family: 'open_sansbold'; font-style: normal; padding-bottom: 10px; font-size: 1.2em;}

article ul {margin:0; padding:0 0 15px 0;}
article li.zeit {font-family: 'open_sansbold'; padding-top:7.5px;}

article img.band {padding-top:15px; width: 90%;}

ul.veranstaltung { padding:0 20px 0 0; margin:0; float:left;}
ul.veranstaltung li {padding-bottom:40px;}

article p.mi {padding-bottom:75px;}
article p.do {padding-bottom:50px;}
article p.fr {padding-bottom:50px;}
article p.sa {padding-bottom:50px;}

ul.impressum {padding:0 0 15px 0;}

#foot { position: absolute; width:950px; height:20px; left: 50%; transform: translateX(-50%); bottom:0; background: #f8d96d; }