@charset "utf-8";
/* CSS Document */



body 
{margin: 0;
padding: 0;
border: 0;
font-family: 'Glegoo', serif;}

contaner {width:100%;
          }

#logo {background-color: rgba(3, 13, 24, 0.96);

}
#logo img {position:inherit;
        display: block;
    margin-left: auto;
    margin-right: auto;
		z-index:5;
		max-width:350px;
		}
		


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  max-height:600px;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  
nav { background-color: rgba(3, 13, 24, 0.96);
	
  position: relative;
  float:right;
  overflow: hidden;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;

  
  }
  
nav ul {display:block;
text-align:center;
margin: 0 auto;
padding-left: 0px;
width: 60%;
}

nav ul li{display:inline; 
}
		   
nav ul li a{font-family: 'Glegoo', serif;;
             font-size:120%;
			 letter-spacing:0.1em;
			 font-weight: 700;
			 text-transform:uppercase;
			 text-decoration:none;
			 color:#a9a064;
			
}	

nav ul li a:hover  {color:#fff;
                     
}

nav ul .active a{color:#FFF; 
                     
}

#datenschutz {list-style-type: square;}
a:active, a:focus {outline: none;}

main 
{
display: block;
width:60%;
margin: 0 auto;
margin-top: 8em;
font-size:110%;
color:#666;
background-image:url(pics/bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:40%;
padding-bottom:2em;

}

h1 {color:#000;
    font-size:140%;}
	
#below  {font-weight:700; 
color:#000; 
padding-left:2.5em; 
padding-right:2.5em;
}
		
#copyright  {width:100%;
             text-align:left;
			 font-size:75%;
			 margin-bottom:2em;}

#copyright .uhrenliebe, .webdesign {width:49%;}			
			
#copyright .webdesign {text-align:right; float:right;

}


#copyright  {display:block;
         clear:both;
		 float:left;
		 margin-top:6em;
}

#copyright .uhrenliebe {float:left;}

		 
main a {text-decoration:none;
	    border-bottom: solid 1px;
		color:#034990;}
		
		
table .name, .date {font-weight:700; 
                    border-bottom: solid 1px;
					color:#000;
}
table .message {padding:1.5em;
                padding-bottom:2em;
				
}

footer {background-color: rgba(3, 13, 24, 0.96);
          position: relative;
  float:right;
  overflow: hidden;
  width: 100%;
  padding-top: 0.8em;
  padding-bottom: 10px;


}

footer ul {display:block;
text-align:center;
margin: 0 auto;
padding-left: 0px;
padding-top:2em;
padding-bottom:1em;
  

}

footer ul li {display:inline; }
footer ul li a {font-family: 'Glegoo', serif;;
             font-size:100%;
			 letter-spacing:0.1em;
			 font-weight: 700;
			 text-decoration:none;
			 color:#a9a064;}

footer ul li img {
                    }
				   
footer ul li a:hover  {color:#fff;
                     
}

footer ul .active a{color:#FFF; 
                     
}	

#about {float:left; 
        padding-right:1.5em;
		padding-bottom:1em;
		padding-top:0.3em;}	
		
dl dt {color:#000;
       font-weight:700;
	   padding-bottom:1em;
	   
}

dl dd {padding-bottom:1em;
}

dl .last {padding-bottom:2.8em;}

/* BackToTop button css */
#scroll {
    position:fixed;
    right:1em;
    bottom:2.2em;
    cursor:pointer;
    width:60px;
    height:60px;
    background-color:#a9a064;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
	z-index:9;
	opacity:0.5
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff
}
#scroll:hover {
    background-color:#888;
    opacity:0.5;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


/*------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 1090px) {
		
main {width: 80%;
	
	  
	  font-size:100%;
	  background-size:70%;
}

nav ul{width: 80%;}
}

@media only screen and (max-width: 960px) {
main{font-size:85%;}
nav ul{width: 95%;}
nav ul li a  {font-size:100%;}	
table .message {padding-left:0px;
                padding-right:0px;
	
}

@media only screen and (max-width: 870px) {
		

nav ul{width: 90%;}
nav ul li a {font-size:90%;}   
	   
}

@media only screen and (max-width: 760px) {
		

footer ul li{display:block; 
                   width:100%;
				   padding-bottom:1em;
}
footer ul#facebook li img {width:40px;}
#scroll { width:40px; height:40px;}
main {text-align: inherit;	} 

}

@media only screen and (max-width: 640px) {
	
nav ul li a{ font-size:80%;}
	
footer ul li{display:block; 
                   width:100%;
}
}


@media only screen and (max-width: 580px) {
	
nav ul li a{ font-size:55%;}
dl dd { margin-left:0px;
}	
#below	{padding-left:0px;
         padding-right:0px;
}
}

@media only screen and (max-width: 500px) {
	
#copyright .uhrenliebe, .webdesign { width:100%; display:block;}
#copyright .webdesign {text-align:left;}						 	
}

@media only screen and (max-width: 480px) {
		

nav ul li a {letter-spacing:0em;}
#logo img {max-width:300px;}
footer ul li a{font-size:80%;}	
#footer ul li {font-size:100%;}	  
}

@media only screen and (max-width: 390px) {
nav ul{width: 95%;}
nav ul li a {font-size:60%;}   
	   

}


@media only screen and (max-width: 290px) {


nav ul a{font-size:40%;}  	
	
}


@media only screen and (max-width: 360px) {
footer ul li a{letter-spacing:0em;}

}