a.surfer:link {    	
	display:block;
	width:150px;
	font-weight:normal;
	text-decoration:none;
	color:rgb(0,0,0);
	padding:1px; 
	margin:1px; 
	background-color:rgb(100%,100%,100%);
    border-style:outset;
	border-color:grey;
	border-width:2px;
	font-size:8pt;
	border-top-right-radius: 50px 50%;
        border-bottom-right-radius: 50px 50%;
        border-top-left-radius: 25px 15%;
        border-bottom-left-radius: 25px 15%;
    -moz-border-radius: 5px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.5);
	
	}
a.surfer:visited { 	
	display:block;
	font-weight:normal;
	text-decoration:none;
	color:rgb(0,0,0);
	padding:0px; 
	background-color:rgb(100%,100%,100%);
	margin:1px; 
	border-style:outset;
	font-family:Arial; font-size:8pt;
    }
a.surfer:hover {
	display:block;
	font-weight:normal;
	text-decoration:none;
	color:rgb(0,0,0); 
	background-color:rgb(100%,100%,100%);
	width:150px;
	background-color:rgb(50%,50%,50%);
	border-style:outset;
	width:150px;
	font-family:Arial; font-size:8pt;
    }
a.surfer:active {	
	display:block;
	background-color:rgb(30%,30%,30%); 
	border-style:inset; 
	color:rgb(0,0,0); 
	font-family:Arial; 
	font-size:8pt;
    }

body {  font-family:Arial; font-size:9pt; }
table {  font-family:Arial; font-size:8pt; max-width:1000px}

.kopfinline{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 1200;
    }

.option {
    font-size: 12pt;
	overflow:none;
}

.inhalt {	position:absolute;
		width: 850px;
		margin-left: 170px;
		top: 125px;
		text-align: left;
		
	}

.menue {	left:0;
		top:120;
		margin: 0px;
		padding: 10px;
		position: absolute;
		}

.pfeil {	left:-170;
		top:-40;
		margin: 0px;
		padding: 10px;
		position: absolute;
		width: 1px;
		}
	
.otfgrafik {position: relative; 
  			border: 0 px solid blue;
  			width: 98%;
			top:40; 
			display: block;
			margin: auto; 
			overflow:none;
		}
.historic {
              border: 0 px solid blue;
		zorder: 9;
		width: 98%;
		top:100; 
		position: absolute;
		margin: auto; 
		display: block;
	}
	

		
.richtung {position: absolute; 
			top:50; 
			left:320; 
			width:300;
		}
		
.stärke {position: absolute; 
			top:70; 
			left:320; 
			width:300;
		}		
		
.böen {position: absolute; 
			top:90; 
			left:320; 
			width:300;
		}			
.temperatur {position: absolute; 
			top:110; 
			left:320; 
			width:300;
		}		

.luftdruck {position: absolute; 
			top:50; 
			left:500; 
			width:300;
		}	
.feuchte {position: absolute; 
			top:70; 
			left:500; 
			width:300;
		}	
.niederschlag {position: absolute; 
			top:90; 
			left:500; 
			width:300;
		}	
.werbebanner{position: relative;
			top:10; 
			left:10; 
			overflow:none;
		}
	
.gesund {	position: absolute; 
			top:200; 
			left:270; 
			width:500; 
			overflow:none; 
			z-index:5;
		}
.versteckt {	position: absolute; 
			top:100;
			overflow:none; 
			}
select, textarea, button {
	font-size: 19;
}	
input {
	font-size: 19;
	
}	

label {
	font-size: 19;
	height:30px;
}	

.viereck 	{
  	width: 14;
	height: 14;
}

.divider-text {
  position: relative;
  text-align: center;
}

.divider-text:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0px;
  width: 100%;
  height: 2px;
  background: #ccc;
}

.divider-text span {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  background: #fff;
  z-index: 9;
}


@media (max-width: 1000px) and (orientation: portrait){
	
	body{	font-size:25pt; }
		
	table {  	font-size:20px; }
  
  	.option {font-size: 22pt;}
	
	.inhalt { width:100%;
	              margin-left: 0px;}

	.menue {	left: -400; 
	               top: 180;
			z-index: 100;
			transition:  1s;}
	.menue:hover {left: 10;
			transition:  .19s;}

							
	.pfeil { 	left:-50;
			top:-70;
			width:500px;
			height:50px}
	
					
	a.surfer:any-link { font-size: 22pt; 
					width: 350; 
					background-color:rgb(90%,90%,90%); 
					}
	.otfgrafik {display: block;
				margin: auto;
				transform: scale(1.0);
				}
				
	.historic {
              border: 0 px solid blue;
		zorder: 9;
		width: 98%;
		top:300; 
		position: absolute;
		margin: auto; 
		display: block;
	}
	.werbebanner{top: 20;
		width: 300px;
		z-index: 10;}
		
.richtung {position: absolute; 
			top:800; 
			left:20; 
		}
		
.stärke {position: absolute; 
			top:850; 
			left:20;
		}		  
.böen {position: absolute; 
			top:900; 
			left:20;
		}			      
		      
.temperatur {position: absolute; 
			top:950; 
			left:20;
		}		      

.luftdruck {position: absolute; 
			top:1000; 
			left:20;
		} 

  .feuchte {position: absolute; 
			top:1050; 
			left:20;
		} 
		
.niederschlag {position: absolute; 
			top:1100; 
			left:20;
		} 		
  
  
	.gesund {top:600;}
	.versteckt {top:10;}
	

form, textarea, button {
	font-size: 38;
	
}
select{
	font-size: 38;
	
	
}
label{
	font-size: 38;
	
}

input {
	font-size: 38;
	
	
}
.viereck 	{
  	width: 44;
	height: 28;
}  

input::file-selector-button {
  font-size: 38;
}

}