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

*{
	margin:0px;
	padding:0px;
	border:0px;
}
html {
	width:100%;
	height:100%;
}

body {
font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	line-height:1.5em;
	color:#cccccc;
	width:100%;
	height:100%;
	background:url(../images/site/slices/images/bg_page_patroon.png)  19px 2px;
}

#container_page {
	display:block;
	float:left;
	clear:both;
	padding:0 0 0 40px;
	background:url(../images/site/slices/images/bg_page.png) left 52px  no-repeat;
}

#page{
	display:block;
	float:left;
	clear:both;
	width:963px;
	min-width:840px;
}

#container_header {
	display:block;
	float:left;
	clear:both;
	width:100%;
	height:114px;
	background:url(../images/site/slices/images/bg_head_en.png) top left no-repeat;
	overflow:hidden;
}

#top {
	float:left;
	clear:none;
	width:502px;
	display:block;
	height:45px;
}

#header{
	display:block;
	float:left;
	clear:none;
	width:520px;
	height:114px;
	padding:0 0 0 52px;
}

#container_header p {
	display:block;
	float:left;
	clear:none;
	margin:5px 10px 0 0;
}

#container_header #tip {
font-style:normal;
float:left;
clear:none;
margin:10px 0 0 40px;
width:280px;

}

#container_header #tip a, #container_header #tip span {
float:left;
width:100%;
}

#ad_header{
	display:block;
	float:left;
	clear:none;
	width:387px;
	text-align:center;
	margin:35px 0 0 0;	
}


#container_content {
	display:block;
	float:left;
	clear:both;
	width:963px;
	background:url(../images/site/slices/images/bg_container_content.png) left 2px  repeat-y;
}

#content {
	display:block;
	float:left;
	clear:both;
	width:963px;
	background:url(../images/site/slices/images/bg_menu.png) top right no-repeat;

}
#container_main {
	display:block;
	float:left;
	clear:none;
	width:543px;
	overflow:hidden;
	padding:0 0 20px 0;
}
#container_last_item {
	display:inline;
	float:left;
	clear:both;
	width:542px;
	background:url(../images/site/slices/images/bg_item_div.png) repeat-y top right;
	margin:8px 0 0 0;
	color:#121212;

}
#container_small_item {
	display:inline;
	float:left;
	clear:both;
	width:542px;
	margin:1px 0 0 0;

}
#last_item, #small_item {
	display:inline;
	float:left;
	clear:both;
	width:511px;

}
#last_item {
	padding:16px 0 0 31px;
	background:url(../images/site/slices/images/bg_item.png) no-repeat top left;

}
#small_item {
	padding:0px 0 0 32px;

}

#comment  {
	display:inline;
	float:left;
	clear:both;
	width:508px;
	margin:0 0 0 31px;
}

#container_menu {
	display:inline;
	float:left;
	clear:none;
	width:420px;
	padding:20px 0;

}

#navigation {
	display:inline;
	float:left;
	clear:none;
	margin:50px 0 0 0;
}

#container_footer{
	display:block;
	float:left;
	clear:both;
	width:962px;
	border-top:1px solid #ff4480;
	height:155px;
}

#footer_left, #footer_center, #footer_right {
	float:left;
	clear:none;
	height:10px;
	overflow:hidden;
	line-height:18px;
	height:155px;
	padding:20px 40px 10px 40px;
	color:#3b3b3b;
}
	
#footer_left{
	width:240px;
	background:#00aef0;
	margin:1px 0 0 0;
}

#footer_center{
	width:240px;
	background:#ff4480;
	margin:0 1px;
	padding:20px 40px 11px 40px;

}

#footer_right{
	width:240px;
	background:#36d22e;
	margin:1px 0 0 0;
}


/* >>>>>>>>>>> OPMAAK <<<<<<<<<< */
a {
text-decoration:none;
}

a:link, a:visited {
color:#00aef0;
}


li a:hover, li a:active, p a:hover, p a:active, h3 a:hover, h3 a:active {
color:#36d22e;
border-bottom:1px solid #36d22e;
}

/*
#header a img{
	margin:10px 36px 0 0;
	border:1px solid #ff4480;
}
#header a:hover img, #header a:active img{
	margin:10px 36px 0 0;
	border:1px solid #36d22e;
}
*/
/* >>>>>>>>>>> GENERAL <<<<<<<<<< */

ul{
list-style-type:none;
}

#top ul {
margin:0 20px 0px 20px;
height:41px;
}


#top li {
float:right;
padding:24px 0 0 0px;
margin:0 0 0 10px;
font-weight:bold;
background:url(../images/site/slices/images/bg_li_header.gif) top left no-repeat;
}

#site_navigation, #list {
	color:#36d22e;
	display:inline;
	float:left;
}
	#site_navigation {
		padding:16px 0 0 31px;
		width:540px;
		clear:both;

	}
	#list {
		padding:7px 0px 0 30px;
		width:209px;
	 	clear:none;

	}
	
#site_navigation li, #list li{
float:left;
clear:none;
line-height:18px;
background:url(../images/site/slices/images/bg_li_site_navigation.png) no-repeat bottom left;
padding:0 10px 0 15px;
}
	#list li {
	width:208px;
	padding:0 00px 0 15px;
	font-weight:bold;
	}
		
	#list .omschrijving {
	color:#CCCCCC;
	line-height:12px;
	font-size:11px;
	font-weight:normal;
	background:none;
padding:0;

	}

	
	#list #al_tu {
	clear:both;
	letter-spacing:2px;
	}

 
/* >>>>>>>>>>> TEKSTOPMAAK <<<<<<<<<< */

h1, h2, h3, h4 {
letter-spacing:1px;
}

.continue {
letter-spacing:4px;
font-size:13px;
}

h1, h2 {
color:#36d22e;
font-style:normal;
font-size:140%;
}

h1 i, h2 i {
border-bottom:1px solid #00aef0;
}

h3 {
color:#ff4480;
font-size:115%;
}

h4 {
color:#00aef0;
font-size:110%;
}

h6 {
font-size:95%;
}


#container_main .p_out {
padding:12px 0 12px 32px;

}
#container_main .rss {
padding:12px 0 12px 42px;

}
#container_main h1 {
float:left;
clear:both;
display:block;
width:505px;
padding:12px 0 12px 32px;
line-height:22px;
font-size:135%;
font-variant:small-caps;

}

#welkom{
color:#ff4480;
font-style:normal;
font-variant:small-caps;
font-size:160%;
}

#container_main h2 {
float:left;
clear:both;
display:block;
padding:0px 0 5px 40px;
line-height:16px;
font-weight:normal;
width:500px;
color:#cccccc;
font-size:110%;

}

#container_main .homeh2 {
color:#36d22e;
font-style:normal;
font-variant:small-caps;
font-size:140%;
margin: 10px 0 0 0px;

}

.homeh3 {
color:#ff4480;
margin: 0 0 0 43px;
}


#container_menu h2  {
color:#ff4480;
font-size:120%;
font-weight:bold;
text-align:justify;

}
#container_menu h3  {
color:#36d22e;
font-weight:bold;
}



#last_item p  {
margin:0 16px;
text-align:justify;
padding:0px;
}
#last_item h4, #last_item h3 {
margin:14px 8px 7px 8px;
font-size: 105%;
color:#00aef0;

}
#last_item img  {
margin:10px 0 10px 10px;
}
#last_item #tutorial_ad  {
margin:10px 0 10px 16px;
}



#container_main .last_item_title {
	display:inline;
	float:left;
	clear:both;
	width:490px;
	padding:0px 15px 40px 36px;
}


#container_main #comment h2 {
	display:inline;
	float:left;
	clear:both;
	width:500px;
	margin:10px 0 0 0;
	padding:20px 0 10px 27px;
	height:18px;

}

#container_main #comment .comm {
	display:inline;
	float:left;
	clear:both;
	width:500px;
	margin: 0 0 10px 18px;
	padding:18px 0 0 1px;
	background:url(../images/site/slices/images/bg_reactie.gif) left top no-repeat;

}
#container_main #comment .comm h6 {
padding: 2px;
width:400px;
background-color:#FBFBFB;
border:1px solid #000000;
border-top:0px;
margin:0 0 5px 0;
font-weight:normal;

}
#container_main .comm p {
margin:0 0 0 10px;	
width:390px;

}
#container_main .admin {
color:#ff4480;
}


#container_main #comment #form_title {
	width:450px;
	height:48px;
	background:url(../images/site/slices/images/bg_comment.gif) 8px bottom no-repeat;
}


#container_main form {
display:inline;
float:left;
clear:both;
width:478px;
margin:0 0 0 8px;
border:1px solid #121212;
border-top:0px;
background-color:#FBFBFB;
padding:20px 0 20px 15px;
color:#121212;
}
#container_main form input, #container_main form textarea, #container_main form img {
border:1px solid #121212;
margin:5px 0 3px 0;

}

#main_top, #banner_main {
margin:5px 0 0 51px;
width:468px;

}
#banner_main {
float:left;
display:inline;
height:60px;
}

/* >>>>>>>>>>> MENU <<<<<<<<<< */

#container_menu #top_menu {
display:block;
float:left;
clear:both;
width:370px;
height:60px;
padding:0 0 0 46px;
line-height:15px;
}

#container_menu #top_menu .rss {
	display:block;
	float:left;
	clear:none;
	width:56px;
	padding:15px 0 0 0;

}
#container_menu #top_menu  .rss p {
	height:30px;
	display:inline;
	clear:none;
	float:left;

}
#container_menu #top_menu  .rss  img {
	margin:0 0 0 6px;
	display:inline;
	clear:none;
	float:left;
}

#container_menu #top_menu #trial  {
	width:300px;
	height:60px;
	display:block;
	clear:none;
	float:left;
	margin:0px 0 0 0;
}

#container_menu #tutorial {
display:inline;
float:left;
clear:both;
width:370px;
padding:5px 0 0 46px;
margin:5px 0 15px 0;
background:url(../images/site/slices/images/bg_vote.png) no-repeat left 25px;
}


#container_menu #tutorial #stem {
float:left;
clear:both;
width:374px;
margin:25px 0 10px 0;
}
#container_menu #tutorial #stem p, #container_menu #tutorial #stem h2 {
float:left;
clear:both;
width:100%;
}
#container_menu #tutorial #stem p {
height:35px;}
#container_menu #tutorial #stem .radi {
padding:3px 0px 0px 0px;
margin:0 2px;
width:15px;
line-height:20px;
vertical-align:middle;

}

#container_menu #tutorial #stem div {
float:left;
clear:both;
width:160px;
margin:15px 0;
text-align:center;
padding:0 20px 0 0;
height:50px;
line-height:42px;}
#container_menu #tutorial #stem div .super {
vertical-align:middle;
margin:20px 0 0 0;
}
#container_menu #tutorial #stem div .big {
font-size:42px;
font-style:italic;
font-weight:normal;
color:#36d22e;
vertical-align:middle;

}
#container_menu #tutorial #stem div .sub {
vertical-align:sub;

}
#container_menu #tutorial #stem form {
clear:none;
width:194px;
float:left;
margin:15px 0 0 0;
}
#container_menu #tutorial #stem #zwak {
color:#FF0000;
margin:0 2px 0 0;
}
#container_menu #tutorial #stem #uitstekend {
color:#00CC33;
margin:0 0 0 2px;
}
#container_menu #tutorial #stem .stemknop {
margin:9px 0 0 65px;
}

#container_menu #tutorial #social {
display:inline;
float:left;
clear:both;
width:370px;
margin:5px 0 0 0;
}
#container_menu #tutorial a {
margin:6px 12px 6px 0;
display:inline;
float:left;
clear:none;
}

#container_menu .width, #container_menu .most_viewed {
display:inline;
float:left;
clear:both;
width:350px;
padding:15px 0 10px 47px;
text-align:justify;
}

#container_menu #trial ul  {
	display:inline;

}
#container_menu #trial ul li {
	display:inline;
}

#container_menu #trial h3{
	display:inline;
	font-size:16px;
	margin:0 2px 0 0;

}

.fout { 
color:#FF0000;
}

#container_menu .most_viewed h3, #container_menu .container h3{
	display:block;
	clear:both;
	font-size:16px;
	margin:0 2px 10px 0;

}
#container_menu .most_viewed img{
	margin:0 0 0 30px;

}
#container_menu .most_viewed .no_margin{
	margin:0 0 0 0px;

}

#container_menu .most_viewed a img{
	border:1px solid #ff4480;
}
#container_menu .most_viewed a:hover img, #container_menu .most_viewed a:active img{
	border:1px solid #36d22e;
}



/*SMALL_ITEM */

.sort {
display:inline;
clear:both;
float:left;
width:400px;
padding:14px 0 2px 14px;
line-height:18px;
}
.sort span {
display:inline;
clear:both;
float:left;
padding:14px 0 0 64px;
}
#small_item .item, #small_item .nieuws_item {
float:left;
clear:both;
display:inline;
width:509px;
border:1px solid #333333;
border-top:0px;
border-right:0px;
margin:8px 0 14px 0;
padding:7px 7px 0px 7px;
}
	 #small_item .nieuws_item {
	margin:8px 0 14px 0;
	padding:7px;
	}
 
#small_item .item h3, #small_item .nieuws_item h3 {
display:inline;
float:left;
clear:right;
margin:0px 0 2px 0;
padding:0 7px;
width:323px;
font-size:110%;
line-height:16px;
}

#small_item .item h3 a:link, #small_item .item h3 a:visited  {
color:#ff4480;
}
#small_item .item  a:hover, #small_item .item a:active  {
text-decoration:underline;
border:0px;}

#small_item .item a:link img, #small_item .item  a:visited img {
border:1px solid #333333;
}
#small_item .item  a:hover img, #small_item .item  a:active img {
border:1px solid #333333  ;
}

#small_item .item p, #small_item .nieuws_item p {
display:inline;
float:left;
clear:none;
width:323px;
margin:0px;
padding:2px 7px;
text-align:justify;
}
	#small_item .nieuws_item p {
	clear:both;
	width:483px;
	padding:0 7px;

	}

#small_item .item img, #small_item .nieuws_item img {
display:inline;
float:left;
clear:none;
margin:0px;
}
	#small_item .item img {
	margin:4px 8px 20px 4px;
	padding:1px;
	background-color:#222222;

	}
	#small_item .nieuws_item img {
	line-height:60px;
	margin:6px 10px 6px 0;

	}

#small_item .nieuws_item span{
width:100px;
text-align:right;
display:inline;
clear:none;

}



#small_item span b{
width:100px;
text-align:right;
display:inline;
clear:none;

}
.info, #small_item .nieuws_item span {
float:left;
clear:both;
display:inline;
width:353px;
text-align:justify;
font-size:75%;
padding:1px 0 0 172px;
color:#888888;
} 
	#small_item .nieuws_item span {
	padding:1px 0 0 0px;
	} 

.info span{
float:left;
clear:none;
display:inline;
}

.info .d {
width:57px;
}
.info .w {
width:78px;

}
.info .s {
width:59px;

}

.info .c {
width:69px;

}
.info .b {
width:65px;
}



#container_menu .most_viewed {
display:inline;
float:left;
clear:both;
width:357px;
padding:15px 0 10px 45px;
text-align:justify;
}

#container_menu .container {
display:inline;
float:left;
clear:both;
width:357px;
margin:15px 0 10px 45px;
text-align:justify;
}
#container_menu .container img {
margin:10px auto;
padding:5px;
border:1px solid #333;

display:block;}





#container_menu .most_viewed img{
	margin:5px;
	padding:5px;
	border:1px solid #333;
	float:left;
	display:block;
	clear:none;

}
#container_menu .most_viewed .no_margin{}

#container_menu .most_viewed a img{
	border:1px solid #333;
}
#container_menu .most_viewed a:hover img, #container_menu .most_viewed a:active img, #container_menu .container a:hover img, #container_menu .container a:active img {
	border:1px solid #36d22e;
}

.current_page {
border-bottom:1px solid #00aef0;
}



/* FOOTER */


#container_footer p{
	text-align:justify;
	margin:5px 0px;
}

#container_footer h4{
color:#E1E1E1;
font-size:15px;
font-weight:bold;
}

#container_footer a:link, #container_footer a:visited {
color:#3E3E3E;
font-weight:bold;
border-bottom:0px;
}


#container_footer a:hover, #container_footer a:active {
color:#3E3E3E;
border-bottom:1px solid #CCCCCC;
}


#sitemap {
margin:50px;
}

#sitemap h2, #sitemap ul, #sitemap li, #sitemap #list {
float:left;
clear:both;
margin:0px;
list-style:none;
list-style-image:none;}

#sitemap h2 {
padding:10px 0 5px 0;
}




#banner_main_groot {
margin:0px;
float:left;
display:inline;
height:280px;
width:250px;
		padding:0px 0 0 31px;
}

#banner_main_tutorial {
margin:0px;
float:left;
display:inline;
height:80px;
width:486px;
padding:0 0 0 40px;
}
#ad_m4, #ad_m6  {
width:250px;
	display:block;
	clear:both;
	float:left;
	padding:15px 0 0 100px;}