/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/*
         ADCocktail.com V3 CSS
         Design: Hear My Name Internet Agentur | https://www.hmn.ug
         ======================
         Grundfarben: #87ca07 (Gr�n), #02294a (Dunkelblau), #184a71 (Blau), #3e74a2 (Hellblau), #d0d7e0 (Grau), #f5f5f5 (Grau Hell)
*/

/* Links */
a:link, a:visited {
	text-align: left;
 	font-size: 1.0em;
 	color: #143a78;
 	font-weight: normal;
 	text-decoration:underline;
}

a:hover {
 	font-weight: normal;
 	color: #000000;
 	text-decoration:none;
}

a.button:link, a.button:visited {
         display: inline-block;
         text-align: center;
 	font-size: 1.2em;
         font-weight: 400;
         text-shadow: #072b47 1px 1px 0px;
 	color: #FFFFFF;
 	padding: 5px 75px 5px 15px;
 	margin: 5px 0px 2px 0px;
         background: #184a71 url(../images/button_big.png) center right no-repeat;
         text-decoration:none;
}

a.button:hover {
         text-shadow: #578400 1px 1px 0px;
 	color: #FFFFFF;
         background: #87ca07 url(../images/button_big_hover.png) center right no-repeat;
         text-decoration:none;
}



/* �berschriften */
h1 {
	font-family: 'Roboto', sans-serif;
         font-size: 2.1em;
 	font-weight: 500;
 	text-align: left;
 	color: #02294a;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 0px 0px;
 	vertical-align:top;
         text-transform: uppercase;
}

h2 {
         display: inline-block;
         font-family: 'Roboto', sans-serif;
         font-size: 1.7em;
         font-weight: 500;
         text-align:left;
         color:#FFFFFF;
 	margin-bottom: 10px;
         margin-top: 0px;
 	padding: 1px 10px 1px 10px;
         vertical-align:top;
         text-decoration:none;
         background: #3e74a2;
         text-transform: uppercase;
}

h3 {
         font-family: 'Roboto', sans-serif;
         font-size: 1.4em;
 	font-weight: 400;
 	text-align:left;
 	color:#8bc53e;
 	margin: 5px 0px 5px 0px;
 	padding: 0px 0px 0px 0px;
 	vertical-align:top;
         text-transform: uppercase;
}
h3.b { 	color:#02294a; }

h4 {
         display: inline-block;
         font-family: 'Roboto', sans-serif;
         font-size: 1.3em;
 	font-weight: 5<00;
 	text-align:center;
 	color:#7f7f7f;
 	margin: 5px 0px 5px 0px;
 	padding: 5px 15px 5px 15px;
 	vertical-align:top;
         text-transform: uppercase;
         background: #FFFFFF;
}

h5 {
         font-family: 'Roboto', sans-serif;
         font-size: 1.1em;
         font-weight: normal;
         text-align:left;
         color:#7F7F7F;

 	margin: 5px 0px 5px 0px;
 	padding: 5px 10px 5px 10px;

         vertical-align:top;
         background: #F6F6F6;

         border: 2px #cfcfcf solid;
         -webkit-border-radius: 5px;
         -moz-border-radius: 5px;
         border-radius: 5px;
}

h5.error {
         color:#FFFFFF;
         vertical-align:top;
         background: #c51d20;
         border: 2px #a51315 solid;
}

h5.ok {
         color:#FFFFFF;
         vertical-align:top;
         background: #7aaf14;
         border: 2px #659112 solid;
}

/* Standarts */
body {
         background:#FFFFFF;
         font-size: 1.0em;
         vertical-align:top;
         text-align:left;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
         min-width: 320px;
}

body, tr, td, div {
	font-family: 'Roboto', sans-serif;
         font-weight: 400;
 	font-size: 1.0em;
         vertical-align:top;
         text-align:left;
}

.links 	{ float:left; }
.center	{ text-align: center;}
.rechts { float:right; }
.justify { text-align: justify; }
img 	{ border: 0px; }
.clear 	{ clear:both; line-height:0.0em; height: 0px; display: block; }
.pad	{ padding: 10px; }
.pad_top	{ padding: 20px 0px; }
.pad_big	{ padding: 20px 25px; }
.pad_small{ padding: 3px 5px; }
.pad_small_all > div { padding: 3px 5px; }
.white	{ color: #FFFFFF; }
.middle { font-size: 0.9em !important; }
.small { font-size: 0.8em !important; }
.line	{ border-bottom: 2px #BFBFBF dotted; }
.headline { background: url(../images/headline.png) center center repeat-x; }
.round	{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.w100p  { width: 100px; }
.w150p  { width: 150px; }
.w100  { width: 100%; }
.w80  { width: 80%; }
.w66  { width: 66%; }
.w60  { width: 60%; }
.w50  { width: 50%; }
.w55  { width: 55%; }
.w33  { width: 33%; }
.w100pad { width: calc(100% - 20px); padding: 10px; }
.w80pad  { width: calc(80% - 20px); padding: 10px; }
.w66pad  { width: calc(66% - 20px); padding: 10px; }
.w60pad  { width: calc(60% - 20px); padding: 10px; }
.w50pad  { width: calc(50% - 20px); padding: 10px; }
.w33pad  { width: calc(33% - 20px); padding: 10px; }
.inlineblock { display: inline-block; }
.hide { display: none; }

/* Anmeldung */
form#register {
 width: 100%;
 margin: 10px auto;
}

form#register label { display: inline-block; width: 32%; padding-top: 5px; }
form#register input { display: inline-block; width: 60%; }
form#register select { display: inline-block; width: calc(60% + 10px); }
form#register input[type="checkbox"] { display: inline-block; width: 15px; padding: 2px; }
form#register .rechts label { display: inline-block; width: 45%; }
form#register .rechts input { display: inline-block; width: 50%; }

form#register input[name="Nachname"], form#register input[name="Vorname"] { display: inline-block; width: calc(30% - 10px); }
form#register input[name="PLZ"] { display: inline-block; width: calc(20% - 10px); }
form#register input[name="Ort"] { display: inline-block; width: calc(40% - 10px); }
form#register input[type="submit"] { min-width: 50%; }
form#register textarea { width: 96%; height: 150px; }



form#register .error { border: 2px #DF0000 solid; width: calc(60% - 4px); }
form#register input[name="Nachname"].error, form#register input[name="Vorname"].error { width: calc(30% - 14px); }
form#register input[name="PLZ"].error { width: calc(20% - 14px); }
form#register input[name="Ort"].error { width: calc(40% - 14px); }
form#register select.error { width: calc(60% + 10px); }
form#register textarea.error { border: 2px #DF0000 solid; width: calc(96% - 4px); }


form#register .reg_error_info {
 position: relative;
 background: #FFFFFF;
 border: 2px solid #DF0000;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 padding: 2px 5px;
 font-size: 0.8em;
 color: #DF0000;
 width: 92%;
}

form#register .reg_error_info:after, form#register .reg_error_info:before {
 bottom: 100%;
 left: 4%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}

form#register .reg_error_info:after {
 border-color: rgba(255, 255, 255, 0);
 border-bottom-color: #FFFFFF;
 border-width: 6px;
 margin-left: -6px;
}
form#register .reg_error_info:before {
 border-color: rgba(223, 0, 0, 0);
 border-bottom-color: #DF0000;
 border-width: 9px;
 margin-left: -9px;
}
form#register .rechts .reg_error_info {  width: 95%; }

form#register .reg_error_info.error_text_AGB, form#register .reg_error_info.error_text_DTS {
    width: 67%;
    left: 16%;
    margin-top: 5px;
}



/* Login */
form#login {
 width: 100%;
 margin: 10px auto;
}

form#login label { display: inline-block; width: 23%; float: left; line-height: 30px;margin-top:7px;}
form#login input:not(.checkbox) { display: inline-block; width: 70%; margin-top:7px;float: right;}

form#login input[type="submit"] { display: inline-block; width: 73%; margin-top:15px;}
form#login .error { border: 2px #DF0000 solid; width: calc(70% - 4px); }

form#login .reg_error_info {
 position: relative;
 background: #FFFFFF;
 border: 2px solid #DF0000;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 padding: 2px 5px;
 font-size: 0.8em;
 color: #DF0000;
 width: 96%;
}

form#login .reg_error_info:after, form#login .reg_error_info:before {
 bottom: 100%;
 left: 4%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}

form#login .reg_error_info:after {
 border-color: rgba(255, 255, 255, 0);
 border-bottom-color: #FFFFFF;
 border-width: 6px;
 margin-left: -6px;
}
form#login .reg_error_info:before {
 border-color: rgba(223, 0, 0, 0);
 border-bottom-color: #DF0000;
 border-width: 9px;
 margin-left: -9px;
}
form#login .error_text_Advice .error {  width: calc(100% - 25px); }


/* kontaktform */
form#kontaktform {
 width: 100%;
 margin: 10px auto;
}

form#kontaktform label { display: inline-block; width: 23%; float: left; line-height: 30px;margin-top:4px;}
form#kontaktform input { display: inline-block; width: 70%; margin-top:4px;float: right;}
form#kontaktform textarea { display: inline-block; width: 70%; margin-top:4px;float: right;}

form#kontaktform input[type="submit"] { display: inline-block; width: 71%; margin:15px 4px 0 0;}
form#kontaktform .error { border: 2px #DF0000 solid; width: calc(70% - 4px); }

form#kontaktform .reg_error_info {
 position: relative;
 background: #FFFFFF;
 border: 2px solid #DF0000;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
 padding: 2px 5px;
 font-size: 0.8em;
 color: #DF0000;
 width: 70%;
 float: right;margin: 4px 4px 0 0px;
}

form#kontaktform .reg_error_info:after, form#kontaktform .reg_error_info:before {
 bottom: 100%;
 left: 4%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
}

form#kontaktform .reg_error_info:after {
 border-color: rgba(255, 255, 255, 0);
 border-bottom-color: #FFFFFF;
 border-width: 6px;
 margin-left: -6px;
}
form#kontaktform .reg_error_info:before {
 border-color: rgba(223, 0, 0, 0);
 border-bottom-color: #DF0000;
 border-width: 9px;
 margin-left: -9px;
}
form#kontaktform .error_text_Advice .error {  width: calc(100% - 25px); }



/* Kundenmeinungen */
#kundenmeinungen {}

#kundenmeinungen .item {
 float: left;
         width: calc(50% - 20px);
         margin: 5px 10px 15px 10px;
}

#kundenmeinungen .item .comment {
 position: relative;
 background: #F5F5F5;
         min-height: 125px;
         margin-bottom: 20px;
}
#kundenmeinungen .item .comment:after {
 top: 100%;
 left: 5%;
 border: solid transparent;
 content: " ";
 height: 0;
 width: 0;
 position: absolute;
 pointer-events: none;
 border-color: rgba(245, 245, 245, 0);
 border-top-color: #F5F5F5;
 border-width: 12px;
 margin-left: -12px;
}


/* BGS */
.blue 	{ background: #3e74a2; color: #FFFFFF; text-shadow: #166ab9 1px 1px 0px; }
.blue b { color: #FFFFFF !important; }
.blue2 	{ background: #184a71; color: #FFFFFF; text-shadow: #166ab9 1px 1px 0px; }
.grey 	{ background: #f5f5f5; color: #4F4F4F; text-shadow: #FFFFFF 1px 1px 0px; }
.grey2 	{ background: #d0d7e0; color: #4F4F4F; text-shadow: #FFFFFF 1px 1px 0px; }
.green 	{ background: #87ca07; color: #FFFFFF; text-shadow: #609717 1px 1px 0px; }
.arrow 	{ background: #D0D7E0 url(../images/bg_arrow.png) center center no-repeat; color: #FFFFFF; text-shadow: #166ab9 1px 1px 0px; }

/* Seite */
#wrapper {
         width: 100%;
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
}

.in {
         min-width: 900px;
         max-width: 1200px;
         margin: 0px auto !important;
         border: 0px #FF00FF solid;
}

#header {
         min-height: 50px;
}

#header #logo {
         float: left;
         width: 370px;
         height: 90px;
         margin-left: 0px;
         padding: 0px 0px;
}

#header #menu {
	float: left;
         margin-left: 10px;
}

#header #login {
         float: right;
         margin-right: 10px;
         padding: 0px 5px;
         width: 130px;
         height: 90px;
         background: transparent url(../images/header_diver.png) top left repeat-y;
}

#header #login a {
         display: inline-block;

		 background: transparent url(../images/button_login_header.png) center center no-repeat;
         width: 122px;
         height: 41px;
         text-indent: -9999px;

         padding: 5px 0px 5px 0px;
         margin: 25px 10px 0px 10px;
}
#header #login a:hover {
	background: transparent url(../images/button_login_header_hover.png) center center no-repeat;
}
#header #dashborad {
         float: right;
         margin-right: 10px;
         padding: 0px 5px;
         width: 190px;
         height: 90px;
         background: transparent url(../images/header_diver.png) top left repeat-y;
}

#header #dashborad a {
         display: inline-block;
		 background: transparent url(../images/button_dashboard_header.png) center center no-repeat;
         width: 182px;
         height: 41px;
         text-indent: -9999px;

         padding: 5px 0px 5px 0px;
         margin: 25px 10px 0px 10px;
}
#header #dashborad a:hover {
	background: transparent url(../images/button_dashboard_header_hover.png) center center no-repeat;
}

#headermenu {
         position: relative;
         z-index: 10;
         height: 90px;
         margin: -400px auto 0px auto !important;
         border-bottom: #7bb906 4px solid;

         -webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e8e9ea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e9ea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e8e9ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e9ea',GradientType=0 ); /* IE6-9 */

         -webkit-box-shadow: 0px 20px 20px -15px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 20px 20px -15px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 20px 20px -15px rgba(50, 50, 50, 0.75);
}

#headermenu #menu a:link, #headermenu #menu a:visited {
         cursor: pointer;
         display: inline-block;

         height: 25px;

         font-size: 1.3em;
         color: #02294a;
         font-weight: 500;
         text-decoration:none;
         text-align: left;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-transform: uppercase;

         padding: 5px 0px 5px 0px;
         margin: 30px 10px 0px 10px;
}

#headermenu #menu a.active { border-bottom: 3px #02294a solid; }

#headermenu #menu a:hover, #headermenu #menu a.active {
         color: #8bc53e;
         text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
}

/* Seite */
#site {
         margin-top: 350px;
         padding: 0px 0px 0px 0px;
         min-height: 50px;
         color: #2F2F2F;
}
#site b { color: #184a71; }

#content {
         float: left;
         width: calc(100% - 300px);
         margin: 0px auto;
}

#sitebar {
         float: right;
         width: 260px;
}

#sitebar input[type="text"] { width: calc(100% - 12px); background: #FFFFFF; border: 1px #CFCFCF solid; }
#sitebar input[type="submit"] { width: 100%; }

#sitebar .grey i {
         display: block;
         color: #FFFFFF;
         text-shadow: #9F9F9F 1px 1px 0px;
         background: #BFBFBF;
         text-align: center;
         padding: 5px 0px;
         font-style: normal;
         -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#sitebar .blue i {
         display: block;
         color: #FFFFFF;
         text-shadow: #02294a 1px 1px 0px;
         background: #02294a;
         text-align: center;
         font-style: normal;
         padding: 5px 0px;
         -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#sitebar .blue2 i {
         display: block;
         color: #FFFFFF;
         text-shadow: #87ca07 1px 1px 0px;
         background: #87ca07;
         text-align: center;
         font-style: normal;
         padding: 5px 0px;
         -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#sitebar a { display: block; color: #FFFFFF; text-decoration: none; margin: 2px 0px; font-size: 0.9em; }
#sitebar a b { float: right; color: #FFFFFF; }
#sitebar a:hover { color: #DFDFDF; }

/* Footer */
#footer {
         width: 100%;
         min-height: 80px;
         margin: 0px;
         padding: 10px 0px 0px 0px;

         font-size: 1.0em;
         color: #b3c3d1;
         text-align: center;
         text-shadow: 1px 1px 1px #021632;

         border-top: 4px #82c207 solid;
         background:#0a3457 url(../images/footer.jpg);
         -webkit-box-shadow: inset 0px 15px 10px -5px rgba(0, 25, 48, 0.95);
	-moz-box-shadow:    inset 0px 15px 10px -5px rgba(0, 25, 48, 0.95);
	box-shadow:         inset 0px 15px 10px -5px rgba(0, 25, 48, 0.95);
}

#footer a, #footer a:link, #footer a:visited {
         display: block;
         overflow: hidden;
         height: 15px;
         line-height: 20px;
         color: #b3c3d1;
         font-size: 0.8em;
	padding: 5px 5px 5px 15px;
         margin: 0px;
         text-decoration: none;
         background:transparent url(../images/dot_footer.png) center left no-repeat;
}
#footer a:hover { color: #87ca07; }
#footer b { color: #c5d3df; }

#footer .netzwerk { width: calc(20% - 20px); margin-right: 20px; }
#footer .news { width: calc(30% - 20px); margin-right: 20px; }
#footer .info { width: calc(20% - 20px); margin-right: 20px; }
#footer .kontakt { width: calc(30% - 0px); margin-right: 0px; }

#footer .bottom {
	color: #FFFFFF;
         font-size: 0.9em;
         background: #02294a;
         border-top: 1px #0c3b63 solid;
         margin-top: 20px;
         padding: 10px 0px;
         -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 25, 48, 0.65);
	-moz-box-shadow:    0px 0px 15px 5px rgba(0, 25, 48, 0.65);
	box-shadow:         0px 0px 15px 5px rgba(0, 25, 48, 0.65);
}
#footer .bottom .diver { display: inline-block; font-size: 0.9em; margin-top: 3px; padding: 0px 5px; }

#footer .bottom a {
         display: inline-block;
         color: #FFFFFF;
         background-image: none;
         padding: 0px 5px 0px 5px;
}
#footer .bottom a:hover { color: #87ca07; }

/* Startseite */
#start_types .item { float: left; width: calc(33.3% - 20px); margin: 0px; }
#start_types .item img { max-width: 380px; width: 100%; height: inherit; margin: 10px 0px; }
#start_types .item:nth-child(2) { margin: 0px 30px; }
#start_types .item b { display: block; color: #184a71 !important; font-size: 1.1em; font-weight: normal; padding: 5px 0px; }
#start_types .item i { color: #87ca07; font-size: 1.3em; font-weight: 500; font-style: normal; }
#start_types .item span { display: block; text-align: center !important; font-size: 0.9em; border: 0px #FF00FF solid; height: 60px; }
#start_types .item a.button { display: block; text-transform: uppercase; line-height: 1.8em; }

div[id^="info-"] { transition: 0.5s; display: none; height: 236px; }
div[id^="info-"].active { transition: 0.5s; display: block !important; }
div[id^="info-"] .vorteile { float:left; width: 390px; padding: 8px 0px; text-shadow: 0px 0px 0px #184A71; }
div[id^="info-"] .vorteile h3 { font-weight: 500; }
div[id^="info-"] .vorteile ul { margin: 5px 0px; padding: 0px; }
div[id^="info-"] .vorteile ul li { list-style: none; padding-left: 30px; line-height: 22px; background:transparent url(../images/dot_a.png) center left no-repeat; font-size: 0.8em; }
div[id^="info-"] .punkte { float:right; width: calc(100% - 440px); padding: 10px 0px; margin-top: 15px; }
div[id^="info-"] .punkte .item { float: left; width: calc(33.3% - 20px); text-shadow: 0px 0px 0px #FFFFFF; text-align: center; color: #4F4F4F; font-size: 0.8em }
div[id^="info-"] .punkte .item:nth-child(2) { margin: 0px 30px; }
div[id^="info-"] .punkte .item span { display: block; color: #3e74a2; padding: 10px 0px; font-size: 1.2em; }

#info-allgemein .vorteile { float:left; width: 50%; padding: 8px 0px; text-shadow: 0px 0px 0px #184A71; }
#info-allgemein .reg { float:left; width: calc(50% - 40px); padding: 70px 0px 0px 0px; margin-left: 40px; }
#info-allgemein .reg a.button { text-transform: uppercase; line-height: 1.8em; }
#info-allgemein .reg span { display: block; text-shadow: 0px 0px 0px #FFFFFF; color: #184a71; width: 280px; height: 80px; }
.arrow_publisher { background: #D0D7E0 url(../images/bg_arrow_publisher.jpg) center center no-repeat; color: #FFFFFF; text-shadow: #001060 1px 1px 0px; }
.arrow_merchant { background: #D0D7E0 url(../images/bg_arrow_merchant.jpg) center center no-repeat; color: #FFFFFF; text-shadow: #001060 1px 1px 0px; }
.arrow_agentur { background: #D0D7E0 url(../images/bg_arrow_agentur.jpg) center center no-repeat; color: #FFFFFF; text-shadow: #001060 1px 1px 0px; }

#start_mix { margin: 10px auto; background: transparent url(../images/line_dots.png) center 42px no-repeat; color: #9F9F9F; font-size: 0.8em; }
#start_mix .item { float: left; width: calc(25% - 40px); padding: 0px 20px; }
#start_mix .item img { padding: 0px auto 20px auto; padding: 4px; background: #FFFFFF; }
#start_mix .item b { display: block; margin: 10px 0px; color: #02294a; font-size: 1.2em; }

#kampagnenkatalog ul { margin: 20px 0px; padding: 0px; }
#kampagnenkatalog ul li { float: left; list-style: none; width: calc(33.3% - 20px); border-bottom: 3px #EFEFEF dotted; line-height: 40px; padding: 0px 0px 0px 0px; }
#kampagnenkatalog ul li:nth-child(3n+2) { margin: 0px 30px; }
#kampagnenkatalog ul li a { display: inline; padding: 5px 5px 5px 10px; font-size: 0.9em; color: #8F8F8F; min-width: 30px !important; text-decoration: none; }
#kampagnenkatalog ul li span { float: right; color: #184a71; }
#kampagnenkatalog ul li a .icon-rss { float: right; }
#kampagnenkatalog ul li:last-child { border-bottom: 0px #EFEFEF dotted; }

#kampagnensuche form {
	width: 760px;
         height: 50px;
         margin: 10px auto;
	-webkit-box-shadow: 0px 10px 10px -7px rgba(83, 101, 123, 0.35);
	-moz-box-shadow:    0px 10px 10px -7px rgba(83, 101, 123, 0.35);
	box-shadow:         0px 10px 10px -7px rgba(83, 101, 123, 0.35);
         vertical-align: middle;
}
#kampagnensuche form .l {
	float: left;
         width: 380px;
         height: 50px;
	background: #FFFFFF;
	border: 1px #d0d7e0 solid;
         -webkit-border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
}
#kampagnensuche form .m {
	float: left;
         width: 110px;
         height: 50px;
	background: #FFFFFF;
	border: 1px #d0d7e0 solid;
         border-left: 0px #d0d7e0 solid;
         -webkit-border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 5px;
	border-radius: 0px 0px 0px 0px;
         color: #3e74a2;
}
#kampagnensuche form .m span {
	display: block;
	padding-top: 15px;
         padding-left: 15px;
}

#kampagnensuche form .r {
	float: left;
         width: 155px;
         height: 50px;
	border: 1px #d0d7e0 solid;
         border-left: 0px #d0d7e0 solid;
         -webkit-border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	background: #fdfdfd; /* Old browsers */
	background: -moz-linear-gradient(top,  #fdfdfd 0%, #f3f5f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fdfdfd 0%,#f3f5f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fdfdfd 0%,#f3f5f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f5f7',GradientType=0 ); /* IE6-9 */
}

#kampagnensuche form input {
	-webkit-box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0);
	-moz-box-shadow:    inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0);
	box-shadow:         inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0);

         padding: 13px 15px;
         border: 0px #063e4e solid;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
         color: #3e74a2;
         text-shadow: #FFFFFF 1px 1px 0px;
         background: transparent;
}

#kampagnensuche form input[type="text"] { width: 350px; }
#kampagnensuche form input[type="checkbox"] { border-color: #3e74a2; }
#kampagnensuche form input[type="submit"] { width: 140px; background: transparent url(../images/icon_suche.png) 25px center no-repeat; padding-left: 20px; text-align: right; }
#kampagnensuche form input[type="submit"]:hover { color: #0a3457; }


#kampagnen_liste ul, #kampagnen_neu ul, #kampagnen_top ul { margin: 20px 0px; padding: 0px; }
#kampagnen_liste ul li, #kampagnen_neu ul li, #kampagnen_top ul li { float: left; list-style: none; width: calc(50% - 15px); border-bottom: 3px #EFEFEF dotted; line-height: 40px; padding: 10px 0px 0px 0px; }
#kampagnen_liste ul li:nth-child(odd), #kampagnen_neu ul li:nth-child(odd), #kampagnen_top ul li:nth-child(odd) { margin: 0px 30px 0px 0px; }
#kampagnen_liste ul li a, #kampagnen_neu ul li a, #kampagnen_top ul li a { display: inline; font-size: 0.9em; color: #8F8F8F; min-width: 30px !important; text-decoration: none; }
#kampagnen_liste ul li div, #kampagnen_neu ul li div, #kampagnen_top ul li div { float: left; color: #184a71; font-size: 0.9em; border: 0px #000000 solid; }
#kampagnen_liste ul li div.logo, #kampagnen_neu ul li div.logo, #kampagnen_top ul li div.logo { width: 90px; margin-right: 15px; }
#kampagnen_liste ul li div.kampagne, #kampagnen_neu ul li div.kampagne, #kampagnen_top ul li div.kampagne { width: calc(100% - 305px); height: 40px; margin-right: 15px; overflow: hidden; }
#kampagnen_liste ul li div.value, #kampagnen_neu ul li div.value, #kampagnen_top ul li div.value { width: 150px; margin-right: 15px; text-align: right; font-weight: bold; }
#kampagnen_liste ul li div.sale, #kampagnen_liste ul li div.lead, #kampagnen_liste ul li div.kombi,
#kampagnen_liste ul li div.sale_top, #kampagnen_liste ul li div.lead_top, #kampagnen_liste ul li div.kombi_top,
#kampagnen_neu ul li div.sale, #kampagnen_neu ul li div.lead, #kampagnen_neu ul li div.kombi,
#kampagnen_neu ul li div.sale_top, #kampagnen_neu ul li div.lead_top, #kampagnen_neu ul li div.kombi_top,
#kampagnen_top ul li div.sale, #kampagnen_top ul li div.lead, #kampagnen_top ul li div.kombi,
#kampagnen_top ul li div.sale_top, #kampagnen_top ul li div.lead_top, #kampagnen_top ul li div.kombi_top 
{ margin-right: 0px; margin-top: 10px; }
#kampagnen_liste ul li img, #kampagnen_neu ul li img, #kampagnen_top ul li img { margin-top: 5px; }





#start_stats {
	background: #3e74a2 url(../images/bg_stats.png) center bottom no-repeat;
         -webkit-box-shadow: inset 0px 0px 10px 5px rgba(10, 52, 88, 0.75);
	-moz-box-shadow:    inset 0px 0px 10px 5px rgba(10, 52, 88, 0.75);
	box-shadow:         inset 0px 0px 10px 5px rgba(10, 52, 88, 0.75);
         height: 200px;
         margin: 20px 0px;
}

#start_stats .box {
         float:left;
         display: block;
         width: calc(25% - 30px);
         margin: 10px 15px 15px 15px;
         padding-bottom: 15px;
         background: #134064;

         font-size: 1.4em;
         color: #FFFFFF;

         border: 0px #FFFFFF solid;
         -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

         -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.0), 0px 8px 5px -5px rgba(10, 52, 88, 0.75);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.0), 0px 8px 5px -5px rgba(10, 52, 88, 0.75);
	box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.0), 0px 8px 5px -5px rgba(10, 52, 88, 0.75);
}

#start_stats .box b {
         display: block;
         padding: 10px 0px 10px 0px;
         margin-bottom: 15px;
         background: #0a3457;

         -webkit-border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;

         -webkit-box-shadow: inset 0px 5px 10px 0px rgba(50, 50, 50, 0.0);
	-moz-box-shadow:    inset 0px 5px 10px 0px rgba(50, 50, 50, 0.0);
	box-shadow:         inset 0px 5px 10px 0px rgba(50, 50, 50, 0.0);

         color: #FFFFFF;
         font-size: 0.8em;
         text-weight: 500;
         text-align: center;
         text-shadow: #0a3457 1px 1px 0px;
}

#start_stats .box .l {
         float:left;
         width: calc(50% - 5px);
         padding-right: 5px;
         text-align: right;
}
#start_stats .box .l span {
	background: #FFFFFF;
         color: #0a3457;
         display: inline-block;
         font-size: 0.5em;
         font-weight: 500;
         padding: 1px 3px;
         text-transform: uppercase;
         margin-top: -5px;
}
#start_stats .box .m {
         width: 100%;
         padding-right: 5px;
         text-align: center;
}
#start_stats .box .m span {
	background: #FFFFFF;
         color: #0a3457;
         display: inline-block;
         font-size: 0.5em;
         font-weight: 500;
         padding: 1px 3px;
         text-transform: uppercase;
         margin-top: -5px;
}
#start_stats .box .r {
         float:left;
         width: calc(50% - 5px);
         padding-left: 5px;
         text-align: left;
         color: #87ca07;
}
#start_stats .box .r span {
	background: #87ca07;
         color: #0a3457;
         display: inline-block;
         font-size: 0.5em;
         font-weight: 500;
         padding: 1px 3px;
         text-transform: uppercase;
         margin-top: -5px;
}

#register_types .item, #register_types .item_box { float: left; width: calc(33.3% - 20px); margin: 0px; }
#register_types .item_box img { max-width: 380px; width: 100%; height: inherit; margin: 0px 0px 10px 0px; }
#register_types .item:nth-child(2), #register_types .item_box:nth-child(2) { margin: 0px 30px; }
#register_types .item b { display: block; color: #184a71; font-size: 1.1em; font-weight: normal; padding: 5px 0px; }
#register_types .item i { color: #87ca07; font-size: 1.3em; font-weight: 500; font-style: normal; }
#register_types .item span { display: block; text-align: center !important; font-size: 0.9em; }
#register_types .item a.button { display: block; text-transform: uppercase; line-height: 1.8em; }
#register_types .blue .item_box b { color: #02294a !important; }

#register_types .item_box {
	background: #FFFFFF;
         -webkit-box-shadow: inset 0px 0px 25px 0px rgba(10, 52, 88, 0.25),0px 8px 5px -5px rgba(10, 52, 88, 0.75);
	-moz-box-shadow:    inset 0px 0px 25px 0px rgba(10, 52, 88, 0.25),0px 8px 5px -5px rgba(10, 52, 88, 0.75);
	box-shadow:         inset 0px 0px 25px 0px rgba(10, 52, 88, 0.25),0px 8px 5px -5px rgba(10, 52, 88, 0.75);
         text-shadow: #FFFFFF 1px 1px 0px;
}

#register_types .item_box b {
         display: block;
         text-shadow: #FFFFFF 1px 1px 0px;
         color: #0F0F0F;
         font-size: 0.9em;
         text-align: center !important;
}
#register_types .item_box li {
         text-shadow: #FFFFFF 1px 1px 0px;
         color: #7F7F7F;
         font-size: 0.8em;
         text-align: left;
}


/* Werbeformen */
#werbeformen-info .item { float:left; width: calc(25% - 23px); padding: 10px; text-align: center; }
#werbeformen-info .item.dotted { border-right: 3px #02294a dotted; }
#werbeformen-info .item img, #werbeformen-info .w25pad .button { margin: 10px auto; }
#werbeformen-info .item b { display: block; padding: 10px 0px; }
#werbeformen .head, #werbeformen .head2 { float: left; width: calc(33.333% - 25px); cursor: pointer; margin: 2px 5px 2px 0px; text-shadow: 0px 0px #FFFFFF; }
#werbeformen [id^="data-"] { display: none; padding: 10px 0px; font-size: 0.9em; color: #7F7F7F; }

/* Icons */
[class^="icon-"],[class*=" icon-"] {
	display:inline-block;
	padding: 0px 0px 0px 0px;
         background-image:url(../images/kat_icon_set.png);
	background-position:40px 40px;
	background-repeat:no-repeat;
         width: 40px;
         height: 40px;
         opacity: 0.5;
    	filter: alpha(opacity=50);
}
.icon-beruf { background-position: 0px 0px; }
.icon-gewinn { background-position: 0px -40px; }
.icon-gratis { background-position: 0px -80px; }
.icon-shopping { background-position: 0px -120px; }
.icon-sonstige { background-position: 0px -160px; }
.icon-zeitung { background-position: 0px -200px; }

.icon-finanz { background-position: -40px 0px; }
.icon-mobile { background-position: -40px -40px; }
.icon-mobile_ads { background-position: -40px -80px; }
.icon-software { background-position: -40px -120px; }
.icon-umfragen { background-position: -40px -160px; }

.icon-game { background-position: -80px 0px; }
.icon-web { background-position: -80px -40px; }
.icon-reisen { background-position: -80px -80px; }
.icon-sonder { background-position: -80px -120px; }
.icon-webmaster { background-position: -80px -160px; }

.icon-rss { background-position: -120px 0px; opacity: 1.0; filter: alpha(opacity=100);}

.icon-time { background-position: -160px 0px; }
.icon-kommentar { background-position: -160px -40px; }
.icon-date { background-position: -160px -80px; }
.icon-social { background-position: -160px -120px; }
.icon-autor { background-position: -160px -160px; }
.icon-kategorie { background-position: -160px -200px; }


.lead { background: #184a71; color: #FFFFFF !important; display: block; text-align: center; font-size: 1.0em; font-weight: 500; padding: 2px 0px; line-height: 16px; height: 16px; width: 20px; }
.sale { background: #3e74a2; color: #FFFFFF !important; display: block; text-align: center; font-size: 1.0em; font-weight: 500; padding: 2px 0px; line-height: 16px; height: 16px; width: 20px; }
.kombi { background: #02294a; color: #FFFFFF !important; display: block; text-align: center; font-size: 0.9em; font-weight: 500; padding: 4px 0px 2px 0px; line-height: 16px; height: 16px; width: 20px; }
.lead_top { background: #87ca07; color: #FFFFFF !important; display: block; text-align: center; font-size: 1.0em; font-weight: 500; padding: 2px 0px; line-height: 16px; height: 16px; width: 20px; }
.sale_top { background: #99de14; color: #FFFFFF !important; display: block; text-align: center; font-size: 1.0em; font-weight: 500; padding: 2px 0px; line-height: 16px; height: 16px; width: 20px; }
.kombi_top { background: #78b504; color: #FFFFFF !important; display: block; text-align: center; font-size: 0.9em; font-weight: 500; padding: 4px 0px 2px 0px; line-height: 16px; height: 16px; width: 20px; }



/* Seitenanzeige */
#pages {
         width: 100%;
         line-height:30px;
         padding: 5px 0px;
         text-align: center;
}

#pages a:link, #pages a:visited {
  display: inline-block;
         min-width: 24px;

  font-size: 0.8em;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration:none;
         text-align:center;
         text-shadow: #184a71 1px 1px 0px;

  padding: 0px 2px 0px 2px;
  margin: 2px 1px;
  background: #3e74a2;

  border: 1px #3e74a2 solid;
         -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}
#pages a:first-child, #pages a:last-child, #pages a.white {
 background: #FFFFFF;
         text-shadow: #EFEFEF 1px 1px 0px;
         border: 1px #CFCFCF solid;
         color: #143a78;
}

#pages a:hover {
  background: #87ca07;
         color: #FFFFFF;
         text-shadow: #146ec1 1px 1px 0px;
         border: 1px #87ca07 solid;
}

#pages div {
         display: inline-block;
         min-width: 24px;

  font-size: 0.8em;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration:none;
         text-align:center;
         text-shadow: #146ec1 1px 1px 0px;

  padding: 0px 2px 0px 2px;
  margin: 2px 1px;

  background: #87ca07;
         border: 1px #87ca07 solid;

         -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
}

/* blog */
#blog .item {
	margin: 20px 0px 20px 0px;
}

#blog .date {
         float: left;
	display: block;
         width: 60px;
	padding: 5px 5px;
         margin: 5px 15px 5px 0px;
         background: #3e74a2;

         -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

         color: #FFFFFF;
         font-size: 2.2em;
         font-weight: bold;
         text-align: center;
}

#blog .date span {
	display: block;
	padding: 2px 5px;
         margin: 0px auto;
         background: #FFFFFF;
         color: #4F4F4F;

         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

         font-size: 0.6em;
         font-weight: bold;
         text-align: center;
}

#blog .inhalt {
         float: right;
	display: block;
         width: calc(100% - 100px);
         margin: 0px 15px 5px 0px;
         padding: 0px 0px;
}

#blog hr {
         border: #FFFFFF;
         border-top: 3px #CFCFCF dotted;
         height: 0px;
         color: #FFFFFF;
}

item#blog h3 { margin-top: 0px; }
#blog h3 a, #blog .item .inhalt a h3 { text-decoration: none !important; color:#8bc53e; }

#blog .bar {
	margin-top: 10px;
         padding: 3px 5px;
         border: 0px #d0d7e0 solid;
         padding: 5px 5px;
         font-size: 0.9em;
         color: #8F8F8F;
}

#blog .bar a { color: #8F8F8F; text-decoration: none; }
#blog .bar a b { display: inline-block; margin: 0px 10px 0px 5px; padding: 2px 5px; font-weight: 400; }

#blog [class^="icon-"],#blog [class*=" icon-"] {
	display:inline-block;
	padding: 0px 0px 0px 0px;
         margin: -10px -10px -10px -10px;
         background-image:url(../images/kat_icon_set.png);
	background-repeat:no-repeat;
         width: 40px;
         height: 40px;
         opacity: 0.3;
    	filter: alpha(opacity=30);
}

/* Login-Box */
#loginbox {
	display: none;
         z-index: 200;
         position: relative;
         background: #184a71;
         width: 460px;
         min-height: 150px;
         -webkit-box-shadow: 0px 0px 50px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 50px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 50px 0px rgba(50, 50, 50, 0.75);color:white;
}
#loginbox a {color:white;}
#loginbox .pad { padding: 30px 50px 30px 50px; }

#loginbox span {
         display: block;
	font-size: 1.8em;
	color: #FFFFFF;
         text-align: center;
         padding: 5px 0px 10px 0px;
         font-weight: bold;
         border-bottom: 5px #FFFFFF dotted;
         margin-bottom: 20px;
}

#loginbox label {
         float:left;
         width: 120px;
	font-size: 1.1em;
         line-height: 2.0em;
	color: #FFFFFF;
}

#loginbox input:not(.checkbox) {
	float:right;
         width: 200px;
	font-size: 1.1em;
         margin: 2px 0px;

}
#loginbox input[type="submit"] {
	width: 210px;
         float:right;
         text-align: center;
         padding: 5px 0px;
	background: #afdd23; /* Old browsers */
	background: -moz-linear-gradient(top,  #afdd23 0%, #87ca07 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #afdd23 0%,#87ca07 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #afdd23 0%,#87ca07 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afdd23', endColorstr='#87ca07',GradientType=0 ); /* IE6-9 */
}
#loginbox input[type="submit"]:hover {
	background: #87ca07; /* Old browsers */
	background: -moz-linear-gradient(top,  #87ca07 0%, #afdd23 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #87ca07 0%,#afdd23 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #87ca07 0%,#afdd23 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87ca07', endColorstr='#afdd23',GradientType=0 ); /* IE6-9 */
}

#loginbox .close_button {
	position: relative;
         margin: -20px -14px 0px 0px;
         cursor: pointer;
         background: transparent url(../images/close_b.png) center center no-repeat;
         width: 42px;
         height: 42px;
         float:right;
}
#loginbox .close_button:hover {
	background: transparent url(../images/close_hover.png) center center no-repeat;
}


/* Social Media */
#socialmedia {
	position: fixed;
         right: 0px;
         top: 150px;
	width: 50px;
         height: 200px;
         text-align: center;
}

#socialmedia a {
	display: inline-block !important;
	width: 50px !important;
         height: 50px !important;
         background: #82c207 url(../images/socialmedia_icons.png) top center no-repeat;
         padding: 0px !important;
}

#socialmedia a:hover {
         background: #02294a url(../images/socialmedia_icons.png) top center no-repeat;
}

#socialmedia a.twitter { background-position: 10px 0px; }
#socialmedia a.google { background-position: 10px -50px; }
#socialmedia a.facebook { background-position: 10px -100px; }
#socialmedia a.rss { background-position: 10px -150px; }

#footer .socialmedia {
	width: 100%;
    height: 50px;
    text-align: left;
    margin-top: 10px;
}

#footer .socialmedia a {
	display: inline-block !important;
	width: 50px !important;
         height: 50px !important;
         background-image: url(../images/footer_socialmedia_icons.png);
         background-repeat: no-repeat;
         padding: 0px !important;
}

#footer .socialmedia a:hover {
         background-image: url(../images/footer_socialmedia_icons_hover.png);
}

#footer .socialmedia a.google { background-position: 0px 0px; }
#footer .socialmedia a.facebook { background-position: -52px 0px; }
#footer .socialmedia a.twitter { background-position: -104px 0px; }
#footer .socialmedia a.skype { background-position: -156px 0px; }
#footer .socialmedia a.rss { background-position: -208px 0px; }

/* Sprachen */
#lang {
	position: fixed;
	right: 20px;
	top: 0px;
	min-width: 50px;
	min-height: 18px;
	padding: 5px 10px;
	text-align: center;
	background: #FFFFFF;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:    0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow:         0px 0px 3px 0px rgba(0, 0, 0, 0.25);
}
#lang a { color: #3E74A2; text-decoration: none; }

/* Content Boxen */
.box {
	display: block;
         margin: 10px 0px 15px 0px;
         background: #FFFFFF;

         border: 3px #FFFFFF solid;
         -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

         -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.35), 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
	-moz-box-shadow:    inset 0px 0px 10px 0px rgba(0, 0, 0, 0.35), 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
	box-shadow:         inset 0px 0px 10px 0px rgba(0, 0, 0, 0.35), 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
}

.box b {
         display: block;
         padding: 3px 0px 5px 0px;
         margin-bottom: 5px;
         background: #dedede;

         -webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	border-radius: 3px 3px 0px 0px;

         -webkit-box-shadow: inset 0px 5px 10px 0px rgba(50, 50, 50, 0.15);
	-moz-box-shadow:    inset 0px 5px 10px 0px rgba(50, 50, 50, 0.15);
	box-shadow:         inset 0px 5px 10px 0px rgba(50, 50, 50, 0.15);

         text-weight: bold;
         text-align: center;
         text-shadow: #FFFFFF 1px 1px 0px;
}

/* Sonstiges */
#w { position: fixed; display: none; top: 0; left: 0; background: #000000; color: #FFFFFF; padding: 5px 10px; }


/* Tabellen BGs */
.tab0 { 	background-color:#FFFFFF; font-size: 0.8em; border:1px #B4BFC8 solid; padding: 5px 10px; }
.tab1 { 	background-color:#FCFCFC; font-size: 0.8em; padding: 5px 10px; }
.tab2 { 	background-color:#F5F5F5; font-size: 0.8em; padding: 5px 10px; }
.tab3 { 	background-color:#F5F5F5; border-top: #02345A 2px solid;  }
.head { 	background-color:#02345A; color:#ffffff; font-weight: bold; padding: 5px 10px; text-align:left; }
.head2 { background-color:#4281B1; color:#ffffff; font-size: 0.9em; font-weight: bold; padding: 5px 10px; text-align:left; }


/* tabs */
div.tab {
    	overflow: hidden;
    	background-color: transparent;
         text-align: center;
         padding-top: 20px;
}

div.tab button {
         background-color: inherit;
    	display: inline-block;
    	border: none;
    	outline: none;
    	cursor: pointer;
    	padding: 10px 20px;
    	transition: 0.3s;

         font-weight: bold;

         margin-right: 5px;
         color: #FFFFFF;

         -webkit-box-shadow: inset -1px -10px 5px -5px rgba(2, 40, 57, 0.95);
	-moz-box-shadow:    inset -1px -10px 5px -5px rgba(2, 40, 57, 0.95);
	box-shadow:         inset -1px -10px 5px -5px rgba(2, 40, 57, 0.95);
}

div.tab button.tab.b1 { background-color: #3e74a2; }
div.tab button.tab.b2 { background-color: #184a71; }
div.tab button.tab.b3 { background-color: #02294a; }

div.tab button.tab:hover {
    	background-color: #87ca07;
         -webkit-box-shadow: inset -1px -10px 5px -5px rgba(0, 0, 0, 0.10);
	-moz-box-shadow:    inset -1px -10px 5px -5px rgba(0, 0, 0, 0.10);
	box-shadow:         inset -1px -10px 5px -5px rgba(0, 0, 0, 0.10);
}

div.tab button.tab.active {
    	background-color: #FFFFFF !important;
         color: #3e74a2 !important;
         -webkit-box-shadow: inset -1px -10px 5px -5px rgba(0, 0, 0, 0.0);
	-moz-box-shadow:    inset -1px -10px 5px -5px rgba(0, 0, 0, 0.0);
	box-shadow:         inset -1px -10px 5px -5px rgba(0, 0, 0, 0.0);
}

.tabcontent {
    	display: none;
    	padding: 6px 12px;
   	border-top: none;
}

.tabcontent.show {
    	display: block;
}


/* Schatten */
#shadow {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         z-index: 100;
         background-color: rgba(0, 0, 0, 0.55);
         width: 100%;
         height: 100%;
         cursor: pointer;
}


/* Formulare */
input, textarea, select {
         font-family: 'Roboto', sans-serif;
         font-size: 1.0em;
 	background: #EFEFEF;
 	color: #000000;

 	padding: 5px 5px;
 	margin: 2px 5px 2px 0px;

         vertical-align: top;
	-webkit-box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.25);
	-moz-box-shadow:    inset 2px 2px 4px 0px rgba(50, 50, 50, 0.25);
	box-shadow:         inset 2px 2px 4px 0px rgba(50, 50, 50, 0.25);

         border: 0px #063e4e solid;
         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type="submit"] {
 	border: 0px #057e9f solid;
	text-align: center;
 	font-size: 1.2em;
         font-weight: 400;
         text-shadow: #072b47 1px 1px 0px;
 	color: #FFFFFF;
 	padding: 5px 75px 5px 15px;
 	margin: 0px 0px 0px 0px;
         background: #184a71 url(../images/button_big.png) center right no-repeat;
         text-decoration:none;

         cursor: pointer;
         -webkit-box-shadow: inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0);
	-moz-box-shadow:    inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0);
	box-shadow:         inset 2px 2px 4px 0px rgba(50, 50, 50, 0.0);

         -webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type="submit"]:hover {
	color: #FFFFFF;
         text-shadow: #000000 1px 1px 0px;
	background: #45484d url(../images/button_big_hover.png) center right no-repeat;

}

#kontakt_footer input, #kontakt_footer textarea {
	background: #021632;
         font-size: 0.8em;
         color: #b3c3d1;
         padding: 8px 5px 5px 8px;
         margin: 2px 0px 4px 0px;
         -webkit-box-shadow:  inset 0px 0px 5px 5px rgba(2, 18, 40, 0.95), 1px 1px 1px 0px rgba(50, 100, 150, 0.35);
	-moz-box-shadow:     inset 0px 0px 5px 5px rgba(2, 18, 40, 0.95), 1px 1px 1px 0px rgba(50, 110, 150, 0.35);
	box-shadow:          inset 0px 0px 5px 5px rgba(2, 18, 40, 0.95), 1px 1px 1px 0px rgba(50, 110, 150, 0.35);
         -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
#kontakt_footer input[type="submit"]{
	float: right;
         width: 70px;
         height: 60px;
         background:transparent url(../images/formular_button_submit_footer_de.png) no-repeat;
         -webkit-box-shadow:  inset 0px 0px 5px 5px rgba(2, 18, 40, 0.0), 1px 1px 1px 0px rgba(50, 100, 150, 0.0);
	-moz-box-shadow:     inset 0px 0px 5px 5px rgba(2, 18, 40, 0.0), 1px 1px 1px 0px rgba(50, 110, 150, 0.0);
	box-shadow:          inset 0px 0px 5px 5px rgba(2, 18, 40, 0.0), 1px 1px 1px 0px rgba(50, 110, 150, 0.0);
}

#kontakt_footer input[name="name"]{ float: left; width: calc(50% - 15px); }
#kontakt_footer input[name="email"]{ float: right; width: calc(50% - 15px); }
#kontakt_footer textarea{ float: left; width: calc(100% - 90px); height: 48px; }

/*
///////////////////////////////////
	Media-Querys
///////////////////////////////////
*/
@media (max-width: 1200px) {
	.in { padding-left: 20px; padding-right: 20px; width: calc(100% - 40px) !important; min-width: calc(900px - 40px) !important; }
         #headermenu.in { padding-left: 0px; padding-right: 0px; margin: 0px 20px; width: calc(100% - 40px) !important; }
         #headermenu #menu a:link, #headermenu #menu a:visited { font-size: 1.1em; margin: 30px 5px 0px 5px; }
         #header_slider .header_slider_left { left: 20px !important; }
         #header_slider .header_slider_right { right: 20px !important; }

         #footer .socialmedia a { width: 44px !important; height: 44px !important; }

         #start_types .item i { font-size: 1.1em; }
         #start_types .item span { height: 80px; }
         #start_types .item a.button { font-size: 0.9em; line-height: 1.6em; }
         .arrow { background-position: -370px 0px; }
         div[id^="info-"] .punkte { width: calc(100% - 400px); margin-top: -10px; height: 228px; overflow: hidden; }
         div[id^="info-"] .punkte .item { font-size: 0.8em; }
         div[id^="info-"] .punkte .item span { padding: 8px 0px; }

         #kampagnenkatalog ul li { width: calc(50% - 40px) !important; margin: 0px 0px 0px 0px !important; }
	#kampagnenkatalog ul li:nth-child(even) { margin: 0px 0px 0px 40px !important; }

         #start_stats .box { font-size: 1.2em; }
         #start_stats { background-size: 130%; background-position: center center; }
         #socialmedia { display: none; }
}

@media (max-width: 1110px) {
	#headermenu #menu a.cut-c {display: none; }
}

@media (max-width: 1000px) {
	#headermenu #menu a:link, #headermenu #menu a:visited { font-size: 1.2em; margin: 30px 5px 0px 5px; }
         #headermenu #menu a.cut-b,#headermenu #menu a.cut-c {display: none; }

	#start_types .item i { font-size: 1.0em; }
         #start_types .item a.button { font-size: 0.9em; line-height: 1.3em; }
	div[id^="info-"] .punkte .item { font-size: 0.7em; }
         #info-allgemein .reg { float:left; width: calc(50% - 20px); padding: 70px 0px 0px 0px; margin-left: 20px; }
         #start_mix { background-size: 80%; }
}