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

body {
	background:#062A48;
	margin:0;
	padding:0;
	overflow-x: hidden;
}
a img {
	border:0 solid;
}
p {
	margin:0;
	padding:0;
}
.c_main {
	width:100%;
	float:left;
	margin:0;
	padding:0;
	z-index:1;
}
.c_top_main {
	width:100%;
	position: relative; 
	background: #fff;
	z-index:100;
}
.top_main {
	width:1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.c_logo {
	width: 100%;
	height: 124px;
}
.logo {
	float:left;
	margin: 21px 0 0 124px;
	width:300px;
	height:103px;
}
.claim {
	font: 500 25px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: right;
	width: 670px;
	height: 91px;
	margin: 33px 0 0 0;
	float:left;
	color: #0772AB;
	letter-spacing:0.1em;
}
.claim span {
	font: 500 18px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #8C8C8C;
	letter-spacing:0.1em;
	text-align:right;
	padding-top:8px;
}
.c_video {
	position:relative;
	width:1200px;
	margin:0 auto;	
}
.video {
	position:absolute;
	width:100%;
	height:720px;
}
.main {
	width:1200px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.language {
	max-width: 1090px;
	position: absolute;
	text-align: right;
	top: 14px;
	width: 100%;
	z-index: 200;
	text-transform:uppercase;
	padding:0 140px 0 0;
	color:#fff;
	font: 300 18px/120% "Ubuntu", "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
}
.language a {
	color: #fff;
	font: 300 18px/120% "Ubuntu", "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	text-decoration:none;
}
.language a:hover {
	color: #fff;
	text-decoration:underline;
}
.sommer_serverangebot {
	width:100%;
	height: 646px;
	position:relative;
}
.sommer_serverangebot img {
	z-index:1;
	float:left;
}
.sommer_serverangebot .angebot_claim {
	z-index:100;
	top: 13px;
	left: 36px;
	width: 100%;
	font: 500 25px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: 0.5px;
	position:absolute;
	color: #0A3960;
	text-align:left;
	max-width:1200px;
}
.sommer_serverangebot .angebot_claim p.angebot_title {
	font: 500 42px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 35px 0 20px 0;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
}
.sommer_serverangebot .angebot_claim p.angebot_subtitle {
	font: 300 25px/140% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 25px 0 50px 0;
	color:#fff;
}
.sommer_serverangebot .angebot_claim .calltoaction, .c_boxes .calltoaction, .zusatzoptionen_weiss .calltoaction {
	height:34px;
	text-align:center;
	background:#8EC230;
	font: 500 22px/34px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
/*	text-transform:uppercase; */
	width:205px;
	padding:10px 60px;
	margin:0 auto;
}
.zusatzoptionen .calltoaction {
	height:34px;
	text-align:center;
	background:#8EC230;
	font: 500 22px/34px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	/* text-transform:uppercase; */
	width:205px;
	padding:10px 60px;
	margin:0 auto;
	float:right;
}
.c_boxes_danke .calltoaction {
	height:34px;
	text-align:center;
	background:#8EC230;
	font: 500 22px/34px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-transform:uppercase;
	width:250px;
	padding:10px 60px;
	margin:40px auto;
}
.sommer_serverangebot .angebot_claim .calltoaction a, .c_boxes_danke .calltoaction a, .zusatzoptionen .calltoaction a, .zusatzoptionen_weiss .calltoaction a, .zusatzoptionen .calltoaction a:hover {
	color: #fff;
	text-decoration: none;
}
.c_boxes_danke p {
	color: #3f5264;
    font: 300 16px/38px "Ubuntu","Trebuchet MS",Arial,Helvetica,sans-serif;
	text-align:center;
}
.arrow {
	position:absolute;
	left:355px;
	bottom: 60px;
	width:56px;
	height: 64px;
}
.c_boxes {
	width:920px;
	height: 77px;
	background: #fff;
	padding:40px 140px 100px 140px;
}
.c_boxes_danke {
	width:920px;
	height: 165px;
	background: #fff;
	padding:40px 140px 100px 140px;
	margin-top: -195px;
}

.head {
	width:920px;
	height: 450px;
	background: #fff;
	padding:40px 140px 100px 140px;
}
.head_box_left {
	float:left;
	width: 585px;
	position:relative;
}
.titlebox {
	width: 585px;
	position:absolute;
	left:0;
	top:0;
	z-index:100;
}
.titlebox_2 {
	width: 585px;
	position:absolute;
	left:0;
	top:47px;
	z-index:100;
}
.titlebox .title {
	height: 47px;
	padding: 0 13px;
	background: #157EB7;
	font: 500 24px/47px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	float: left;
	text-align: left;
	letter-spacing:0.1em;
}
.titlebox_2 .subtitle {
	height: 34px;
	padding: 0 9px;
	background: #309BD6;
	font: 500 16px/34px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	float: left;
	text-align: left;
	margin: 1px 0 0 0;
	letter-spacing:0.1em;
}
.head_box_left img {
	position:absolute;
	top:61px;
	right: 206px;
	z-index:1;
}

.head_box_right {
	float:right;
	width: 450px;
	margin: 47px 0 0 0;
	height:440px;
	position:relative;
}
.head_box_right .button {
	height:34px;
	text-align:center;
	background:#8EC230;
	font: 500 22px/34px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	/* text-transform:uppercase; */
	width:205px;
	padding:10px 60px;
	margin:0 auto;
	position:absolute;
	bottom:0;
	right:0;
}
.head_box_right .button a, .head_box_right .button a:hover {
	color:#fff;
	text-decoration:none;
}
.head_box_right img {
	position:absolute;
	top:-13px;
	left: 55px;
	z-index:1;
}
.c_content {
	background:#EDEFF1;
	width:920px;
	padding: 0 140px;
	border-top: 1px solid #fff;
	float:left;
	position:relative;
}
.icons {
	width: 100%;
	padding: 60px 0 60px 0;
	margin:0;
	float:left;
}
p.icon_title {
	font: 500 20px/200% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 21px 0;
	color: #3E3E3E;
	letter-spacing:0.1em;
}
h1 {
	font: 500 35px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#147EB7;
	padding:0;
	margin: 0 0 51px 0;
	letter-spacing:0.1em;
	text-align:center;
}
.icon_boxes {
	width:100%;
	background:url(../img/icon_boxes_bg.png) center top repeat-y;
	font: 300 15px/200% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	text-align:center;
}
.icon_boxes a {
	color: #3099D6;
	text-decoration: none;
}
.icon_boxes a:hover {
	text-decoration: underline;
}
.icon_boxes .box1 {
	width: 409px;
	margin: 20px 0 0 0;
	float: left;
	padding: 0 50px 38px 0;
}
.icon_boxes .box2 {
	width: 437px;
	margin: 20px 0 0 0;
	float: right;
	padding: 0 0 30px 22px;
}
.icon_boxes .box2 span {
	font: 500 15px/200% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #3099D6;
}
.icon_boxes .box3 {
	width: 409px;
	margin: 20px 0 0 0;
	float: left;
	padding: 0 50px 38px 0;
}
.icon_boxes .box4 {
	width: 437px;
	margin: 20px 0 0 0;
	float: right;
	padding: 0 0 30px 22px;
}

.ulbox {
	width: 456px;
	float:right;
	text-align:left;
	padding: 100px 0 0 0;
	height:290px;
}
.ulbox_content {
	width: 456px;
	float:right;
	text-align:left;
	padding: 40px 0 0 0;
	height:220px;
}
.ulbox ul, .ulbox_content ul {
	margin:0 0 0 20px;
	padding:0 0 0 20px;
	font: 300 16px/38px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3F5264;
	list-style:url(../img/li.png);
}
.ulbox a, .ulbox_content a {
	color:#3099D6;
	text-decoration:none;
}
.ulbox a:hover, .ulbox_content a:hover {
	color:#3099D6;
	text-decoration:underline;
}

.c_preistabelle {
	background: #edeff1 none repeat scroll 0 0;
	float: left;
	margin: 0 0 0 -140px;
	padding: 60px 140px 60px 140px;
	width: 920px;
}
.preistabelle {
}
.preistabelle_hintergrund {
	background:url(../img/hervorgehoben_blech_bg.png) repeat-x top;
	width:920px;
	padding: 40px 140px 33px 140px;
	float: left;
}
.preistabelle {
	background: #fff none repeat scroll 0 0;
	color: #3e3e3e;
	font: 500 16px/39px "Ubuntu", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.preistabelle td {
	text-align:center;
	padding:10px 0;
}
.preistabelle tr.preis {
	background: #fff;
	font: 500 24px/39px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1A7DBA;
}
.preistabelle tr.preis_gruen {
	background: #fff;
	font: 500 24px/39px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #72A41F;
}
.preistabelle td.first {
	border-left:none;
	text-align:left;
	padding: 0 0 0 23px;
	font: 500 16px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	border-right:1px solid #EDEFF1;
}
.preistabelle .preise {
	font: 500 24px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3099D6;
	text-align:center;
	padding-bottom:20px;
}
.table_top_content {
	font: 500 24px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	border-right: 1px solid #fff;
}
.table_button_content {
	text-align:center;
	border-right:1px solid #fff;
}
.table_button_content a, .table_button_content a:hover {
	font: 500 20px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.hervorgehoben {
	width: 868px;
	float:left;
	background: url(../img/hervorgehoben_verlauf.png) top repeat-x #F1F1F1;
	-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.26);
	-moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.26);
	box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.26);
	padding:29px 26px;
	font: 500 13px/200% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 25px 0 0 0;
}

.zusatzoptionen {
	background:#0A3B62;
	padding: 60px 140px 60px 140px;
	margin:0;
	float:left;
	width:920px;
	margin: 0 -140px;
	color:#fff;
	font: 300 16px/38px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.zusatzoptionen a {
	color:#70B8E1;
	text-decoration:underline;
}
.zusatzoptionen a:hover {
	color:#70B8E1;
	text-decoration:none;
}
.zusatzoptionen .titlebox {
	width: 585px;
	position:relative;
	left:0;
	top:0;
	z-index:100;
}
.zusatzoptionen_weiss {
	background:#fff;
	padding: 60px 140px 56px 140px;
	margin:0;
	float:left;
	width:920px;
	margin: 0 -140px;
	color:#3F5264;
	font: 300 16px/38px 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.zusatzoptionen_weiss a {
	color:#3F5264;
	text-decoration:underline;
}
.zusatzoptionen_weiss a:hover {
	color:#3F5264;
	text-decoration:none;
}
.zusatzoptionen_weiss .titlebox {
	width: 585px;
	position:relative;
	left:0;
	top:0;
	z-index:100;
}

.footer_background {
	background:#fff;
	width:920px;
	float:left;
	height:900px;
	padding: 0 140px;
	margin: 0 -140px;
}
.c_footer {
	width:50%;
	float:left;
	margin:-900px 0 0 0;
	height:298px;
	padding:0;
	z-index:100;
	position:relative;
	background:#aff;
}
.c_footer_danke{
	width:100%;
	float:left;
	margin:0 0 0 0;
	height:280px;
	padding:0;
	z-index:100;
	position:relative;
}
.footer {
	width:920px;
	margin: 0 auto;
	position: relative;
	padding: 60px 140px;
	/*background:#fff;*/
	height:698px;
	background:#fff;
}
.credits {
	width:920px;
	margin: 0 auto;
	position: relative;
	padding: 40px 140px;
	height:200px;
	background:#0A3B99;
}
.c_footerboxes {
	float: left;
	height: 178px;
	padding: 70px 0 0 0;
}
.footer_box {
	background: url(../img/footer_boxes_bg.png) repeat-x top #F1F1F1;
	height:117px;
	width:207px;
	float:left;
	font: 500 22px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	text-align:center;
	margin: 0 30px 0 0;
}
.footer_box a {
	color: #fff;
	text-decoration:none;
}

.anfrage {
	float:left;
	width: 100%;
	background:#fff;
	padding:0 60px 140px 0;
}
/*KONTAKT UND IMPRESSUM INDEX*/
.kontakt {
	color: #fff;
	float: right;
	font: 500 16px/180% "Ubuntu", "Trebuchet MS", Arial, Helvetica, sans-serif;
	height: 195px;
	letter-spacing: 0.1em;
	text-align: center;
	width: 100%;
	background:#0A3B62;
}
.kontakt .kontakttitel {
	font: 500 24px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 27px 0;
}
.impressum {
	float:right;
	width: 100%;
	text-align:right;
	font: 11px/182% Arial, Helvetica, sans-serif;
	color: #fff;
	background:#0A3B62;
	padding:0;
	height:43px;
}
.impressum a {
	color: #fff;
	text-decoration: none;
}
.impressum a:hover {
	text-decoration: underline;
}
/*KONTAKT UND IMPRESSUM DANKESEITE*/
.kontakt_danke {
	float:left;
	padding: 66px 0 0 0;
	font: 500 16px/180% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	height:440px;
	width:290px;
	letter-spacing:0.1em;
	margin-top:-45px;
}
.kontakt_danke .kontakttitel_danke {
	font: 500 24px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0 0 27px 0;
}
.impressum_danke {
	float:right;
	width: 100%;
	text-align:right;
	font: 11px/182% Arial, Helvetica, sans-serif;
	color: #fff;
	margin: -445px 0 0 0;
}
.impressum_danke a {
	color: #fff;
	text-decoration: none;
}
.impressum_danke a:hover {
	text-decoration: underline;
}
.table_packages {
	margin-top:-195px;
}
.table_top {
	font: 500 24px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	height:50px;
}
.table_text {
	font: 500 16px/300% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3E3E3E;
	text-align:center;
	background:#EDEFF1;
}
.table_preis {
	font: 500 24px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#3099D6;
	text-align:center;
	height:80px;
	background:#EDEFF1;
}
.table_button {
	height:50px;
	text-align:center;
}
.table_button a, .table_button a:hover {
	font: 500 20px/120% 'Ubuntu', "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.no_btn {
    bottom: 15px;
    cursor: pointer;
    height: 48px;
    overflow: hidden;
    position: fixed;
    right: 15px;
    width: 60px;
    z-index: 100;
}