* {
	padding: 0px;
	margin: 0px;
	border: 0px;
	font-size: 1.0em;
}
html, body {
	text-align: center;
	margin: 0;
	font-family: arial, verdana;
	font-size: 0.9em;
	line-height: 1.5em; 
	color: #424242;
}

body {
	background-image: url('../images/bg_cirkels.gif');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: fixed; 
/*	background-color: #FFFFFF; */
}

#container {width: 100%}

#header{ 
	background-image: url('../images/header.jpg');
	background-position: center;
	background-repeat: no-repeat;
	width: 100%; 
	height: 150px;
}

#nav {
	margin: 0px auto;
	margin-top: -25px;
	width: 1000px;
	height: 30px;
	text-align: left;
	font-weight: bold;
}

#nav ul {list-style: none outside; margin: 0px; margin-left: 30px; padding: 0px}
#nav li {float: left; margin: 0px 20px 0px 0px;}
/*
#nav li a {color: #FFFFFF; text-decoration: none}
#nav li a:hover {text-decoration: underline}
*/
#nav li a.niv1:link, a.niv1:visited {color: #FFFFFF; text-decoration: none}
#nav li a.niv1:hover, a.niv1:active {color: #FFFFFF; text-decoration: underline}
#nav a.niv1active:link, a.niv1active:visited  {color#000; text-decoration: none}

#page {
	margin: 0px auto;
	width: 1000px;
	text-align: left;
/*	background-color: #FFFFFF;  */
}

#leftColumn {width:642px; float: left; padding-left: 30px; margin-top: 55px;}
#rightColumn {width:260px; float: right; padding-right: 30px; margin-top: 55px;}

#leftColumn .whitespace {padding: 0px 0px 18px 0px}
#rightColumn .whitespace {padding: 0px 0px 18px 0px}

#rightColumn .logo {margin-bottom: 20px}

h1 {color:#66ccff; font-size: 2.1em; font-weight: normal; margin: 0px 0px 12px -1px}
h2 {color:#66ccff; font-size: 1.2em; font-weight: bold; margin: 8px 0px 6px -1px}
h3 {color:#424242; font-size: 1.2em; font-weight: bold; margin: 8px 0px 6px -1px}

a {color:#424242}


.blackarial{font-family:arial black, arial, verdana; color:#66ccff;}

.clr {clear: both}

#footer {clear: both; padding: 20px 0px 20px 0px; width: 100%; text-align: center}
#footer a {color:#666666; font-size: 0.8em; text-decoration: none; margin: 0px 5px 0px 5px}
#footer a:hover {color:#666666; text-decoration: underline}

/*video upload form css*/

#video_upload_form {
	margin:0px;
}
#video_upload_form input{border:1px solid #cad3db;}

.uploadFormErrors{list-style-type:none; color:#880000;}
.uploadFileList{list-style-type:none; width:225px;margin:5px 0px 10px 0px;padding:5px;background-color:#f1f1f1;border:1px solid #cad3db;}

.uploadFileListContainer{margin-left:10px;}

/* ---------------------- */
.videoThumb {width: 155px; height: 180px; float: left; font-size: 0.8em; line-height: 1.2em; white-space:nowrap;}
.videoThumbText {width: 125px; height: 62px; overflow:hidden; white-space:normal; text-align:left;}
.videoThumbTitle {width: 125px; overflow-x:hidden; white-space:normal; text-align:left;}
p.videoThumbRating {width: 125px; text-align:left;}

.comment {margin: 6px 0px 10px 0px; padding-bottom: 10px; border-bottom: 1px dashed #424242; text-align:left;}


.xsformbuilder_simple_textbox {border: 1px solid #cccccc}
.xsformbuilder_large_textbox	{border: 1px solid #cccccc}

/*Label*/

.formVideoUpload {xwidth: 260px; margin: 0px; padding: 0px;}
.formVideoUpload p {clear: both;}
.formnaw {width: 85px; float:left; display:inline; margin: 0px 0px 0px 8px; text-align: left}
.formTextBox {width: 150px; border: 1px solid #CCCCCC; background-color:#FFFFFF; margin: 0px}
.buttonZwart {background-color: #000000; border: 1px solid #000000; color:#FFFFFF; font-weight: bold; text-transform: uppercase; margin: 15px 0px 0px 8px; font-size: 0.8em; padding: 3px; cursor: pointer}

/*Kaders*/
.kaderGrijs {border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; margin: 0px;}
.kaderGrijsTop {background-image: url(../images/kader_top.gif); background-repeat: no-repeat; height: 10px; width: 261px; margin: 0px; margin-left: -1px; margin-right: -2px; margin-top: 10px}
.kaderGrijsBottom {background-image: url(../images/kader_bottom.gif); background-repeat: no-repeat; height: 10px; width: 261px; margin: 0px; margin-left: -1px; margin-right: -2px}
.kaderContent h2 {margin-left: 8px}

/* ---------------- MOOTOOLS IMAGE SLIDER ------------- */
#SlideItMoo_outer {  
	width:642px; 
	margin:10px auto 10px; 
	/*background:#F1F1F1 ; */
	display:block; 
	position:relative; 
	padding:0px 10px 0px;
	border-bottom:1px #cccccc dashed;
	border-top:1px #cccccc dashed;
}
/* create custom forward-backward buttons for this container */
#SlideItMoo_outer .SlideItMoo_forward,
#SlideItMoo_outer .SlideItMoo_back{ 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	/*background-color:#ff0000;*/
	width:25px; 
	height:200px; 
	bottom:0px; 
	right:5px; 
	background:url('http://streetcaster/images/slideitmoo_forward.png') no-repeat center;  
}
#SlideItMoo_outer .SlideItMoo_back { 
	left:5px; 
	background:url('http://streetcaster/images/slideitmoo_back.png') no-repeat center;  
}

/* the width is set to show the number of thumbnails that will be visible */
#SlideItMoo_inner{ 
	position:relative ; 
	overflow:hidden ; 
	width:474px ; /* set a display width to make the slider look good in case js is disabled */
	margin:0px auto 0px;
	padding:10px 0px 10px;
}
/* the thumbnails container; set a width on it so everything will be fine */
#SlideItMoo_items { 
	display:block; 
	position:relative; 
}
/* single element design */
#SlideItMoo_items div.SlideItMoo_element { 
	/*display:block; */
	position:relative; 
	float:left; 
	/*margin:0px 15px 0px; */
	/*font-size:11px; */
	width:155px;  
	color:#000000;
	
	font-size: 0.8em; line-height: 1.2em; 
	
	height: 180px;
	/*
	width: 155px; height: 180px; float: left; font-size: 0.8em; line-height: 1.2em; white-space:nowrap;
	*/
}
/* styles onder #slides worden allleen in edit en preview-mode getoond */
#slides {width:642; overflow-y:hidden; border:0px solid #ccc;}
#slides div.SlideItMoo_element { 
	float:left; 
	width:155px;  
	color:#000000;
	font-size: 0.8em; 
	line-height: 1.2em; 	
	height: 180px;
	white-space:nowrap;
}

#SlideItMoo_items a { padding:0px; margin:3px 0px 3px; clear:both; display:block; background:#FFFFFF; padding:2px; }
#SlideItMoo_items a img{ border:none; }

#SlideItMoo_element div.SlideItMoo_gumbuttons {
	position:absolute;top:0px;left:0px;
}
div.SlideItMoo_gumbuttons a {
	display:inline; clear:none; background:#FFFFFF; padding:0px;
}

/*comment form*/
.simpleRadio {
	background-color:#ffffff;
}

.commentFormTextField {
	width:300px;
	background-color:#FFFFFF;
	border: 1px solid #a5acb2; 
}

.commentFormTextArea {
	width:300px;
	border: 1px solid #a5acb2; 
}

.commentFormLabel {
	float:left;width:300px;height:26px;display:inline;
}

/*comments*/
.__comment {
	padding:10px;
	width: 300px;  
	border-bottom: 1px dashed #D11B28; 
}

.rating {
	padding:10px 0px 10px 0px;
	width: 640px;
	border-bottom: 1px dashed #424242; 
	border-top: 1px dashed #424242; 
}

.disclaimer {
	font-family:Verdana,Helvetica,Arial;
	font-size:9px;
	color:#666666;
	border-top:1px dashed #D11B28;
	margin-top:40px;
}

/*TOEGEVOEGD MAAR NOG NIET GESTIJLD!!! */
.colSub {float: left; width: 260px;}

a.linkblok_menu:link, a.linkblok_menu_actief:link, a.linkblok_menu_actief_submenu:link, 
a.linkblok_menu:visited, a.linkblok_menu_actief:visited, a.linkblok_menu_actief_submenu:visited {
	display: block;
	font-weight: normal;
	text-decoration: none;
	padding: 4px 8px 6px 0px;
	background-color: #FFF;
	margin-bottom: 1px;
}
a.linkblok_menu:hover, a.linkblok_menu_actief:hover {
	background-color: #FFF;
	color: #66ccff;
}
a.linkblok_menu_actief_submenu:link, a.linkblok_menu_actief_submenu:visited {
	color: #000;
	padding: 4px 8px 6px 0px;
	font-weight: bold;
}

a.linkblok_menu_actief_submenu:hover, a.linkblok_menu_actief_submenu:active {
	color: #66ccff;
}

ul_zijMenu { list-style: none; margin: 0px; margin-right: 10px;}
.li_zijMenu {list-style: none; border-bottom: 1px dotted #cccccc}


.ul_sub {margin-left: 10px;}
.li_sub {list-style: none; padding: 2px; border-bottom: 0px dotted #ffffff; font-size: 0.9em}
.li_sub a.a_sub:link, a.a_sub:visited {color:#666; text-decoration:none}
.li_sub a.a_sub:active, a.a_sub:hover {color:#666; text-decoration:underline}

.a_sub_active:link, .a_sub_active:visited {color:#666; text-decoration:underline}


#zoeken{
	
	color: #fff;
	font-weight: bold;
	
}

#zoekbox{
	float: right;
	margin-right: 40px;
	position:relative;
	cursor: pointer;

}
/*
button.submit {
	background: #FFFFFF url(../images/zoekpijl.gif) no-repeat left top;
	text-indent:-999999em;
	height:15px;
	width:15px;
}*/