/* @group Basic page elements */

html {
    margin: 0; /* setting border: 0 hoses ie6 win window inner well border */
    padding: 0;
    height: 100%; /* needed for container min-height */
}

body {
	margin: 0 auto;  /* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	text-align: center;
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 100%;
	background: #013567 url(/assets/bg.gif) repeat-y center top;
}

p {
	line-height: 1.5;
	margin: 0 0 1em;
}

#container { 
	width: 800px;
	text-align: left;
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treaded as min-height*/
	min-height: 100%; /* real browsers */
}

#container-inner { margin: 0; padding: 0; }

#pagebody {
	padding-bottom: 5em;
	padding: 0;
	margin: 0;
}

#footer {
	position: absolute;
	width: 800px;
	bottom: 0; /* stick to bottom */
	background: #ddd;
	border-top: 6px solid #013567;
	margin: 0 auto;
	padding-top: 10px;
}

#footer p {
	padding: 1em;
}

/* @end */

/* @group Links */

a { color: #4b3e10; text-decoration: none; }
a:visited { color: #4b3e10; }
a:hover { text-decoration: none; }

.entry-body a { color: #4b3e10; text-decoration: none; }
.entry-body a:visited { color: #4b3e10; }
.entry-body a:hover { text-decoration: underline; }

/* @end */

/* @group Banner */

#banner {
	margin: 0;
	padding: 0;
	width: 800px;
	background: url(/assets/header.jpg) no-repeat;
	height: 125px;
}

#banner-inner {
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Menu */

ul#navmenu {
  border: 0 none;
  padding: 6px 60px;
  width: 680px; /*For KHTML*/
  list-style: none;
  height: 15px;
  *height: 10px;
  background-color: #4b3e10;
	margin: 0;
}

ul#navmenu li {
  margin: 0 0 0 10px;
  border: 0 none;
  padding: 1px 0 3px;
  float: left; /*For Gecko*/
  display: inline;
  list-style: none;
  position: relative;
  *height: 10px;
}

ul#navmenu ul {
  margin: 0;
  padding: 7px 0px 0px;
  *padding: 4px 0px 0px;
  width: 166px;
  list-style: none;
  display: none;
  position: absolute;
  top: 16px;
  *top: 10px;
  left: 0;
}

ul#navmenu ul li {
  float: none; /*For Gecko*/
  display: block !important;
  display: inline;
	padding: 0;
}

ul#navmenu ul li ul {
	margin-top: 1px;
}

/* Root Menu */
ul#navmenu a {
  float: none !important; /*For Opera*/
  float: left; /*For IE*/
  display: block;
  color: #fff;
  font: 11px/12px Verdana, sans-serif;
  text-decoration: none;
  height: auto !important;
  height: 1%;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  color: #9cf;
}

/* 2nd Menu */

ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  float: none;
  background: #f90;
  color: #fff;
  padding: 3px 3px 3px 10px;
  font: 10px/13px Verdana, sans-serif;
  margin-top: -2px;
  text-transform: lowercase;
}

/* 2nd Menu Hover Persistence */

ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #4b3e10;
  color: #9cf;
	text-transform: lowercase;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #f90;
  color: #FFF;
  margin-left: 7px;
  margin-top: -1px;
	display: none;
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #4b3e10;
  color: #9cf;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #b3580f;
  color: #fff;
}

/* 4th Menu Hover */

ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #f27a18;
  color: #FFF;
}

ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 160px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/* @end */

/* @group Three-column */

.layout-three-column #alpha { width: 135px; }
.layout-three-column #beta { width: 479px; }
.layout-three-column #gamma { width: 182px; }
   
.layout-three-column #alpha-inner {
	padding: 0;
}
.layout-three-column #gamma-inner {
	padding: 0;
	margin: 0;
}

/* @end */

/* @group Page layout */

#alpha, #beta, #delta  {
	float: left;
	margin: 35px 0 0;
	padding: 0;
}

#beta  {
	float: left;
	margin: 0;
	padding: 0;
}

#gamma {
	float: left;
	margin: 0;
	padding: 0;
}

#alpha-inner, #beta-inner {
	margin: 0;
	bottom: 0;
}

#beta-inner {
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 50px;
}

#gamma-inner, #delta-inner {
	text-align: right;
	padding: 0;
	margin: 0;
}

#beta {
	border-right: 4px solid #B0B0B0;
	min-height: 368px;
}

#beta #inline table {
	width: 450px;
	border: 1px solid #e7e7e7;
}

#beta #inline tr {
	border-top: 1px solid #cc4c1f;
	border-bottom: 1px solid #cc4c1f;
	padding: 2px;
	background-color: #b9d1e5;
}

#beta #inline td {
	padding: 3px;
}

#beta img {
	border: 1px solid #984c0f;
	margin-left: 10px;
	margin-bottom: 10px;
	float: left;
}

#beta blockquote {
	margin-top: -10px;
	margin-bottom: 10px;
	color: #633;
	text-align: center;
	clear: both;
	font-size: 9px;
}

blockquote {
	font-size: 10px;
}

#data {
	margin-left: -60px;
}

#alpha img {
	border: 3px solid #b0b0b0;
	border-left-style: none;
}

#gamma img {
	border-bottom: 4px solid #B0B0B0;
	margin: 0;
	padding: 0;
}

/* @end */

/* @group Breadcrumbs */

#breadcrumb {
	border-bottom: 4px solid #0f79b7;
	margin-top: 12px;
	margin-left: 15px;
	margin-right: 15px;
}

#breadcrumb-inner {
	padding-top: 5px;
	padding-bottom: 5px;
}

.crumbs {
	color: #4b3e10;
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.crumbs a {
	color: #4b3e10;
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.crumbs a:visited {
	color: #4b3e10;
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.crumbs a:hover {
	color: #4b3e10;
	font: bold 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-decoration: underline;
}
	
/* @end */

/* @group Entries */

.date {	
	color: #001a61;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 10px;
}

.date-header
{
	padding: 5px 5px 15px 0;
	color: #cc6600;
	font-size: 10px;
	text-transform: uppercase;
	margin: 5px 0 0;
	font-weight: bold;
	display: none;
}

.date-header-news
{
	padding: 5px 5px 15px 0;
	color: #cc6600;
	font-size: 10px;
	text-transform: uppercase;
	margin: 5px 0 0;
	font-weight: bold;
}

.entry-header
{
	margin: 5px 5px 5px 0;
    padding: 10px 0 0;
    background: 0;
	color: #f60;
	font-size: 12px;
	font-weight: bold;
}

.entry-content { margin: 5px 15px;
	padding-top: 10px;
	font-size: 11px;
}

.entry-body {
	padding-top: 10px;
}

.entry-content strong {
	color: #f60;
	font-weight: bold;
}

.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed
{
	font-weight: bold;
}

.entry-footer
{
	margin: 0;
	padding: 0 0 0 5px;
	font-weight: normal;
	text-align: left;
	clear: both;
	border-bottom: 1px dotted #0f79b7;
}

.entry-footer a { color: #ca4721; }

#beta p .entry-more-link {
	padding: 0;
	margin: 0;
	border-width: 1px;
	border-style: solid;
}

/* @end */

/* @group Fontswitch */

.fontsize {
	list-style-type: none;
	list-style-image: none;
	text-align: left;
	font-size: 9px;
	margin: 0;
	border-left: 4px solid #000;
}

.fontsize .small {
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
}

.fontsize .medium {
	font-size: 12px;
	text-transform: uppercase;
}

.fontsize .large {
	font-size: 18px;
	text-transform: uppercase;
}

.fontsize a {
	border-left-style: none;
	color: #000;
	font-weight: bold;
}

.fontsize a:hover {
	color: #fff;
	text-decoration: underline;
}
	
/* @end */

/* @group Sitemap */

#idx {
margin-bottom: 10px;
margin-top: 10px;
}

.smidx {
color: #000000;
text-transform: uppercase;
font-size: 11px;
}

.smidx a:link {
color: #000000;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

.smidx a:visited {
color: #000000;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

.smidx a:hover {
color: #728eb6;
text-decoration: underline;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}

.smcatmenu {
list-style: none inherit;
font-size: 10px;
color: #000000;
text-decoration: none;
font-weight: bold;
display: block;
}

.smcatmenu a:link {
list-style: square inside;
margin-left: 10px;
font-size: 10px;
text-decoration: none;
font-weight: bold;
}

.smcatmenu a:visited {
list-style: square inside;
font-size: 10px;
text-decoration: none;
margin-left: 10px;
font-weight: bold;
}

.smcatmenu a:hover {
list-style: square inside;
font-size: 10px;
text-decoration: underline;
margin-left: 10px;
font-weight: bold;
}

.smsubmenu a:link {
display: list-item;
list-style: square inside;
font-size: 9px;
text-decoration: none;
line-height: 10px;
color: #728eb6;
margin-left: 10px;
position: relative;
left: 15px;
}

.smsubmenu a:visited {
display: list-item;
list-style: square inside;
font-size: 9px;
text-decoration: none;
margin-left: 10px;
color: #728eb6;
line-height: 10px;
left: 15px;
position: relative;
}

.smsubmenu a:hover {
display: list-item;
list-style: square inside;
font-size: 9px;
text-decoration: underline;
margin-left: 10px;
line-height: 10px;
left: 15px;
position: relative;
}

/* @end */

/* @group Misc */

.line {
	border-bottom: 1px solid #053482;
	display: block;
}

#spacer {
	margin-bottom: 10px;
	margin-top: 10px;
	color: #669;
}

#hor_space {
	margin-right: 150px;
}

.feed li {
	list-style: square;
	margin: 0;
	padding: 0;
}

.bron {
	text-align: right;
	color: #000;
}

#clear {
	clear: both;
	padding-top: 5px;
}

.separator {
	font-weight: normal;
	padding-right: 0;
	padding-left: 2px;
	color: #666;
}

.feed ul {
	margin-bottom: 15px;
	margin-left: 0;
	padding: 0;
}

.copyright {
	color: #602f08;
	padding-bottom: 20px;
	font-size: 10px;
}

.copyright a:hover {
	text-decoration: underline;
}

#payoff {
	margin-left: 15px;
}
	
/* @end */

/* @group Comments */

.trackbacks-header,
.comments-header,
.comments-open-header {
	display: inline;
	border-bottom: 3px solid #ca4721;
}

.trackbacks {
	border: 1px dotted #e7b1a0;
	padding: 2px 10px;
}

.comments {
	background: #f2f2f2;
	padding: 2px 10px;
	border: 1px dotted #e7b1a0;
	border-top-style: none;
}

.comments .comment {
	border-bottom: 1px dotted #053482;
	background: #ffe3cd;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top: 1px dotted #053482;
	padding: 2px 10px;
	border: 1px dotted #053482;
}

.comment-content p {
	margin: 0;
	padding: 0;
}

.commentid {
	color: #cc4c1f;
	font-weight: bold;
}

.comment .comment-footer {
	text-align: right;
	margin: 0;
	padding: 5px 10px 0 0;
	font-weight: bold;
}

#beta table {
	padding: 4px;
	margin: 0px;
}

#beta table td {
	margin: 2px;
	padding: 8px 10px 0 0;
}

/* @end */

/* @group Search */

#help {
	width: 300px;
	z-index: 40;
	background: #313264;
	margin: 10px 0px 0px 20px;
	padding: 5px 10px 5px 10px;
	border: 1px dotted #000000;
	font: 9px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	visibility: hidden;
	position: absolute;
	top: 15px;
	left: auto;
	right: auto;
}

form, input { margin: 0; padding: 0; }

#search .entry-content  {
	border-top-style: none;
}

.searchstring {
	color: #cc4c1f;
	text-transform: lowercase;
	border-top: 1px solid #053482;
	display: block;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
	margin-top: 10px;
}

.module-search td {
	padding-bottom: 2px;
}

/* @end */

/* @group Current */

#vlaskamp_home .vlaskamp_home, #vlaskamp_anja_vlaskamp .vlaskamp_anja_vlaskamp, #vlaskamp_services .vlaskamp_services, 
#vlaskamp_recente_projecten .vlaskamp_recente_projecten, 
#vlaskamp_inspiratie .vlaskamp_inspiratie, 
#vlaskamp_links .vlaskamp_links, #vlaskamp_contact .vlaskamp_contact,
#vlaskamp_regulars .Colofon,
#vlaskamp_regulars .Disclaimer, 
#vlaskamp_regulars .Sitemap {
	color: #9cf;
}

/* @end */

/* @group Gamma */



/* @end */

.hide {
	display: none;
}

.module-regulars {
	border-top: 4px solid #f90;
	margin-top: 200px;
	width: 60px;
	padding: 10px 0 0 30px;
	float: left;
	font-weight: bold;
	text-transform: lowercase;
	font-size: 10px;
	line-height: 16px;
}

.module-content a:link,
.module-content a:visited {
	color: #b0b0b0;
	margin-bottom: 6px;
}

.module-content a:hover {
	color: #9cf;
}