/* 
Mei 2009
Door : Koen Haarbosch  |  Bit Squad
*/

/* --------------------------------------------- // -------- ALGEMENE SITE */

* {
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif;
	padding: 0; 
	margin: 0;
	border: 0;	
}

a:link { color: #000000; text-decoration: underline; } /*  niet bezochte link */
a:hover  { color: #000000; text-decoration: none;} /*  roll over  */
a:visited { color: #4c6e83; text-decoration: underline;} /* bezochte link */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 100%; /* font-size wordt op 100% van de browser instellingen van de gebruiker gezet, deze grootte wordt dus overgenomen */
  	background: #FFFFFF;
}

.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	border: none;
	margin: 0; 
	padding: 0;
	background: transparent;
}

#wrapper {
	width: 995px;
	margin-left: auto; 
	margin-right: auto;
	padding: 0;
	text-align: left;
}

/* --------------------------------------------- // -------- Instellen Fonts */
#sitewidemenu, #content, #footer, #swContent { font-size: 0.8em }
#contactForm { font-size: 0.7em }
#content h1, #swContent h1 { font-size: 1.4em; }
#content h2 { font-size: 1.2em; }

/* --------------------------------------------- // -------- Header */
#header {
	float: left;
	width: 940px;
	height: 76px;
	background: #fff;
}

.logo {
	float: left;	
	margin: 7px 0 0 22px;
}

#contShowVideo {
	float: left;	
	position: relative;
	width: 323px;
	margin: 0 0 0 100px;
	top: 40px;
	height: 33px;
	z-index: 999;
	
}

#contShowVideo h3 {
	position: absolute;
	color: #fff;
	font-size: 0.75em;
	padding: 14px 0 10px 20px;
}

#contShowVideo a {
	float: right;
	color: #fff;
	font-size: 0.65em;
	padding: 14px 20px 5px 0;
	margin: 0 15px 10px 0;
	background: url(../_images/arrow_down.gif) no-repeat right 15px;
}

#contShowVideo a.close {
	background: url(../_images/arrow_up.gif) no-repeat right 15px;
}

/* --------------------------------------------- // -------- Site Wide Menu */
#sitewidemenu {
	float: right;
	width: 725px;
	text-align: right;
	padding: 12px 0 0 0;

}
#sitewidemenu a { 
	color: #000;	
	margin: 0 0 0 13px;
}
a#kleineLetters { font-size: 0.8em; padding:0; }
a#middenLetters { padding:0; margin: 0 0 0 5px; }
a#groteLetters { font-size: 1.2em; padding:0; margin: 0 0 0 5px; }

/* --------------------------------------------- // -------- Sitewide Container: eerste tekst + video/ afbeelding + form */
#sitewideContainer {
	float: left;
	width: 640px;
	margin: 0 0 10px 0;
	background: #fff url(../_images/bg_vlakken.gif) repeat-y 0 0;
}
#sitewideContent {
	float: left;
	width: 630px;
	margin-right: 10px;
	background: url(../_images/header_colLeft.gif) no-repeat top left;
}

#swContent {
	float: left;
	width: 570px;
	padding: 45px 25px 20px 35px;
	color: #4c6e83;
}

#swContent h1 {
	color: #4c6e83;
	margin: 0 0 25px 0;
}

#video {
	display: none;
	float: left;
	position: relative;
}

#cont2 {
	position: absolute;
	padding: 10px 0 0 0;
	z-index: 100;
	top: 0px;
	left: 287px;
	width: 323px;
	height: 260px;
	margin: 0 0 0 0;
	padding: 0 9px 0 0;
	background: url(../_images/bg_video.gif) no-repeat left 30px;
}

#mediaplayer2 {
	width: 294px;
	padding: 0 0 0 15px;
	font-size: 0.8em;
	color: #fff;
	margin: 40px 0 0 9px;
}

#mediaplayer2 a {
	color: #fff;
}

#mediaplayer2 p {
	margin-bottom: 10px;
}

#player1 {
	width: 309px;
	margin: 30px 0 0 9px;
}

img.photo {
	border: solid 1px #000;
	margin: 20px 0 0 9px;
}

.lettergrootte {
	margin-top:20px;
	float:right;
	font-weight:bold;
}

.lettergrootte a {
	font-weight:normal;
}

/* --------------------------------------------- // -------- Col Container : menu + content + banners*/
#columnContainer {
	float: left;
	width: 640px;
	background: #fff;
}

/* --------------------------------------------- // -------- Col Left: Menu en content */
#colLeft {
	float: left;
	width: 630px;
	margin-right: 10px;
}

/* --------------------------------------------- // -------- Menu Main Horizontaal Top */
#menu {
	float: left;
	width: 630px;
	
}

/* De rest van menu staat in navigation.css */

/* --------------------------------------------- // -------- Content */
#content {
	float: left;
	width: 584px;
	color: #727b3c;
	padding: 30px 30px 50px 13px;
	border-top: solid 5px #727b3c;
	background: url(../_images/bg_content.gif) repeat-x 0 0;
}

#content h1 {
	margin: 0 0 10px 0;	
}

#content p {
	margin: 0 0 10px 0;	
}

/* --------------------------------------------- // -------- Footer */
#footer {
	float: left;
	width: 620px;
	padding: 10px 10px 0 0;
	margin: 0 0 50px 0;
	background: url(../_images/line_footer.gif) no-repeat top right;
	text-align: right;
}

#footer a {
	color: #000;
	margin: 0 0 0 10px;
}

/* --------------------------------------------- // -------- Col Right : Banners */
#colRight {
	float: left;
	width: 300px;
}

#contactForm {
	float: left;
	width: 300px;
	background: #727b3c;
}
/* Rest van formulier staat in forms.css */

#banners {
	float: left;
	background: #FFF;
	margin: 30px 0 0 0;
}

#banners img {
	float: left;
	width: 142px;
	border: solid 1px #E6E6E6;
	margin: 0 6px 7px 0;
}

#banners img.title 
{
	border: none;
	float: none;
	width: 154px;
	margin: 0 0 30px 0;
}
img.uitslag 
{
	border: none;
	float: none;
	width: 300px;
	margin: 10px 0 30px 0;
}

#downloads 
{
	float: left;
	background: #FFF;
	margin: 35px 0 0 0;
}

#downloads img 
{
	border: solid 1px #ccc;
	margin: 10px 0 0 0;
}

/* --------------------------------------------- // -------- Sitemap */
ul#sitemap li {
	padding: 0 0 0 12px;
	margin: 2px 0 0 5px;
	list-style: none;
	background: url(../_images/arrow.gif) no-repeat 0 5px;
}

ul#sitemap li a {
	color: #727b3c;
}

ul#sitemap li ul {
	margin: 0 0 10px 0;
}