body { 
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	overflow: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-overflow-scrolling;
	height: 100%; 
	max-height: 100%; 
	background-color: #DEDEDE;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-image: url(meb_veranstaltungstechnik_gmbh_mobilebackground_solid.png);
	background-attachment: fixed;
	font-family: arial,verdana,helvetica;
	font-size: 12pt;
	color: #000000;
    }

*.standardtext {
    font-family: arial,verdana,helvetica;
	font-size: 12pt;
	color: #000000;
	      }

*.textweiss    {
    font-family: arial,verdana,helvetica;
	font-size: 12pt;
	color: #ffffff;
	font-weight: normal;
      }

*.textweiss12    {
    font-family: arial,verdana,helvetica;
	font-size: 12pt;
	font-weight: bold;
	color: #ffffff;
      }

*.textgelb12    {
    font-family: arial,verdana,helvetica;
	font-size: 12pt;
	font-weight: bold;
	color: #F5E59A;
      }

*.textweiss14    {
    font-family: arial,verdana,helvetica;
	font-size: 14pt;
	font-weight: bold;
	color: #ffffff;
      }

*.textgelb14    {
    font-family: arial,verdana,helvetica;
	font-size: 14pt;
	font-weight: bold;
	color: #F5E59A;
      }


*.textschwarz16    {
     	font-family: arial,verdana,helvetica;
	font-size: 16pt;
	font-weight: bold;
	color: #000000;
      }


*.textweiss20    {
     	font-family: arial,verdana,helvetica;
	font-size: 20pt;
	font-weight: bold;
	color: #ffffff;
      }


*.textschwarz20    {
     	font-family: arial,verdana,helvetica;
	font-size: 20pt;
	font-weight: bold;
	color: #000000;
      }



*.textgelb16    {
    font-family: arial,verdana,helvetica;
	font-size: 16pt;
	font-weight: bold;
	color: #F5E59A;
      }

*.meb-standard    {
	font-weight: bold;
	color: #c88d00;
      }

*.meb-invers    {
    font-weight: bold;
	color: #0B3B71;
      }

*.meb-header    {
	font-size: 20pt;	
	color: #0B3B71;
      }

*.header    {
    font-family: arial,verdana,helvetica;
	font-size: 24pt;
	font-weight: bold;
	color: #44ccdd;
      }

*.contact_form_field_mobile {
	background-color: #F5F5FF;
	color: #404040;
	font-size: 20pt;
    font-family: verdana,arial,helvetica;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	padding-left: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px; 
	 }

*.contact_form_field_dis_mobile {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 16pt;
    font-family: verdana,arial,helvetica;
	border-width: 1px;
	border-color: #CCCCCC;
	border-style: solid;
	padding-left: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px; 
}

*.contact_form_button_mobile {
	background-color:#FF8B0F;
	color:#ffffff;
	font-weight: bold;
	font-size: 22pt;
    font-family: verdana,arial,helvetica;
	width: 350px;
	height: 50px;
	/*border-width: 1px;	border-color: #808080;	border-style: solid;*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px; 
     }

*.small_sub_text    {
    font-family: verdana,arial,helvetica;
	font-size: 7pt;
 	background-color: #FFFFFF;
	color: #CCCCCC;
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
      }

*.standard_box    {
    	font-family: verdana,arial,helvetica;
	font-size: 12pt;
 	background-color: #EEEEEE;
	color: #404040;
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
	padding-left: 5px;
	padding-top: 5px;
      }

*.standard_box_light    {
     	font-family: verdana,arial,helvetica;
	font-size: 12pt;
 	background-color: #FFFFFF;
	color: #404040;
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
	padding-left: 5px;
	padding-top: 5px;
      }


*.news_box    {
   	font-family: verdana,arial,helvetica;
	font-size: 9pt;
 	background-color: #F5F5FF;
	background: #F5F5FF url(pics/highlight.gif) repeat;
	color: #404040;
	border-width: 1px;
	border-color: #DDDDDD;
	border-style: solid;
        padding-left: 5px;
	padding-top: 5px;
      }

a:link       { text-decoration: none; color: #FF8B0F }
a:visited    { text-decoration: none; color: #FF8B0F }
a:hover      { text-decoration: none; color: #FF8B0F }
a:active     { text-decoration: none; color: #FF8B0F }

*.rounded {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px;
}

*.rounded_with_shadow {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px;
   -moz-box-shadow: 0px 0px 10px #FFFFFF; /* Firefox */
	-webkit-box-shadow:0px 0px 10px #FFFFFF; /* Chrome, Safari */
	-khtml-box-shadow:0px 0px 10px #FFFFFF; /* Konqueror */
	box-shadow:0px 0px 10px #FFFFFF; /* CSS3 */
}

*.newspicture {
	vertical-align: middle;
	height: 60px;
	width: 80px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-radius: 5px;
   -moz-box-shadow: 0px 0px 10px #FFFFFF; /* Firefox */
	-webkit-box-shadow:0px 0px 10px #FFFFFF; /* Chrome, Safari */
	-khtml-box-shadow:0px 0px 10px #FFFFFF; /* Konqueror */
	box-shadow:0px 0px 10px #FFFFFF; /* CSS3 */
}

/* Stilinformationen und Abmessungen/Position des Kontakt-DIVs ganz unten auf der Mobileseite*/
#MobilePageFrameContentBottom{
position: fixed;
width: 100%;
height: 36px; 
overflow: hidden; 
background-color: #FF8B0F;
margin: 0;
left: 0px;
bottom: 15px;
text-align: center;
padding: 0px;
padding-top: 3px;
font-family: arial,verdana,helvetica;
font-size: 20pt;

  animation: animationFrames ease 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/

}


#MobileNews{
width: 560px;
margin: 0px;
text-align: left;
padding: 0px;
font-family: arial,verdana,helvetica;
font-size: 12pt;
}

/* Überschriften formatieren für den Header(gelber Balken), Auflistungen, ... */

h1.meb-header    {
	font-size: 20pt;	
	color: #0B3B71;
    text-align: center;
 	font-weight: normal;
	margin-top: 10pt;
	  }

h2.meb-header    {
	font-size: 20pt;	
	color: #0B3B71;
    text-align: center;
 	font-weight: normal;
	margin-top: 10pt;
	  }

h1.meb-list
 {
	font-family: arial,verdana,helvetica;
	font-size: 12pt;
 	font-weight: normal;
	display: inline;
 }

h2.meb-list
 {
	font-family: arial,verdana,helvetica;
	font-size: 12pt;
 	font-weight: normal;
	display: inline;
 }

h2.bold_14pt
 {
	font-family: arial,verdana,helvetica;
	font-size: 14pt;
 	font-weight: bold;
	display: inline;
 }

h1.normaltext
 {
	font-family: arial,verdana,helvetica;
	font-size: 12pt;
 	font-weight: normal;
	display: inline;
 }

h2.normaltext
 {
	font-family: arial,verdana,helvetica;
	font-size: 12pt;
 	font-weight: normal;
	display: inline;
 }
/* ********************************************* */
/* animation */
/* ********************************************* */

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-60px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-60px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-60px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-60px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-60px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}