/* html */
html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; background: #f0ab06; font: normal 11px Arial, Verdana, sans-serif; color: #000; }
input, textarea { border-width: 1px; border-style: solid; border-color: #727272 #b4b4b4 #dadada #b4b4b4; }
textarea { font: normal 11px Arial, Verdana, sans-serif; }
label { font-weight: bold; }
button { border: none; cursor: pointer; }
li { list-style-type: none; }
fieldset { border: none; }
hr { height: 1px; border: none; background: #8e8e8e; }

/* basic layout */
.wrapper { width: 928px; padding: 12px 0; margin: 0 auto; }
.header { width: 928px; height: 124px; margin: 0 0 12px; background: url(../images/headerBg.gif) no-repeat #fff; }
.content { width: 904px; padding: 15px 12px 0; margin: 0 0 12px; background: #fff; overflow: hidden; }
.contentLeft { float: left; width: 672px; }
.contentRight { float: right; }
.footer { width: 904px; padding: 15px 12px; background: #fff; overflow: hidden; }

/* general classes */
.hr { clear: both; display: none; }
.clear { clear: both; }
.msg { padding: 15px 12px; font-weight: bold; color: #f00; }

/* header */
.header h1 { text-indent: -19999px; }
.header h1 a { display: block; width: 260px; height: 124px; text-decoration: none; outline: none; }

/* content */
.content h2 { height: 46px; padding: 0 0 12px; background-position: left top; background-repeat: no-repeat; text-indent: -19999px; }
.content h3 { height: 46px; padding: 0 0 12px; background-position: left top; background-repeat: no-repeat; text-indent: -19999px; }
.content#contactpage h3.h3Unfall { width: 500px; background-image: url(../images/hdTvSpot.gif); }
.content#contactpage h3.h3Kfz { width: 500px; background-image: url(../images/hdTvSpot_auto.gif); }
.content#contactpage h3.h3Haftpflicht { width: 510px; background-image: url(../images/hdTvSpot_haftpflicht.gif); }
.content#landingpage h3.h3Unfall { width: 460px; background-image: url(../images/hdLanding.gif); }
.content#landingpage h3.h3Kfz { width: 550px; background-image: url(../images/hdLanding_auto.gif); }
.content#landingpage h3.h3Haftpflicht { width: 637px; background-image: url(../images/hdLanding_haftpflicht.gif); }
.content#imprintpage h3 { width: 100px; background-image: url(../images/hdImpressum.gif); }
.content#uservideopage h3 { width: 637px; background-image: url(../images/hdCasting.gif); }
.content#startvideopage h2 { width: 637px; background-image: url(../images/hdCasting.gif); }
.content#startvideopage h3 { width: 637px; background-image: url(../images/hdCasting.gif); }
.content#gatewaypage h3 { width: 566px; background-image: url(../images/gatewaypageH3.gif); }

.contentLeftContent { padding: 15px 0 15px 10px; margin: 0 0 15px; background: #fbeabf; overflow: hidden; }
.altern { background: #fff; }
.contentLeftContent h2 { clear: both; height: 23px; padding: 0 0 12px; background-position: left top; background-repeat: no-repeat; text-indent: -19999px; }
#contactpage .contentLeftContent h2.h2Unfall { width: 385px; background-image: url(../images/hdKontaktdaten.gif); }
#contactpage .contentLeftContent h2.h2Kfz { width: 506px; background-image: url(../images/hdKontaktdaten_auto.gif); }
#contactpage .contentLeftContent h2.h2Haftpflicht { width: 543px; background-image: url(../images/hdKontaktdaten_haftpflicht.gif); }
#mailpage .contentLeftContent h2.h2Unfall { width: 512px; background-image: url(../images/hdLink.gif); }
#mailpage .contentLeftContent h2.h2Kfz { width: 512px; background-image: url(../images/hdLink_auto.gif); }
#mailpage .contentLeftContent h2.h2Haftpflicht { width: 540px; background-image: url(../images/hdLink_haftpflicht.gif); }
#mailpage .contentLeftContent h2.second { width: 499px; background-image: url(../images/hdSenden.gif); }
#feedbackpage .contentLeftContent h2 { width: 398px; background-image: url(../images/hdVielenDank.gif); }
#uservideopage .contentLeftContent h2 { width: 455px; background-image: url(../images/hdUnfallversicherung.gif); }
#startvideopage .contentLeftContent h2 { width: 455px; background-image: url(../images/hdUnfallversicherung.gif); }
#gatewaypage .contentLeftContent { padding: 33px 0 15px 0; }

/* video */
.contentLeftVideo { width: 672px; height: 404px; margin: 0 0 12px; background: #f6f6f6; }
.contentLeftVideo #flashreplace { display: block; position: relative; left: 0px; top: 0px; width: 672px; height: 404px; border: 1px solid #77787A; }

/* full flash video size */
.contentFullVideo { width: 928px; padding: 15px 0 0; } /* overwrites ".content" */
.contentFullVideo #flashreplace { display: block; position: relative; left: 0px; top: 0px; width: 928px; height: 540px; }

/* forms */
.contentLeftContent .buttons { clear: both; width: 640px; padding: 10px 0 5px; overflow: hidden; }
.contentLeftContent .buttons .error { float: left; padding: 10px; color: #f00; border: 1px solid #f00; }
.contentLeftContent a.button { display: block; height: 22px; background-repeat: no-repeat; background-position: left top; text-indent: -19999px; outline: none; }
.contentLeftContent a.button#btnPlay { float: left; width: 141px; background-image: url(../images/btnPlay.gif); }
.contentLeftContent a.button#btnModify { float: right; width: 141px; background-image: url(../images/btnModify.gif); }
.contentLeftContent a.button#btnInfo { float: left; width: 211px; background-image: url(../images/btnInfo.gif); }
.contentLeftContent a.button#btnMore{ width: 195px; background-image: url(../images/btnMore.gif); }

/* Anmeldung */
form.contact p { float: left; width: 311px; padding: 0 20px 10px 0; overflow: hidden; }
form.contact p label { float: left; width: 120px; padding: 4px 10px 0 0; }
form.contact p input { float: left; width: 172px; height: 15px; padding: 2px 3px; }
form.contact p input.vmnr { width: 108px; } /* IE6 */
form.contact p > input.vmnr { width: 110px; } /* other */
form.contact p input.vmnrA { width: 37px; }
form.contact p span.hyphen { float: left; width: 10px; padding: 0 0 0 7px; }
form.contact p span.note { display: block; padding: 2px 0 0 130px; font-size: 10px; }
form.contact p input.plz { width: 40px; margin: 0 4px 0 0; }
form.contact p input.city { width: 118px; } /* IE6 */
form.contact p > input.city { width: 120px; } /* other */
form.contact p.error input { border-color: #f00; }
form.contact p.captcha { padding-top: 20px; }
form.contact p.captcha img { float: left; }
form.contact .buttons .error { width: 368px; }
form.contact .buttons button { float: right; width: 195px; height: 22px; background: url(../images/btnContact.gif) left top no-repeat; text-indent: -19999px; }

/* Mail */
form.generate_mail p { clear: both; padding: 0 20px 10px 99px; overflow:hidden; }
form.generate_mail p label { float: left; width: 120px; padding: 4px 10px 0 0; }
form.generate_mail p label span { display: block; font-weight: normal; }
form.generate_mail p input { float: left; width: 401px; height: 15px; padding: 2px 3px; }
form.generate_mail p input#generate_mail_recipient1 { width: 364px; margin-right: 10px; }
form.generate_mail p input#allRecipients { background: #e5e5e5; color: #999; }
form.generate_mail p.add label { visibility: hidden; }
form.generate_mail p.add input { width: 364px; }
form.generate_mail p img.btnAdd { float: left; width: 18px; height: 18px; cursor: pointer; }
form.generate_mail p textarea { float: left; width: 401px; height: 136px; padding: 2px 3px; }
form.generate_mail p.checkboxes { padding-left: 229px; }
form.generate_mail p.checkboxes input { width: 20px; }
form.generate_mail p.checkboxes label { width: 370px; padding: 0 10px 0 5px; }
form.generate_mail .buttons .error { width: 300px; margin-left: 229px; }
form.generate_mail .buttons button { float: right; width: 141px; height: 22px; background: url(../images/btnSend.gif) left top no-repeat; text-indent: -19999px; }

.videoLink { overflow: hidden; height: 161px; }
div > .videoLink { min-height: 161px; height: auto; }
.videoLink img { float: left; width: 217px; height: 125px; margin: 0 12px 5px 0; }
.videoLink p { float: left; width: 409px; line-height: 16px; }
.videoLink p span { display: block; width: 403px; height: 30px; padding: 3px 2px; margin: 5px 0 28px; border-width: 1px; border-style: solid; border-color: #727272 #b4b4b4 #dadada #b4b4b4; background: #fff; font-weight: bold; }
.videoLink p > span { min-height: 30px; height: auto; }

.text p { padding: 0 20px 10px 0; line-height: 15px; }
.text p a { text-decoration: underline; color: #000; }
.text p a:hover { text-decoration: none; }

#imprintpage .text h4 { font-size: 14px; padding: 10px 0 15px 0; }
#imprintpage .text p { padding-bottom: 15px; }

/* sidebar */
.contentRightTeaser { width: 199px; padding: 15px 8px; border: 1px solid #f0ab00; }
.contentRightTeaser h4 { background-position: left top; background-repeat: no-repeat; text-indent: -19999px; }
.contentRightTeaser h5 { width: 163px; height: 23px; padding: 0 0 17px; background: url(../images/hdSoEinfach.gif) no-repeat; text-indent: -19999px; }
.contentRightTeaser p { line-height: 16px; }
.contentRightTeaser li { padding: 0 0 2px 8px; background: url(../images/arrow.gif) 0px 4px no-repeat; }
.contentRightTeaser li a { text-decoration: none; color: #000; }
.contentRightTeaser li a:hover { text-decoration: underline; }
.contentRightTeaser#dreiSchritte { margin: 33px 0 12px 0; }
.contentRightTeaser#dreiSchritte h4 { width: 176px; height: 58px; padding: 0 0 20px; background-image: url(../images/hdDreiSchritte.gif); }
.contentRightTeaser#dreiSchritte h5 { width: 195px; height: 41px; padding: 0 0 17px; background: url(../images/hdWerben.gif) no-repeat; text-indent: -19999px; }
.contentRightTeaser#zweiSchritte { height: 374px; margin: 0 0 12px 0; }
.contentRightTeaser#zweiSchritte h4 { width: 169px; height: 60px; padding: 0 0 20px; background-image: url(../images/hdZweiSchritte.gif); }
.contentRightTeaser#versandmoeglichkeiten { height: 194px; margin: 0 0 15px 0; }
.contentRightTeaser#versandmoeglichkeiten h4 { width: 195px; height: 60px; padding: 0 0 20px; background-image: url(../images/hdVersand.gif); }
.contentRightTeaser#vermittlerBsp { background: #f0ab06; font-weight: bold; text-align: center; text-transform: uppercase; }
.contentRightTeaser#contentText { height: 372px; margin: 0 0 12px 0; }
.contentRightTeaser#howto { height: 374px; margin: 0 0 12px 0; }
.contentRightTeaser#howto img { display: block; margin: 0 auto; }
.contentRightTeaser#howto h4.first { width: 110px; height: 16px; padding: 0 0 10px; background-image: url(../images/hdHochladen.gif); }
.contentRightTeaser#howto h4.second { width: 90px; height: 16px; padding: 0 0 10px; background-image: url(../images/hdWeiterleiten.gif); }
.contentRightTeaser#howto p { padding: 0 0 12px 0; }
.contentRightTeaser#howto a.button { display: block; width: 195px; height: 22px; background: url(../images/btnLos.gif) no-repeat; text-indent: -19999px; outline: none; }

/* footer */
.footer span { float: left; padding: 13px 5px 13px 10px; color: #8e8e8e; }
.footer ul { padding: 13px 0; }
.footer li { display: inline; }
.footer a { display: inline-block; padding: 0 5px; color: #000; text-decoration: none; }
.footer a:hover { text-decoration: underline; }

input.plz { width: 80px; float: left; }
input.city { width: 280px; float: right; }

/* gateway page */
.selectTVSpot { float: left; width: 315px; height: 246px; padding: 15px 0; margin: 0 0 30px; background: #fbeabf; overflow: hidden; }
.selectTVSpot h2 { height: 18px; padding: 0 0 6px; margin: 0 0 0 12px; background-position: left top; background-repeat: no-repeat; text-indent: -19999px; }
.selectTVSpot#haftpflicht h2 { width: 269px; background-image: url(/images/gatewaypageH2Haftpflicht.gif); }
.selectTVSpot#unfall h2 { width: 235px; background-image: url(/images/gatewaypageH2Unfall.gif); }
.selectTVSpot#kfz h2 { width: 263px; background-image: url(/images/gatewaypageH2Kfz.gif); }
.selectTVSpot a.btnTvSpot { float: right; width: 112px; height: 22px; margin: 15px 15px 0 0; background: url(../images/btnTvSpot.gif) left top no-repeat; text-indent: -19999px; text-decoration: none; outline: none; }
.spotLeft { margin-right: 40px; }