body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
* {
 margin:0;
 padding:0;
 border:0;
}

body {
  margin-top:20px;
  font:12px Helvetica,Arial,sans-serif;
  background-attachment:fixed;
  }
  
#wrapper {
  min-height: 640px;
  height:auto;
  width: 920px;
  margin-top: auto;
  margin-bottom: auto;
  overflow: visible ;
  }

hr {
  height:2px;
  padding-top:10px;
  border-bottom:1px;
}

.layout_simple {
  margin-bottom:10px;
  font-weight:bold;
  font-style:italic;
}

button {
  background-color:#f2føfø;
  border:1px solid #050505;
  -moz-border-radius: 4px;
  -webkit-border-radius:4px;
  border-radius:4px;
  font-weight:bold;
  color:#050505;
}

body.blau {
background-image:url("../../files/_Layout/Farben/bg_blau.jpg");
background-repeat: repeat-x;
}

body.blau #navi_main li {
background-color:#009de0;
}

body.blau #navi_main li a:hover {
background-color:#78c6ff;
}

body.blau #headerbild {
background-image:url("../../files/_Layout/header/raddampfer.jpg");
background-repeat:no-repeat;
}

body.blau #navi_oben li a:hover {
color:#009de0;
}

body.gelb {
background-image:url("../../files/_Layout/bg_gelb.jpg");
background-repeat:repeat-x;
}

body.gelb #navi_main li {
background-color:#f1bb00;
}

body.gelb #navi_main li a:hover {
background-color:#fac800;
}

body.gelb #headerbild {
background-image:url("../../files/_Layout/verein.jpg");
background-repeat:no-repeat;
}

body.gelb #navi_oben li a:hover {
color:#f1bb00;
}

body.gruen {
background-image:url("../../files/_Layout/bg_gruen.jpg");
background-repeat: repeat-x;
}

body.gruen #navi_main li {
background-color:#006f73;
list-style-type:circle;
}
body.gruen #navi_main li a:hover {
background-color:#008d92;
}

body.gruen #headerbild {
background-image:url("../../files/_Layout/archiv.jpg");
background-repeat:no-repeat;
}

body.gruen #navi_oben li a:hover {
color:#006f73;
}

body.beige {
background-image:url("../../files/_Layout/bg_beige.jpg");
background-repeat: repeat-x;
}

body.beige #navi_main li {
background-color:#a79b86;
list-style-type:circle;
}

body.beige #navi_main li a:hover {
background-color:#bdb4a5;
}

body.beige #headerbild {
background-image:url("../../files/_Layout/museum.jpg");
background-repeat:no-repeat;
}

body.beige #navi_oben li a:hover {
color:#a79b86;
}
#navi_oben{
	width: 920px;
	height: 30px ;
}

#navi_oben ul {
float:right;
list-style: none;
}

#navi_oben li {
float:left;
margin-right:8px;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}

#navi_oben li a {
display:block;
padding-top:3px;
border-top: 8px solid #888;
text-decoration:none;
color:#888;
}

#navi oben li a:hover {
border-top:3px #888;
}

#navi_oben .active {
padding-top:3px;
padding-left:0;
border-top:8px solid #bbb;
text-decoration:none;
color:#bbb;
text-transform:uppercase;
}
.layout_simple {
	margin-bottom:5px;
}

#Spartensymbole {
	text-align: center;
}

#FahrplanEventliste{
	width:300px;
	float:right;
	clear:both;	
}

#wrapper {
	background-image: url("../../files/_Layout/Home/rkw-home.jpg");
	background-size: cover; /* Bild deckt den gesamten Bereich ab */
    background-position: center; /* Bild zentrieren */
    background-repeat: no-repeat; /* Bild nicht wiederholen */
	width:920px;
	height:auto;
	margin:0 auto 40px;
	padding:0 40px 20px;
	background-color:#fff;
	-moz-box-shadow: 0px 0px 8px #555;
	-webkit-box-shadow: 0px 0px 8px #555;
	box-shadow: 0px 0px 8px #555;
}

#header {
width:920px;
height:300px;
margin-bottom:40px;
}

#container {
width:920px;
margin-bottom:20px;
}

#footer {
width:920px;
height:20px;
float:left;
padding-top:4px;
text-align:center;
border-top:1px solid #e0e0e0;
font-size:10px;
color:#444;
}

#main {
width:920px;
padding-top:2px;
padding-left:20px;
min-height: 250px;
}

#clear {
float:none;
clear:both;

}

.inside {
height:120px;
}

#headerbild {
height:200px;
}

headerbild_overlay {
height:40px;
top:43px;
position:relative;
background: url("../../files/_Layout/header/overlay.png") repeat scroll 0 0 transparent;
text-transform: uppercase;
}

#header_logo {
float:left;
margin-top:20px;
border:0;
}

#navi_oben {
width:920px;
height:30px;
}

a {
outline: none
}