*{
padding:0px;
margin:0px;
}
html {
height:100%;
}
@media screen and (max-width: 480px) {
	body{
	background-repeat:repeat-x;
	background-position:center;
	background-image: url(../img/hintervert.jpg);
	background-color:#0178BC;
    font-family:Verdana, Tahoma, Arial, sans-serif; 
    font-size: 1 em; 	
    overflow:auto;
	text-align:center;
	margin:0;
        }
/* Positionierung der Ebenen der Seite Handy */
#horizon {
	position:relative;
	margin:0px auto;
	width:320px;
	top:5px;
	text-align: left;
	height: auto;
	overflow:hidden;
	background-image:url(../img/backhandyhandy.jpg);
	background-repeat:repeat-y;
	z-index: 100;
}
#horizonInnenHandy {
	position:relative;
	margin:0px auto;
	width:320px;
	text-align:left;
	height: auto;
	overflow:hidden;
	z-index:200px;
}
#logohandyPos {
	position:relative; 
	width:320px; 
	height:130px; 
	background-image:url(img/logohandy.png); 
	background-position:left top;
	background-repeat:no-repeat; 
	z-index:999;
}
#handybanner {
	position:relative;
	left:0px;
	top:0px;
	height:165px;
	width:320px;
	text-align:center;
	z-index:999;
	}
#inhalt {
	position:relative;
	width:320px;
	height:auto;

	z-index:999;
	}
#strichePoshandy {
	position:absolute;
	text-align:right;
	left:130px;
	top:10px;
	width:140px;
	height:60px;
	background-image:url(../img/einpixel.gif);
	background-repeat:repeat;
	z-index:999;
	}
#textPoshandyZwei {
	position:relative;
	top:0px;
	text-align:left; 
	width:320px;
	white-space:normal;
	background-image:url(../img/handybildback.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	z-index:999;
}
#textPoshandy {
	position:relative;
	top:0px;
	text-align:left; 
	width:280px;
	margin-left:20px;
	margin-right:20px;
	white-space:normal;
	z-index:999;
}
.fliessTexthandy {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color:#0078B2;
	text-decoration: none;
	white-space:normal;
	z-index:999;
}
.sternrot {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.3em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color:#0368AB;
	z-index:999;
}

.ueberschrifthandynormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1.2em;
	font-weight: bold;
	text-align:left;
	padding:0px 0px 0px 0px;
	color: #0078B2;
	text-decoration: none;
	z-index:999;
}
.ueberschrifthandy {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: bold;
	padding:0px 0px 0px 0px;	
	color:#0078B2;
	text-decoration: none;
	white-space:normal;
	z-index:999;
}

.bullcolor {
	color:#0078B2;
	font-size: 16px;
	font-weight: bold;
	margin-right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	height: 20px;
	width: 12px;
}
#naviGesamthandy {
	position: absolute;
	left:0px;
	top:0px;
	color: #0078bb;
	margin: 0px 0px 0px 0px;
	text-align:left;
	width:auto;
	padding:0px;
	border: 0px;
	z-index: 999;
}
#vertNaviPoshandy {
	position:absolute;
	top:0px;
	left:0px;
	text-align:left;
	width:auto;
	height:5px;
	z-index:999;
}
#naviSchriftPoshandy {
	position:absolute;
	text-align:left;
	width:auto;
	height:22px;
	vertikal-align:top;
	z-index:999;
	left: 0px;
	z-index:999;
}
.mehr {
	font-family:Arial, Tahoma, Verdana, sans-serif; 
	font-size:1.0em; 
	font-weight:bold; 
	color: #0078bb;
	line-height:2.0em;
	padding:0px 0px 0px 0px;
	text-decoration: none;
	height:20px;
	z-index:999;
	}

/* Verhalten der Navigationen */
li {
	list-style-type: none;
}
a#haupthandy:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:2.4em;
	font-weight: normal;
	text-decoration: none;
	color: #0078B2;
	text-align:right;
	white-space:nowrap;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: repeat;
	background-position: top left;
	z-index:999;
}
a#haupthandy:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:2.4em;
	font-weight: normal;
	text-decoration: none;
	color: #0078B2;
	text-align:right;
	white-space:nowrap;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: repeat;
	background-position: top left;
	z-index:999;
}
a#haupthandy:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:2.4em;
	font-weight: normal;
	text-decoration: none;
	color: #86A9C8;
	text-align: right;
	white-space:nowrap;
	z-index: 999;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a#haupthandy:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height:2.4em;
	font-weight: normal;
	text-decoration: none;
	color: #86A9C8;
	text-align: right;
	white-space:nowrap;
	z-index: 999;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a#unterhandy:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:2.0em;
	font-weight: normal;
	text-decoration: none;
	color: #0078B2;
	text-align:right;
	white-space:nowrap;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: repeat;
	background-position: top left;
	z-index:999;
}
a#unterhandy:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height:2.0em;
	font-weight: normal;
	text-decoration: none;
	color: #0078B2;
	text-align:right;
	white-space:nowrap;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: repeat;
	background-position: top left;
	z-index:999;
}
a#unterhandy:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:2.0em;
	font-weight: normal;
	text-decoration: none;
	color: #86A9C8;
	text-align: right;
	white-space:nowrap;
	z-index: 999;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a#unterhandy:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:2.0em;
	font-weight: normal;
	text-decoration: none;
	color: #86A9C8;
	text-align: right;
	white-space:nowrap;
	z-index: 999;
	display: block;
	background-image: url(../img/einpixel30.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

a#imprhandy:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color:#0078B2;
	width: auto;
	white-space:nowrap;
	
	background-image: url(../img/einpixel30.gif);
	background-repeat: repeat;
	background-position: top left;
	z-index:999;
}
a#imprhandy:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color:#0078B2;
	width: auto;
	white-space:nowrap;

	background-image: url(../img/einpixel30.gif);
	background-repeat: repeat;
	background-position: top left;
	z-index:999;
}
a#imprhandy:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #86A9C8;
	width: auto;
	white-space:nowrap;
	z-index: 999;

	background-image: url(../img/einpixel30.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
a#imprhandy:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #86A9C8;
	width: auto;
	white-space:nowrap;
	z-index: 999;
	background-image: url(../img/einpixel30.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

a#texthandy:link {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color:#0078B2;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
a#texthandy:visited {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color:#0078B2;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
a#texthandy:hover {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color:#86A9C8;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
a#texthandy:active {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 16px;
	line-height: 1.2em;
	font-weight: normal;
	font-weight: normal;
	padding:0px 0px 0px 0px;	
	color:#86A9C8;
	text-decoration: underline;
	white-space:normal;
	z-index:999;
}
input, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%
} 
/* styling */
input, textarea {
  border: 1px solid #bbb;
  padding:.75em 1em .5em 1em;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
  background-color:#ffffff;
  background-image:url(einpixel.gif);
  background-repeat: repeat;

  color:#0078B2;
  font-family:Verdana, Arial, sans-serif, Tahoma;
  font-size:1.0em;
  line-height:22px;
  font-weight:bold;
}


/* styling */
select {
  border: 1px solid #bbb;
  padding:.75em 1em .5em 1em;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
  background-color:#ffffff;
  background-image:url(einpixel.gif);
  background-repeat: repeat;

  color:#0078B2;
  font-family:Verdana, Arial, sans-serif, Tahoma;
  font-size:16px;
  line-height:22px;
  cursor:pointer;
}


#senden {
  border: 1px solid #bbb;
  box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
  background-color:#ffffff;
  background-image:url(einpixel.gif);
  background-repeat: repeat;
  width:150px;
  color:#0078B2;
  font-family:Verdana, Arial, sans-serif, Tahoma;
  font-size:16px;
  line-height:22px;
  font-weight:normal;
  text-align:center;
}
#distanz {display:none;}
#horizonInnen {display:none;}
#textPos {display:none;}
#naviSchrift{display:none;}
#imprPos {display:none;}
#footer {display:none;}
#naviGesamt {display:none;}
}

@media screen and (min-width: 481px) and (max-width: 3000px) { 
#horizonInnenHandy {display:none;}
#desktopabstandhandy {display:none;}
#logohandyPos {display:none;}
body {
	height:100%;
	margin:0px;
	text-align: center;
	background-repeat:repeat-x;
	background-position:center;
	background-image: url(../img/hintervert.jpg);
	background-color: #0178BC;
}
/* Positionierung der Ebenen der Seite */
#distanz {
	float:left;
	margin-bottom:-771px;
	margin-left:auto;
	width:1px;
	height:50%;
}
#horizon {
	position:relative;
	margin:0px auto;
	top:5px;
	width:960px;
	clear:left;
	text-align: left;
	height: 1542px;
	overflow:hidden;
	background-repeat: no-repeat;
	z-index: 100;
	background-position: left top;
	background-image: url(../img/hintergrundlang4.jpg);
}
#horizonInnen {
	position:relative;
	margin:0px auto;
	width:960px;
	clear:left;
	text-align: left;
	height: 1542px;
	overflow: hidden;
}
#distanzZwei {
	float:left;
	margin-bottom:-771px;
	margin-left:auto;
	width:1px;
	height:50%;
}
#horizonZwei {
	position:absolute;
	height:100%;
	width:100%;
	z-index:900;
	left: 0px;
	top: 0px;
}
#zwei {
	position:relative;
	width:960px;
	height:1542px;
	margin:0px auto;
	clear:left;
	z-index:999;
	background-repeat: no-repeat;
	overflow: hidden;
	background-position: bottom left;
}

/* Layout-Grafik */
#bildPos {
	position:absolute;
	top:1255px;
	left:13px;
	width:160px;
	height:94px;
	z-index:999;
}
#handhelds {
	display:none;
	background-color: #D5DFEB;
	color:#FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
#leftFloater {
	float:left;
}

/* Inhalt Positionierung */
#textPos {
	position:absolute;
	left:285px;
	top:144px;
	width:550px;
	height:220px;
	text-align:left;
	z-index:999;
}

/* Positionierung der Navigation */
#naviGesamt {
	position: absolute;
	left:0px;
	top:0px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	width: 300px;
	padding:0px;
	border: 0px;
	z-index: 999;
}
#vertNaviPos {
	position:absolute;
	top:0px;
	left:0px;
	width:300px;
	height:5px;
	z-index:999;
}
#naviSchriftPos {
	position:absolute;
	z-index:999;
	white-space: nowrap;
	left: 0px;
	width: 200px;
	text-align: left;
	height: auto;
}
/* Verhalten der Navigationen */
li {
	list-style-type: none;
}
.linkSchrift {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 0px;
	padding-top:2px;
	padding-bottom:18px;
	color: #0078B2;
	line-height: 20px;
	background-image:url(../img/bbeige2.gif);
	background-repeat: no-repeat;
	background-position:0px 0px;
	height: 22px;
	z-index:999;
	font-style: normal;
	width: 150px;
	text-align: left;
	overflow: visible;
}


a {outline:none;}

a#haupt:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	color: #86A9C8;
	line-height: 20px;
	height: 22px;
	z-index:999;
	font-style: normal;
	width: 200px;
	text-align: left;
}
a#haupt:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	color: #98B6D0;
	line-height: 20px;
	height: 22px;
	z-index:999;
	font-style: normal;
	width: 200px;
	text-align: left;
}
a#haupt:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	line-height: 20px;
	height: 22px;
	z-index:999;
	color: #0277BC;
	font-style: normal;
	width: 200px;
	text-align: left;
}
a#haupt:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 0px;
	padding-top:0px;
	padding-bottom:0px;
	color: #0476BF;
	line-height: 20px;
	height: 22px;
	z-index:999;
	font-style: normal;
	width: 200px;
	text-align: left;
}

a#horiz:link {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#201d0e;
	text-decoration: none;
	line-height: 15px;
	padding: 0px;
	z-index:999;
}
a#horiz:visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#201d0e;
	text-decoration:none;
	line-height: 15px;
	padding: 0px;
	z-index:999;
}
a#horiz:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#727D22;
	text-decoration:underline;
	line-height: 15px;
	padding: 0px;
	z-index:999;
}
a#horiz:active {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#201d0e;
	text-decoration: none;
	line-height: 15px;
	padding: 0px;
	z-index:999;
}
a#text:link {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	color: #0474BC;
	text-decoration: underline;
	z-index:999;
}
a#text:visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	color: #0474BC;
	text-decoration: underline;
	z-index:999;
}
a#text:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	color: #00A8F0;
	text-decoration: underline;
	z-index:999;
}
a#text:active {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	color: #0474BC;
	text-decoration: underline;
	z-index:999;
}

/* Schrift-Formatierung */
.aufzaehlungText {
	list-style-type:square;
}

.ueberschriftTextZwei {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 15px;
	font-weight: bold;
	color: #9D3588;
	text-decoration: none;
	display: block;
	margin-bottom: 2px;
}
.ueberschriftTextKursiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	color: #201d0e;
	text-decoration: none;
	display: block;
	margin-bottom: 0px;
	font-style: italic;
}
.ueberschriftTextEins {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	color: #0474BC;
	text-decoration: none;
	display: block;
	margin-bottom: 3px;
}
.fliessTextElf {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #383838;
	text-decoration: none;
}
.fliessText11 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 140%;
	font-weight: normal;
	font-variant: normal;
	color: #0368AB;
	text-decoration: none;
}
.fliessText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	color: #0474BC;
	text-decoration: none;
}
.fliessTextHell {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	color: #0368AB;
	text-decoration: none;
}

.fliessTextUeberschrift {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	color: #201d0e;
	text-decoration: none;
}



.fliessTextFett {
	color: #223D60;
	font-weight: bold;
}
/* Abstaende für Absaetze */
#abstand3px {
	position:relative;
	padding-top:3px;
}
#abstand4px {
	position:relative;
	padding-top:4px;
}
#abstand5px {
	position:relative;
	padding-top:5px;
}
#abstand6px {
	position:relative;
	padding-top:6px;
}
#abstand10px {
	position:relative;
	padding-top:10px;
}
#abstand9px {
	position:relative;
	padding-top:9px;
}
#abstand14px {
	position:relative;
	padding-top:14px;
}
#abstand15px {
	position:relative;
	padding-top:15px;
}
#abstand17px {
	position:relative;
	padding-top:17px;
}


.bullcolor {
	color:#0368AB;
	font-size: 12px;
	font-weight: bold;
}
.bullcolorkl {
	color:#0368AB;
	font-size: 11px;
	font-weight: normal;
}	
#bezeichner {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 125%;
	font-weight: normal;
	padding:2px 0px 0px 0px;
	color: #0368AB;
	text-decoration: none;
	float: left;
	text-align: right;
	width: 67px;
	white-space: nowrap;
}
#formfeldPos {
	width:275px;
	float:right;
}
#gesamtFormFeld {
	width:350px;
	padding-top:3px;
	height: 19px;
	clear: left;
	white-space: nowrap;
}
#gesamtFormFeldNachricht {
	width:350px;
	padding-top:3px;
	height: 60px;
	clear: left;
	white-space: nowrap;
}
.formfeldStil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 120%;
	font-weight: normal;
	font-variant: normal;
	color: #0368AB;
	text-decoration: none;
	border:0px;
	height:17px;
	width: 275px;
	background-color: #E8F5FB;
}
}