body {
width: 100%;
height: 100%;
background-color: #ccc;
font-size: 15px;
font-family: Arial, SunSans-Regular, Sans-Serif;
color: #564b47;
text-align: center;
margin: 0 auto;
padding: auto;
}

#abstand {
height: auto;
margin-bottom: auto;
width: auto;
float: center;
}

#header { 
min-width: 1266px;
height: 80px;
margin: 0 auto 0 auto;
}

#nav {  
	width: 1235px; 
	background-color: #333; 
	font-family:"Century Gothic", "HelveticaNeueLT Pro 45 Lt", sans-serif; 
	float: left;
}
#nav li { 
	list-style: none; 
	float: left; 
	width: 120px; 
	height: 30px; 
	line-height: 30px; 
	text-align: center;
        
} 
#nav li a { 
	color: white; 
	text-decoration: none; 
	display: block;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
} 
#nav li a:hover { 
	background-color: #066;
}

#startseite .startseite a, #startseite .startseite a:hover,
#kontakt .kontakt a, #kontakt .kontakt a:hover,
#Bildeinsendung .Bildeinsendung a, #Bildeinsendung .Bildeinsendung a:hover,
#Videos .Videos, #Videos .Videos a:hover,
#impressum .impressum a, #impressum .impressum a:hover,
#Galerie .galerie a, #galerie .galerie a:hover,
#Gästebuch .Gästebuch a, #Gästebuch .Gästebuch a:hover,
#forum .forum a, #forum .forum a:hover,
#news .news a, #news .news a:hover {
 	background-color: #FFF; 
	color: #000;
	cursor: default;
   text-transform: uppercase;
} 		
		
#nav li ul { 
	position: absolute;  
	display: none;
}

#nav li:hover ul { 
	display: block;
}

#nav li ul li { 
	float: none; 
	display: inline;
}

#nav li ul li a { 
	width: 118px; 
	position: relative; 
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background: #333; 
	color: #fff;
}

#nav li ul li a:hover { 
	background: #066; 
	color: #000;
}

.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
#meinFader { position: relative; }

#nav li.menue_active a:active,
#nav li.menue_active a:link,
#nav li.menue_active a:visited,
#nav li.menue_active a:hover,
#nav li.menue_active ul li a:hover
#nav li.menue_active ul li a:hover
#nav li.menue_active a:active {
	color: red;
	text-decoration: none;
        background: #fff;
        text-transform: uppercase;
}

#nav img {
width: 26px; 
height: 23px;
}

#foto-nav {
position: absolute;
text-align: center;
background:#eee;
 border:2px solid #FF6600;
 list-style-type: none;
    margin: 0 auto;
    padding: auto;
top: 60px;
left: 323px;
height: 32px;
width: auto;
}

#foto-nav ul { 
	list-style: none; 
        overflow: hidden;	
        height: 30px;
	text-align: center;
margin: 0 auto;
padding: 1px;
}

#foto-nav li {
    list-style: none; 
	float: left;
	width: 177px;
	height: 30px;
	text-align: center;
        border-right: 2px solid black;
}

#foto-nav a {
    display: block;
    height: 31px;
    background: #dddddd;
    text-align: center;
    border: 1px solid white;
    }
    
#foto-nav li ul li a:hover { 
	background: #022;
	color: #000;
}

#foto-nav li:hover ul { 
	display: block;
}

#foto-nav li a:hover { 
background: #000;
color: white;
text-align: center;
	border: 1px solid white;
}

#foto-nav img {
position: relative;
text-align: center;
right: 2px;
top: 2px;
width: 23px;
height: 23px;
}

.next { position: absolute; top: 0; left: 0; opacity: 0; filter:alpha(opacity=0); }
#meinFader { position: relative; }

#foto-nav li.menue_active a:active,
#foto-nav li.menue_active a:link,
#foto-nav li.menue_active a:visited,
#foto-nav li.menue_active a:hover,
#foto-nav li.menue_active ul li a:hover
#foto-nav li.menue_active ul li a:hover
#foto-nav li.menue_active a:active {
	color: white;
	text-decoration: none;
        background: #000;
        text-transform: uppercase;
}

#facebook_html {
position: absolute;
left: 12px;
width: 300px;
height: 590px;
top: 129px;
border: 1px solid black;
margin:0 auto;
text-align: center;
}

#uhr_startseite {
height: 78px;
position: absolute;
width: 200px;
left: 20px;
top: 25px;
border:2px solid #777;
text-align: center;
margin:0 auto;
}

#zeit1 {
height: 68px; 
width: 190px;
margin: 0px;
padding: 5px;
background-color: #ccc;
text-align: center;
color: black;
font-family: Arial, SunSans-Regular, Sans-Serif;
font-size: 14px;
}

#logo {
position: absolute;
top: 70px; 
left: 450px;
text-align: center;
background-color: white;
padding: 10px;
border: 10px solid #d9d9d9;
}

#logo img {
width: 471px;
height: 314px;
border: 1px grey solid;
}

#bild_rechts {
position: absolute;
right: 123px;
top: 380px;
text-align: center;
width: 150px;
height: 155px;
}

#bild_rechts img {
height:120px; 
width:220px;
text-align: center;
}

#bild_rechts3 {
right: 100px;
top: 50px;
position: absolute;
text-align: center;
font-size: 13px;
width: 150px;
height: 155px;
}

#bild_rechts3 img {
width: 220px;
height: 120px;
text-align: center;
}

#bild_rechts_mitte {
right: 100px;
top: 888px;
position: absolute;
text-align: center;
width: 150px;
height: 155px;
}

#bild_rechts_mitte img {
width: 220px;
height: 120px;
text-align: center;
}

#bild_links {
position: absolute;
left: 58px;
top: 680px;
width: 200px;
height: 155px;
text-align: center;
}

#bild_links2 {
top: 50px;
position: absolute;
width: 150px;
height: 155px;
left:37px;
}

#bild_links2 img {
width: 220px;
height: 120px;
text-align: center;
}

#bild_links3 {
top: 888px;
position: absolute;
width: 150px;
height: 155px;
left: 47px;
text-align: center;
}

#bild_links3 img {
height:120px; 
width:220px;
text-align: center;
}
#bild-404 {
position: absolute;
right: 14px;
top: 20px;
text-align: center;
width: 220px;
height: 120px;
}

#bild-404 img {
text-align: center;
width: 220px;
height: 120px;
}

#bild-404-links {
position: absolute;
left: 14px;
top: 20px;
text-align: center;
width: 220px;
height: 120px;
}

#bild-404-links img {
text-align: center;
width: 220px;
height: 120px;
}


#container {
position: absolute;
width: 1150px;
top: 430px;
text-align: center;
left: 100px;
padding: 0 auto 0 auto;
margin: 0 auto;
background-color: white;
text-align: center;
color: black;
}

.Copy {
    width: 550px;
margin: 0 auto 0 auto;
     background: #eee;
    text-align: center;
    padding: 0 auto 0 auto;
border-top: 2px solid grey;
border-bottom: 2px solid grey; 
}

footer {
    width: 550px;
    height: 51px;
margin: 0 auto;
     background:#eee;
    text-align:center;
    padding: auto;
border-top: 2px solid grey;
border-bottom: 2px solid grey;
}

#eisenbahn-links-html {
position: absolute;
right: 880px;
top: 1488px;
width: 220px;
height: 155px;
text-align: center;
border: 2px solid #777;
}

#eisenbahn-links-html img {
width:43px; 
height:17px;
text-align: center;
}


a.eisenbahn_links:link {
  text-decoration: none;
  display: block;
  	width: 200px; 
  font-size: 21px;
  color: #fff;
  background-color: #9a9a9a;
  border: 2px groove #000000;
  padding:7px;
  margin: 5 0 6px;
  text-align: center;
}

a.eisenbahn_links:visited {
  background-color: #999;
  text-align: center;
}

a.eisenbahn_links:hover {
	width: 200px; 
	position: relative; 
	border-top: 1px solid #ccc1;
	border-left: 1px solid #ccc1;
	border-right: 1px solid #ccc1;
	border-bottom: 1px solid #ccc1;
	background: #333; 
	color: #fff;
text-decoration: none;
text-align: center;
}

a.eisenbahn_links:active {
    background-color: #333;
	text-align: center;
}  


.Fotogalerie_klein {
	width: 77px;
	height: 74px;
	padding: 10px;
background-color: #eee;
border: 1px solid black;
text-align: center;
margin: 0 auto 0 auto;;
}

.Fotogalerie_klein1 {
height: 160px;
width: 240px;
padding: 10px;
background-color: #eee;
border: 1px solid black;
text-align: center;
margin: 0 auto;
}

.Fotogalerie_gross {
	width: 474px;
	height: 329px;
	padding: 10px;
background-color: #eee;
border: 1px solid black;
text-align: center;
margin: 0 auto 0 auto;
}

.Fotogalerie_vorschau {
display: block;
margin-left: auto;
margin-right: auto;
width: 240px;
height:157px;
text-align: center;
overflow:hidden;
}

.Fotogalerie_Zufallsbild {
    position: absolute;
	width: 240px;
        height: 157px;
        top:60px;
        left:20px;
        margin:0 auto;
        padding: auto;
text-align: center;
    overflow:hidden;
}

.NEU { 
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
width: 16%;
margin: 0 auto 0 auto;
height: 2%;
padding: 0.2px;
text-align: center;
background-color: #EFFF37;
border: 1px solid black;
color: #121210;	
}

.NEU1 { 
width: 36px;
height: 35px;
}

.mobil_html {
text-decoration: none;
position: absolute;
top: 340px;
width: 112px;
left: 140px;
background-color: #eee;
border:2px solid #777;
font-size: 1.0em;
background-image: url("../images/handy.png");
background-position:center;
background-repeat: no-repeat;
border: 2px solid black;
text-align: center;
}

a.mobil1:hover {
background: #333; 
color: #fff;
text-decoration: none;
text-align: center;
}

.social_html {
 background:#eee;
  padding:7px;
  margin: 5 0 6px;
  text-align: center;
 position: absolute;
display: inline-block;
right: 120px;
width: 120px;
height: 26px;
top: 46px;
border: 2px solid grey;
}

span.social2 {
  padding:1px;
margin:0 auto;
  text-align: center;
 position: absolute;
display: inline-block;
right: 50px;
width: 118px;
height: 40px;
top: -89px;
font-size: 13px;
font-weight: bold;
color: #FF6600;
}

span.social2_html {
  padding:1px;
  text-align: center;
 position: absolute;
right: 135px;
width: 118px;
height: 40px;
top: 27px;
font-size: 13px;
font-weight: bold;
color: #FF6600;
}

.social1:hover {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.social1 img {
width: 24px;
height: 24px;
text-align: center;
}

.IE {
 background:#eee;
 border: 2px solid red;
 text-align: center;
}

a:link,
a:visited {
	color: blue;
	text-decoration: underline;	
}

a:hover,
a:active {
	color: #EC001E;
	text-decoration: underline;	
}

table {
    width: 10%;
}

th {
    height: 50px;
}

    
p {
	text-align: center;
}

img {
text-align: center;
margin: 0 auto;
}

div.img {
    margin: 5px;
    padding: 5px;
border: 1px solid black;
    height: auto;
    width: auto;
    float: left;
	background-color: #eee;
    text-align: center;
}	

div.img img {
display: inline;
width:110px; 
height:90px;
border: 1px solid #ffffff;
}

div.img a:hover img {
    border: 1px solid #0000ff;
}

div.desc {
text-align: center;
font-weight: normal;
width: 120px;
margin: 5px;
}

div.beispiel {
margin-top:370px; 
margin-left:200px;
}



#forum {
top: 1055px;
position: absolute;
width: 300px;
height: 50px;
right: 20px;
text-align: center;
}

#forum img {
width:300px;
height:50px;
text-align: center;
}

#bild-alt {
position: absolute;
right: 1px;
top: -330px;
width: 255px;
height: 215px;
padding: 10px;
background:#eee;
border: 1px solid black;
text-align: center;
margin:0 auto;
overflow:hidden;
}

.kleinsachen {
width: 48px;
height: 40px;
text-align: center;
}


span.pflichtfeld {
font-size: 12px;
color: Red;
}

span.hilfetext {
font-size: 10px;
font-style: Oblique;
}

    div.table { 
      display: block;
      border: 1px solid black;
           margin-left: auto;
    margin-right: auto;
      width:210px; 
height:148px;
text-align: center;
    }
    div.tr { 
      display: block;
      text-align: center;
    }
    div.td { 
    display: block;
      border: 1px solid black;
      padding:5px;
      text-align: center;
    }
.Bus {
 background:#eee;
  padding:7px;
  margin: 5px;
 position: absolute;
 text-align: center;
right: 115px;
width: 120px;
height: 26px;
top: 88px;
border: 2px solid grey;
}
.Bustext {
text-align:left;
font-size: 12px;
color: #FF6600;
font-weight: bold;
width: 22px;
height: 22px;
}
.Bustext img {
position: absolute;
text-align: center;
top:10px;
width: 26px;
height: 26px;
}

.Foto_Neu { 
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
width: 16%;
top:340px;
right:120px;
height: 2,1%;
padding: 0.2px;
text-align: center;
background-color: #EFFF37;
border: 1px solid black;
color: #121210;
position: absolute;
}

/*Bildershow */

.sliderElements,
.sliderElements figure,
.sliderControls {
    margin: 0;
}
 
.sliderElements:after {
    content: ".";
    display: block;
    height: .1px;
    clear: both;
    visibility: hidden;
    font-size: 0;
    overflow: hidden;
}
 
.cssSlider {
    overflow-x: hidden;
}
 
.sliderElements {
    list-style: none;
    position: relative;
    left: 0;
    width: 400%;
    margin-bottom: .8em;
    padding: 0;
    -webkit-transition: left .8s ease-in-out;
    -moz-transition: left .8s ease-in-out;
    -o-transition: left .8s ease-in-out;
    transition: left .8s ease-in-out;
}
 
.sliderElements > li {
    float: left;
    width: 25%;
    position: relative;
}
 
#slide02:checked ~ .sliderElements {
    left: -100%;
}
 
#slide03:checked ~ .sliderElements {
    left: -200%;
}
 
#slide04:checked ~ .sliderElements {
    left: -300%;
}
 
/* Bildunterschrift auf dem Bild positionieren */
.sliderElements figcaption {
    display: block;
    color: #fff;
    position: absolute;
    right: 420px;
    bottom: 1em;
    padding: .4em;
    background: rgba(0,0,0,.5);
	text-align: center;
}
 

 
/* inputs aus dem Blickfeld schieben */
.cssSlider input {
    position: absolute;
    left: -99999px;
}
 
/* mittige Ausrichtung der Controls - funktioniert im Zusammenspiel mit inline-block */
.sliderControls {
    text-align: center;
}
 
/* Controls nebeneinander bringen */
.sliderControls li {
    display: inline-block;
}
 
/* Controls auf einheitliche Maße bringen und die Ecken abrunden */
.sliderControls label {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    display: block;
    cursor: pointer;
    background: #68B022;
    color: #68B022;
}
 
/* Attributselektor und indirekter Nachfahrkombinator zum ansteuern der labels */
.sliderControls label:hover,
#slide01:checked ~ .sliderControls label[for="slide01"],
#slide02:checked ~ .sliderControls label[for="slide02"],
#slide03:checked ~ .sliderControls label[for="slide03"],
#slide04:checked ~ .sliderControls label[for="slide04"] {
    background: #ddd;
    color: #ddd;
}

.Fotogalerie_gross_neu {
	width: 110px;
	height: 90px;
	text-align: center;
	padding: 3px;
	background-color: #eee;
	margin: 0 auto;
}

div.img1 {
    margin: 2px;
    padding: 5px;
border: 1px solid black;
	width: 122px;
	height: 120px;
	background-color: #eee;
    text-align: center;
	display: inline-block;

}

#weihnachten {
position: absolute;
left: 829px;
top: 1402px;
width: 300px;
height: 145px;
text-align: center;
border: 2px solid #777;
background:#eee;
}