* {font-size:100.01%;}
html {
  height:100%;
  margin:0;
  font-size:62.5%;
}
body {
  margin:0;
  height: 100%;
  color:#fff;
  font:1em "Century Gothic", Arial;
  background: URL(http://www.mahieu.nl/pics/system/background-1.png) repeat-x; 
  background-color: #8c8373;
  min-width:945px;
}
img {border-style:none;}
a {
  text-decoration:none;
  color:#fff9c3;
}
a:hover {color:#fff; text-decoration:underline;}

#player_jwplayer {height: 392px !important; }
#player_jwplayerControlbar {display: none; z-index: -1000; visibility: hidden; }

/* end of css resets */
#skip{
  position:absolute;
  left:-9999em;
  top:0;
  overflow:hidden;
}
#wrapper {
  min-height: 100%;
  width:100%;
  background:url(http://www.mahieu.nl/images/bg-wrapper.gif) repeat-y 50% 0;
}
* html #wrapper {
  height: 100%;
}
.w1 {
  width:945px;
  margin:0 auto;
  padding:175px 0 38px;
  position:relative;
}
/* header */
#header {
  width:945px;
  position:absolute;
  top:30px;
  left:0;
}
#header .area {
  overflow:hidden;
  width:100%;
  padding-bottom:24px;
}
/* print logo */
.print-logo{
  position: absolute;
  top:-9999px;
  left:-9999px;
}
/* logo */
.logo {
  width:465px;
  height:196px;
  background:url(http://www.mahieu.nl/pics/system/mahieu-web-development.png);
  text-indent:-9999em;
  overflow:hidden;
  margin:34px 0 0  140px;
  float:left;
}
.logo a{
  display:block;
  height:100%;
}
.contact {
  float:right;
  margin:21px 6px 0 0;
  display:inline;
  font-size:1.45em;
}
.bar {
  overflow:hidden;
  width:100%;
  padding:20px 0;
  background:url(http://www.mahieu.nl/images/bg-bar.gif) repeat-x;
}
#nav {  
  margin:0;
  padding:5px 0 0 0px;
  float:left;
  list-style:none;
  overflow:hidden;
  width:931px;
}
#nav li {
  float:left;
  margin-left:22px;
  margin-right:25px;
}
#nav .active a {color:#ffff00; font-weight: bold; }
#nav a {text-decoration:none;
  font-size:13px;
  color:#fff;
}
#nav a:hover {
  text-decoration:none;
  color:#803487;
}
.sign-block {
  float:right;
  width:295px;
}
.sign-block a {
  float:right;
  padding-top:6px;
  font-size:1.4em;
}
.sign-block .signup {
  margin-left:30px; margin-top: 3px;
  padding:5px 5px 5px 5px;
  font-size: 1.0em;
}

/* main */
#main {
  overflow:hidden;
  width:100%;
  margin-bottom:16px;
}
/* content */
#content {position: absolute;
  left: 350px; 
  top:320px;
  float:left;
  width:650px;
}

/* maincontent */
.maincontent     { font-size: 1.35em; padding-left: 5px; line-height: 1.5em; }
.maincontent img a { border: 0px; text-decoration: none; }
.maincontent h1  { font-size: 2em; }
.maincontent a   { text-decoration:underline; }

/* tabs */
.tab-holder {
  overflow:hidden;
  width:698px;
  position:relative;
  border-bottom:1px solid #ccc;
  padding-bottom:15px;
  margin-bottom:14px;
}
/* tabset */
.tabset {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  top:0;
  left:554px;
  overflow:hidden;
}
.tabset li {
  background:#64a1a1;
  margin-bottom:1px;
  overflow:hidden;
}
.tabset a {
  color:#fff;
  width:132px;
  padding:21px 0 22px 14px;
  height:15px;
  font-size:1.2em;
  display:block;
}
.tabset a:hover, .tabset a.active {
  background:#448181;
  text-decoration:none;
}
/* tab content */
.tab-content {
  float:left;
  width:501px;
  min-height:168px;
  padding:8px 40px 0 12px;
  background:#448181;
}
* html .tab-content {height:168px;}
.tab-content h1,
.tab-content h2 {
  margin:0 0 10px;
  font-size:21px;
  color:#000;
}
.tab-content p {
  margin:0;
  color:#fff;
  font-size:1.6em;
  line-height:21px;
}
.tab-content a {
  color:#406618;
  font-size:14px;
}
/* content large image */
#content .visual {
  width:698px;
  position:relative;
  border-bottom:1px solid #ccc;
  padding-bottom:12px;
}
#content .visual img {display:block;}
#content .visual .box {
  position:absolute;
  top:21px;
  left:15px;
}
#content .visual .box blockquote { background: #000;
  margin:0;
  padding:1em;
  width:210px;
}
.box blockquote p {
  margin:0;
}
.box blockquote q{
  quotes: none;
  color:#fff;
  display:block;
  font-size:2.8em;
  line-height:29px;
}
.box blockquote q:before,
.box blockquote q:after{content:"";}
.box blockquote cite span {
  display:block;
  line-height:17px;
  font-style:normal;
  color:#fff;
  font-size:1.2em;
}
/* container */
.container {
  overflow:hidden;
  width:712px;
  padding:10px 0 0;
  position:relative;
}
.section-holder {
  overflow:hidden;
  width:712px;
}
.navi {
  position:absolute;
  bottom:0;
  left:9px;
  z-index: 2;
}
.navi a{
  background:url(http://www.mahieu.nl/images/bg-circle.gif) no-repeat;
  height:7px;
  width:7px;
  float:left;
  text-indent:-9999em;
  overflow:hidden;
  margin-right:7px;
}
.navi a:hover, .navi a.current {
  background:url(http://www.mahieu.nl/images/bg-circle-hover.gif) no-repeat;
  height:7px;
  width:7px;
  float:left;
  text-indent:-9999em;
  overflow:hidden;
  margin-right:7px;
}
.navi a:focus { outline: none; }
.navi a.activeSlide { background:url(http://www.mahieu.nl/images/bg-circle-hover.gif) no-repeat; }

.scrollable-blocks {
  margin:0;
  padding:0;
  list-style:none;
  overflow:hidden;
  width:100%;
  position: relative;
  z-index: 1;
}
.split-slide {
  width: 705px;
  background: none !important;
}
.scrollable-blocks li {
  float:left;
  background:url(http://www.mahieu.nl/images/bg-line.gif) repeat-y;
}
.scrollable-blocks li:first-child {background:none;}
.section {
  float:left;
  width:213px;
  padding:0 12px 7px 16px;
  margin-left:-6px;
  display:inline;
  min-height:175px;
}
* html .section {height:175px;}
.section h3 {
  margin:0 0 11px;
  font-size:24px;
}
.section p {
  margin:0;
  font-size:1.3em;
}
.section .empty-box {height:40px;}
.section .news-list {
  margin:-8px 0 0;
  padding:0;
  list-style:none;
  overflow:hidden;
  width:100%;
}
.section .news-list li {
  background:url(http://www.mahieu.nl/images/bg-dash.gif) repeat-x;
  margin-bottom:6px;
  padding-top:8px;
  float:left;
  width:100%;
}
.section .news-list li p {margin:0;}
.news-list li:first-child {background:none;}
/* sidebar */
#sidebar {margin-top: 170px;
  float:left;
  width:303px;
  overflow:hidden;
}
.item {
  border-top:1px solid #ccc;
  padding-top:14px;
  margin:-14px 0 33px;
}
.item h3 {
  margin:0 0 12px;
  font-weight:normal;
  font-size:24px;
}
.item .mark {margin-bottom:52px;}
.item p {
  margin:0 0 20px;
  line-height:18px;
  font-size:1.4em;
}
.list {
  margin:0 0 39px;
  padding:0;
  list-style:none;
}
.list li {
  background:url(http://www.mahieu.nl/images/bg-circle2.gif) no-repeat 0 6px;
  padding-left:12px;
  margin-bottom:3px;
  font-size:1.4em;
}

#sidebar .visual img {display:block;}
.button {
  display:block;
  background:url(http://www.mahieu.nl/images/bg-btn.gif) no-repeat;
  height:32px;
  width:103px;
  margin:0 auto;
  text-indent:-9999em;
  overflow:hidden;
  cursor:pointer;
}
/* footer */
#footer {
  position:relative;
  width:931px;
  padding:14px 0 0;
  margin:0 auto;
  height: 24px;
  margin-top:-38px; /* footer height */
  background:url(http://www.mahieu.nl/images/bg-footer.gif) no-repeat;
}
.copyright {
  float:left;
  font-size:1.2em;
}
.navigation {
  margin:0; text-align: right;
  padding:0 10px 0 13px;
  list-style:none;
  overflow:hidden;
}
.navigation li {
  display:inline;
  background:url(http://www.mahieu.nl/images/separator.gif) no-repeat 0 50%;
  padding-left:8px;
  margin-right:7px;
}
.navigation li:first-child {background:none;}
.navigation a {font-size:1.2em;}


/*---------- left aligned button ----------*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; font-size: 1.2em; font-weight: bold; margin: 0px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-style: normal; background-image: url('http://www.mahieu.nl/images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.green  { background: #448181; }
.btn.orange { background: #fff8d3; }
.btn.blue   { background: #111cdd; }
.btn.grey   { background: #666; }

.btn:hover  { background-color: #fff8d3; color: #fff; }
.btn:active { background-color: #f44; color: #fff; }
.btn[class] {  background-image: url('http://www.mahieu.nl/images/btn.png'); background-position: bottom; }

* html .btn { border: 3px double #aaa; }

* html .btn.green  { border-color: #448181; }
* html .btn.orange { border-color: #fff8d3; }
* html .btn.blue   { border-color: #111cdd; }
* html .btn.grey   { border-color: #666; }

* html .btn:hover  { border-color: #fff8d3; }

/*---------- centered button ----------*/
.btnC { display: block; position: relative; background: #aaa; padding: 5px; font-size: 1.2em; font-weight: bold; width: 120px; margin: 0px auto; color: #fff; text-decoration: none; cursor: pointer; text-align: center; }
.btnC * { font-style: normal; background-image: url('http://www.mahieu.nl/images/btn2.png'); background-repeat: no-repeat; display: block; position: relative; }
.btnC i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btnC span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btnC span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btnC span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btnC span,
* html .btnC i { width: 120px; text-align: center; padding: 0px; display: block; margin: 0px auto; background-image: none; cursor: pointer; }

.btnC.green  { background: #448181; }
.btnC.orange { background: #fff8d3; }
.btnC.blue   { background: #111cdd; }
.btnC.grey   { background: #666; }

.btnC:hover  { background-color: #fff8d3; color: #fff; }
.btnC:active { background-color: #f44; color: #fff; }
.btnC[class] {  background-image: url('http://www.mahieu.nl/images/btn.png'); background-position: bottom; }

* html .btnC { border: 3px double #aaa; }

* html .btnC.green  { border-color: #448181; }
* html .btnC.orange { border-color: #fff8d3; }
* html .btnC.grey   { border-color: #666; }
* html .btnC.blue   { border-color: #111cdd; }

* html .btnC:hover  { border-color: #fff8d3; }