* {
	font-family: Arial;
}

body {
	background-color: #b4d2fa;
	overflow-y: scroll;
}

header a, footer a {
	color: inherit;
}

main a {
	color: #4891e6;
}

a:hover {
	text-decoration: none;
}

nav a {
	text-decoration: none;
}

#menuButton {
	display: none;
}

#siteContainer {
	max-width:			920px;
	margin:				20px auto;
	background-color:	#90A8C8;
	border-radius: 		15px;
	padding: 			20px;
	position:			relative;
	overflow:			hidden;
}

#bruecke {
	max-width: 		100%;
	border-radius:	10px 10px 0px 0px;
}

#logoText {
	font-family: Verdana;
	display: inline-block;
	position: absolute;
	top: 26px;
	right: 40px;
	width: 100%;
	color: #DDDDDD;
	font-size: 36px;
	text-align: right;
	z-index: 1;
}

/**
 * Navigationen
 */
#mobileMenu {
	display: none;
}
 
header nav {
	background-color:	#083643;
	color:				#EEEEEE;
	font-size:			14px;
	position:			relative;
	top:				-4px;
	box-shadow:			0px 2px 4px 0px rgba(0,0,0,0.4);
}

nav ul {
	list-style-type:	none;
	margin:				0px;
	padding:			5px;
	font-size: 14px;
}

header nav li {
	display:		inline-block;
	padding:		16px 0px 16px 0;
}

nav a {
	padding: 14px !important;
	border-radius:	5px;
	transition:		all .3s;
}

header nav a {
	padding:		16px;
}

nav a:hover {
	background-color: rgba(0,0,0,0.2);
}

#subNav  a {
	color: #444444;
}

li.active a {
	background-color: #4891e6 !important;
}
li.subActive a {
	background-color: rgba(0,0,0,0.4) !important;
	color: #EEEEEE !important;
}
/****/


main {
	background-color: #b4d2fa;
	margin-top: 31px;
	margin-bottom: 35px;
	position: relative;
	display: table;
	width: 100%;
	box-shadow:	0px 2px 8px 0px rgba(0,0,0,0.4);
	overflow: hidden;
}

#sideBar {
	float: left;
	background-color: #AAC7ED;
	width: 28%;
	padding-top: 10px;
	padding-bottom: 10px;
}

#sideBar a {
	display: block;
	padding: 10px 10px 10px 25px;
}

#languages {
	margin-top: 35px;
}

#content {
	background-color: white;
	float: left;
	padding: 15px 5% 15px 5%;
	width: 62%;
	font-size: 14px;
	line-height: 1.5em;
	color: #5e5e5e;
}

h1 {
	font-size: 32px;
	color: #4891e6;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 1em;
}
h2 {
	font-size: 16px;
}

hr {
	margin: 30px 0;
}

#content p {
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 1.5em;
}

p img {
	vertical-align: top;
}


footer {
	padding: 10px;
	background-color:	#083643;
	color: #EEEEEE;
	font-size: 14px;
	border-radius:	0px 0px 10px 10px;
	clear: both;
}

#copyright {
	display: block;
	margin-top: 4px;
}



/**
 * Slideshow
 */
#slideshow {
	position: relative;
	margin-bottom: 27px !important;
}

#slide01 {
	z-index: 1;
}

#slide02, #slide03 {
	opacity: 0;
}

#slideshow a {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#slideshow img {
	width: 100%;
}



/**
 * Spezielle Inhalte
 */
.address {
	margin-bottom: 20px;
}
 
.address span{
	display: block;
}

#login {
	text-decoration: none;
	padding: 10px 15px;
	background-color: #4891E6;
	color: #070f17;
	border-radius: 5px;
}


@media (max-width: 620px) {
	body {
		margin: 0;
	}
	
	#siteContainer {
		padding: 15px;
	}
	
	#logoText {
		font-size: 28px;
	}
	
	header nav {
		min-height: 56px;
	}
	
	#menuButton {
		display: block;
		font-size: 36px;
		padding: 2px 0px 7px 19px;
		transform:			scale(1.5,1);
		-webkit-transform:	scale(1.5,1);
		-moz-transform:		scale(1.5,1);
		-ms-transform:		scale(1.5,1);
		-o-transform:		scale(1.5,1);
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
	}
	
	#languages {
		margin-top: 7px;
	}
	
	#sideBar {
		float: none;
		width: initial;
	}
	#sideBar a {
		display: inline-block;
	}
	
	#content {
		width: initial;
	}
	
	header ul {
		display: none;
		padding-top: 56px;
	}
	header nav li {
		display: block;
	}
}
@media (max-width: 400px) {
	#logoText {
		font-size: 22px;
	}
}