/*
Copyright Soluso e-solutions & consultancy, 2009. Alle rechten voorbehouden.
version: 1.0

Stylesheet: main.css
Description: positioning for all common sections and selectors.
Author: Soluso e-solutions & consultancy.
Date: 13-11-2009
*/

body{
	background: url(../images/body-background.jpg) repeat-x #f1f1f1;
	margin: 0 auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Begin Container section */

div#container{
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
}


/* Begin Header section */

div#header
{
	position: relative;
	height: 335px;
	width: 960px;
	background: url(../images/header-background.jpg) no-repeat bottom;
}

div#logo
{
	position: absolute;
	top: 14px;
	left: 0px;
	width: 371px;
	height: 46px;
}

div#profile
{
	position: absolute;
	top: 100px;
	left: 0px;
}

div#profile span
{
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	display: block;
}

div#profile span br
{
	margin-bottom: 10px;
}

img#apple
{
	position: absolute;
	top: 10px;
	left: 699px;	
}

div#inschrijven
{
	position: absolute;
	top: 190px;
	left: 0px;
}

/* Begin Navigation section */


div#navigationholder{
	position: absolute;
	left: 0px;
	top: 300px;
	z-index: 99999;
}

/* End Navigation section */

/* End Header section */

/* Begin Main section */

div#main{
	margin: 50px 0;	
}

div#content{
   min-height: 300px;
   height: auto !important;
   height: 300px;
}

div#left
{
	float: left;
	width: 410px;
	padding-right: 70px;
	border-right: 1px solid #dddddd;
}

div#col1
{
	width: 322px;
	margin-right: 40px;
	float: left;
}

div#col2
{
	width: 280px;
	margin-right: 40px;
	float: left;
}

div#col3
{
	width: 278px;
	float: left;
}

div#logoholder
{
	width: 410px;
}

a.logoBox{
	float: left;
	position: relative;
	display: block;
	width: 120px;
	height: 80px;
	border: 1px solid #ededed;
	background: #ffffff;
	margin: 0 22px 22px 0;
}

a.logoBox:hover
{
	border: 1px solid #cccccc;
}

a.logoBox img
{
	position: absolute;
	top: 0px;
	left: 0px;
}

a.last
{
	margin-right: 0;
}

div#right
{
	float: left;
	width: 405px;
	padding-left: 65px;
}

object
{
	display: block;
	margin: 0 0 50px;
}

table.programtable
{
	width: 50%;
	cursor: default;
}

table.programtable tr
{
	height: 35px;
}

table.programtable tr:hover td
{
	border-bottom:1px solid #71808f;
	color:#1b5790;
}

table.programtable tr th
{
	color:#292929;
	font-size: 1.19em;
	font-weight:bold;
	text-indent: 5px;
}

table.programtable tr td
{
	border-bottom:1px solid #DDDDDD;
	color:#494949;
	vertical-align:middle;
	width: 15%;
	text-indent: 5px;
}

table.programtable tr td.desc
{
	width: 70%;
}
/* End Main section */

div#footercontainer{
	width: 100%;
	background: #e3e3e3 url(../images/border-footer.png) top repeat-x;
	height: 116px;
	margin: 0 auto;
}

div#footer{
	padding: 0;
	width: 960px;
	margin: 0 auto;
	font-size: .9em;
	color: #797979;
	height: 116px;
}

div#footer div.left
{
	margin: 40px 0 0;
}

div#footer div.left a
{
	margin-right: 35px;
}

div#footer div.right
{
	margin: 65px 0 0;
}

div#footer div.right a{
	color: #797979;
	text-decoration: none;
}

div#footer div.right a:hover{
	color: #333333;
}
div#footer div.right span{
	margin: 0 10px;
}

/* Begin Signup Counter section */

div#teller
{
	width: 200px;
	height: 200px;
	background: url(../images/teller.png) no-repeat;
	position: absolute;
	left: 395px;
	top: 120px;
	z-index: 100;
}

div#teller div#count1
{
	font-size: 90px;
	font-family: Helvetica;
	color: #D7D7D7;
	position: absolute;
	left: 49px;
	top: 59px;
	width: 47px;
	height: 126px;
	text-align: center;
	font-weight: bold;
}

div#teller div#count2
{
	font-size: 90px;
	font-family: Helvetica;
	color: #D7D7D7;
	position: absolute;
	left: 97px;
	top: 59px;
	width: 47px;
	height: 126px;
	text-align: center;
	font-weight: bold;
}

div#teller div#divider
{
	width: 126px;
	font-size: 2px;
	height: 2px;
	background: #000000;
	top: 99px;
	left: 37px;
	position: absolute;
	display: block;
	z-index: 200;
}

/* End Signup Counter section */


/* End Container section */


/* 
	Common used elements 
	DO NOT MODIFY!
*/

.clearfix, .clearfix:after{
	clear: both;
	font-size: 1px;
	line-height: 0;
	margin: 0;
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden;
}

/*  \*/
.clearfix{
	min-height:1%;
}

* html .clearfix{
	height:1%;
}

div.left{
	float: left;
}

div.right{
	float: right;
}

iframe{
    border: 1px solid #292929;
}