@charset "utf-8";
/* CSS Document */

html, body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#58585a;
	margin: 0;
	padding: 0;
	background: #171717 url(../images/background.gif) repeat scroll left top;
	height:100%;
}
body {
	text-align:center;
}
img {
	border:0px;
}

#container, .logo {
	margin: 0 auto;
	width:960px;
}

#header {
	width:100%;
	height:243px;
	text-align:left;
	margin-bottom:20px;
	background: url(../images/header.gif) no-repeat scroll left top;
	overflow:hidden;
	padding-top:50px;
}

a {
	text-decoration: none;
	color:#f26522;
}
h1 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#58585a;
	font-weight:bold;
	width:100%;
	padding-bottom:5px;
	border-bottom: 2px solid #f26522;
}

h2 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:18px;
	color:#58585a;
	font-weight:bold;
	width:100%;
	padding-bottom:5px;
	border-bottom: 2px solid #f26522;
}
h3 {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#58585a;
	font-weight:bold;
	width:100%;
	padding-bottom:5px;
	border-bottom: 2px solid #f26522;
	text-align:right;
}

h4 {
	font-size:11px;
}

#content { 
	width:100%; 
	height:100%;
	background:#ffffff url(../images/background-content.png) repeat-y scroll top right;
	margin-top:-20px;
}

#left_box {
	padding-top:10px;
	width:566px;
	margin-left:20px;
	padding-bottom:10px;
	padding-right:40px;
	float:left;
	border-right:1px dashed #f26522;
	text-align:left;
}
.huidig {
	padding-bottom:20px;
}
.huidig p a {
		border-bottom:1px dotted #f26522;
}
.huidige-image {
	width:564px;
	height:140px;
	border:1px solid #58585a
}
.huidig-head{
	color: #f26522;
	font-weight:bold;
	padding-bottom:5px;
	text-align:right;
}
.laatste {
	display: inline-block;
}
.laatste h2 {
	text-align:right;
}

#right_box {
	width:278px;
	margin-right:33px;
	float:right;
	padding-bottom:10px;
	text-align:left;
}

ul.column{
	width: 100%;
	padding: 0;
	margin: 10px 0;
	list-style: none;
}
ul.column li {
	float: left;
	width: 150px; /*Set default width*/
	padding: 0;
	display: inline;
}
.block {
	height: 100%;
	font-size: 10px;
	margin-right: 10px; /*Creates the 10px gap between each column*/
	margin-bottom: 10px; /*Creates the 10px gap between each column*/
	padding: 10px;
	border:1px solid #eeeeee;
}
.block h2 {
	font-size: 1.8em;
}
.block p a {
		border-bottom:1px dotted #f26522;
}
.block img {
        /*Flexible image size with border*/
	width: 89%;  /*Took 1% off of the width to prevent IE6 bug*/
	padding: 3%;
	margin: 0 auto;
	display: block;
	-ms-interpolation-mode: bicubic; /*prevents image pixelation for IE 6/7 */
}
.block_right {
	margin-top:30px;
}
#footer {
	margin-top:20px;
	width:97%;
	padding-bottom:10px;
	font-size: 10px;
	text-align:left;
	float:left;
		border-top:1px dashed #f26522;
}

#footer a {
	color:#58585a;
}
#footer a:hover {
	border-bottom:1px dotted #f26522;
}

#footer ul  {
	list-style: none;
}

.tags {
	margin-left:170px;
	margin-top:50px;
	float:left;
}
.partners {
	margin-top:50px;
	float:left;
	margin-left:50px;
}
.contact {
	margin-top:50px;
	float:left;
	margin-left:50px;
}
.head-footer {
	color: #f26522;
	text-decoration:underline;
	font-weight:bold;
	display:block;
	padding-bottom:5px;
}

			.title	a{
				font-size:18px;
			}
			
			.title a:hover	{
				color:#58585a;
			}

.tweet_list {
	list-style-type:none;
	margin-left:-20px;
}
.tweet_list li{
	margin-left:-30px;
	padding:10px;
	border-bottom:1px solid #CCC;
}

.tweet_avatar {
	padding-right:15px;
}

#s3slider {
   width: 564px; /* important to be same as image width */
   height: 140px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 564px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   margin-left:-50px;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 11px/15px;
   padding: 10px 20px;
   width: 524px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 85px;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}