﻿body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,blockquote,th,td,p{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size:inherit;font-size:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
ul {margin:0 0 0 15px;padding:0;} ol {margin:0 0 0 30px;padding:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
form {display:inline;}
*:focus {outline:none;}

html {height:100%; overflow: -moz-scrollbars-vertical;}
/* mac hide \*/ html,body{height:100%;width:100%;}/* end hide */
body {color:#005187; font:normal 0.75em/140% Arial, Verdana, Tahoma, "Trebuchet MS"; text-align:center; min-width:900px; min-height:570px;}

/*link*/
a {color:#005187;} a:hover {color:#005187; text-decoration:none;} a:visited {color:#005187;} a:active {color:#005187; text-decoration:none;}

/*text*/
h1, h2, h3, h4, h5, h6 {color:#005187;}
h1 {font-size:2.833em;}
h2 {font-size:1.333em;}
h3 {font-size:1.167em;}
h4, h5, h6 {font-size: 1em;}

/*text*/
p {padding:0 0 10px 0;}
span{}

/*lists*/
ul{padding:0 0 10px 0;}

/*form*/
select, input, textarea, legend {font:normal 100% Arial, Verdana, Tahoma, "Trebuchet MS"; color:#688a93; font-size:1.25em;}
fieldset, div.fieldgroup{padding: 0 0 10px 0; overflow:hidden; width:100%;}
label{font-size:1.167em; font-weight:bold;}
div.field{width:100%;}
div.fieldspecial{float:left;}
div.fieldspecial div.field{width:auto;}
div.fieldspecial img{margin:5px 0 0 0;}
input.textfield, textarea.textfield, select.select {border:solid 0 #fff;background-color:#fff; padding:2px;width:248px; margin:5px 0 0 7px;}
input.radio, input.checkbox {vertical-align:middle; margin:-2px 2px 0 0;}
.form-error{color:#f00;}

div.bg-input{background:transparent url(../images/bg_input.png) no-repeat scroll 0 0; width:266px; height:33px; float:left;}

div.bg-input-small{background:transparent url(../images/bg_input_small.png) no-repeat scroll 0 0; width:174px; height:33px; margin:0 3px 0 0;}
div.bg-input-small input.textfield{width:156px;} 

div.bg-input-xsmall{background:transparent url(../images/bg_input_xsmall.png) no-repeat scroll 0 0; width:109px; height:33px; margin:0 3px 0 0;}
div.bg-input-xsmall input.textfield{width:92px;}

div.bg-input-xxsmall{background:transparent url(../images/bg_input_xxsmall.png) no-repeat scroll 0 0; width:89px; height:33px; margin:0 3px 0 0;}
div.bg-input-xxsmall input.textfield{width:71px;}

form.dotnet{display:table; width:100%; height:100%; vertical-align:middle;}

/*layout*/
div.wrapper{overflow:hidden;width:100%;height:100%;}
.scalingBackground{position:absolute; left:0; top:0; z-index:-999;}
div.outer{height:100%; width:100%; display:table; vertical-align:middle;}
div.container{text-align:center; position:relative; vertical-align:middle; display:table-cell; height:570px;}
div.inner{width:860px; height:530px; text-align:left; margin:0 auto; padding:20px;}

div.block, div.block-last{width:180px;}
div.block-t{background:transparent url(../images/bg_block_top.png) no-repeat scroll 0 0; height:9px; font-size:0; line-height:0;}
div.block-m{background:transparent url(../images/bg_block_middle.png) repeat-y scroll 0 0; width:152px; padding:5px 14px; text-decoration:none;}
div.block-b{background:transparent url(../images/bg_block_bottom.png) no-repeat scroll 0 0; height:9px; font-size:0; line-height:0;}

/*footer*/
div.footer{height:50px; position:relative; padding:10px 0 0 0;}

div.nav{float:left; font-size:0.917em; position:absolute; bottom:0; left:0;}
div.nav ul {margin:0;padding:0;list-style: none;}
div.nav ul li {float:left; background:transparent url(../images/li-nav.gif) no-repeat scroll 0 3px; padding:0 10px;}
div.nav ul li.first{background:none; padding:0 10px 0 0;}
div.nav ul a, div.nav ul a:visited {color:#005187; text-decoration:none;}
div.nav ul a:hover, div.nav ul a:active {text-decoration:underline;}
div.logo{float:right;}

/*btn*/
a.btn, a.btn:visited {background: transparent url(../images/btn_right.gif) no-repeat top right;height:48px;line-height:48px;display:table-cell;zoom:1;text-align:center;color:#fff;padding-right:15px;text-decoration:none;}
a.btn span, a.btn:visited span {background: transparent url(../images/btn_left.gif) no-repeat top left;height:48px;line-height:48px;display:table-cell;zoom:1;padding-left:15px;cursor:pointer;font-size:1.417em;}
a.btn:hover, a.btn:active {background: transparent url(../images/btn_right.gif) no-repeat bottom right;color:#fff;}
a.btn:hover span, a.btn:active span {background: transparent url(../images/btn_left.gif) no-repeat bottom left;}
p.btn{padding:10px 0; display:inline; margin:0 5px 0 0;}

/*clicktrough*/
div.clickthroughs{position:absolute; left:0; bottom:0;}
div.clickthroughs a{background: transparent url(../images/a_clickthrough.png) no-repeat 0 0;padding:1px 0 10px 28px; display:list-item; list-style:none; font-size:1.167em;}

/*hyperlink*/
a.hyperlink{background: transparent url(../images/a_clickthrough.png) no-repeat 0 0;padding:1px 0 10px 28px; display:list-item; list-style:none; font-size:1.167em;}

/*popup*/
div.popup{padding:20px; font-size:1.091em;}
div.nav ul div.popup a,div.nav ul div.popup a:hover{text-decoration:underline;}
div.nav ul div.popup a:hover,div.nav ul div.popup a:active{text-decoration:none;}

/*content*/
div.content{height:480px; position:relative;}
div.content-col{width:450px; padding:10px 0 0 0;}
div.content-col1{padding:10px 0 0 0;}
div.content-col2{width:50%; float:left; padding:10px 0 0 0;}
div.content-col3{width:40%; float:left; padding:10px 0 0 0;}
div.content-col4{width:60%; float:left; padding:10px 0 0 0;}

/*blocks*/
div.blocks-right{position:absolute; top:0; right:0;}
div.blocks-right a{text-decoration:none; cursor:pointer;}
div.blocks-right div.block{margin:0 0 10px 0;}

div.blocks-bottom{position:absolute; bottom:0; left:0;}
div.blocks-bottom a{text-decoration:none; cursor:pointer;}
div.blocks-bottom div.block{margin:0 45px 0 0;float:left;}
div.blocks-bottom div.block-last{margin:0;float:left;}

/*validation*/
div.validation{width:369px;color:#fff; margin:0 0 20px 0;vertical-align:middle; position:relative; top:53px; left:0;}
div.validation-top{background: transparent url(../images/bg_validation_top.gif) no-repeat 0 0; height:5px; font-size:0; line-height:0;}
div.validation-bottom{background: transparent url(../images/bg_validation_bottom.gif) no-repeat 0 bottom; min-height:10px;}
div.validation-bottom span{background: transparent url(../images/bg_validation_alert.gif) no-repeat 0 3px; min-height:25px; display:block; padding:7px 0 5px 30px; margin:0 10px;}

/*templates*/
div.left-home{position:absolute; top:85px; left:0; width:650px;}
div.male{display:inline;cursor:pointer; position:absolute;left:291px; top:214px;width:73px;height:34px;}
div.female{display:inline;cursor:pointer; position:absolute;left:210px; top:214px;width:80px;height:34px;}

/*backgrounds*/
div.home{position:absolute; left:0; top:0; background:transparent url(../images/bg_home.png) no-repeat scroll 0 0; width:860px; height:480px;z-index:-998;}
div.coupon{position:absolute; left:0; top:0; background:transparent url(../images/bg_coupon.png) no-repeat scroll 0 0; width:860px; height:480px;z-index:-998;}
div.hoeveel{position:absolute; left:0; top:0; background:transparent url(../images/bg_hoeveel.png) no-repeat scroll 0 0; width:860px; height:480px;z-index:-998;}
div.visual1{position:absolute; left:0; top:0; background:transparent url(../images/bg_visual1.png) no-repeat scroll 0 0; width:860px; height:480px;z-index:-998;}
div.visual2{position:absolute; left:0; top:0; background:transparent url(../images/bg_visual2.png) no-repeat scroll 0 0; width:860px; height:480px;z-index:-998;}
div.visualprize{position:absolute; left:0; top:0; background:transparent url(../images/bg_visualprize.png) no-repeat scroll 0 0; width:860px; height:480px;z-index:-998;}

/*popup*/
.modalBackground{background-color:Black; filter:alpha(opacity=60); opacity:0.6;} 

img.logo { vertical-align:middle; text-align:center; padding:10px 10px 10px 10px; position:relative; top:60px; left:0; }

div.scroll {
	background-color:Transparent;
	border:0 solid #666666;
	height:420px;
	overflow:auto;
	padding-right:8px;
	width:490px;
}

/*enquete*/

div.enquete h1
{
	margin-bottom: 30px;
}

div.enquete h2
{
	margin-bottom: 5px;	
}

div.enquete .answers
{
	margin-top: 15px;
}

div.enquete .buttons
{	
	margin-top: 20px;
}

div.enquete .validation
{
	position: static;
	margin-top: 20px;
}

div.enquete label
{
	position:relative;
	top: -2px;
	margin-left: 5px;
}