@charset "utf-8";
/* This file holds the general css for the feet site */
/* See the specific css files for section specific css */

/* FOR TESTING PURPOSES */
.borderBlue {
	border:1px #0000CC solid;
	}
.borderRed {
	border:1px #CC0000 solid;
	}
.borderGreen {
	border:1px #00CC00 solid;
	}		
.backgroundLightGray {
	background-color:#EEE;
	}

/* CANCELLING ISSUES IN DIFFREENT BROWSERS*/
form,h1,h2,h3,h4,h5,h6,p,ul,li {padding:0; margin:0}
h1,h2,h3,h4,h5,h6,label,a {text-decoration:none}
ul,li {list-style:none; margin:0; padding:0}
li {display:inline}


/* GENERAL REDEFINITIONS */
html {
	width:100%;
	height:100%;
	margin:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin:0;
	padding:0;
	color:#000;
}
p {
	line-height:150%;
}
a {
	text-decoration:none;
	color:#000;
	outline:none;
}
a:hover {
	color:#0066cc;
}
img {
	border:none;
}
h1, h3, h4, h5, h6 {
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom:6px;
	margin-top:3px;
	color:#999;
	font-size:2.2em;
}
h2 {
	font-size:1.5em;
	font-family:Verdana, Geneva, sans-serif;
	margin:12px 0 14px 0;
	font-weight:normal;
	color:#0066cc;
}
h3 {
	font-size:1.1em;
	font-weight:normal;
	color:#0066cc;
}

/*HEADER*/
#header {
	border-bottom:1px solid #bfbfbf;
	margin-bottom:8px;
}
h1#logo {
	background:url(../img/layout/logo.png) no-repeat left top;
	text-indent:-5000px;
	width:242px;
	height:95px;
	float:left;
	margin-top:7px
}

/* login section*/
#login {
	position:relative;
	float:right;
	margin:71px 0 7px;
}
input, textarea {
	border:1px solid #cccccb;
	color:#333;
	padding:3px;
}
#login input.login, #login input.logout {
	border:none;
}
/*VALIDATION-MESSEGE*/
#login .lblClassError, #login .lblClassError2 {
	position:absolute;
	width:130px;
	height:20px;
	color:#FFF;
	font-size:0.7em;
	-moz-border-radius:5px;
	background:#000;
	text-align:center;
	padding:5px 3px 3px 3px;
	-moz-box-shadow:1px 1px 6px #000000;
}
#login .lblClassError {
	top:-18px;
	left:46px;
}
#login .lblClassError2 {
	top:-18px;
	right:50px;
}
span#spanForgotPassword{
	top:-20px;
	right:6px;
	position:absolute;
	text-decoration:none;
}

/* banner */
#banner h1 {
	margin:0 0 0 23px;
}
#banner img {
	margin:0;
}
#navigation {
	border-bottom:1px solid #c1c1c1;
	height:36px;
	width:100%;
	float:left;
	margin:0 0 25px;
	position:relative;
}
#navigation ul {
	position:absolute;
	right:5px;
	bottom:-1px;
	background:url(../img/layout/navigation-devider.jpg) no-repeat bottom left;
}
#navigation ul li {
	display:block;
	float:left;
	background:url(../img/layout/navigation-devider.jpg) no-repeat bottom right;
}
#navigation ul li a {
	font-family:"Heavenetica4", Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	color:#0077c1;
	padding:6px 17px;
	float:left;
}
#navigation ul li a:hover {
	color:#db117a;
	/*border-bottom:1px solid #FFF;*/
}
#navigation ul li a.active {
	color:#db117a;
	border-bottom:1px solid #FFF;
}
/*#navigation ul li.active a {
	color:#db117a;
	border-bottom:1px solid #FFF;
}*/

/*LAYOUT-STRUCTURE*/
#mainWrapper {
	width:985px;
	margin:0 auto;
}
#middleLeft {
	width:300px;
	float:left;
	margin:0 13px 0 17px;
	display:inline;
}
#middleRight {
	width:604px;
	float:right;
	margin:0 17px 20px 0;
	padding-left:20px;
	display:inline;
	border-left:1px solid #bfbfbf;
}

/*#veelGesteldeVragen {
	height:493px;
	overflow:hidden;
}*/
/*#middleRight .large {
	height:auto;
}*/

#veelGesteldeVragen h2 {
	/*background:url(../img/illustrations/veel-gestelde-vragen.gif) no-repeat;
	text-indent:-5000px;*/
	width:300px;
	height:22px;
}
#veelGesteldeVragen p {
	padding:8px 0;
	width:300px;
}
#veelGesteldeVragen p a {
	text-decoration:underline;
}
#veelGesteldeVragen p.questions {
	cursor:pointer;
	font-size:1.1em;
	text-decoration:underline;
}
#veelGesteldeVragen p.questions:hover {
	text-decoration:none;
	color:#0066cc;
}
#veelGesteldeVragen p.selected {
	cursor:auto;
	color:#0066cc;
	text-decoration:none;
}
#firstAnswer {
	display:block;
}
div.answers {
	display:none;
	width:380px;
}
#moreQuestion {
	display:none;
	width:530px;
}

/* whatIsFeet */
a.downloadAcrobat {
	text-decoration:underline;
}
a.downloadAcrobat:hover {
	text-decoration:none;
}
#whatIsFeet p{
	padding:3px 0;
}
#whatIsFeet h2{
	margin-bottom:8px;
	/*background:url(../img/illustrations/wat-is-feet.gif) no-repeat;
	text-indent:-5000px;*/
	width:126px;
	height:18px;
}
.indetedPara {
	text-indent:40px;
	margin-top:5px;
}
#watIsFeet {
	display:none;
}
#wieIsFeet p {
	text-indent:40px;
}

/* EenVraagOverFeet */
#EenVraagOverFeet {
	margin:30px 0 0;
	padding:5px 0 0;	
	border-top:1px solid #BFBFBF;
}
#EenVraagOverFeet p.confermMsg {
	font-weight:bold;
	color:#5B0365;
	margin:3px 0 10px 0;
}
#EenVraagOverFeet label {
	float:left;
	width:60px;
	margin:5px 0 0;
}
#EenVraagOverFeet input, textarea {
	border:1px solid #dbdada;
	padding:3px;
	margin:3px 0;
	width:360px;
	float:left;
	height:20px;
}
#EenVraagOverFeet input:focus, textarea:focus {
	border:1px solid #666;
}
#EenVraagOverFeet textarea {
	height:100px;
}
#EenVraagOverFeet p {
 	margin:0 0 15px;
	width:432px;
	float:left;
}
#EenVraagOverFeet input.versturen {
	float:right;
	margin:0 59px 0 0;
	display:inline;
	border:none;
	width:66px;
	height:auto;
}
#EenVraagOverFeet .lblClassError {
	width:auto;
	font-style:italic;
	color:#C80505;
	text-align:left;
	margin:0 0 0 -3px;
	font-weight:normal;
}
#EenVraagOverFeet #spanEmailAddressInValid img {
	margin:8px 0 0 5px;
}

/*FOOTER*/
#footer {
	background:#333 url(../img/layout/footer-bg.gif) repeat-x left top;
	color:#f5f5f5;
	margin-top:-46px;
	padding:15px 0;
}
#footer a {
	color:#CCC;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
}
#footer #footerContainer {
	margin:0 auto;
	width:985px;
}

/*FOOTER LEFT*/
#footerLeft {
	width:200px;
	float:left;
	margin-left:17px;
	display:inline;
}
#footerRight {
	float:right;
	width:450px;
	text-align:right;
	margin-right:17px;
	display:inline;	
}

/* vender */
#wieIsFeet p.venderDown, p.venderDown {
	float:right;
	margin:20px 17px 0 0;
	width:65px;
	height:19px;
	background:url(../img/layout/button-toggle.jpg) no-repeat left top;
	cursor:pointer;
	padding:0;
}
p.active, #wieIsFeet p.active {
	background:url(../img/layout/button-toggle.jpg) no-repeat left -20px;
	padding:0;
}
/*other*/
.clear {
	clear:both;
}

/* FOR FOOTER*/
 * {margin:0;padding:0;} 

html, body, #mainWrapper {height:100%;}

body > #mainWrapper {height:auto; min-height:100%;}

#mainContent {margin-bottom:45px;}  /* must be same height as the footer */


/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {display:block;}
/* End hide from IE-mac */


/* Disclaimer popup */
#backgroundPopup, #backgroundPopup2{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}
#popupContact, #popupContact2{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	width:408px;
	background:#FFFFFF;
	border:2px solid #cecece;
	z-index:2;
	padding:12px 12px 20px;
	font-size:13px;
}

/*Algemene Voorwaarden*/
#popupContact h2, #popupContact2 h2 {
	padding-bottom:2px;
	margin-bottom:20px;
}
#popupContact p, #popupContact2 p {
	padding:0;
	margin:0 0 20px 0;
	color:#000;
}
#popupContact2 p.confermMsg {
	margin:20px 0 10px;
}
#popupContact2 form p {
	margin:0 0 10px 0;
	float:left;
}
#popupContact2 form label {
	float:left;
	margin:5px 10px 0 3px;
	width:65px;
}
#popupContact2 form input, #popupContact2 form textarea{
	height:25px;
	padding:2px 4px 4px 5px;
	width:270px;
	border:1px solid #CCC;
	float:left;
}
#popupContact2 form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	height:80px;
}
#popupContact2 form input[type="image"]{
	height:24px;
	width:66px;
	border:none;
	float:right;
	margin:0 48px 0 0;
	padding:0;
}
#popupContact form label.lblClassError {
	margin:3px 0 0 69px;
	text-align:left;
	width:auto;
	color:#ca0000;
	float:none;
	font-size:0.85em;
}
#popupContactClose, #popupContactClose2{
	right:-14px;
	top:-12px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
	cursor:pointer;
	height:29px;
	width:30px;
	background:url(../img/illustrations/close.png) no-repeat left top;
}