@import url("../stylesheets/cssreset.css");

body, html {
    height: 100%;
}

body{
	background:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#000;
	font-size:11px;
	line-height: 15px;
}

td {
	padding: 0.2em;
}

td label{
	font-weight: bold;
}

ul{
	list-style: none;
}

p{margin:0 0 10px;}
h1{color:#0078C1; font-size:22px; margin:12px 0 12px 0; line-height:24px;}
h2{color:#0078C1; font-size:15px; margin:0 0 10px;}
h3{font-size:13px; margin:0 0 10px;}
.bold{font-weight: bold;}

a{color:#000; text-decoration: underline;}
a:visited{color:#000}
a:hover{color:#0078C1;}

a.button{
	color:white; 
	background: #0078C1; 
	display:block; 
	height: 37px; 
	line-height: 27px;
	padding:0 9px 0 4px;
	text-align:center;
	text-decoration: none;
	float:right;
}

a.swfbutton{
	color:white; 
	background: #0078C1; 
	height: 38px; 
	display:block;
	line-height: 27px;
	padding:0 9px 0 4px;
	text-align:center;
	text-decoration: none;
	float:left;
	cursor: pointer;
}

a.button:hover{
	color:black;
}

a.button.volgende:hover{
	color:black;
	cursor: pointer;
}
a.swfbutton.volgende:hover{
	color:black;
	cursor:pointer;
}
.error {
	color:red;
}

a.button.disabled:hover{
	color:white;
}

a.button:visited{color:white}

a.button.volgende{background: url(/images/buttonVolgende.gif) no-repeat; width:121px;}
a.swfbutton.volgende{background: url(/images/buttonVolgende.gif) no-repeat; width:121px;}

a.button.disabled{background: url(/images/buttonDisabled.gif) no-repeat; width:121px;}

a.button.info{background: url(/images/buttonInfo.gif) no-repeat; width:157px;}
a.button.start{background: url(/images/buttonStart.gif) no-repeat; width:88px;}

ul#local{
	overflow:hidden;
	height:25px;
	float:left;
	width:100%;
}

ul#local li{
	float:right;
	margin:0 0 0 5px;
	line-height: 25px;
}

ul#local li a{
	text-decoration: none;
}

ul#local li.active a{
	color: #0078C1;
}

div#user_information {
	margin: 0 0 10px;
}

div#users ul{
	float: none;
}

div#wrapper{
	margin:0 auto;
	text-align:left;
	width:450px;
}

div#wrapper div#header{
	width:100%;
	margin:10px 0 0 0;
	position: relative;
	overflow: hidden;
}

div#wrapper div#header h1{
	background: #0078C1;
	width:220px;
	height:220px;
	color:white;
	line-height: 220px;
	text-align: center;
	float:left;
	margin:0;
}

div#wrapper div#header div.imageHolder{
	width:450px;
	height:220px;	
	background: #0078C1;
	float:left;
	overflow: hidden;
}

div#wrapper div#header ul#mainMenu{
	background: #f5821f;
	width:430px;
	height:22px;
	float: left;	
	padding:0px 10px 0;
	margin:0px 0 0 0;
}

div#wrapper div#header ul#mainMenu li{
	float:left;
	line-height: 21px;
	margin:0 7px 0 0;
	padding:0 9px 0 0;
	font-weight: bold;
	background: transparent url(../images/splitMainMenu.gif) no-repeat scroll right 6px;
}

div#wrapper div#header ul#mainMenu li.last{
	background: none;
}

div#wrapper div#header ul#mainMenu li a{color:white; text-decoration: none;}
div#wrapper div#header ul#mainMenu li a:hover{color:#000; text-decoration: none;}

div#wrapper div#main{
	width:100%;
	position: relative;
	margin:10px 0;
}

div#wrapper div#main ul.infoUploadSteps{
	margin:0 0 5px 0; 
	list-style: decimal;	
}

div#wrapper div#main ul.infoUploadSteps li{
	margin:0 0 5px 25px; 
}


div#wrapper div#main div.steps{
	overflow:hidden;
	height:120px;
	margin:0 0 10px;
}

div#wrapper div#main div.steps h2{
	height:50px;
	line-height: 50px;
	padding:0 0 0 10px;
	width:440px;
	background:#0078C1;
	color:white;
	position: absolute;
	display: none;
}

div#wrapper div#main ul#steps{
	overflow: auto;
}

div#wrapper div#main ul#steps li{
	float:left;
	margin:0 6px 0 0;
}

div#wrapper div#main ul#steps li.last{
	margin:0;
}

div#wrapper div#main ul#steps li {
	width:70px;
	height:70px;
	line-height: 70px;
	font-size: 30px;
	text-decoration: none;
	font-weight: bold;
	color:white;
	background: #f5821f;
	display: block;
	text-align: center;
	cursor: text;
}

div#wrapper div#main ul#steps li.active {
	background: #0078C1;
}

div#wrapper div#main div.voorwaardenBox{
	height:300px;
	overflow-y: scroll;
	overflow-x: hidden;
	width:428px;
	border:1px solid #f5821f;
	padding:10px;
	margin:0 0 10px;
}

div#wrapper div#main div.formAccept{
	width:300px;
	float:left;
	margin:5px 0 0 0;
}

div#wrapper div#main div.photo{
	background: #eaeaea;
	border-top:2px solid #0078C1;
	overflow: auto;
	_height:210px;
	margin:0 0 10px 0;
}

div#wrapper div#main div.photo_small{
	float:left;
	background: #eaeaea;
	border-top:2px solid #0078C1;
	width: 145px;
	height: 200px;
	margin:0 5px 10px 0;
	padding:0;
}

div#wrapper div#main div.photo_small h3{
	float: left;
	font-weight: normal;
	width:45px;
	height:30px;
	background: #0078C1;
	line-height:30px;
	color:white;
	text-align: center;
	margin: 0 10px 0 0;
}

ul#admin{
	overflow:hidden;
	height:25px;
	float:left;
}

ul#admin li{
	float:left;
	margin:0 0 0 5px;
	line-height: 25px;
}

ul#admin li a{
	text-decoration: none;
}

div#wrapper div#main div.photo_small div.imageBox{
	width:145px;
	margin:30px 0 0 0;
	text-align: center;
	height: 143px;
}

div#wrapper div#main div.photo h3{
	font-weight: normal;
	width:45px;
	height:30px;
	background: #0078C1;
	line-height:30px;
	color:white;
	text-align: center;
	float:left;
}

div#wrapper div#main div.photos{
	overflow: auto;
	margin:0 0 10px;
}

div#wrapper div#main div.photo div.imageBox{
	width:145px;
	float:left;
	text-align: center;
}

div#wrapper div#main div.photo div.optionBox{
	width: 305px;
	float:right;
	background:white;
	min-height: 210px;
}

div#wrapper div#main div.photo div.optionBox p.deleteUpload{
	height:25px;
	line-height: 40px;
	text-align: right;
}

div#wrapper div#main div.photo div.optionBox p.deleteUpload a{
	color: #0078C1;
	text-decoration: none;
}

div#wrapper div#main div.photo div.optionBox div.tags{
	margin:0 10px 20px 20px;
}

div#wrapper div#main div.photo div.optionBox div.tags p{
	line-height: 18px;
}

div#wrapper div#main div.photo div.optionBox div.tags a{text-decoration: none; margin:0px 2px;}
div#wrapper div#main div.photo div.optionBox div.tags a:hover{color: #F5821F;}
div#wrapper div#main div.photo div.optionBox div.tags a.selected{color: #0078C1;}

div#wrapper div#main div.form div{
	height:30px;
	margin:0 0 7px;
}



div#wrapper div#main div.form div.topMargin{
	margin:20px 0 7px 0;
}

div#wrapper div#main div.form div label{
	height:30px;
	line-height: 26px;
	font-weight: bold;
	width:80px;
	padding:0 10px 0 0;
	text-align: right;
	float:left;
}

div#wrapper div#main div.form div input{
	border:1px solid #f5821f;
	height:16px;
	padding:5px;
	width:320px;
}

div#wrapper div#main div.form div input.postcode{
	width:54px;
}

div#wrapper div#main div.form div input:focus{
	border:1px solid #0078C1;
}

div#wrapper div#main div.form input.submit{
	float:right;
}

div#wrapper div#main .sendaFriend{
	border-top:2px solid #0078C1;
	border-bottom:2px solid #0078C1;
	padding:20px 0 0 0;
	float: left;
}

div#wrapper div#main a.addMoreFriends{
	display:block;
	float:left;
	height:28px;
	line-height:28px;
	text-align:right;
	width:300px;
	font-weight: bold;
	text-decoration: none;
}

div#wrapper div#main div.voorbeeld{
	margin:0 0 30px 0;
	height:40px;
}

div#wrapper div#main div.voorbeeld img{
	float:left;
}

div#wrapper div#main div.voorbeeld p{
	float:left;
	width:200px;
	margin:8px 0 0 20px;
}

div#wrapper div#footer{
	height:100px;
	width:450px;
	text-align: right;
	margin:45px 0;
	float:left;
	overflow: hidden;
}

div#wrapper div#footer .innerBlue{
	height:80px;
	width:450px;
	text-align: right;
	background: #0078C1;
	float:left;
	overflow: hidden;
}

div#wrapper div#footer p{
	float:left;
	text-align: right;
	width:450px;
}