@import "layout.css";

body {
	margin:0px;
	font-family: 'century gothic', Verdana,"Trebuchet MS",  Arial;
	font-size:12px;
	color:#4B473A;
	background:#fff;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor: default;
}

a {
	text-decoration:none;
	color:#000;
}

a:hover {
	text-decoration:underline;
}

#introTekst{
	width: 480px;
	margin-bottom: 10px
}



div.button, a.button {
	padding: 2px 5px 2px 5px;
	text-decoration:none;
	color:#fff;
	border:solid 1px #e2001a;
	background-color:#e2001a;
	font-size:14px;
	font-weight:normal;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:140px;
	text-align:center;
	cursor:pointer;
	
}

a.button:hover {
	padding: 2px 5px 2px 5px;
	text-decoration:none;
	color:#e2001a;
	border:solid 1px #e2001a;
	background-color:#fff;
	font-size:14px;
	font-weight:normal;
}

a.button.small{
	display:inline;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
}
a.smallbutton {
	padding: 2px 2px 2px 5px;
	text-decoration:none;
	color:#fff;
	background-image: url('smallbutton.png');
	background-repeat: no-repeat;
	background-position: center;
	font-size:14px;
	font-weight:normal;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:140px;
	text-align:center;
	display:inline;
	margin-left:0px;
	margin-right:0px;
	text-align:center;
}
a.smallbutton:hover{
	background-image: url('smallbutton_up.png');
	background-repeat: no-repeat;
	background-position: center;
}

a.smallPlusButton {
	padding: 2px 2px 2px 5px;
	text-decoration:none;
	color:#fff;
	background-image: url('proxbutton_up.png');
	background-repeat: no-repeat;
	background-position: center;
	font-size:14px;
	font-weight:normal;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:140px;
	text-align:center;
	display:inline;

	text-align:center;
	padding: 12px 11px 13px 12px;
}
a.smallPlusButton:hover{
	background-image: url('proxbutton.png');
	background-repeat: no-repeat;
	background-position: center;
}


#langbar {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	text-align: right;
	margin-top:10px;
	padding-right:25px;
}

#header {
	border-bottom:solid 0px #aa4321;
	background:#fff;
	padding-top:0px;
	text-align:center;

}

#header_body {
	background-image:url(header.jpg);
}


.hitarea {
	padding:10px;
	background-color:transparent;
	margin:0px;
	display:block;
	width:auto;
	text-align:center;
	border:solid 2px white;
}

a:hover.hitarea {
	border:solid 2px #e2001a;
	background-color:#ffffff;
	text-decoration:none;
}

.minimal {
	padding:2px;
}

#wrapper {
	border:solid 0px #000000;
	padding-top:0px;
	width:681px;
	margin-left:auto;
	margin-right:auto;
}

#content {
	border: solid 0px;
}

.listitem {
	vertical-align:top;
	padding:5px;
	background-color:#FAFAFA;
	border: solid 1px #D4CCAC;
}

.image {
	background-color:#FAFAFA;
	border: solid 1px #D4CCAC;
}

#main-wrapper {
	position: relative;
	margin-left:0px;
	border-left: solid 0px #aa4321;

}

#main {
	margin-left:5px;
	text-align:justify;
	min-height:300px;
}

* html #main {
height: 300px;
}




h1 {
	padding:0px;
	margin:0px;
	font-size:20px;
	color:#000;
	font-weight:normal;
	margin-bottom:10px;
	color:#e2001a
}

h2 {
	padding:5px;
	margin:0px;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	margin-bottom:10px;
	background-color:#ADA585;
	text-align:center;
}

h3 {
	background-color:#ADA585;
	width:100%;
	font-weight:normal;
	font-size:11px;
	color:#FFFFFF;
	padding-left:10px;
}

.formtable {
	border: solid 1px #ECEDD7;
	background-color:#FAFAFA;
}

td.label {
	text-align:right;
	vertical-align:top;
}

td.value {
	width:300px;
	padding-left:10px;
}

.form .field {
	width:283px;
	border: solid 1px #D4CCAC;
	background-color:#ffffff;
	font-size:11px;
	font-family: 'century gothic', "Trebuchet MS", Verdana, Arial;
	padding:3px;
}



.form .field:focus {
	border: solid 1px #aa4321;
	background-color: #F8F7F2;
}

.rule {
	border:solid 1px #ddd;
	background-color:#fafafa;
	padding:10px;
	margin-bottom:10px;
	overflow:hidden;
}

.rule div{
	float:left;
}

input{
	
	-moz-user-select: normal;
	-khtml-user-select: normal;
	user-select: normal;
}

.invit input{
	width:140px;
	border:solid 1px #ccc;
	background-color:#ffffff;
	font-size:11px;
	font-family: 'century gothic', "Trebuchet MS", Verdana, Arial;
	padding:3px;
	color: blue;
}

.invit input:focus{
	border: solid 1px #e2001a;
	background-color: #fff;
}

.invite_name{
	margin-right:20px;
}

.titletext {
	font-size:16px;
	font-weight:normal;
	color:#aa4321;
}

#error{
	width:500px;
	border:solid 1px #aa4321;
	background-color:#FFFFFF;
	padding:10px;
	font-size:11px;
	color:#e2001a;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

#message{
	width:500px;
	border:solid 1px #339900;
	background-color:#FFFFFF;
	padding:10px;
	font-size:14px;
	color:#339900;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

.answer {
	padding-left:0px;
	margin-bottom:15px;
	position:relative;
	height:20px;
	background:transparent;
}


.formfield{
	border: 0px;
	border-bottom: dashed 1px #e2001a;
	color: #e2001a;
	font-size: 16px;
	font-family: 'century gothic', "Trebuchet MS", Tahoma, Verdana, Arial;
	font-variant: normal;
}

.answer .formfield {
	font-family: 'century gothic', "Trebuchet MS", Tahoma, Verdana, Arial;
	border:solid 1px #ccc;
	width:428px;
}

.answer .formfield:focus {
	border:solid 1px #e2001a;
}
select{
	font-family: 'century gothic', "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:11px;
}
option{
	font-family: 'century gothic', "Trebuchet MS", Tahoma, Verdana, Arial;
	font-size:11px;
}

.answer textarea {
	width:300px;
}

.question {
	font-size:12px;
	margin-bottom:2px;
	margin-top:5px;
	width:400px;
}

.error {

	padding-left:20px;
	color:#e2001a;
}

p {
	font-size:13px;
	font-weight:normal;
	color:#333;
	line-height:25px;
}

.formbutton {
	background:none;
	background-color:#e2001a;
	font-size:16px;
	color:#fff;
	height:auto;
	border:none;
	font-weight:normal;
	font-family: 'century gothic', "Trebuchet MS", Verdana, Arial;
	padding-left:8px;
	padding-right:8px;
	cursor:pointer;
	display:block;
	width:140px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
	margin-top:15px;
}

.info {
	border: solid 1px #e2001a;
	background-color:#F8F7F2;
	text-align:center;
	width:80%;
	padding:5px;
	font-style:italic;
	margin-left:auto;
	margin-right:auto;
}

.box {
	border: solid 1px #aaa;
	background-color:#F8F7F2;
	width:100%;
	padding:5px;
	font-style:italic;
	margin:3px;
	text-align:left;
	border-radius:6px;
	-moz-border-radius:6px
}

a:hover .box {
	border: solid 1px #e2001a;
	background-color:#efebd7;
	text-decoration:none;
	cursor:pointer;
}

dl dt {
	padding-left:20px;
}

dl dd {
	color:#e2001a;
	font-weight:normal;
}

.center_block {
	margin-left:auto;
	margin-right:auto;
}



.vfbox{
	margin-top:0px;
	margin-bottom:30px;
	background-color:#fff;
	border: solid 1px #e2001a;
	color:#000;
	margin-left:auto;
	margin-right:auto;
	width:480px;
	padding:0px;
	padding-left:20px;
}
.vfbox h1{
	background-color:#e2001a;
	color:#fff;
	font-size:16px;
	padding:3px;
	padding-top:2px;
	padding-left:30px;
	background-image:url(logo_s.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0px;
	margin-left:-20px;
}

.vfbox h1 a{
	color: #fff;
}

.vfbox p{
	line-height:18px;
	font-size:13px;
	margin:0px;
	display:block;
	padding:10px;
}

.feedback{
	margin-top:0px;
	margin-bottom:30px;
	background-color:#fff;
	border: solid 1px #e2001a;
	color:#000;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	
}
.feedback.vf{
	width:500px;
	
}
.feedback h1{
	background-color:#e2001a;
	color:#fff;
	font-size:16px;
	padding:3px;
	padding-top:2px;
	padding-left:30px;
	background-image:url(logo_s.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0px;
}
.feedback h1 a{
	color:#fff;
	font-size:16px;
}
.feedback h2{
padding-left:10px;
background:none;
background-color:transparent;
color:#e2001a;
margin-bottom:5px;
padding-bottom:0px;
text-align:left;

}

.fb_item h1{
padding-left:10px;
background:none;
background-color:transparent;
color:#e2001a;
margin-bottom:5px;
padding-bottom:0px;

}

.fb_item h2{
background:none;
background-color:transparent;
color:#000;
text-align:left;
margin:0px;
padding:0px;
padding-left:30px;
}

.fb_item p{
	padding:10px;
	padding-top:0px;
	padding-left:30px;
	line-height:18px;
	font-size:13px;
	margin:0px;
}

#fitscore, #fitsymbol, #fittext {
	float:right;
}
#fb_matching{
	overflow:hidden;
}
#fittext{
	width:360px;
	padding-top:4px;
	padding-right:15px;
}

#fitsymbol{
	width:100px;
	height:80px;
}

#fitsymbol.s0{
	background-image:url(vf0.jpg);
}
#fitsymbol.s1{
	background-image:url(vf1.jpg);
}
#fitsymbol.s2{
	background-image:url(vf2.jpg);
}

.matching{
	color:#e2001a;
	width:120px;
	height:65px;
	text-align:center;
	font-size:40px;
	background-image:url(match_back.jpg);
	font-weight:normal;
	padding-top:15px;
}
.matching.small{
	background-image:url(match_back_small.jpg);
	width:60px;
	height:24px;
	font-size:20px;
	padding-top:0px;
	float:right;
}

ul.menu {
	padding:10px;
	width:482px;
	margin-left:auto;
	margin-right:auto;
	background-color:#e2001a;
	margin-top:-40px;
}

ul.menu li{
	list-style:none;
	color:#fff;
	text-align:left;
}
ul.menu li a{
	color:#fff;
	font-size:14px;
	font-weight:normal;
	padding-left:10px;
	padding-right:10px;
}
ul.menu li a:hover{
	background-color:#fff;
	color:#e2001a;
	text-decoration:none;
}

#header_body h1 {
	margin-left:110px;
	padding-top:10px;
	text-align:left;
	color: #fff;
	font-size:40px;
}

#comment_form .question{
	font-size:13px;
	color:#e2001a;
}

.border{
	background-color:#fff;
}
#border_left {
	background-image:url(border_left.jpg);
	width:48px;
}
#border_right{
	background-image:url(border_right.jpg);
	width:48px;
}
#border_bot_left{
	float:left;
	background-image:url(border_bot_left.jpg);
	width:150px;
	height:129px;
}
#border_bot_right{
	float:right;
	background-image:url(border_bot_right.jpg);
	width:150px;
	height:129px;
}
#border_bot{
	text-align:center;
	color:#aaa;
	border: solid 0px;
	background-image:url(border_bot.jpg);
	height:129px;
	vertical-align:bottom;
}

.tag{
	padding-left:3px;
	padding-right:3px;
	text-decoration:none;
	cursor:pointer;
}
.tag:hover{
	background-color:#e2001a;
	color:#fff;
}

.tag.active{
	background-color:#000;
	color:#fff;
}
.photolist {
	border:solid 0px;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	
}

.photolist_loading{
	position: relative;
	float:left;
	margin: 5px;
}


.photoMask{
	position: absolute;
	margin: 2px;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	cursor: pointer;
	z-index: 10010;
}

.photoMaskBig{
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	z-index: 10010;
}

.photolist img.photo{
	position: absolute;
	float:left;
	border:solid 0px;
	margin:0px;
	border:solid 0px;
	cursor:pointer;
	border:solid 2px #fff;
}

.photolist .photo.active{

}

#timquest{
	position:relative;
	border:solid 0px;
	margin-left:auto;
	margin-right:auto;
	width:500px;
	overflow:hidden;
}

#tagContainer{
	margin-top: 20px;
	width:inherit;
	overflow:hidden;
	height:0px;
}

#tagContainer h1{
	font-size:16px;
	text-align:left;
	padding-bottom:0px;
	margin-bottom:0px;
 }

#tagbox{
	margin-left:auto;
	margin-right:auto;
	width:500px;
	overflow:hidden;
}

#tagcloud{
	margin-left:auto;
	margin-right:auto;
	width:500px;
	text-align:center;
	overflow:hidden;
	padding-top:10px;
	padding-top:10px;
}

#tagcloud_container{
	border: solid 0px;
	overflow:hidden;
	width:500px;
	margin-left:auto;
	margin-right:auto;
}

#tag_state{
	font-size:16px;
	font-weight:normal;
	text-align:center;
	padding-bottom:5px;
	display:none;
}

#proximity{
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	width:300px;
	height: 250px;
}



#proximity #droppables{
	height:34px;
	width:279px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(bullet_back.gif);
	cursor:pointer;
	margin-top:-8px;
	position:relative;
}

#proximity #drops{
	position:absolute;
	height:34px;
	border:solid 0px;
	left:0px;
	top:4px;
}

#proximity #drops .drop{
	height:34px;
	width:29px;
	float:left;
	border:solid 1px #fff;
	margin-top:0px;
}

#proximity #drag{
	background-image:url(prox_indicator.gif);
	width:20px;
	height:26px;
	cursor:pointer;
	margin-top:0px;
}

#balloon{
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor: default;
	
}

#proximity #balloon{
	background-image:url(prox_back.gif);
	width:300px;
	height:50px;
	color:#fff;
	font-size:18px;
	font-style:italic;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	text-align:center;
	padding-top:20px;
}
#proximity #suggest{
	width:300px;
	height:30px;
	color:#aaa;
	font-size:11px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#text_source{
	display:none;
}

label{display:block;padding:0.5em;padding-left:32px;background-position:8px center;background-repeat:no-repeat;clear:both;cursor:pointer}
label.hor{display:inline;}
.checked{background-color:#fff;background-image:url(chk_on.png)}
.unchecked{background-color:#fff;background-image:url(chk_off.png)}
.selected{background-color:#fff;background-image:url(rdo_on.gif)}
.unselected{background-color:#fff;background-image:url(rdo_off.gif)}
.leftcol{float:left;clear:left;width:50%}
.rightcol{float:left;clear:right;width:50%}


#questContainer{

}
/*
#photoContainer{
	position: relative;
	opacity: 1;
}
*/

#selectedPhotoContainer{
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 0;
	background-image: none;
	background-repeat: no-repeat;
	z-index: 0;
	background-color: transparent;
	
}

#selectedPhotoContainer img{
	border: none;
	width: 100%;
	height: 100%;
	
}
#proxContainer {
	position:relative;
}

#foldUpLogin{	
	
}

#progressBar_percentImage{
	background-image:url(percentImage_back4.png);	
}


#rocketshield{
    position: absolute;
    top: 0px;
    left:0px;
    height: 500px;
    width: 100%;
    opacity: 1;
    text-align: center;
    background-color: #fff;
    z-index: 110;
}


#prox_confirm_old{
	background-image: url('proxbutton_up.png');
	background-position: center;
	background-repeat: no-repeat;
	color:#fff;
	border: none;
	vertical-align: middle;
	background-color: #fff;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: -10px;
	padding: 2px;
	width:140px;
	text-align:center;
	cursor:pointer;
}


#prox_confirm_old:hover{
	background-image: url('proxbutton.png');
}

#prox_confirm_old a:hover{
	text-decoration: none;
}

#tagbtn a:hover{
	text-decoration: none;
}

.vraagtitel{
	text-align:center;
	font-size:20px;
	width:483px;
	padding:0px;
	margin:0px;
	color:#000;
	font-weight: normal;
	font-style: normal;
	margin-bottom:10px;
	margin-left: 93px;
	color:#e2001a;
	
}


.languagebutton{
	color: #e2001a;
}

.f_options{
	top:15px;
	position:absolute;
	background:transparent;
}
.f_checkbox{

}