body { background-image: url(images/backgroundColor.jpg); margin: 0px; padding: 0px; }
img { border: 0px; margin: 0px; padding: 0px; }

form p { position:relative; margin: 0; padding:0; display: inline; }
label  { position:absolute; top:0; left:0; color: #FFFFFF; margin: 0px 125px; font-family: 'DTLProkyonSTLightRegular', Arial, sans-serif; }

.left { float: left; }
.right { float: right; }

@font-face {
    font-family: 'DTLProkyonSTLightRegular';
    src: url('font/dtlprokyonstlight-webfont.eot');
    src: url('font/dtlprokyonstlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dtlprokyonstlight-webfont.woff') format('woff'),
         url('font/dtlprokyonstlight-webfont.ttf') format('truetype'),
         url('font/dtlprokyonstlight-webfont.svg#DTLProkyonSTLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DTLProkyonSTBold';
    src: url('font/dtlprokyonstbold-webfont.eot');
    src: url('font/dtlprokyonstbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/dtlprokyonstbold-webfont.woff') format('woff'),
         url('font/dtlprokyonstbold-webfont.ttf') format('truetype'),
         url('font/dtlprokyonstbold-webfont.svg#DTLProkyonSTBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.textLight { font-family: 'DTLProkyonSTLightRegular', Arial, sans-serif; }
.textBold { font-family: 'DTLProkyonSTBold', Arial, sans-serif; }

#content { width: 1182px; height: 941px; background-image: url(images/background.jpg); margin: 0 auto; overflow: hidden; }

#top { margin: 0 auto; width: 700px; height: 545px; }
.topText { position: absolute; font-size: 31px; top: 175px; padding-left: 45px; text-shadow: 0px 0px 2px #6a6a6a; width: 444px; }
#guenter { position: absolute; top: 18px; margin-left: 465px; display: block;}
#arrowRight { position: absolute; top: 210px; margin-left: 615px; display: block; }
#arrowLeft { position: absolute; top: 210px; margin-left: 15px; display: block; z-index: 0; }
#slider { list-style: none; margin: 0px; padding: 0px; }

#second { width: 700px; height: 546px; }
#secondText { position: absolute; top: 55px; margin-left: 50px; width: 503px; height: 349px; z-index: 2; }
#secondSchneider { position: absolute; top: 135px; margin-left: 380px; width: 336px; height: 421px; z-index: 2; }

#bottom { margin: 0 auto; width: 700px; height: 155px; }
.bottomText { padding: 20px 0px 0px 20px; width: 490px; float: left; color: #FFFFFF; line-height: 23px; }
.bottomTextFriend { padding: 20px 0px 0px 20px; width: 490px; height: 135px; line-height: 110px; float: left; font-size: 34px; text-align: center; color: #FFFFFF; }

#social { padding: 20px 20px; float: right; width: 142px; height: 200px; }
#socialWeb { padding-top: 10px; }

#form { width: 614px; height: 355px;  background-image: url(images/rememberBackground.jpg); }
#form #text { padding-top: 100px; font-size: 19px; text-align: center; color: #FFFFFF; text-shadow: 0px 0px 1px #c0c0c0; }

#formular { margin: 0 auto; margin-top: 100px; width: 410px;}
 
.fieldbox input {
    background:transparent url(images/form.png) no-repeat top right;
    height:27px;
    padding-top:5px;
    width:293px;
    border: none;
    color: #FFFFFF;
    font-size: 14px;
    text-align: center;
}

#send { background:transparent url(images/send.png) no-repeat top right; height:36px; width: 104px; border: none; padding-top:5px; cursor:pointer; }