html
{
	overflow: hidden;
}

body 
{
    background-color: #E8EEF4;    
    color: #000;
    font-family: Helvetica;
    font-size: 12px;
    margin: 0;    
    padding: 0;
    overflow-x:hidden;
	
}

.overWrap
{
	overflow-x: hidden;
	
}

h1
{
	//margin: 0;
    padding: 0;	
}

div
{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
	
.header 
{
    background-color: #246687;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#246687), to(#A2A2A3));
    border-color: #666;
    border-style: solid;
    border-width: 0 0 1px 0;
    min-height: 44px;
    position:relative;
    -webkit-box-sizing: border-box;
	z-index: 60;
	
}


.header h1 
{
    color: #FFF;
    font-size: 14px;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
    text-shadow: 0px 1px 0px #000;
    text-overflow: ellipsis;
    white-space: nowrap;
    //overflow: hidden;
    //width: 65%;
    padding: 4px 0;
    margin: 2px 0 0 0;
    //position: absolute;
    top: 0;
    //left: 30%;
}

.header div.buttonBack 
{
    text-align: center;
    line-height: 28px;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;
    position: absolute;
    top: 8px;
    left: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.header div.buttonAction
{
    text-align: center;
    line-height: 22px;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;    
    position: absolute;
    top: 10px;
    right: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #8fa4ad; /*(#496bc1));*/
    border: 1px solid;
    border-color: #02114d #02114d #004f7d #004f7d;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0px 5px 0px 6px;
}

.header div.buttonActionChecked
{
    text-align: center;
    line-height: 22px;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;    
    position: absolute;
    top: 10px;
    right: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #496bc1; /*), to(#1C1C5A));*/
    border: 1px solid;
    border-color: #02114d #02114d #004f7d #004f7d;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0px 8px 0px 8px;
}

.header div.buttonActionLeft
{
    text-align: center;
    line-height: 22px;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;    
    position: absolute;
    top: 6px;
    left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#8fa4ad), to(#496bc1));*/
    background-color: #8fa4ad;
    border: 1px solid;
    border-color: #02114d #02114d #004f7d #004f7d;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0px 8px 0px 8px;
}

.header div.buttonActionLeftChecked
{
    text-align: center;
    line-height: 22px;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;    
    position: absolute;
    top: 6px;
    left: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
   background-color: #496bc1;
    border: 1px solid;
    border-color: #02114d #02114d #004f7d #004f7d;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0px 8px 0px 8px;
}

.header div.buttonActionMitte
{
    text-align: center;
    line-height: 22px;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;    
    position: absolute;
    top: 6px;
    left: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #8fa4ad;
    border: 1px solid;
    border-color: #02114d #02114d #004f7d #004f7d;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0px 8px 0px 8px;
}

.header div.buttonActionMitteChecked
{
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;    
    position: absolute;
    top: 6px;
    left: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: 496bc1;
    border: 1px solid;
    border-color: #02114d #02114d #004f7d #004f7d;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0px 8px 0px 8px;
}
.header .input
{
  position: absolute;
  vertical-align: middle;
  top: 4px;
  left: 6px;
  width:70%;
  height: 34px;
  border: 1px solid;
	border-color: #024E1F #024E1F #007e32 #007e32;
	padding: 0px 8px 0px 8px;
	background-color:#FFF;
}

.header .input input
{	
  width:100%;
  -webkit-box-sizing: border-box;
  vertical-align: middle;
  padding:2px;
  padding-top: 8px;
  font-size:15px;
  outline: 0 none;
  border:0;
  background: #fff url(../images/weiss.png); /* this is a hack due the default input shadow that iphones uses on textfields */
}

.header .input .lupe
{ 
  position:absolute;
  top:0px;
  left:0px;
  width:22px;
  height:100%;
  background:url(../images/lupe.png) no-repeat center center  
}

.header .input .kreuz
{ 
  position:absolute;
  top:0px;
  right:0px;
  width:22px;
  height:100%;
  background:url(../images/kreuz.png) no-repeat center center  
}

.header .input img.right
{ 
  position: absolute;
  top:0px;
  right:0px; 
}

.container 
{        
    position:absolute;
    top:0px;
    width:100%;
    height:100%;
    padding-top:44px; 
    -webkit-box-sizing: border-box;         
}

.container > div
{
      background-color: #E8EEF4;
}

.container .erltext
{
	  color: #000;
	  padding-left: 7px;
    font-size: 12px;
    margin: 8px;
}

.container .erltextrh
{
	 color: #000;
	 padding-left: 6px;
    font-size: 12px;
    margin: 8px;
	border: 1px solid rgb(172, 172, 172);
}

.container .anzrahmen
{
	 background-color: #E8EEF4;
	 color: #000;
    font-size: 12px;
    padding-top:4px;
    padding-bottom:4px;
}

.container .aendknopf
{
    text-align: center; 
}

ul 
{
    list-style: none;
    margin: 8px;
    padding: 0;
}

ul li
{
    background-color: #FFF;
    border: 1px solid rgb(172, 172, 172);
    color: #000;
    display: block;
    font-size: 12px;
    margin-bottom: -1px;
    padding: 8px 6px;
    text-decoration: none;
}
	
ul li h1
{
    color: #000;
    font-size: 12px;
    padding-right:5px;
    display:inline;  
}

/*ul li:first-child
{
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
}

ul li:last-child
{
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
}*/

.simple ul
{
    margin: 0;
} 

.simple ul li 
{
    font-size: 12px;
    border-top: 0;    
    border-left: 0;
    border-right: 0;
    margin:0px;
    padding: 8px 0px 8px 0px;
}

.toggle
{
	top: -3px;
	width:94px;
  position:relative;
  height:27px;
  display:block;
  overflow:hidden;
  float:right;
}

.toggle input[type="checkbox"]:checked{left:0;}.toggle input[type="checkbox"]
{
	-webkit-appearance:textarea;
  -webkit-border-radius:2px;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-transition:left .15s;background-color:transparent;
  background:#fff url(../images/an_aus.png) 0 0 no-repeat;
  border:0;height:37px;
  left:-55px;
  margin:0;
  overflow:hidden;
  position:absolute;
  top:0;width:149px;
}

.page
{
	display:block;  
  position:absolute;
  left:0px;  
  top:0px;
  width:100%;
  height:100%;
  overflow-x:hidden;
}

.page.in
{ 
	display:block;
	-webkit-transform: translateX(0%);
}

.page.in .header
{ 
  opacity: 1;
}

.page.slide.in
{			
  display:block;
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(0%);  
}

.page.slide.in .header
{   
	-webkit-transition: opacity 350ms ease-in-out;
	opacity: 1.0;  
}

.suchPage.slide.in
{			
  display:block;
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(0%); 
  -webkit-transform: translateY(0px); 
}

.suchPage.slide.in .header
{   
	-webkit-transition: opacity 350ms ease-in-out;
	opacity: 1.0;  
}

.page.out
{ 
  display:block;
  -webkit-transform: translateX(100%);
}

.page.out .header
{ 
  opacity: 0;
}

.page.slide.out
{
  display:block;
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(-100%);
}

.page.slide.out .header
{ 
	-webkit-transition: opacity 350ms ease-in-out;  
  opacity: 0;  
}

.page.sliderechts.out
{
  display:block;
  -webkit-transition: -webkit-transform 350ms ease-in-out;
  -webkit-transform: translateX(100%);
}

.page.sliderechts.out .header
{ 
	-webkit-transition: opacity 350ms ease-in-out;  
  opacity: 0;  
}

#spalten
{
	position: relative;
	margin-left: 8px;
	margin-right: 6px;
	background-position: 50% 50%;
	background-repeat: no-repeat no-repeat;
	min-height: 50px;
	height: auto;
  color: #FFFFFF;
}

p
{
    font-size: 12px;
    font-weight:normal;	
}
.absatz
{
	font-size: 12px;
    font-weight: normal;
 	padding-left:8px;	
 	padding-bottom:5px;
}
.absatzLight
{
	font-size: 12px;
  font-weight: normal;
 	padding-left:8px;	
 	padding-bottom:5px;
}

#logospalte
{
	background-image: url(../images/RadlogoMobil.gif);
	background-repeat: no-repeat no-repeat;
}

.fusszeile
{
    min-height: 42px;
    position:relative;
    -webkit-box-sizing: border-box;
}

.fusszeile .suchKnopf
{
    text-align: center;
    line-height: 30px;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;    
    position: absolute;
    top: 6px;
    right: 8px;
    left: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#8fa4ad), to(#496bc1));*/
    background-color: #8fa4ad;
    border: 1px solid;
    border-color: #02114d #02114d #004f7d #004f7d;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0px 8px 0px 8px;
}

#buttonActionKarte
{
    text-align: center;
    line-height: 22px;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;    
    position: absolute;
    top: 6px;
    right: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: #8fa4ad; /*(#496bc1));*/
    border: 1px solid;
    border-color: #02114d #02114d #004f7d #004f7d;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0px 5px 0px 6px;
}

#button
{
  font-family:verdana;
  font-size:12px;
  text-align:center;
  color:#18185A;
  border-style:solid;
	border-width:1px 2px 2px 1px;
	border-color:#FFFFFF #606060 #606060 #FFFFFF;
	background-color:#606060;
	padding:2px;
	cursor:pointer;	
}

.suchenKnopf
{
    text-align: center;
    line-height: 22px;
    color: #FFF;
    text-shadow: rgba(0,0,0,0.6) 0px -1px 0px;    
   
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#8fa4ad), to(#496bc1));*/
    background-color: #8fa4ad;
    border: 1px solid;
    border-color: #02114d #02114d #004f7d #004f7d;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    padding: 0px 8px 0px 8px;
}


#menu {
    text-align: left;
    position: absolute;
    top: 6px;
    right: 6px;
    white-space: nowrap;
    padding: 0px; 
	z-index: 100;
}

#menu ul {
  list-style-type:none;
  list-style-image:none;
  margin:0 0 1px;
}

#menu li.topmenu {
  float:left;
}

.topmenu div {
  float:left;
  width:140px;
  text-align:center;
  color:black;  
  text-decoration:none;
  margin:0; 
 
  z-index: 100;
}

.topmenu ul{
  display: none;
  z-index: 200;
  padding: 8px 0px 0px 0px;
}

.submenu div{
  font-size:12px;
  width:110px;
  position:relative;
  clear:both; /* special IE6 */
}

#menu a:hover, .topmenu.on a {
  color:#4C4C4C;
  background-color:#ffddbb ;
}

.topmenu:hover ul {
  display:block;  
  z-index:500;
}