.overall {

width: 100%;
position: fixed;
left: 50%;
top: 0px;
height: 202px;
margin-left: -50%;
background: #D8942F;
//z-index: 999; 
background-image: url(pic/yel.jpg);

}



#slideshow { 
    max-width: 100%;
	height: auto;
	position: relative; 
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
    position: absolute; 
       
}

.box {
  width: 20%;
  margin: 0 auto;
  //background: rgba(255,255,255,0.2);
  padding: 35px;
  //border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid orange;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  //transition: all 0.3s ease-out;
}
.button:hover {
  background: orange;
}

input[type=checkbox] {
   position: absolute;
   top: -9999px;
   left: -9999px;
   /* For mobile, it's typically better to position checkbox on top of clickable
      area and turn opacity to 0 instead. */
}

label { 
  -webkit-appearance: push-button;
  -moz-appearance: button; 
  display: inline-block;
  margin: 60px 0 10px 0;
  cursor: pointer;
}




.overlay {
  position: fixed;
  top: 0%;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.85);
  visibility: hidden;
  opacity: 0;
  border-style: ridge;
    border-width: 3px;
    border-color: coral;
  
  background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; center; 
	//background-size: no-repeat;
	background-size:701px auto;
  
}


@media only screen and (max-width : 700px) {
.overlay {
  position: fixed;
  top: 0%;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.85);
  //transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  border-style: ridge;
    border-width: 3px;
    border-color: coral;
  
  background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center; center; 
	background-size: contain;  
}




}






.overlay:target {
  visibility: visible;
  opacity: 1;
}





.popup {
  //margin: 10px;
  //padding: 10px;
  //background: #fff;
  //border-radius: 5px;
  //border: 10px;
  //width: 30%;
 
 
 position: absolute;
//  top: 50%;
 // left: 50%;
  //transform: translate(-50%, -50%);
  
  //transition: opacity 500ms;
  
  width: 100%;
	height: auto;
		
}



.nclose {
 position: fixed;
  top: 90%;
  left: 50%;
 transform: translate(-50%, -85%);
 width: 7%;
 }

/* Toggled State 
input[type=checkbox]:checked ~ .nclose {
   display: none;
}
*/

.nleft {
position: fixed;
  top: 90%;
  left: 20%;
 transform: translate(50%, -50%);
 width: 7%;
}

.nright {
position: fixed;
  top: 90%;
  right: 20%;
 transform: translate(-50%, -50%);
 width: 7%;
}


.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: fixed;
  top: 10%;
  right: 10%;
 // transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
}
.popup .close:hover {
  color: orange;
}
.popup .content {
  max-height: 30%;
  
}



.hallo {
 margin: 15px auto;
padding: 25px auto;
text-align:center;
float:center;
width: 90%;
max-width: 1000px;

}

.imgx {
	max-width: 100%;
	heigth: auto;
	
	
}

.imgy {
	max-width: 70%;
	height: auto;
	 border: 1px solid orange;
}


.imgz {
	max-width: 95%;
	height: auto;
}


#frame3 {
float:left; 
margin: auto;
width: 100%;
}

.one3 {
text-align:center;
width: 30%;
height: auto;
float: left;
border-width: 0px;
margin: 10px;
}

.two3 {
text-align:center;
width: 30%;
height: auto;
float: left;
border-width: 0px;
margin: 10px;
}

.three3 {
text-align:center;
width: 30%;
height: auto;
float: left;
border-width: 0px;
margin: 10px;
}


.frame3b {
float:left; 
margin: auto;
width: 100%;
}

.one3b {
text-align:center;
width: 90%;
height: auto;
float: left;
border-width: 0px;
margin: 10px;
}

.two3b {
text-align:center;
width: 90%;
height: auto;
float: left;
border-width: 0px;
margin: 10px;
}

.three3b {
text-align:center;
width: 90%;
height: auto;
float: left;
border-width: 0px;
margin: 10px;
}


.frame2 {
float:left; 
margin: auto;
width: 100%;
}

.one2 {
text-align:left;
width: 40%;
height: auto;
float: left;
border-width: 0px;
}

.two2 {
text-align:left;
width: 40%;
height: auto;
float: left;
border-width: 0px;
}



#n0 {
float:left; 
margin: auto;
}

#n1 {
text-align:left;
width: 50%;
height: auto;
float: left;
border-width: 0px;
}

#n2 {
text-align:center;
width: 50%;
height: auto;
float: left;
border-width: 0px;
}


div#bg
{
height: 100%; 
width: 100%;
z-index: -1;
}





#center {
    text-align: center;
    max-width: 100%;
    height: auto;
}
#blubb {
    width: 1000px;  /* 4 mal 196px */
    margin: 0 auto;
    
 
}
.zentriert {
text-align:center;
width: 196px;
height: 198px;
float: left;
border-width: 0px;
}

.sonne {
font-family: Verdana, Arial, Helvetica, sans-serif;
position: absolute;
width: 800px;
height: 265px;
top: 0px;
left: 50%;
margin-top: 0px;
margin-left: -500px;
z-index: 100;
}


#background
{
width:100%; height:100%; position: absolute; z-index: -1; top: 250px; left:0;
}



body 
	{

	background: #D8942F;
	
font-size: 	12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	line-height:18px;
	color:		#330000;
	padding:	0px;
	margin:		0px;
	}


a 
	{
	color: 		#330000;
	text-decoration: underline;
	}

a:visited 
	{
	color:		#330000;
	}

a:hover 
	{
	color: 		#330000;
		text-decoration: underline;
//border-bottom:dashed 1px #330000;
		
	text-decoration:none;

	}

a:active 
	{ 
	color:		#330000;
	}


h1
    {
    font-size:     20px;
    font-weight:normal;
    padding:    5px 5px 5px 5px;
    margin:     5px 5px 5px 5px;
    line-height: 1.5;
    }

h2
    {
    font-size:     15px;
    font-weight:normal;
    padding:    5px 0px 5px 0px;
    margin:        0px 0px 10px 0px;
    border-bottom: 1px solid #330000; 
    //width:50%   
    }

h3
    {
    font-size:     15px;
    font-weight:normal;
    padding:    5px 0px 5px 0px;
    margin:        0px 0px 10px 0px;
    border-bottom: 1px solid #330000; 
    width:80%   
    }

h4
    {
    font-size:     15px;
    font-weight:normal;
    padding:    5px 0px 5px 0px;
    margin:        0px 0px 10px 0px;
    }

#container 
	{
	width: 		900px;
	margin: 	0 auto;
	padding: 	0px;
	
	}


#aussen 
	{
	position: absolute;
	width: 		100%;
	margin: 	0 auto;
	padding: 	0px;
	left: 0px;
	top: 0px;
	}



#content 
	{
	min-height:	600px;
	
	margin: 	0em 11em 0em 150px;
	padding: 	1px 2px 1px 2px;
	font-size: 	12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	color:		#330000;

}

.news 
	{
	
	
	margin: 	2em 0em 0em 2em;
	}

#left 
	{
	float: 		left;
	width: 		150px;
	margin: 	0px;
	padding:	0px;
	}


#right
	{
	float: 		right;
	width: 		10em;
	margin: 	0px;
	padding: 	0px;
	

	}


#footer 
	{
	clear: 		both;
	padding: 	5px;
	margin: 	0px;
	
	font-size:	11px;
	}

#hoch {
      position: fixed;
      top: 600px;
	width: 13; height: 12;
      text-align: center
	  font:normal 10pt/normal Arial, Helvetica, sans-serif;
    }.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330000;
}



#menu {
width: 150px;
height: 850px;
float: left;

}

#count {
float: left;
width: 100%;
color: #330000;
z-index: 8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin:	2em 0em 0em 0em;
}

#suche {
float: left;
width: 100%;
color: #330000;
z-index: 8;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin:	2em 0em 0em 0em;
}



#breite {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #330000;

text-decoration: none;
text-align: center;
position: relative;
height: 315px;
z-index: 2;
background-image: url(pic/f1.jpg);
}

.floatright
 {
float: right;
margin:	5px 0px 5px 15px;

 }

.floatleft
 {
float: left;
margin:	5px 15px 5px 0px;

 }

.pictu {
border 0 0 0 0;
}
.blackborder {
	border: 1px solid #000000;
}