@import url(http://fonts.googleapis.com/css?family=Open+Sans);

body {
background-color: #0082a7;
margin:0;
padding-top: 20px;
font-family: 'Open Sans', sans-serif;
color: #006480;
line-height: 2em;
}

#catchphrase {
text-align: center;
width: 800px;
margin: 0 auto;
}

#catchphrase  h1{

font-family: 'Lora', serif;
background-color: #FFFFFF;
display: inline-block;
color: #0082a7;
font-size: 6em;
line-height: 1em;
text-transform: uppercase;
margin: 0px;
padding: 10px 18px;
}

.whitebg {
background-color:#FFFFFF;
}

.white {
width: 800px;
margin: 0 auto;
padding: 20px 0;
}

.bluebg {
background-color:#006480;
margin: 0;
}

.blue {
width: 800px;
color: #ffffff;
margin: 0 auto;
padding: 20px 0;
}

.impressum {
width: 800px;
color: #ffffff;
margin: 0 auto;
padding: 20px 0;
font-size: 0.8em;
line-height: 1.3em;
}

.impressum  h3{
font-size: 0.9em;
color: #ffffff;
font-style: bold;
margin: 0px;
padding-top: 10px;
}

.zeiten {
	border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	background: #d9e8ec;
	color: #243b41;
	font-size: 90%;
	border-collapse: collapse;
	width: 100%;
	
}

h3{
	color: #243b41;
	margin-top: 50px;

}

h4{
	color: #1abc9c;
	margin-top: 50px;
	margin-bottom: 0px;
	font-size: 1.2em;

}

.zeiten td:last-child{
	padding-right: 70px;
	width: 75%;
	
}

.zeiten td{
	border-bottom: 1px solid #FFFFFF;
	padding: 15px 30px;
	
}
.zeiten tr{
	
background: #d9e8ec;
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	 transition: background 0.5s ease-out;
}

.zeiten tr:hover{
	background: #0082a7;
	color: #fff;
	text-shadow: none !important;
}

.download{
margin-left:60px;
padding: 2px;
color: #fff;
}
.beschreibung{
line-height: 1.3em;
font-size: 0.8em;
font-style:italic;
}

/* Navigation */

#navigation {
    margin: 0 auto;
}
.body {
    clear: both;
    margin: 0 auto;
    width: 800px;
}

#navigation nav{
		background: #ffffff;
		font-size: 1.143em;
		height: 40px;
		line-height: 30px;
		margin: 0 auto 2em auto;
		padding: 0;
		text-align: center;
		width: 800px;
		
		
		
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	
	
	#navigation nav ul {list-style: none; margin: 0 auto; width: 800px; padding: 0;}
	#navigation nav li {float: left; display: inline; margin: 0;}
	
	#navigation nav a:link, #navigation nav a:visited {
		color: #006480;
		display: inline-block;
		height: 30px;
		padding: 5px 1em;
		margin: 0;
		text-decoration: none;
	}
	#navigation nav a:hover, #navigation nav a:active,
	#navigation nav .active a:link, #navigation nav .active a:visited {
		background: #006480;
		color: #fff;
		text-shadow: none !important;
	}
	
	#navigation nav li:first-child a {
		border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-left-radius: 5px;
		
		border-bottom-left-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-webkit-border-bottom-left-radius: 5px;
	}
	
.accordion {
	margin-top: 20px;
	}
	
.accordion dt, dd {
	padding: 10px;
      border: 1px solid #0082A7;
      border-bottom: 0;
	  margin: 1px;
	  }
	  
.accordion a{
		display: block;
        color: #ffffff;
		text-decoration: none;
		}
		
		.accordion a:hover{
		display: block;
        color: #ffffff;
		text-decoration: none;
		}
		
		.accordion a:visited{
		display: block;
        color: #ffffff;
		text-decoration: none;
		}

.accordion dd{
	 border-top: 0; 
	 margin-left: 20px;
	 }
	 
	 .accordion dd:last-child{
	 border-top: 0; 
	 border-bottom: 1px solid #0082A7;
	 }
	 
	 .accordion dt{
	 background-color: #0082A7;
	 }
	 
	 
a:link {
 color: #1ABC9C;
 text-decoration: none;
}
a:visited {
 color: #0082A7;
 text-decoration: none;
}

a:hover {
 color: #81F7F3;
}