/*
/* (CC) Wevolve(R),2010
/*
/* Feel free to be inspired by this CSS,see the
/* Creative Commons License (http://creativecommons.org/)
/*
/* If you re-use parts or whole of this CSS,you must
/* include this copyright notice at the start of the file.
/*
/* Please contact us for commercial use and to find out
/* how we can help you with various web-based solutions:/*
/* web:http://wevolve.nl/
/* e-mail:info@wevolve.nl
/* tel.:+31-(0)74 255 2140
/*
/* -------------------------------------------------------- */

html,body,#container{height:100%;}
body{position:relative;padding:0;margin:0;font:83% Helvetica,Arial,sans-serif;color:#333;}

/* -------------------- clearfix -------------------- */
.clear{min-height:0;}
.clear:after{content:".";display:block;clear:both;visibility:hidden;height:0;}
* html .clear{height:1%;}

/* -------------------- resets -------------------- */
.nocss{display:none;}
a img{border:0;} /* set image border to zero */
a:active, a:focus, input:active,
input:focus{outline:0;} /* remove firefox link border */
textarea{overflow:auto;} /* remove textarea scrollbar in ie */
* html table{font-size:100%;} /* for IE 5.5 */
#contentpage a[name]{padding:0;} /* firefox 3 / safari 3 */
#printbranding{display:none;} 

/* -------------------- container -------------------- */ 
#container{margin:0 0 -3em;/* the bottom margin is the negative value of the footer's height */ min-height:100%;height:auto !important;height:100%;width:70em;}

/* -------------------- header -------------------- */ 
#header h1{padding:.5em 0 1em 0;margin:0 0 0 283px;font-size:2em;}
#header h1 a{display:block;width:455px;height:52px;background:url("../img/branding_hemminkways.png") 0 92% no-repeat;}
#header h1 a span{display:none;}

/* --------------------- carousel --------------------- */
#carousel{position:relative;overflow:hidden;margin:0 0 2px 2px;width:724px;height:180px;}
#carousel .wrapper{position:absolute;margin:0;width:724px;height:180px;top:0;z-index:-1;}
#carousel ul a img{width:724px;height:180px;}
#carousel .wrapper ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;}
#carousel ul li{display:block;float:left;width:724px;height:180px;}

/* -------------------- navcolumn -------------------- */ 
#navcolumn{float:left;display:inline;padding:13px 13px 13px 26px;line-height:1em;width:107px;}
#navcolumn ul{padding:0;margin:0;list-style-type:none;}
#navcolumn li{margin:0 0 .5em 0;}
#navcolumn li a{color:#000;text-decoration:none;}
#navcolumn li a:hover{color:#af0025;text-decoration:underline;}
#navcolumn .onpath{font-weight:bold;}
/* -------------------- contactnav -------------------- */ 
#contactnav ul{float:left;display:inline;padding:2em 0;margin:0;color:#af0025;list-style-type:none;}
#contactnav li{float:left;display:inline;padding:.1em 0;margin:0;width:8em;color:#af0025;}
#contactnav li.email,
#contactnav li.newsletter{float:left;display:inline;padding:.5em 0;margin:0;color:#af0025;}
#contactnav li a{color:#af0025;text-decoration:none;}
#contactnav li a:hover{text-decoration:underline;}

/* -------------------- group -------------------- */ 
#group{padding:8em 0 0 0;margin:0 0 0 -2em;width:7em;text-align:center;}
#group a{display:block;padding:0;margin:0;width:120px;height:14em;color:#000;font-weight:bold;text-decoration:none;background:url("../img/group.png") -120px 100% no-repeat;}
#group a span{display:block;padding:0 20px;}
#group a:hover{color:#af0025;text-decoration:underline;background-position:0 100%;}

/* -------------------- content -------------------- */ 
#content{float:left;display:inline;padding:0;margin:0;width:56em;min-height:15em;}
#content .wh-heading2,
#content .wh-introbrood{font-size:1em;}
#content .wh-introbrood span{font-size:.85em;color:#666;}
#content a{color:#af0025;text-decoration:none;}
#content a:hover{text-decoration:underline;}
#overview ul,
#overview li{float:left;display:inline;padding:0;margin:0;list-style-type:none;}
#overview ul li a{float:left;display:inline;overflow:hidden;padding:5px;margin:0;width:168px;height:6em;line-height:1.4em;text-decoration:none;text-transform:uppercase;font-weight:bold;border:2px solid #fff;}
#overview .event{font-weight:normal;}

/* -------------------- overview colors -------------------- */
#overview a.empty{cursor:default;}
#overview a.red{color:#fff;background:#af0025;}
#overview a.pink{color:#000;background:#e9609b;}
#overview a.grey{color:#000;background:#adadad;}
#overview a.darkgrey{color:#fff;background:#333;}
#overview a:hover{color:#fff;background:#000;}

/* -------------------- overviewnav ------------------- */
#overviewnav{display:none;float:left;margin:0 1.5em 0 .5em;width:6em;background:#fff;}
#overviewnav dl{color:#666;font-size:.85em;}
#overviewnav dt{font-weight:bold;}
#overviewnav dt a{color:#666;text-decoration:none;}
#overviewnav dt.onpath a{color:#000;}
#overviewnav dd.onpath{color:#000;}
#overviewnav dt a:hover{color:#000;text-decoration:underline;}
#overviewnav dd{padding:0;margin:0 0 2em 0;}
#overviewnav dd.eventtext{margin-bottom:0;}

/* ---------------- webpack items ------------------- */
p.whwp-title{font-weight:bold;}
.whwp-button{background-color:#a13;color:#fff;margin:1em;}
.whwp-question{font-family:arial,sans-serif;margin-bottom:1em;}
.whwp-question input{padding:.2em .5em;}
.whwp-formgroup input{margin:0;padding:0;}
.whwp-questiongroup{border-top:1px solid #778;padding:2em 0;margin:1em 0;}
.whwp-errors{color:#c00;font-weight:bold;margin-top:1em;}

/* -------------------- push -------------------- */
#push{height:2em;}

/* --------------------- realisation -------------------- */
#footer{clear:both;padding:.5em 0 1em 0;margin:0 0 0 11em;min-height:0;}
ul#disclaimer{margin:1em 0 0 0;padding:0;}
#disclaimer li{padding:0;margin:0 1em 1em 0;float:left;display:inline;}
#disclaimer li a{color:#999;font-size:.8em;text-decoration:none;}
#disclaimer li a:hover{color:#333;text-decoration:underline;}

/* -------------------- realisation css -------------------- */
#realisation{float:right;display:inline;padding:0;margin:0 1em 1em 0;}
#realisation a{display:block;width:17px;height:17px;background:url("../img/realisation.png") 100% 0 no-repeat;}
#realisation a:hover{width:64px;background:url("../img/realisation.png") 100% -17px no-repeat;}

/* -------------------- print style -------------------- */
@media print {
body {padding:0;margin:0;font:83% Helvetica, Arial, sans-serif;color:#333;}
#header,#navcolumn,#overviewnav,#iconnav {display:none;}
}