
@font-face {
    font-family: 'APcustomBook';
    src: url('fonts/Quicksand_Book-webfont.eot');
    src: url('fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'APcustomLight';
    src: url('fonts/Quicksand_Light-webfont.eot');
    src: url('fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Quicksand_Light-webfont.woff') format('woff'),
         url('fonts/Quicksand_Light-webfont.ttf') format('truetype'),
         url('fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*ALLGEMEINE STILE*/
body {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#B6B6B6; }
h1 {color:#00899E; font-size:28px; font-weight:bold; letter-spacing:0px; text-transform:uppercase; margin:3px 5px 5px 0px; width:700px;}
h2 {color:#B6B6B6; font-size:20px; font-weight:bold; letter-spacing:0px; text-transform:uppercase; text-align:justify; margin:1px 5px 15px 1px; width:550px;}
h3 {color:#fff; font-size:20px; font-weight: bold; padding:5px; background:#00899E; }
h4 {color:#B6B6B6; font-size:20px; font-weight:bold; letter-spacing:0px; text-transform:uppercase; margin:0px 5px 5px -1px; width:550px;}

hr {border-bottom:1px dashed #888; 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; text-transform:uppercase; color:#999;}



/* WEITERE STILE */
.small {color:#999; font-size:10px; font-weight:normal;}
.green {font-size:14px; font-weight:bold; color:#B5DD03;}
.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;}
.borderless {border:#fff 0px;}



/* AUFBAU DES FORMULARS */
form {margin:0px 0px 0px 0px;}
input{height:1.5em;}

select {
	color:#999; 
	font-size:14px; 
	font-weight:lighter; 
	background:#fff; 
	padding:5px; 
	margin-right:7px; 
	text-transform:uppercase;
	}

.formular {
	color:#333; 
	font-family:arial, helvetica, sans-serif; 
	font-size:16px; 
	font-weight:lighter; 
	padding:2px 5px 2px 5px; 
	margin:5px 5px 5px 0px; 
	background:#e5e5e5; 
	border:#e5e5e5 1px dotted; 
	border-top-color:#e5e5e5; 
	border-left-color:#e5e5e5;
	border-right-color:#e5e5e5;
	border-bottom-color:#e5e5e5;
	opacity:0.6; 
	filter:alpha(opacity=60);
	}

.formular:focus{
	color:#e74011; 
	background:#fff;
	border:#e74011 1px solid; 
	border-top-color:#e5e5e5; 
	border-left-color:#e5e5e5; 
	border-right-color:#e5e5e5; 
	border-bottom-color:#e74011; 
	opacity:0.7; 
	filter:alpha(opacity=70);
	}

.errbox {
	background:#feecec;
	border:#cc0000 1px dotted; 
	border-top-color:#e5e5e5; 
	border-left-color:#e5e5e5;
	border-right-color:#e5e5e5;
	border-bottom-color:#cc0000;
	}


.formular_ta{
	color:#666;
	font-family:arial, helvetica, sans-serif; 
	font-size:16px; 
	font-weight:lighter; 
	padding:5px 10px 5px 10px;
	margin:5px 5px 5px 0px; 
	background:#fff;
	border:#999 1px solid; 
	opacity:0.6; 
	filter:alpha(opacity=60);
	}

.formular_ta:focus{
	color:#00899E; 
	background:#fff;
	border:#00899E 1px solid; 
	border-top-color:#fff; 
	border-left-color:#fff; 
	border-right-color:#fff; 
	border-bottom-color:#00899E; 
	opacity:0.7; 
	filter:alpha(opacity=70);
	}

.errbox_ta{
	background:#feecec;
	border:#e5e5e5 1px dotted; 
	border-top-color:#e5e5e5; 
	border-left-color:#e5e5e5;
	border-right-color:#e5e5e5;
	border-bottom-color:#CC0000;
	}







span {font-family:APcustomBook, Verdana, Arial, sans-serif; margin:12px 16px 0px 0px; padding:0px;}



.submitbutton{margin-left:55px; margin-top:-40px; font-size:20px; font-weight:normal; color:#ccc; padding:0px; text-align:left; background:none; border:#66cc00 0px solid;}
.submitbutton:hover {background:none; color:#00899E; cursor:pointer;}
.submitbutton:focus {background:none; color:#00899E; cursor:pointer;}
.submitbutton:active {color:#00009E;}

.submitbutton_new {
	cursor: pointer;
	margin-left:5px; margin-top:10px;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff;
	box-shadow:inset 0px 1px 0px 0px #fff;
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e74011), color-stop(1, #e76711) );
	background:-moz-linear-gradient( center top, #e74011 5%, #e76711 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e74011', endColorstr='#e76711');
	background-color:#e74011;
	
	-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;
	border:1px solid #e74011; display:inline-block; height:35px; color:#ffffff; font-family:Arial; font-size:16px; font-weight:bold;
	padding:5px 17px; text-decoration:none; text-shadow:1px 1px 2px #1c1e1f;}
	
.submitbutton_new:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e76711), color-stop(1, #e74011) );
	background:-moz-linear-gradient( center top, #e76711 5%, #e74011 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e76711', endColorstr='#e74011');
	background-color:#e76711;}
	
.submitbutton_new:active {
	position:relative;
	top:1px;}


.cancelbutton{color:#ccc; font-size:14px; height:auto; padding:3px; text-align:center; background:#fff; border:#ccc 1px dotted;}
.cancelbutton:hover, cancelbutton:focus { background:#eee; border:#FF9999 1px dotted; color:#666;}
.cancelbutton:active {border:#ff9999 1px dotted; 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;}	


	/* VORHER #alert {position:absolute; top: 55px; left:480px; height:365px; width: 120px; padding:5px 5px 5px 8px; color:#CC0000; font-size:12px; font-weight:normal; background:none; border:1px dashed #ccc;}
	#alert li {list-style:disc; color:#666; font-size:11px; margin:1px 0px 3px 17px;}*/
	
	#alert {position:absolute; top:750px; left:10px; height:auto; width:376px; padding:5px 5px 5px 8px; color:#CC0000; font-size:12px; font-weight:normal; background:none; border:1px dashed #ccc;}
	#alert li {list-style:disc; color:#666; font-size:11px; margin:1px 0px 3px 17px;}



.cb {vertical-align:middle; float:left; margin:-4px 10px 5px 5px;}
.cb_fo {font-size:10px; color:#999; text-transform:uppercase; float:left; margin-top:0px; width:300px;}
.cb_fo a:link{font-size:inherit; color:inherit; text-decoration:underline;}
.cb_fo a:hover{font-size:inherit; color:#333; text-decoration:underline;}
.cb_fo a:visited{font-size:inherit; color:inherit; text-decoration:none;}
.cb_fo a:active{font-size:inherit; color:inherit; text-decoration:none;}
.boxes br {clear:both;}
hr {width:390px; height:1px; border-bottom:1px #999 dashed; border-top:0px #fff; margin:10px 0px 10px 0px;}


/*AUFBAU DER DANKESSEITE */
.thx {font-family:APcustomBook, Verdana, Arial, sans-serif; font-size:12px; color:#B6B6B6; margin-top:180px; text-transform:uppercase;}
.thx h1 {font-family:APcustomLight, Verdana, Arial, sans-serif; color:#666; font-size:28px; font-weight:bold; letter-spacing:0px; text-transform:uppercase; margin:3px 5px 5px 0px; width:370px;}

.confirmation_left{ border-top:#ccc dotted 1px; border-bottom:#ccc dotted 1px; margin:10px 10px 10px 10px; padding:30px; width:160px; height:140px; color:#666; font-size:13px; float:left; font-weight:bold;}
.confirmation_right{ border-top:#ccc dotted 1px; border-bottom:#ccc dotted 1px; margin:10px 10px 10px 10px; padding-top:30px; padding-bottom:10px; width:200px; height:160px; color:#666; font-size:13px; 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;}


















