/* 

Author: Mr. Henry
Date: 2008-10-31


*/

/* @group Imports */

@import url(typography.css);
@import url(forms.css);

/* @end */


/* @group Testing Borders */

.wrapper	{ border: 0px solid blue; }
.column01	{ border: 0px solid red; }
.column02	{ border: 0px solid purple;}

/* @end */


/* @group Structure */

body		{ background: #FFFFFF url(../images/backgrounds/bg-body.jpg) repeat-x left 480px; }
#container	{  }

#header		{ position: relative; height: 700px; background: url(../images/backgrounds/bg-header-repeater-large2.jpg) repeat-x center top; }
#content	{ }
#footer		{ background: #ee3124; padding: 25px 0; position: relative; }

.wrapper	{ position: relative; margin: 0 auto; width: 980px; }
.column01	{ float: left; padding: 0 20px 0 20px; width: 510px; }
.column02	{ float: right; padding: 0 0 0 0; width: 420px; }

.left	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; }
.hide	{ display: none; }
.first	{ margin-top: 0; padding-top: 0; }
.last	{ margin-bottom: 0; padding-bottom: 0; }

hr 		{ display:none; }

/* @end */


/* @group Header */
#header .column01			{ padding-top: 40px; width: 690px; }
#header .column01 h3  { background: url(../images/titles/ttl-welcome.gif) no-repeat 0 0; text-indent: -8885px; margin-bottom: 0; }
#conveyor-wrapper-outer 	{ position: absolute; bottom: 0; width: 100%; height:270px; overflow: hidden; z-index: 20; }
#conveyor-wrapper 			{ position: relative; margin:0 auto; width: 980px; height:270px; }
#conveyor 					{ position: absolute; left: -4635px; padding: 0 5000px; width:50000px; height: 270px; background: url(../images/backgrounds/bg-conveyor.gif) repeat-x left bottom; }
#conveyor a 				{ position: relative; float:left; display:block;  margin-right:175px; width:250px; height:270px; text-decoration:none; }
#conveyor a:hover { text-decoration:none; }

#logo	{ z-index: 10; position: absolute; right: 60px; top: 0; width: 188px; height: 260px; background: url(../images/general/logo-etenschappen.gif) no-repeat 0 0; display: block; }
#kampen	{ z-index: 10; position: absolute; right: 60px; top: 270px; width: 191px; height: 137px; background: url(../images/general/button_kampen.png) no-repeat 0 0; display: block; }
/* @end */


/* @group Content */
#content .wrapper			      { padding-top: 100px; }
#content .column02			    { padding-bottom: 250px;}
#content .text-block		    { margin: 0 0 1.5em 0; padding: 36px 0 38px 33px; height: 340px; background: url(../images/backgrounds/bg-text-block.png) no-repeat 0 0; }
#content .text-block-inner	{ width: 449px; height: 265px; overflow: auto; }

#content h2.video           { background: url(../images/titles/ttl-video.gif) no-repeat 0 0; text-indent: -8885px; }
#content .video-block		    { padding: 17px 0 0 16px; width: 420px !important; height: 350px !important; background: url(../images/backgrounds/bg-video-block.png) no-repeat 0 0; overflow: hidden; }
#content .video-block object,
#content .video-block embed { width: 387px; height: 310px; }
#content .video-navigation  { margin-top: -20px; padding: 0 20px; text-transform: uppercase; }
#content .video-navigation a { text-decoration: none; }
#content .video-navigation a:hover { text-decoration: underline; }

#content .downloads h2      { background: url(../images/titles/ttl-downloads.gif) no-repeat 0 0; text-indent: -8885px; }
#content .downloads ul		  { margin: 0 0 3em 0; padding: 0; list-style-type: none; text-indent: -8885px;}
#content .downloads li		  { float: left; margin: 0 5px 5px 0;}
#content .downloads li a		{ width: 165px; height: 95px; display: block;  }
#content #get-to-work		    { background: url(../images/buttons/btn_actief_in_de_klas.jpg) no-repeat 0 0; }
#content #activities		    { background: url(../images/buttons/btn-activities.jpg) no-repeat 0 0; }

#content .links h2          { background: url(../images/titles/ttl-links.gif) no-repeat 0 0; text-indent: -8885px; }
#content .links ul			    { margin: 0 0 3em 0; padding: 0; list-style-type: none; }
#content .links li a			  { padding: 5px 0; border-bottom: 1px dotted #D1D1D1; display: block; }

#content .sponsors			    { margin: 6em 0 6em 0; padding: 0; list-style-type: none; }

#arrow		{ z-index: 10; position: absolute; left: 370px; top: 0; width: 122px; height: 96px; background: url(../images/general/img-arrow.gif) no-repeat 0 0; }
/* @end */


/* @group Footer */
#footer h3.newsletter           { background: url(../images/titles/ttl-newsletter.gif) no-repeat 0 0; text-indent: -8885px; }
#footer #newsletter				      { margin-bottom: 3em; }
#footer #newsletter .text-field { float: left; margin: 0 15px 0 0;}
#footer #newsletter .submit		  { float: left; width: 50px; height: 34px; background: url(../images/buttons/btn-go.gif) no-repeat 0 0; display: block; text-indent: -8885px; }
#footer h3.contact              { background: url(../images/titles/ttl-contact.gif) no-repeat 0 0; text-indent: -8885px; }
#footer #china-boy				      { position: absolute; top: -267px;}
#footer a                       { color:#fff; text-decoration:underline; }
#footer a:hover:after           { content: " »" }

#credits                        { padding: 2em 0 2em 0; width: 940px; }
#credits h3                     { background: url(../images/titles/ttl-credits.gif) no-repeat 0 0; text-indent: -8885px; }
/* @end */


/* @group Misc */
#arrows {
  position:relative;
  height:0px;
}
#arrow-left,
#arrow-right {
  position:absolute;
  top:10px;
  width:35px;
  height:35px;
}
#arrow-left {
  left:2px;right:auto;
  background:url(../images/arrow_left.png) no-repeat;
}
#arrow-right {
  left:auto;right:2px;
  background:url(../images/arrow_right.png) no-repeat;
}
/* @end */