/*** RESET ***/
html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, 
a, del, dfn, em, font, img,
small, strong, b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

table {
	color: #ffffff;
    font-size: 11px;
}
a {
	text-decoration: none;
	color: #747e28;
}
body{
	font-family: arial, sans-serif;
	font-size: 1em;
	line-height: 1;
	background-color: #393B2D;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}

a:active { outline: 0; }

/*** END RESET ***/

/*** BASIC LAYOUT ***/

/** LOGO **/

#logocontainer{
	position: relative;
	width: 100%;
	height: 111px;
	background-color: #ffffff;
}
#logo{
	position: relative;
	margin: 0 auto;
	width: 800px;
	height: 111px;
}
/** HEADER **/

#headercontainer {
	background-color: #282923;
	margin: 0 auto;
	width: 100%;
	height: 366px;
	z-index: 0;
}

#headercontainer #header 
{	
	margin: 0 auto;
    width: 1140px;
	z-index: 1;
}

/** NAVIGATION **/
#navcontainer {
	background-color: #B7C645;
	width: 100%;
	height: 36px;
}
#navcontainer #headernav {
	width: 850px;
	height: 36px;
	margin: 0 auto;
}
#navcontainer #headernav #headernavleft{
	color: #747e28;
	font-size: 0.8em;
	display: block;
    float: left;
    height: 36px;
    margin-top: -7px;
    text-transform: uppercase;
}
#navcontainer #headernav #headernavleft li{
	display: inline;
	padding: 10px 15px 9px 15px;
	width: 100%;
    line-height: 4;
    height: 36px;
}
#navcontainer #headernav #headernavleft a{
	font-size: 11px;
}
#navcontainer #headernav #headernavleft li:hover{
	background-color: #A5B342;
	cursor: pointer;
	color: #ffffff;
	width: 100%;
	height: 36px;
}


#navcontainer #headernav #headernavright{
	float: right;
	color: #747e28;
	font-size: 0.8em;
	margin-top: 12px;
}
#navcontainer #headernav #headernavright li{
	display: inline;
	padding: 0 5px 0 5px;
	border-right: 1px solid #747e28;
}
#navcontainer #headernav #headernavright li.DE{
	border: none !important;
}
#navcontainer #headernav #headernavright li a{
	font-size:9px;
}
#navcontainer #headernav #headernavright li a:hover{
	color: #ffffff;
}
#navcontainer #headernav #headernavright li.contact{
	border-right: none !important;
}

/** CONTENT **/

#contentcontainer {
	position: relative;
	width: 100%;
	min-height: 500px;
	border-top: 20px solid #393B2D;
	background-color: #444734;
}
#contentcontainercols {
	margin: 0 auto;
	width: 800px;
}
#contentcontainer #col1 {
	float: left;
	margin-top: 20px;
	width: 180px;
	padding: 0px 20px 20px 00px;
	margin-left: -20px;
	font-size: 1em;
}
#contentcontainer #col1 #navmenu li{
	background: 175px url("../images/pijltje.png") no-repeat;
	line-height: 1.4;
	border-bottom: 1px dotted #696C59;
	text-align: right;
	padding-right: 10px;
}
#contentcontainer #col1 #navmenu li:hover{
	background: 175px url("../images/pijltje_grijs.png") no-repeat;
}
#contentcontainer #col1 #navmenu li a{
	color: #D0D0CE;
	font-size: 0.8em;
}
#contentcontainer #col1 #navmenu li a:hover{
	color: #AEBC5A;
}
#contentcontainer #contentcontainercols #col1 #contact #info {
	margin-top: 50px;
	text-align: right;
	}
#contentcontainer #col2{
	float: left;
	margin: 20px 30px 0 40px;
	width: 320px;
}
#contentcontainer #col2 li.title{
	font-size: 1.4em;
	padding-bottom: 15px;
	color: #ffffff;
}
#contentcontainer #col2 li.subtitle{
	font-size: 0.8em;
	color: #89905A;
	padding-bottom: 15px;
	line-height: 1.3;
	font-weight: bold;
}
#contentcontainer #col2 li.subtext{
	float: left;
	color: #ffffff;
	font-size: 0.7em;
	line-height: 1.3;
	text-align: justify;
}
#contentcontainer #col2 #pics{
	float: left;
	margin-top: 20px;
	width: 320px;
}
#contentcontainer #col2 #pics img{
	padding: 0 13px 13px 0;
}
#contentcontainer #col3 #col3bg1{
	float: left;
	background-color: #4A4D38;
	border-left: 4px solid #565D3B;
	padding: 10px 20px 20px 20px;
	margin-top: 20px;
	width: 162px;
}
#contentcontainer #col3 #col3bg2{
	float: left;
	background-color: #4A4D38;
	border-left: 4px solid #565D3B;
	padding: 10px 20px 20px 20px;
	margin-top: 20px;
	width: 162px;
}
#contentcontainer #col3 #col3bg1 #boeken li.boekenhead {
	font-size: 0.7em;
	font-weight: bold;
	margin-bottom: 1px;
	margin-top: 10px;
	color: #979F70;
}
#contentcontainer #col3 #col3bg1 #text li.green{
	color: #ACBF42;
	font-size: 1.1em;
}
#contentcontainer #col3 #col3bg1 #text li.lightgreen{
	padding-top: 3px;
	color: #979F70;
	font-size: 0.9em;
	line-height: 1.2;
}
#contentcontainer #col3 #col3bg2 #text li.green{
	color: #ACBF42;
	font-size: 1.1em;
}
#contentcontainer #col3 #col3bg2 #text li.lightgreen{
	padding-top: 3px;
	color: #979F70;
	font-size: 0.9em;
	line-height: 1.2;
	font-weight: bold;
}
#text a
{
	font-size: 12px;
}
#text h1
{
	color: #ffffff;
}
#contentcontainer #col3 #col3bg2 #inschrijven input.email{
	background-color: #88915C;
	border: none;
	font-size: 0.8em;
	color: #ffffff;
	letter-spacing: -0.2px;
	margin-top: 15px;
	padding-left: 3px;
	width: 160px;
}
#contentcontainer #col3 #col3bg2 #inschrijven input.schrijfin{
	background-color: #A6B069;
	border: none;
	font-size: 0.6em;
	color: #454634;
	font-weight: bold;
	letter-spacing: -0.2px;
	margin-top: 15px;
	padding-left: 3px;
}

#contentcontainer #col3 #col3bg1 #boeken input.boeknu{
	background-color: #A6B069;
	border: none;
	font-size: 0.6em;
	color: #454634;
	font-weight: bold;
	letter-spacing: -0.2px;
	margin-top: 15px;
	padding-left: 3px;
}
#contentcontainer #contentcontainercols #col3 #col3contact {
	float: left;
	margin-top: 38px;
	}
#contentcontainer #contentcontainercols #col3 #col3contact #info {
	background: url("../images/headphones.png") no-repeat;
	}
#contentcontainer #contentcontainercols #col3 #col3contact #info:hover {
	cursor: pointer;
	}
#contentcontainer #col3 #col3contact li.green a{
	color: #ACBF42;
	font-size: 0.9em;
	padding-left: 50px;
}
#contentcontainer #col3 #col3contact li.white a{
	color: #ffffff;
	font-size: 0.9em;
	padding-left: 50px;
}

/** FOOTER **/

#footercontainer {
	width: 100%;
	min-height: 110px;
	background-color: #393B2D;
	font-size: 0.7em;
	color: #B0B1AC;
}
#footercontainer #footers {
	position: relative;
	margin: 0 auto;
	width: 800px;
}
#footercontainer #footers #footer1 {
	float: left;
	margin-top: 20px;
	line-height: 1.2;
	border-right: 1px dotted #6d763f;
	padding-right: 20px;
}
#footercontainer #footers #footer2 {
	float: left;
	margin-top: 20px;
	line-height: 1.2;
	border-right: 1px dotted #6d763f;
	margin-left: 20px;
	padding-right: 20px;
}
#footercontainer #footers #footer2 a{
	color: #B0B1AC;
}
#footercontainer #footers #footer2 a:hover{
	color: #6d763f;
}
#footercontainer #footers #footer3 {
	float: left;
	margin-top: 48px;

	color: #B0B1AC;
	height: 10px;
}
#footercontainer #footers #footer3 li{
	color: #B0B1AC;
	display: inline;
		padding-right: 10px;
	margin-left: 20px;
}
#footercontainer #footers #footer3 li a{
	color: #B0B1AC;
}
#footercontainer #footers #footer3 li a:hover{
	color: #6d763f;
}
#footercontainer #footers #footer3 li.ligging{
	border: none !important;
}
#footercontainer #footers #footer4 li a{
	position:absolute;
	right: -20px;
	top: -1px;
	margin-top: 45px;
	line-height: 1.2;
	margin-left: 24px;
	font-size: 1.2em;
}
#footercontainer #footers #footer4 a{ 
	color: #B0B1AC;
}
#footercontainer #footers #footer4 a:hover{
	color: #6d763f;
}
#footercontainer li.footervet {
	font-weight: bold;
	
}
.images
{
	width: 300px;
}



#stardekk input 
{

	margin-top: 4px;
}
.textarea 
{
	font-size: 1.2em;
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #f4f4f4;
	padding: 2px 0 0 4px;
	width: 305px;
	margin-top: 4px;
}

.textbox 
{
	margin-bottom: 6px;
	width: 150px;
	background: Transparent;
	border: 1px solid #f4f4f4;
	color: #f4f4f4;
}

.contactbutton 
{
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #f4f4f4;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.8em;
}

#contentcontainer #col2 a{
	color: #aabd19;
}

.textarea 
{
	font-size: 1.2em;
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #ffffff;
	padding: 2px 0 0 4px;
	width: 305px;
}

.textbox 
{
	margin-bottom: 6px;
	width: 150px;
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #ffffff;
}

.contactbutton 
{
	background: Transparent;
	border: 1px solid #d3ccb9;
	color: #ffffff;
	padding: 3px;
	text-transform: uppercase;
	font-size: 0.8em;
}