* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
  text-decoration:none;}

:focus {outline:0;}
ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

body {background:#27323b url('/static/images/bg_body.png') repeat-y center}
strong {font-weight:600}

#container {width:822px;padding:30px;margin:0 auto;background:url('/static/images/bg_container.jpg') no-repeat center top;border-top:8px solid #666e74}
#top {padding:25px 25px 15px;width:470px;position:relative}
#top.start {background:url('/static/images/netbook.png') no-repeat right -25px;padding-right:370px}
#top.start #imprint {right:44px}
#top h1, #top span.h1 {color:#303b43;font:300 1px/18px arial,helvetica,sans-serif;background:url('/static/images/PromotionImInternet.png') no-repeat;height:55px;width:371px;margin-bottom:36px}
#top span.h1 {display:block}
#top p {color:#c3c3c3;font:300 13px/18px arial,helvetica,sans-serif;margin-bottom:36px}
#top h3 {color:#5cbcf2}
#imprint {position:absolute;bottom:4px;right:-301px;font:600 11px/18px arial,helvetica,sans-serif;color:#708392}
#imprint:hover {color:#5BACE4}
h1, h3, p {margin-bottom:18px}
h3 {font:600 italic 18px/18px verdana,arial,helvetica,sans-serif}

#between {background-color:#5dace5; margin-bottom:2px;}
#between ul {list-style:disc outside;margin-left:14px}
#between div {padding:25px;float:left;color:#455561;font:13px/18px arial,helvetica,sans-serif;height:150px}
#between div h3 {color:#fff}
#between div li {margin-bottom:8px}
#between div ul strong {display:block}

#bottom {background:#a0cfef url('/static/images/bg_bottom.jpg') repeat-x top}
#bottom ul {list-style:disc outside;margin-left:14px}
#bottom div {width:360px;padding:25px;float:left;color:#455561;font:13px/18px arial,helvetica,sans-serif;height:300px}
#bottom div h3 {color:#fff}
#bottom div li {margin-bottom:18px}
#bottom div ul strong {display:block}
#bottom div.right {border-left:1px solid #82beea;background:url('/static/images/bg_right.png') no-repeat right bottom;position:relative}
div.right p {padding-right:15px}
a#goToForm {background:url('/static/images/goToForm.png') no-repeat top;display:block;width:152px;height:82px;position:absolute;bottom:26px;right:23px}
a#goToForm:hover {background-position:bottom}

#top div {background:#A1CFF0 url('/static/images/bg_bottom.jpg') repeat-x top;padding:25px 25px 0;position:relative;left:-25px;width:768px;border:2px solid #338fd0;margin-bottom:8px}
#top div h3 {color:#fff}
#top div p {color:#455561}
#top div table {position:absolute;top:32px;right:20px;font:13px/18px arial,helvetica,sans-serif;color:#455561}
#top div table a {color:#237Fc0}
#top div table tr {line-height:22px}
.absatz {padding:0 25px;font:13px/18px arial,helvetica,sans-serif;color:#c3c3c3;margin-top:18px}
.absatz a {color:#5CADE5}
.absatz a:hover, table a:hover {text-decoration:underline}
.absatz strong {font-size:15px;color:#5CADE5;margin-bottom:-9px;display:block;}

h5 span {background:url('/static/images/bg_num.png') no-repeat;padding:2px 7px;margin-right:4px;color:#fff}
h5, h5 label {font:600 13px/18px arial,helvetica,sans-serif !important;color:#c3c3c3;margin-bottom:7px}
#form {padding:15px 25px}
#form h3 {color:#5cbcf2;margin-bottom:27px}
td.left {width:140px}
td input.full {margin:5px 0;width:100%}
#form label, #form td {font:300 13px/30px arial,helvetica,sans-serif;color:#c3c3c3}
#form table {margin-bottom:18px}
#form div.left {width:45%;float:left;margin-right:5%;margin-bottom:18px}
#form div.right {padding-left:4%;width:45%;float:left;border-left:1px solid #545d63}
#zip, #city, #age, #dateOfBirth, #placeOfBirth {margin:5px 0}
input#zip {width:19%;float:left}
input#city {width:74%;float:right;position:relative;right:-3px}
#form textarea {width:100%}
#hobbies {margin-bottom:21px;height:90px}
#job {height:144px}
#age {width:40px}
#genders {background:url('/static/images/genders.gif') no-repeat;padding:6px 2px}
#genders input {border:0}
#male {margin-right:17px}
#dateOfBirth {width:68px;float:left;}
#placeOfBirth {float:right;width:124px;margin-left:7px;position:relative;right:-3px}
#form input, #form textarea {font:13px/18px arial,helvetica,sans-serif;padding:1px;border:1px solid #aaa;background:#ddd;/*overflow:hidden*/}
#form input:focus, #form textarea:focus {background:#fff;border-color:#3b8fc9}
#favoriteWebsites, #favoriteCommunities {height:90px}
#nativeTongue, #otherLanguages {width:204px}
#form div.bottom {clear:both;padding:25px 25px 0;background:#1d2932;margin-bottom:18px;position:relative}
td.leftXL {width:240px;padding-right:20px;display:block}
td.leftXL label {position:relative;top:-5px}
#form div.bottom input {width:460px}
label span, p#note span {color:#f69058;margin:0 3px}
p#note {position:absolute;bottom:-16px;right:23px;font:11px/18px arial,helveticam,sans-serif;color:#aaa}

#final {margin-top:27px}
#final p {font:600 13px/18px arial,helvetica,sans-serif;color:#c3c3c3;width:386px;float:left;margin-top:8px}
#final input#submit {background:url('/static/images/bg_submit.jpg') repeat-x top;border:1px solid #338fd0;float:right;padding:8px 0;width:386px;font:600 italic 13px/18px arial,helvetica,sans-serif;color:#c3c3c3;cursor:pointer}
#final input#submit:hover {background:url('/static/images/bg_bottom.jpg') repeat-x top;color:#fff;border-color:#ccc}

p.alert {font:13px/18px arial,helvetica,sans-serif;color:#f69058}

@media screen and (-webkit-min-device-pixel-ratio:0) {#hobbies { margin-bottom:34px; } }
@media screen and (-webkit-min-device-pixel-ratio:0) {#form div.bottom { padding-bottom:5px; } }

.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
* html .clearfix {height:1%}
.clearfix {display:block}