/******************************************
LUKKIEN


******************************************/


/** GENERAL ******************************/

BODY {
	margin: 0;
	padding: 0;
	background-color: #9AB64C;
}

IMG {
	border: 0;
}

P {
	color: #FFF;
	font-family: Arial;
	font-size: 16px;
	line-height: 18px;
}


/** ID **********************************/

#home
{
	background-image: url(../../_imgs/background_leaf.jpg);
	background-repeat: no-repeat;
}

#container {
	width: 100%;
	text-align:center;
}

#header {
	background-color: #062102;
	text-align:center;
	height: 150px;
}

#logo {
	width: 100%;
	padding-top: 20px;
}

#content {
	margin: 0 auto;
	text-align: left;
}

#archief {
	margin: 0;
	text-align: right;
	padding: 10px;
}

#introtext {
	text-align: center;
	padding-top: 25px;
	background-color:#062102;
}

#cover {
	width:940px;
	text-align: center;
	position:absolute;
	left:50%;
	margin-left:-470px;
	top:150px;
	z-index:100;
}

#flash {
	height: 800px;
}

#binnenkort {
	position: absolute;
	top: 340px;
	text-align:right;
	width: 600px;
	height:57px;
	background-color:#CE0035;
}

#centercontent {
	margin-left:50%;
	position:relative;
	left:-400px;
}

#thankyou {
	width: 680px;
	position:relative;
	left: 50%;
	margin-left: -340px;
}

#centercontent_onecol {
	margin-left:50%;
	position:relative;
	left:-200px;
}

#onderschrift {
	padding: 10px 10px 0 0;
	color: #FFF;
	font-family: Arial;
	font-size: 12px;
	text-align:right;
}

#beeHappy {
	width:337px;
	vertical-align:bottom;
	text-align:center;
	color: #FFF;
	font-family: Arial;
	font-size: 12px;
}

#beeHappy a:link,
#beeHappy a:visited {
	text-decoration:none;
	color:#fff;
}

#welkomtekst {
	padding: 10px;
	line-height: 18px;
	color: #062102;
	font-family: Arial;
	font-size: 12px;
	vertical-align:top;
}

#archieftekst {
	color: #FFF;
	font-family: Arial;
	font-size: 12px;
	vertical-align:bottom;
	padding: 0 0 0 10px;
}

#archiefcovers {
	padding:10px 0 0px 10px;
}

#archiefcovers img.first {
	margin-right:15px;
}

#archiefedities {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	vertical-align:bottom;
	text-align:right;
	padding:0 20px 1px 0;
	background:url('../../_imgs/archive-arrow.gif') no-repeat bottom right;
}



#footer {
	width:100%;
	height:33px;
	background:#062102;
	position:absolute;
	top:618px;
	left:0px;
	z-index:0;
}

* #footer {
	top:617px;
}

/** FORM **********************************/

p.thanks {
	font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#0e3308;
margin-top:40px;
}

form{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#0e3308;
margin-top:40px;
width:800px;
text-align:left;
}
form#alert{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#0e3308;
margin-top:40px;
width:400px;
text-align:left;
}

legend{
color:#062102;
font-size:14px;
margin-bottom:15px;
}

fieldset{
border:none;
float:left;	
margin-left:20px;
}

label{
float: left;
width: 100px;
margin-top:5px;
color:#fff;
}

label span{
color:#062102;
}

label.long{
width: 210px;
}

input {
	padding-left: 3px;
}


input.textfield, textarea, .errorbox{
border:solid 1px #fff;
width: 250px;
margin: 3px 0 10px 0;
}

input:focus, textarea:focus{
background-color:#e8fadb;
}

textarea{
height: 100px;
width:641px;
margin-left: 100px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.box1, .box2{
float: left;
width: 1em;
border:none;
margin-right:5px;
margin-left:10px;
}
.box1 {
margin-left:0px;
}


.comments{
margin-left:-110px;
margin-top:10px;
}


.gender1, .gender2 {
float: left;
margin-top: 3px;
color:#fff;
}


#submit, #submitbutton, #submitbutton2{
margin-left: 131px;
margin-top: 0px;
width:254px;
color:#fff;
text-transform:uppercase;
font-weight:bold;
font-size:10px;
padding:2px;
background-color:#dc000a;
border:none;
}
#submitbutton2 {
margin-left: -262px;
margin-top: 30px;
}
.footertxt {
	font-size:11px;
	float:left;
}
.error {
	color:#dc000a;
	position:absolute;
	font-size:11px;
	margin-left:188px;
	margin-top:24px;
	width: 75px;
	display: none;
}
* html .error {
	position:absolute;
	font-size:11px;
	margin-left:690px;
	margin-top:24px;
}
.errorbox {
	border:solid 1px #f65f5f;	
}


/** CLEARFIX **********************************/

.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 */