/****
** @author  De Mooij
** @website http://www.demooij.nl/
** @file   style.css
****/
Body {
	margin: 10px 0 10px 0;
	height: 100%;
	background: url('images/background.png');
	color: #000;
	font: 12px Arial;
}


img, div {
	behavior: url(js/iepngfix.htc);
}

/****
** Opmaak 
****/
h1 { margin: 0px; visibility: hidden}
h2 { margin: 0px; padding: 2px 15px 2px 15px; background: #8caba2 url('images/h2.png'); color: #fff; font: normal 12px Arial; }
h3 { margin: 0px; color: #fff; font: normal 12px Arial; }
h4 { margin: 0px; }

p { margin: 0px; }
#Footer p { margin: 0px; color: #004431; font: 11px; }
.stretcher  a:link { text-decoration: none; color: #DDE9E1; }
.stretcher a:visited { text-decoration: none; color: #DDE9E1; }
.stretcher a:hover { text-decoration: underline; color: #DDE9E1; }
#Footer a:link { text-decoration: none; color: #004431; }
#Footer a:visited { text-decoration: none; color: #004431; }
#Footer a:hover { text-decoration: underline; color: #004431; }

.Transparant { background: url('images/transparant.png'); width: 230px; height: 582px;}

/****
** Containers 
****/

#Shadow { margin: 0em auto; width: 845px; background: url('images/shadowbackground.png');}
#Container {position:relative;	margin: 0em auto; width: 800px; border: solid 1px #fff; }
#Left {position:relative; float: left; width: 230px; height:600px;}
#Right { float: left; width: 570px;}

/****
** Left
****/
#Logo { height: 162px; width: 230px; background: url('images/logo.png');}

#Menu {
  position:absolute;
  z-index:999;
  width: 157px; 
  left:40px;
  margin:0;
  *margin: 10px;
  _margin: 0px;
  top:220px;
  _top: 230px;
}

#Menu_bg{position:absolute; top:220px;  left:40px; z-index:0; }
#Menu a{ text-decoration:none; display: block; margin: 0; color: #fff; width: 87%; _width: 100%; cursor: pointer; }
#Menu a:hover{ color: #fff; text-decoration: none; background: #8caba2; }

dd  { margin: 0 0 0 10px; }
.stretchtoggle {text-decoration: none; margin: 0 0px 0 10px ; color: #fff; width: 87%; _width: 95%; cursor: pointer;}
.stretchtoggle:hover { color: #fff; text-decoration: none; background: #8caba2;}
.stretcher { margin: 0 0 0 10px; color: #DDE9E1;}


#LeftFooter {position:absolute; top: 437px; z-index:50;}

/****
** Right
****/
#Header {
	height: 162px;
	background: url('images/header.png') left no-repeat;
}

#Content {
	background: #004431 url('images/boxall.png') no-repeat;
	margin-bottom: 0;
	width:570px;
	min-height:420px;
	float:left;
}


#menu_aanpassen{
position:absolute;
  z-index:100;
  left:60px;
  top:180px;
}


/****
** Content
****/

.Box {
  position:relative;
	width: 285px;
	height: 210px;
  margin:0;
  float:left;
}

.BoxBig {
	float: left;
	width: 285px;
	height: 100%;
	min-height: 420px;
}

.BoxBig_view {
	float: left;
	width: 285px;
}

.BoxAll {
	float: left;
	width: 570px;
	height: 100%;
	min-height: 420px;
}

.TekstBoxBig {
	float: left;
	padding: 30px;
	color: #fff;
}

.TekstBoxAll {
	padding: 30px;
	color: #fff;
}

.TekstBoxFirst {
	padding: 30px;
	height: 150px;
	color: #fff;
}

.TekstBox {
	padding: 30px;
	height: 150px;
	color: #fff;
}

/****
** Footer
****/

#Footerwrapper {
  position:relative;
	clear: both;
	height:30px;
}


#Footer {
  position:absolute;
  width:800px;
	height: 22px;
	padding:8px 0 0 0;
	background: #df6c08;
	text-align: center;
	z-index:2;
}

#aanpassen{
  position:absolute;
  top:100px;
  left:85px;
}

#menu_plaatjes{
  position:absolute;
  top:601px;
  z-index:1;
}

#edit_bar{
  position:absolute;
	height:23px;
	width:280px;
	background:url(images/bg.gif);
	text-align:right;
	padding-right:4px;
	z-index:50;
	border:1px solid white;
}

.item_edit{
  padding:43px 20px 20px 20px;
  color:white;
}

.foetsie { overflow:hidden; height:200px; font-size:40px; margin: 0 0 0 0; }
.formTable { margin:10px 0 0 0}
.formTable label, .formTable {color:#fff}
#mailinglist_message {color:#fff; font-weight:bold;}

#nieufsbriefLink {
	position:absolute;
	top:2px;
	left:329px;
	z-index:99;
	width:200px;
}	
#webwinkelLink {
	position:absolute;
	top:106px;
	left:329px;
	z-index:99;
	width:200px;
}	

#subscribeLink {
	position:absolute;
	top:25px;
	left:430px;
	z-index:90;
	text-transform:uppercase;
	width:200px;
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size:19px;
}	

#subscribeLink a span {
	text-transform:none;
	color:#004532;
	display:block;
	padding:0 0 0 40px;
	font-size:16px;
}

#subscribeLink a {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}