@charset "utf-8";
/* CSS Document */

* {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}
.clearfix{*zoom:1;}
.clearfix:before,
.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}

body {
	margin:0px;
	padding:0px;
	background-color:#d4eeff;
	color:#222222;
	line-height:normal;
	}

#wrapper {background-color:#FFFFFF;text-align:left;max-width:700px;padding:0px 10px 10px 10px;margin:0px auto 0px auto;}
.header {margin:0 -10px;}
.header-image {display:block;border:0;width:100%;height:auto;}
.content {padding:10px 0;}

.content, .content p, .content td {font-family: 'Open Sans',Verdana, Arial, Helvetica, sans-serif; font-size:17px;color:#222222;}/*15px*/
.content .s-16 {font-size:16px;}
.content .s-15 {font-size:15px;}
.content .s-14 {font-family:'Open Sans', Verdana,Arial,Helvetica,sans-serif; font-size:14px;}
.content .s-13 {font-size:13px;}
.content .l-17 {font-size:17px;}
.content .l-18 {font-size:18px;}
.content .l-19 {font-size:19px;}
.content .l-20 {font-size:20px;}

.content ul.haken {padding-left:5px;}
.content ul.haken li {list-style:none;padding-left:32px;background:url(check2.gif) no-repeat;padding-bottom:10px}
.content ul.plus {margin-left:0;padding-left:15px;background:none !important;}
.content ul.plus li {list-style:none;padding-left:30px;background:url(plus2.png) no-repeat left 2px;background-size:20px auto;padding-bottom:10px}

.content ul.achtung {margin-left:0;padding-left:15px;background:none !important;}
.content ul.achtung li {list-style:none;background:url(achtung02.png) no-repeat left center;background-size:35px auto;padding:10px 0 10px 50px;}

h1 {font-family:'Open Sans', Calibri, Tahoma,Arial,Helvetica,sans-serif;font-size:27px; line-height:normal;}
h1 {margin:10px 22px;text-align:center;}
h2 {font-family:'Open Sans', Calibri, Tahoma,Arial,Helvetica,sans-serif;font-size:25px; line-height:normal;font-weight:600;margin:10px 0px;text-align:center;}
h3 {font-family:'Open Sans', Calibri, Tahoma,Arial,Helvetica,sans-serif;font-size:23px; line-height:normal;font-weight:600;text-align:center;}
h4 {font-family:'Open Sans', Calibri, Tahoma,Arial,Helvetica,sans-serif;font-size:21px; line-height:normal;font-weight:600;margin:10px 0px;text-align:center;}

a, 
a:visited,
a:active {color:#0000ff;}

.box-shadow {box-shadow:0px 0px 6px #cccccc;}	
 
.bg {background-color:yellow; line-height:1.3em}
.red {color:#ea0000}
.blue {color:#1c80bf;}
.center {text-align:center;}
.center-left {text-align:center;}
.underline {text-decoration:underline}
.doppelstrich {padding-left:23px;background:url(doppelstrich.png) no-repeat; background-size:11px 100% ;}
.nowrap {white-space:nowrap;}

.header img, .content img  {display:block;border:0;width:100%;height:auto;}
.img-center {float:none;margin:0 auto;}
.img-left {float:none;margin:0 auto;}
.img-right {float:none;margin:0 auto;}
.img-desktop {display:none !important;}


/*Praemienuebersicht*/
.praemienbox-wrap {background-color:#ececec;padding:7px 5px 17px 5px;overflow:hidden;}
.praemienbox {margin-top:25px;}
.col-33 {width:100%;text-align:center;}
.col-33 img, .col-33 p {font-size:17px;}
.col-33 img{margin:0 auto;}
.col-plus {width:100%;text-align:center;font-size:56px;font-weight:700;color:#F00;text-shadow: 1px 1px 2px grey;}


div#form p {margin: 7px 0 10px 0 !important;}
div#form *{font-size: 14px !important; font-family: Calibri, Arial, Verdana, Helvetica,sans-serif;}	  

/*TIMER*/
.cd-timer{
	width:100%;
	/*max-width:450px;*/
	color:#4b4b4b;
	font-size:16px;
	text-align:center;
	/*margin-top:15px;*/
	margin:30px auto;
	border:0px solid #777777; 
	padding:20px 70px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background-color:#f4f4f4;
	box-shadow: 0px 0px 7px grey;
}
#header_englisch .cd-timer{bottom:25px}
.cd-timer-top{
	text-align:left; 
	/*width:350px;
	height:24px;*/
	font-size:16px;
	line-height:24px; 
	color:#000000}
.cd-timer-middle{
	width:200px;
	padding:1px 2px;
	margin:15px auto;
	height:29px;
	line-height:29px;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	/*background:url(isb_05/cd-timer-bg.png) 0 0 no-repeat; */
	background-color:#A3A3A3; 
	color:#ffffff; font-size:24px; 
	text-shadow: 1px 1px 2px black;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 0px solid #777777;
}
.cd-timer-middle .cd-timer-left{width:80px;height:29px;float:left;color:#fff}
.cd-timer-middle .cd-timer-right{_width:112px;height:29px;_float:right; text-align:center;}
.cd-timer-bottom{width:194px;margin:0px auto;font-size:10px;line-height:16px;height:16px}
.cd-timer-bottom .cd-timer-right{width:112px;height:29px;float:right}
.count {font-size:12px;color: #4b4b4b; font-family:'Open Sans',Verdana, Arial, Helvetica, sans-serif;}	 


 /* Minimum width of 600 pixels. */
@media screen and (min-width: 700px) {
	
	.img-left {float:left;margin:0 15px 0 0px}
	.img-right {float:right;margin:0 0 0 15px}
	.img-desktop {display:block !important;}

	
	#wrapper {padding:0px 30px 10px 30px;box-shadow:0px 20px 30px grey;}
	.header {margin:0px -30px 20px -30px;}
	.header-image {}
	
	h1 {margin: 0 auto 30px auto;}
	h2 {font-size:27px; font-weight:700;}
	h3 {font-size:23px; font-weight:700;}
	h4 {font-size:21px; font-weight:700;}
	.content ul.achtung {margin-left:280px;padding-top:0px;}
	.content ul.haken {padding-left:10px;}
	
	.praemienstoerer {}
	.praemientext {margin-left:100px;padding:10px 0 10px 0;}
	.button-box {margin:-45px auto 0 auto;float:none;clear:both;}

	.center-left {text-align:left;}
	
	.left {float:left;}
	.right {float:right;}

	img.box-ausgabe {margin-right:-5px !important;}
	
	.achtung-box {display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;}
		
	.achtung-box h2 {max-width:400px;}		
	img.achtung {margin:50px 10px;}
	
	.praemienbox {
		display: -webkit-flex;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: flex-end;
		-webkit-box-align: flex-end;
		-ms-flex-align: flex-end;
		align-items: flex-end;}

	
	.col-33 {width:32.0%;float:left;border:0px solid red;margin-right:5px;} /*width:33.7%;margin-right:0*/
	.col-33:last-child {width:32.6%;}
	.col-33 img, .col-33 p {font-size:14px;}
	.col-33:first-child img {margin:0 0 0 auto;}
	.col-33 img{}
	.col-plus {border:0px ;width:0.1%;z-index:999;float:left;margin:0 22px 170px -22px;}

}