@media only screen and (max-width: 500px) {
    body {margin:0px;font-family:arial, helvetica, sans-serif; color:#005969; font-size:16px; font-weight:500; background-color: #007f88;
	padding:2%;
    }
	.formular {width:96%; margin:0px auto; }
	
	.desktop {}
	input{height:1.5em; width:96%;}
	select {width:100%}
	.submitbutton , .cancelbutton {position:relative; width:96%; margin:10px auto 0px auto; }
	.dtpopup {position:absolute; top:285px; left:0px; width:335px; height:120px; background:url(img/sb_02.png) no-repeat; padding:20px; display:block; overflow:visible;}
	
	.errbox {border:#429ea4 1px solid; border-top-color:#429ea4; border-left-color:#429ea4; border-right-color:#429ea4; border-bottom-color:#ff9999;}
	#alert {position:relative; width:94%; min-height:205px; height:auto; padding:2%; color:#005969; font-weight:normal; background:#fff; border:1px dashed #4bb3ba;  opacity:0.9;}
	#alert li {list-style:disc; color:#666; font-size:11px; margin:1px 0px 3px 17px;}
	
	
	.confirmation_left{ border-top:#fff dotted 1px; border-bottom:#fff dotted 1px; margin:20px auto; display:block; padding:5% 3%; width:92%; height:auto; color:#fff; font-size:14px; float:left; font-weight:bold;}
.confirmation_right{ border-top:#fff dotted 1px; border-bottom:#fff dotted 1px; margin:20px auto; display:block; padding:5% 3%; width:92%; height:auto; color:#fff; font-size:14px; float:left;}
.confirmation_right li{list-style:circle; margin:4px 0px 4px 15px;}
.useful_left{width:96%; height: 120px; min-height:50px; float:left;}
.useful_right{width:96%; background-color:#ccc; height:40px; float:left;}
img {width:100%; height:auto;}
	.small {color:#fff; font-size:10px; font-weight:normal;}
}


@media only screen and (min-width: 500px) {
	
.errbox {border:#429ea4 1px solid; border-top-color:#429ea4; border-left-color:#429ea4; border-right-color:#429ea4; border-bottom-color:#ff9999;}
	#alert {position:absolute; top: 84px; right:0px; height:205px; width: 172px; padding:5px 5px 5px 8px; color:#005969; font-weight:normal; background:#fff; border:1px dashed #4bb3ba;  opacity:0.9;}
	#alert li {list-style:disc; color:#666; font-size:11px; margin:1px 0px 3px 17px;}

.dtpopup {position:absolute; top:100px; left:0px; width:335px; height:120px; background:url(img/sb_02.png) no-repeat; padding:20px; display:block; overflow:visible;}
.errdt {color:#900;}
.errdt a{color:#900;}

/*AUFBAU DER DANKESSEITE */
.confirmation_left{ border-top:#fff dotted 1px; border-bottom:#fff dotted 1px; margin:10px 10px 10px 10px; padding:30px; width:160px; height:140px; color:#fff; font-size:14px; float:left; font-weight:bold;}
.confirmation_right{ border-top:#fff dotted 1px; border-bottom:#fff dotted 1px; margin:10px 10px 10px 10px; padding-top:30px; padding-bottom:10px; width:250px; height:160px; color:#fff; font-size:14px; float:left;}
.confirmation_right li{list-style:circle; margin:4px 0px 4px 15px;}
.useful_left{width:300px; background-color:#ccc; height: 120px; min-height:50px; float:left;}
.useful_right{width:200px; background-color:#ccc; height: 40px; float:left;  padding:40px;}
.small {color:##80b5b9; font-size:10px; font-weight:normal;}
}




/*ALLGEMEINE STILE*/
body {margin:0px;font-family:arial, helvetica, sans-serif; color:#9ad9dd; font-size:16px; font-weight:500;}
h1 {font-size:26px; font-weight:normal; color:#80b5b9; margin:40px 0px 20px 2px;}
hr {border-bottom:1px dashed #4bb3ba; border-top:none; border-left:none; border-right:none;}
ul {margin:5px 0px 0px 0px; padding:0px;}
li {list-style:none; margin-top:15px;}
span{display:block; width:90px; height:18px; padding:13px 0px 10px 2px; float:left; text-align:left; vertical-align:middle;}



/* WEITERE STILE */
.green {font-size:15px; font-weight:normal; color:#9ad9dd;}
.schatten {-webkit-box-shadow: 0px 2px 2px #000; -moz-box-shadow: 0px 2px 2px #000; box-shadow: 0px 2px 2px #000;}
.lang {width:300px;}
.kurz {width:150px;}
.kuerzer{width:50px;}

.vc-navy{text-decoration:none; color:#007f88;}
.vc-navy:link{text-decoration: none;}
.vc-navy:visited {text-decoration: none;}
.vc-navy:hover{text-decoration: underline;}
.vc-navy:active{text-decoration: none;}

.desktop {display:none; visibility:hidden;}


/* AUFBAU DES FORMULARS */
input{height:1.5em;}
select {color:#9ad9dd; font-size:14px; font-weight:500; background:#fff; padding:5px; margin-right:10px; border:#999 1px solid; border-top-color:#999; border-left-color:#ccc; border-right-color:#999; border-bottom-color:#ccc; -moz-border-radius:1px; -webkit-border-radius:1px; -khtml-border-radius:1px; border-radius:1px;}

.formular {color:#9ad9dd; font-size:15px; font-weight:500; background:#429ea4; padding:5px; margin:5px 5px 5px 0px; border:#429ea4 1px solid; -moz-border-radius:1px; -webkit-border-radius:1px; -khtml-border-radius:1px; border-radius:1px;}
.formular:focus{ color:#fff; border:#BED84B 1px solid; border-top-color:#429ea4; border-left-color:#429ea4; border-right-color:#429ea4; border-bottom-color:#065257;}

.submitbutton{cursor:pointer; font-size:16px; font-weight:light; color:#fff; height:auto; padding:4px 20px; text-align:center; background:#005969; border:#005969 1px solid;
-moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:1px; border-radius:4px;}
.submitbutton:hover, submitbutton:focus {background:#004756; color:#fff;}
.submitbutton:active {border:#66CC00 1px solid; background:#66CC33;}

.cancelbutton{cursor:pointer; color:#007f88; font-size:16px; height:auto; padding:4px 10px; text-align:center; background:#429ea4; border:#429ea4 1px solid; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;}
.cancelbutton:hover, cancelbutton:focus {background:#ff9999; border:#FF9999 1px solid;}
.cancelbutton:active {border:#ff9999 1px solid; background:#FF9999;}

.checkbox {position:relative; color:#999; font-size:12px; margin:0px 0px 0px 0px; padding:0px; vertical-align:middle;}
.checkbox span {position:relative; top:-6px;}