/* Colors
----------------------------------------------------------------------------------------------------
groen:      #48a942
lichtgroen: #9bc88c
paars:      #8a2629 // lichter: #AF4146
*/


/* Styling
----------------------------------------------------------------------------------------------------*/
body {background:url('../images/bg.jpg') no-repeat fixed 50% 0 #eee;}
#wrapper{background:url('../images/bg_container.png') repeat-y scroll center 0 transparent;font-size:0.8em;}
#header {padding-top:5px;margin-bottom:10px;}

#content{float:left;margin-left:20px;background:#fff;clear:both;}
#side   {float:left;margin-left:15px;width:305px;}
#adres  {float:right;margin-right:5px;*position:absolute;*top:5px;*right:20px}
#route  {float:right;display:block;height:70px;width:100px;text-align:center;background:#9bc88c;position:absolute;right:25px;top:5px;*right:0;*top:0;text-decoration:none;}
#contact{float:right;display:block;height:70px;width:100px;text-align:center;background:#9bc88c;position:absolute;right:25px;top:85px;*right:0;*top:80px;text-decoration:none;}
#route span,#contact span {color:#fff;display:block;font-weight:bold;margin-top:3.65em;}
#route:hover span,#contact:hover span {border-bottom:1px solid #fff;} /* IE doet moeilijk!!! */
#adres div {font-size:0.8em;height:140px;padding:5px 10px;color:#8a2629;border-left:5px solid #9bc88c;}
#footer {font-size:0.8em;background:#9bc88c;color:#fff;font-weight:bold;text-align:center;}
#footer a {color:#fff;}

html, body, * {font:1em/1.45em "arial","sans serif";}
iframe {border:0 none;}
b,.bold,strong {font-weight:bold !important;}
.green {color:#48a942;}
#header ol,#header ul,#header li,#side ol,#side ul,#side li {list-style:none;padding:0;margin:0;}
a img, img {border:0 none;}
h1,h2,h3,h4 {font:1.4em/1.8em 'TeXGyreAdventorRegular', Arial, sans-serif;letter-spacing: 0;color:#8a2629;font-weight:bold;text-shadow:1px 1px 3px #ddd;}
#adres * {font:1em/1.5em 'TeXGyreAdventorRegular', Arial, sans-serif;letter-spacing: 0;}
#adres b {font-family:'TeXGyreAdventorBold', Arial, sans-serif;}
#content a {color:#8A2629;text-decoration:none;border-bottom:1px solid #8A2629;}
#content a:hover {color:#AF4146;text-decoration:none;border-bottom:1px dotted #AF4146;}
button{clear:both;display:block;}                                                                                                              
button,.button {display:inline-block;border:1px solid #333;cursor:pointer;margin:5px 5px 0 0;overflow:visible;padding:3px 7px 6px;width:auto;text-decoration:none;color:#333;font-size:100%;font-weight:bold;}
button:hover,.button:hover {text-decoration:none;border-color:#001;}
.button img, button img {border:0 none;margin:0 3px 3px 0;padding:0;height:16px;width:16px;vertical-align:middle;}

#content .block, #side .block {margin:0 0 15px;padding:5px 10px 10px;}
#content .block {border:1px solid #eee;background:#f9f9f9;overflow:hidden;}

#content h2 {padding:1px 0 7px;margin:0;}
#content h3,#content h4 {padding:0;margin:7px 0;}

#content .block.alt h2 {color:#fff;margin:-5px -10px 10px -10px;padding:6px 10px 2px;}

#side .block{border-color:#9bc88c;border-style:solid;border-width:1px 1px 1px 5px;color:#48a942;}
#side .block.alt{color:#fff;background:#9bc88c;border-width:1px;padding-left:14px;}

#side h3{padding:1px 0 2px;margin:0 0 5px;border-bottom:1px solid #8A2629;}
#side li   {margin:0 -10px;padding:0 5px 0 10px;border-bottom:1px solid #ddd;}
#side .alt li {padding:0;}
#side .alt li a {margin:0 10px;}
#side ul a {display:block;padding:2px 0;text-decoration:none;}
#side .alt li a {color:#fff;}
#side li.active a,#side li.active {border-color:#AF4146;color:#8A2629;}

#side #calendar span {display:block;float:left;width:1.5em;font-weight:bold;text-align:center;}
#side #calendar span.month {width:2em;margin-right:0.6em;}
#calendar a {color:#48a942;text-decoration:none;display:block;}
#calendar a:hover {background:transparent url('../icons/calendar.png') no-repeat right center;}
/* Header - NAV
----------------------------------------------------------------------------------------------------*/
#header #nav {clear:both;height:2.5em;margin:5px 0 0 0;padding:0 0 0 5px;}
#header #nav li {float:left;margin:0;padding:0;width:auto;list-style:none;line-height:2.5em;background: transparent;}
#nav a  {
  font:1.15em/1.4em 'TeXGyreAdventorRegular', Arial, sans-serif;text-decoration:none;cursor:pointer;color:#fff;
  display:block;padding:5px 10px 0 10px;margin:0;height:1.8em;
  border-right:1px solid #fff;}
#nav li a.active:hover {color:#eee;}
/* Gradient backgrounds
----------------------------------------------------------------------------------------------------*/
#nav,#nav a:link, #nav a:visited, #nav a:active,#side .alt li.hover,#side .alt li:hover,button,.button,#route:hover,#contact:hover {
  background:#48a942 url('../img-ie/nav_sprite.jpg') repeat-x 0 0;
  background:-moz-linear-gradient(top , #9bc88c, #48a942);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #9bc88c), color-stop(1.0, #48a942));
  /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF9bc88c', EndColorStr='#FF48a942');*/
}
#nav a:hover,#nav a.hover,button:hover,.button:hover,button.hover,.button.hover {
  background:#9bc88c;
  /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF9bc88c', EndColorStr='#FF9bc88c');*/
}
#nav li.active, #nav li a.active:link, #nav li a.active:visited, #nav li a.active:active {
  background:#8a2629 url('../img-ie/nav_sprite.jpg') repeat-x 0px -150px;
  background:-moz-linear-gradient(top , #AF4146, #8a2629);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #AF4146), color-stop(1.0, #8a2629));  
  /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFAF4146', EndColorStr='#FF8a2629');*/
}
#nav li a.active:hover {
  background:#AF4146 url('../img-ie/nav_sprite.jpg') repeat-x 0px -200px;
  background:-moz-linear-gradient(top , #8a2629, #AF4146);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #8a2629), color-stop(1.0, #AF4146));  
  /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FF8a2629', EndColorStr='#FFAF4146');*/
}

#content .block.alt h2{
  background:#8a2629 url('../img-ie/content_h3.jpg') no-repeat -1px -1px;
  background:-moz-linear-gradient(top ,#AF4146,#8a2629);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #AF4146), color-stop(1.0, #8a2629));
  /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFAF4146', EndColorStr='#FF8a2629');*/   
}

#side li.hover,#side li:hover {
  background:#eee;
  background:-moz-linear-gradient(top ,#f1f1f1,#ddd);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f1f1f1), color-stop(1.0, #ddd));
  /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#FFAF4146', EndColorStr='#FF8a2629');*/   
}  
/* CSS3
----------------------------------------------------------------------------------------------------*/
#side .block,#content .block,#nav,button,.button {
    -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;
}
.border_bottom_leftright {
    -moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;
    -webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;border-bottom-right-radius:5px;
}
#footer,#content .block.alt h2 {
    -moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
    -webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;
    border-top-left-radius:5px;border-top-right-radius:5px;
}
#footer,#nav,#side .block,#side .block.alt,#content .block,#content .block.alt h2,button,.button {
    -moz-box-shadow:1px 1px 3px #ccc;
    -webkit-box-shadow:1px 1px 3px #ccc;
    box-shadow:1px 1px 3px #ccc;
}
#content .block.hover,#content .block.hover h2,#side .block.hover,#nav.hover {
    -moz-box-shadow:1px 1px 3px #b1b1b1;
    -webkit-box-shadow:1px 1px 3px #b1b1b1;
    box-shadow:1px 1px 3px #b1b1b1;
}
button:hover,.button:hover,button.hover,.button.hover {
    -moz-box-shadow:1px 1px 3px #666;
    -webkit-box-shadow:1px 1px 3px #666;
    box-shadow:1px 1px 3px #666;
}

/* 100% height
----------------------------------------------------------------------------------------------------*/
html,body,#container {
	margin:0 auto; /* center, not in IE5 */
	padding:0;
	height:100%; /* needed for container min-height */
}
#container {
  background:none repeat scroll 0 0 transparent;
  margin:0 auto;
  position:relative;
  width:980px;
  z-index:0;
}
#wrapper{
  margin:0 auto -50px;
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
  overflow:hidden; /* important */  
  width:980px;
}
#wrapper #wrapbottom {clear:both;height:50px;}

#footer {
  height:38px;
  padding-top:10px;
}
/* grid
----------------------------------------------------------------------------------------------------*/
.grid_3  {width:220px;}
.grid_4  {width:300px;}
.grid_5  {width:380px;}
.grid_6  {width:460px;}
.grid_7  {width:540px;}
.grid_8  {width:620px;}
.grid_9  {width:700px;}
.grid_12 {width:940px;margin:0 auto;}