html,body{
  height: 100%;
}
body{
	color:#FFFFFF;
	background-color: #006ea2;
	background-image:url('http://deinumrechner.de/images/hintergrund.png');
	background-position:center top;
	background-repeat:repeat-x repeat-y;

	font-size: 100%;
    height: 100%;
}

#iver{
	color: #000000;
	float: left; 
	width: 100%; 
	height: px;
	position: relative;

margin-left: 0px;

margin-bottom: 5px;
z-index: 99999;
}

#iver2m{
	float: left; 
	width: 100%; 
	height: px;
	position: relative;
margin-top: -110px;

margin-bottom: 5px;
z-index: 99999;
}

#diver{
	color: #000000; 
	background-repeat: no-repeat; 
	font-size: 25px; 
	text-align: left; 
	float: left; 
	width: 48%; 

	position: relative;

margin-left: 2%;



}

#diver2{
	color: #000000; 
	background-repeat: no-repeat; 
	font-size: 25px; 
	text-align: left; 
	float: left; 

	width: 48%; 

	
position: relative;
margin-left: 2%;

}
#diver3{width: 90% height: 2px;
clear: right; 
position: relative;
margin-top: 0px;	
margin-bottom: -30px;

}
#wrapper {
	background-image: url(/con-back.png);
	
  	width: 85%;
	max-width: 1250px;
	height:auto !important;
	min-height:100%;     
	height:100%;
					
	position:relative;
	margin: 0px auto -80px;

}

#header {
   background:#none;  
   text-align:center;
   
   height:10px;
   padding:10px;
}


#footer{
	background-color: #173F64;
    line-height:80px;     
	text-align:center;
	height: 130px;
	width: 100%;

	position: absolute;
	left: 0px;

	z-index: 20;
}

#footer2{
	background-color: #none;
	font-size: 20px;
	font-family: Times New Roman;
	line-height: 25px;  

	width: 900px;
	height: 80px;

	position: absolute; 
	top: 20px; 
	left: 50%; 
	margin-left: -450px; 
 
	z-index: 999;
}

.clearfix:after {
	content:".";
	font-size:0;	
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
	z-index: 999;
}

.clearfix {
	display:inline-block;
}

* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}

h1 {
	color: #FFFFFF;
	background-color: #none;
	font-size:55px;	
	font-weight:600;
	font-family:Trebuchet MS;		
	text-align: center;
	text-shadow:  1px  1px 1px #000000,
                  1px -1px 1px #000000,
                 -1px  1px 1px #000000,
                 -1px -1px 1px #000000;  
	text-decoration: none;
	
margin-top: 110px;
	width: 100%;
	display: block;
	position: relative; 

	left: 0%;

}
.s1{
margin-top: 20px;
}

h2 {	
	color: #000000;
	background-color: #FF6A00;
	font-size: 44px;	
	font-weight: 100;	
	font-family: Arial;
	text-align: left;	
	text-shadow:  1px  1px 1px #FF6A00,
                  1px -1px 1px #FF6A00,
                 -1px  1px 1px #FF6A00,
                 -1px -1px 1px #FF6A00;  
	margin-top: 0px;
	margin-bottom: -40px;
	margin-left: 0px;

width: 98%;
		padding-top: 5px;

	padding-left: 2%;		
	z-index: 9999;

}
.blue{
color: #000000;
background-color: #173F64;
	text-shadow:  1px  1px 1px #173F64,
                  1px -1px 1px #173F64,
                 -1px  1px 1px #173F64,
                 -1px -1px 1px #173F64;  
}
.p1 {	
	background-color: #FFFFFF;
	}
	.p2 {	
	background-color: #none;
	}
p {	
	color: #24546B;
	background-color: #NONE;
	font-size: 20px;	
	font-weight: 100;		
	font-family: Helvetica;	
	text-align:justify;
  
	line-height: 1.35em;
width: 95%;
	padding-top: 20px;
		padding-left: 3%;
		padding-right: 2%;
padding-bottom: 15px;
		
	margin-left: 0px;
	margin-bottom: 50px;
	z-index: 99999;

}

h3 {
color: #FFFFFF;
	background-image: linear-gradient(to right, #FFFFFF 50%, transparent 50%);
		background-position: 0 100%;
	background-repeat: repeat-x;
	background-size: 1em 2px;
	font-size:40px;	
	font-weight:300;
	font-family: Arial;	
	text-align: left;
	text-shadow:  1px  1px 1px #000000,
                  1px -1px 1px #000000,
                 -1px  1px 1px #000000,
                 -1px -1px 1px #000000;  
	text-decoration: none;
	margin-bottom: 20px;
	width: 100%;
	display: block;
	position: relative; 
padding-left: 2%;
	left: 0%;
z-index: 9999999;

}

nav{		
	background: #none;
    font-family:Helvetica;		
	text-align: left;

	display:block;
	width: 950px;
	height:68px;	

		
	position: absolute;
	top: 12px;
    left: 50%;
	margin-left: -490px;

	z-index: 100;
}

nav ul{
	display:block;
}

nav ul li{
	display:inline;
	margin:0em -0.15em 0em -0.15em;
}

nav ul li a{
	color:#FFFFFF;
	background-color: #173F64;

	text-decoration: none;
	font-size: 1.3em;
	line-height:0em;
		
	padding:26px 40px 26px 40px;
	
	transition:background 1s;
	-webkit-transition:background 1s;
}

nav ul li a:hover{
	color:#000000;
	background:#FFFFFF;
	border-bottom: 0.188em solid #E7590B;
}

nav ul li a.active { }

.logo{
		width: 150px; 
		position: absolute; 
		top: -15px;
}


a{
	color: #000000; 
	text-decoration: none;
	border: 0px none #000000;
} 

.link1{
	color: #FFFFFF;

	-moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
	background-color: none; 
	
	font-size: 16px;
	font-family: Lucida Sans Unicode;
	text-decoration: no-underline;

	line-height: 30px;

	padding-top: 4px; 
	padding-left: 8px;
	padding-right: 8px; 
	padding-bottom: 4px;

	border-top: 2px solid #FFFFFF; 
	border-left: 2px solid #FFFFFF;  
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
	
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
}

.link1:hover{
	background-color: #000000;
}

.link2{
	color: #000000;
 
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
	background-color: #FFFFFF;

	font-size: 25px;
	font-family: Lucida Sans Unicode;
    text-shadow:  none;
	text-decoration: no-underline;

	line-height: 30px;

	padding-top: 1px; 
	padding-left: 8px;
	padding-right: 8px; 
	padding-bottom: 1px;
	
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;

	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
}

.link2:hover{
	color: #FFFFFF;
	background-color: #000000;
	
	border-top: 2px solid #FFFFFF;	
	border-left: 2px solid #FFFFFF;  
	border-right: 2px solid #FFFFFF; 
	border-bottom: 2px solid #FFFFFF;
}

.link3{
	color: #000000;

	-moz-transition: 0.6s;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	background-color: #FFFFFF; 
	
	font-size: 18px;	
	font-family: Lucida Sans Unicode;
	text-decoration: no-underline;
	text-shadow:  none;
	line-height: 30px;
	
	padding-top: -6px; 
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: -6px;

	border-top: 2px solid #000000; 
	border-left: 2px solid #000000; 
	border-right: 2px solid #000000; 
	border-bottom: 2px solid #000000;
	
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;	
}

.link3:hover{
	color: #FFFFFF;
	background-color: #000000;
	
	border-top: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;  
	border-right: 2px solid #FFFFFF;  
	border-bottom: 2px solid #FFFFFF;
}

#bottom{
	color: #000000; 
	background-color: #FFFFFF; 
	font-family: Impact;
	font-size: 28px;
	text-align: center; 
	
	width: 100%;
	margin-left: -10px; 
	margin-top: 55px; 

	border-width:2px; 
	border-style:solid; 
	border-color: #000000;  z-index: 999;
}

select{
	color: #000000;
}

option{
	color:#000000;
	background-color: #FFFFFF;

	font-family: Arial; 
	font-size: 1.0em;
	text-align:center;
 
	height:28px;
	padding-top: 7px;
	padding-bottom: 7px;
 
	overflow:hidden;
	border-top-style:solid;
	border-width:2px;
	border-top-color:#ccc;
}
 
option:hover{
	color: #000000; 
	background-image:url(/images/hintergrund1.png);
}

.s-select {
color: #000000;
background: url(/images/pfeil2.png) no-repeat right #ddd;
background-color: #FFFFFF;
width: 90%;
height: 35px;
overflow: hidden;
border: 1px solid #000000;
z-index: 999999;
margin-left: 0%;
}

.s-select select {
background: transparent;

height: 35px;
width: 103%;
padding: 5px;
font-size: 22px;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
z-index: 9999;
}

#umrechner_wert{
	color: #000000; 
	background-image: url(/images/hintergrund1.png); 
	background-repeat: no-repeat; 
	font-family: Comic Sans MS; 
	font-size: 25px; 
	text-align: left; 
	
	width: 300px; 
	
	border-width:4px; 
	border-left-width : 15px; 
	border-style:solid; 
	border-color: #000000;
}

#umrechner_von{
	color: #FFFFFF;
	background-color: #000000; 
	font-family: Comic Sans MS;
	font-size: 24px; 
	position: absolute; 
	top: 62px; 
	left: 20px;
}

#umrechner_von2{
	color: #3AA6D8;
	font-family: Comic Sans MS;
	font-size: 20px;
}