html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	line-height: 1;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



/** defaults **/

body {
	font: normal 13px Arial, sans-serif;
	color: #333333;
}

select,
input {
	font: normal 13px Arial, sans-serif;
	color: #819eb1;
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	background-repeat: no-repeat;
}

p {
	font: normal 13px Arial, sans-serif;
	color: #514d47;
}

form {
	display: inline;
}

abbr {
	display: block;
}

b {
	font-weight: bold;
}

input,
select,
textarea {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
}

button,
input {
	line-height: normal;
}

button,
select {
	text-transform: none;
}

.wrapper {
	width: 734px;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.box {
	background-color: #e5eef2;
	width: 714px;
	/*height: 400px;*/
	/*overflow: hidden;*/
	padding: 15px 15px 15px 5px;
}

.errortext+.text {
	margin-top: 20px;
}

.text strong {
	font-weight: bold;
}

.starttext {
	font-size: 11px;
	padding: 5px 0 10px 0;
}

p#thankyou {
	font-weight: bold;
	padding: 10px 0;
}

p.errormessage {
	font-weight: bold;
	padding: 10px 0 10px 0;
	color: red;
}

.error input {
	border: 1px solid #df0024;
}

.error select {
	border: 1px solid #df0024;
}

.zipcodeerror input#zipcode {
	border: 1px solid #df0024;
}

.wrapper .title {
	font-size: 21px;
	color: #264562;
	padding-bottom: 10px;
}

h2 {
	font-size: 16px;
	font-weight: bold;
}

.salutation {
	padding-top: 6px;
	padding-bottom: 1px;
	padding-left: 10px;
}

.textfield,
.firstname,
.lastname,
.cusname1,
.position,
.email,
.emailerror,
.section,
.country,
.street,
.streetno,
.zipcode,
.city {
	float: left;
	width: 347px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.box .cb-interest {
	float: left;
	width: calc( 100% - 45px);
    padding-bottom: 12px;
}

.box .columnLeft {
	float: left;
	width: 347px;
}

.box .columnRight {
	float: left;
	padding-left: 10px;
	width: 347px;
}

.box.boxTwo,
.box.boxThree {
	padding: 15px 5px 15px 15px;
	margin-bottom: 20px;
}

div.boxTwo:last-child {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.box.boxTwo strong {
	font-weight: bold;
}

.box.boxTwo .title {
	font-size: 16px;
	padding-bottom: 6px;
}

.box.boxOne .title {
	font-size: 16px;
	padding-bottom: 6px;
	padding-left: 10px;
}

p.group-headline {
	font-weight: bold;
	margin: 0;
	padding-bottom: 10px;
	font-size: 12px;
}

.box.boxOne input {
	height: 23px;
}

.box.boxOne select {
	height: 23px;
	line-height: 24px;
	width: 347px;
}

.box.boxOne input,
.box.boxOne select {
	padding-left: 3px;
	font-size: 12px;
}

.box.boxTwo .columnLeft>div,
.box.boxThree .columnLeft>div,
.box.boxFour .columnLeft>div,
.box.boxTwo .columnRight>div,
.box.boxThree .columnRight>div,
.box.boxFour .columnRight>div {
	padding-bottom: 8px;
}

.box.boxOne p,
.box.boxOne abbr {
	font: bold 13px Arial, sans-serif;
	color: #000000;
	margin: 15px 0 5px;
}

label.privacy {
	display: block;
	font-size: 11px;
	margin: 7px 0 12px 15px;
	padding-bottom: 2px;
}

label.privacy a {
	color: #5a7c91;
	text-decoration: none;
}

p.smaller {
	font-size: 12px;
	padding: 20px 0 10px 0;
}

p.dataprotection {
    /*font-size: 11px;*/
    padding: 7px 0 5px 15px;
    width: 650px;
    font: normal 13px Arial, sans-serif;
    color: #514d47;
}

.submitButton {
	width: 701px;
	padding: 15px 15px 60px 15px;
}

.submitButton+.text {
	margin: -20px 0 60px 0;
	clear: both;
}

.submitButton button,
.submitButton input {
	background-image: url("../img/btnGradient.png") !important;
	background-position: 0 0 !important;
	background-repeat: repeat-x;
	border: 1px solid #5A7C91;
	color: #FFFFFF !important;
	height: 23px;
	font-size: 11px;
	font-weight: bold;
	margin: 3px 6px 3px;
}

.submitButton button:hover,
.submitButton input:hover {
	background-image: url("../img/btnGradientHover.png") !important;
	background-position: 0 0 !important;
	background-repeat: repeat-x;
	border: 1px solid #819EB1;
}

.box input {
	width: 347px;
}

.box select {
	width: 346px;
}

.box .salutation input {
	width: 20px;
}

.salutation label {
	margin-left: 20px;
}

.salutation label:first-child {
	margin-left: 0;
}

.box .middle {
	float: left;
	width: 223px;
}

.box .middle input {
	width: 223px;
}

.box .small {
	float: left;
	width: 114px;
}

.box .small input {
	width: 114px;
}


.box .zipcode {
	float: left;
	width: 114px;
}

.box .zipcode input {
	width: 114px;
}

.box .city {
	float: left;
	padding-left: 10px;
	width: 223px;
}

.box .city input {
	width: 223px;
}

.box.boxTwo input,
.box.boxThree input,
.box.boxFour input {
	width: 13px;
	float: left;
	margin-right: 13px;
	padding: 0;
}



/* Radio-Button & Checkbox*/

.has-js .label_radio {
	padding-left: 24px;
}

.has-js .label_radio {
	background: url(../img/radio-off.gif) no-repeat;
}

.has-js label.r_on {
	background: url(../img/radio-on.gif) no-repeat;
}

.has-js .label_radio input {
	position: absolute;
	left: -9999px;
}

.has-js .label_checkbox {
	padding-left: 24px;
	display: block;
    line-height: 16px;
}

.has-js .label_checkbox {
	background: url(../img/checkbox-off.gif) no-repeat 0 2px;
}

.has-js label.c_on {
	background: url(../img/checkbox-on.gif) no-repeat 0 1px;
}

.has-js .label_checkbox input {
	position: absolute;
	left: -9999px;
}

.label_checkbox.privacy.error {
	background: url(../img/checkbox-error.gif) no-repeat 0 2px;
}

.label_checkbox.privacy.error.c_on {
	background: url(../img/checkbox-on.gif) no-repeat 0 2px;
}


.after-message p{
	text-align: center;
}

@media (max-width: 733px) {
	body,
	html {
		width: 100%;
		overflow-x: hidden;
    }
    
    .wrapper{
        width: 100%;
    }

    .box{
        width: 100%;
    }

    .textfield{
        width: 100%;
    }

    .box input, .box select{
        width: calc(100% - 40px)!important;
    }

    .box .middle, .box .small{
        width: 100%;
    }

    p.dataprotection{
        width: calc(100% - 40px);
    }

    .submitButton{
        width: 100%;
    }

    .submitButton button, .submitButton input{
        margin-right: 30px;
    }
}