/* CSS Document */

/*
 * Jaar		 : 2011
 * Klant   : Hertz
 * MellowMedia in opdracht van Bakker Communicatie
 
================================*/

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, font, img, ins, kbd, q, s, samp,

	small, strike, strong, sub, sup, tt, var,

	dl, dt, dd,	fieldset, form, label, legend,

	table, caption, tbody, tfoot, thead, tr, th, td {

		margin: 0;

		padding: 0;

		border: 0;

		outline: 0;

		vertical-align: baseline;

		font-family:Verdana;

	}


/* Standaard
================================*/

* {
	margin:0;
	padding:0;
	font-family:Verdana, sans-serif;
	font-size:12px;
	background-repeat:no-repeat;
}

body {
	background-image:url(../img/background.jpg);
	background-repeat:repeat;
}

:focus {
	outline-style:none;
}

span.hidden {
	display:none;
}

div.clear {
	clear:both;
}

/* h1 h2 h3 h4 h5
================================*/

h1#titel-nl {
	background-image:url(../img/home/titel-nl.png);
	width:400px;
	height:85px;
}

h2#movie-titel-nl {
	background-image:url(../img/home/movietitel-nl.png);
	width:360px;
	height:33px;
}

h2#titel-win-nl {
	background-image:url(../img/win/win-nl.png);
	width:99px;
	height:25px;	
}

h3#titel-hoofdprijs-nl {
	background-image:url(../img/win/hoofdprijs-nl.png);
	width:105px;
	height:18px;	
}

h3#titel-andereprijzen-nl {
	background-image:url(../img/win/andereprijzen-nl.png);
	width:116px;
	height:18px;
	margin-top:10px;
}

h2#titel-doemee-nl {
	background-image:url(../img/doemee/titel-doemee-nl.png);
	width:132px;
	height:25px;	
}

/* P
================================*/

p {
	margin-bottom:10px;
}

p.italic {
	font-style:italic;
	margin-bottom:10px;
}

.small {
	font-size:9px;
}

span.warning {
	color:#F00;
	font-style:italic;
	font-size:9px;	
}


/* Opbouw - website
================================*/

div#footer {
	position:absolute;
	bottom:15px;
	right:250px;
}

a {
	text-decoration:none;
	color:#FFF;
	font-size:9px;
}


div#taal {
	position:absolute;
	right:100px;
	top:20px;
}

a#vlag {
	margin-right:15px;	
}

img {
	border:none;	
}

/* Home
================================*/

div#wrapper-home {
	background-image:url(../img/wrapperbg-homenl.png);
	background-repeat:no-repeat;
	width:984px;
	height:751px;
	margin:10px auto 0 auto;
	position:relative;
}

ul#navigatie-home {
	width:340px;
	height:81px;
	position:absolute;
	bottom:270px;
	right:110px;
}

ul#navigatie-home li {
	list-style-type:none;
	float:left;
}

ul#navigatie-home li a#doemee {
	background-image:url(../img/btn/doemee_nl.png);
	width:121px;
	height:81px;
	display:block;
	margin-right:7px;
}

ul#navigatie-home li a#win {
	background-image:url(../img/btn/win_nl.png);
	width:100px;
	height:81px;
	display:block;
	margin-right:7px;
}

ul#navigatie-home li a#hertz {
	background-image:url(../img/logo-hertz.png);
	width:105px;
	height:47px;
	display:block;
	margin-top:5px;
}


ul#navigatie-home li a#verlopen {
	background-image:url(../img/termijn_gesloten.png);
	width:214px;
	height:80px;
	display:block;
	margin-top:5px;
	margin-right:7px;

}


div#content-home {
	width:423px;
	height:248px;
	position:absolute;
	bottom:101px;
	left:93px;
}

img#foto-home {
	width:340px;
	height:177px;
	position:absolute;
	right:110px;
	bottom:80px;
}

div#movies {
	width:271px;
	position:absolute;
	top:120px;
	right:120px;
	height: 294px;
}

ul#movie {
	width:300px;
}

ul#movie li {
	float:left;
	list-style-type:none;
}

a#recent-video-1 {
	background-image:url(../img/home/movie-1.png);
	width:110px;
	height:81px;
	display:block;
	margin-right:10px;
	margin-bottom:10px;
}

a#recent-video-2 {
	background-image:url(../img/home/movie-2.png);
	width:110px;
	height:81px;
	display:block;
	margin-bottom:10px;	
}

a#recent-video-3 {
	background-image:url(../img/home/movie-3.png);
	width:110px;
	height:81px;
	display:block;	
	margin-right:10px;
	margin-bottom:10px;
}

a#recent-video-4 {
	background-image:url(../img/home/movie-4.png);
	width:110px;
	height:81px;
	display:block;
	margin-bottom:10px;	
}

a#recent-video-5 {
	background-image:url(../img/home/movie-5.png);
	width:110px;
	height:81px;
	display:block;
	margin-right:10px;
}

a#recent-video-6 {
	background-image:url(../img/home/movie-6.png);
	width:110px;
	height:81px;
	display:block;
}
/* MOvie pag
================================*/

div#movie-big {
	background-image:url(../img/home/background-movie.png);
	width:390px;
	height:240px;
	position:absolute;
	padding-left:10px;
	padding-top:10px;
	top:409px;
	left:90px;
}

ul#navigatie-movie {
	width:345px;
	height:81px;
	position:absolute;
	right:90px;
	top:180px;
}

ul#navigatie-movie li {
	list-style-type:none;
	float:left;
}

ul#navigatie-movie li a#doemee {
	background-image:url(../img/btn/doemee_nl.png);
	width:121px;
	height:81px;
	display:block;
	margin-right:7px;
}

ul#navigatie-movie li a#win {
	background-image:url(../img/btn/win_nl.png);
	width:100px;
	height:81px;
	display:block;
	margin-right:7px;
}

ul#navigatie-movie li a#home {
	background-image:url(../img/btn/home_nl.png);
	width:100px;
	height:81px;
	display:block;
	margin-right:7px;
}

ul#navigatie-movie li a#hertz {
	background-image:url(../img/logo-hertz.png);
	width:105px;
	height:47px;
	display:block;
	margin-top:5px;
}


ul#navigatie-movie li a#verlopen {
	background-image:url(../img/termijn_gesloten.png);
	width:214px;
	height:80px;
	display:block;
	margin-top:5px;
	margin-right:7px;
}



div#movies-apart {
	width:360px;
	position:absolute;
	bottom:90px;
	right:90px;
}

/* Doe mee & win
================================*/

div#wrapper {
	background-image:url(../img/wrapperbg-vervolgnl.png);
	background-repeat:no-repeat;
	width:984px;
	height:751px;
	margin:10px auto 0 auto;
	position:relative;
}

ul#navigatie {
	width:345px;
	height:81px;
	position:absolute;
	left:90px;
	bottom:285px;
}

ul#navigatie li {
	list-style-type:none;
	float:left;
}

ul#navigatie li a#home {
	background-image:url(../img/btn/home_nl.png);
	width:104px;
	height:81px;
	display:block;
	margin-right:7px;
}

ul#navigatie li a#doemee {
	background-image:url(../img/btn/doemee_nl.png);
	width:121px;
	height:81px;
	display:block;
	margin-right:7px;
}

ul#navigatie li a#win {
	background-image:url(../img/btn/win_nl.png);
	width:100px;
	height:81px;
	display:block;
	margin-right:7px;
}

ul#navigatie li a#hertz {
	background-image:url(../img/logo-hertz.png);
	width:105px;
	height:47px;
	display:block;
	margin-top:20px;
}

img#foto-win {
	width:340px;
	height:177px;
	position:absolute;
	left:100px;
	bottom:80px;
}

img#win-img {
	margin-left:-13px;
}

img#win-img2 {
	position:absolute;
	bottom:-90px;
}

div#rechts-win {
	width:410px;
	position:absolute;
	right:90px;
	top:90px;
}

ul#win {
	margin-left:13px;
}

p#voorwaarden {
	float:right;
}

img#foto-doemee {
	width:340px;
	height:177px;
	position:absolute;
	left:100px;
	bottom:80px;
}

div#formulier {
	width:410px;
	position:absolute;
	right:100px;
	top:75px;
}
#voornaam,
#achternaam,
#straathuisnummer,
#postcode, 
#plaats,
#land,
#geboortedatum,
#telefoonnummer,
#email{
	background-image:url(/img/inputbg.png);
	background-repeat:no-repeat;
	background-color:transparent;
	height:25px;
	border:0;
	padding-left:5px;
}



#voornaam {
	background-position:0 0;
	width:297px;
}
#voornaam:focus{background-position:0 -304px;}
#m/v {
	background-image:url(../img/doemee/inputfield_1.png);
	background-repeat:no-repeat;
	background:transparent;
	width:30px;
	height:25px;
}

#achternaam {
	background-position:0 -25px;
	width:285px;
}
#achternaam:focus {background-position:0 -329px;}

#straathuisnummer {
	background-position:0 -50px;
	width:228px;
}
#straathuisnummer:focus {background-position:0 -354px;}

#postcode {
	background-position:0 -75px;
	width:304px;
}
#postcode:focus {background-position:0 -379px;}

#plaats {
	background-position:0 -100px;
	width:322px;
}
#plaats:focus {background-position:0 -404px;}

#land {
	background-position:0 -125px;
	width:329px;
}
#land:focus {background-position:0 -429px;}

#geboortedatum {
	background-position:0 -150px;
	width:262px;
}
#geboortedatum:focus {background-position:0 -454px;}

#telefoonnummer {
	background-position:0 -175px;
	width:256px;
}
#telefoonnummer:focus {background-position:0 -479px;}

#email {
	background-position:0 -200px;
	width:286px;
}
#email:focus {background-position:0 -504px;}
#reden {
	background-image:url(../img/inputbg.png);
	background-position:0 -225px;
	width:369px;
	background-repeat:no-repeat;
	background-color:transparent;
	height:79px;
	border:0;
	padding-left:5px;
}
#reden:focus {background-position:0 -528px;}

.warning-error {
	width:16px;
	height:16px;	
}

p.input {
	margin-bottom:7px;
	padding:0;
}

.inputfield {
	margin-left:2px;
}

.inputfield2 {
	margin-left:5px;
}

#feedback {
	width:400px;	
}

p.send {
	float:right;	
}

.send_btn {
	background-image:url(../img/doemee/versturen-nl.png);
	background-repeat:no-repeat;
	background-color:transparent;
	width:100px;
	height:25px;
	border:0;
	cursor: pointer;
	cursor: hand;
}