@charset "utf-8";
/* Html en CSS door Jasper de Boer */
/* http://www.jasperdb.nl/ */
/* Jasperdboer@gmail.com */

/* Algemene stijlen start */
body {
	margin: 0;
	padding: 0;
	background: url(../img/bg.png) repeat;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

img {
	border: 0px;	
}

ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}

a {
	text-decoration: none;	
}
/* Algemene stijlen end */

/* Mainmenu start */
#mainmenu_container {
	margin: 0 auto;
	background: url(../img/mainmenu_container_bg.png) repeat-x top;
	background-position: 0px 113px;
	width: 880px;
	padding: 10px 10px 0 10px;
	display: block;
	overflow: visible;
}

#mainmenu_container img{
	margin: 31px 0 21px 11px;
}

#mainmenu_container ul {
	padding: 0 10px 0 10px;
	background: url(../img/mainmenu_bg.png) repeat-x;
	border-top: none;
	border-left: 1px solid #17c000;
	border-right: 1px solid #17c000;
	border-bottom: 1px solid #17c000;
	width: 858px;
	height: 42px;
}

#mainmenu_container li, #sponsoren li {
	display: inline;	
}

#mainmenu_container li a{
	height: 31px;
	/*padding: 11px 10px 0 10px;*/
	padding: 11px 5px 0 10px;
	float: left;	
	color: #fff;
	font-size: 14px;
}

#mainmenu_container li a:hover, #mainmenu_container li.active a {
	background: url(../img/mainmenu_hover_bg.png) repeat-x;
}

.contact {
	float: right;	
}
/* Mainmenu end */

/* Container start */
#container {
	margin: 0 auto;
	width: 880px;
	background: #fff;
	padding: 0 10px 10px 10px;
	overflow: auto;
}

/* Header start */
#header {
	/* background: url(../img/header_bg.png) no-repeat; */
	background: url(http://www.pocoloco-team.nl/header.php) no-repeat;
	border: 2px solid #242323;
	width: 876px;
	height: 169px;
	margin: 10px 0 0 0;
}

/* Welkomtekst start */
#welkomtekst {
	width: 227px;
	height: 132px;
	background: url(../img/welkomtekst_bg.png) no-repeat;
	margin: 5px 0 0 -26px;
	padding: 20px 10px 20px 27px;
	line-height: 120%;
	overflow: hidden;
}

#welkomtekst strong {
	color: #f9e600;	
	font-size: 13px;
}

#welkomtekst p {
	color: #fff;
	font-size: 11px;
	margin: 4px 0 0 0;
}
/* Welkomtekst end */
/* Header end */

/* Submenu start */
#submenu_container {
	width: 240px;
	float: left;
	margin: 0 10px 0 0;
}

.submenu {
	padding: 7px 0 0 0px;
	margin: 10px 0 10px 0;
	background: url(../img/submenu_bg.png) repeat-x;
	width: 240px;
	color: #fff;
	font-size: 18px;
}

.submenu strong {
	font-weight: normal;
	margin: 0 0 5px 20px;
	display: block;
}

.submenu ul {
	border: 3px solid #3fb206;
	width: 234px;
}

.submenu a {
	display: block;
	padding: 6px 0 0 17px;
	background: url(../img/submenu_a_bg.png) repeat-y;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d0d0d0;
	height: 23px;
	color: #333;
	font-size: 12px;
}

.submenu a:hover {
	background: url(../img/submenu_a_hover_bg.png) no-repeat;
	font-weight: bold;
}
/* Submenu end */

/* Content start */
#content {
	float: left;
	background: #fff;
	width: 630px;
	margin: 10px 0 0 0;
	color: #333;
}

#content h1 {
	padding: 8px 0 0 20px;
	background: url(../img/nieuws_item_h1_bg.png) repeat-x;
	margin: 0;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	height: 30px;
}


#content p {
	margin: 0;
	padding: 11px;
	font-size: 12px;
}

#content a {
	color: #3fb206;
}

#content a:hover {
	text-decoration: underline;	
}

.inner_nieuws {
	border: 3px solid #070707;
	margin: 0 0 10px 0;
}

.author {
	background: #eaeaea;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e0e0e0;
	font-size: 12px;
	padding: 7px 17px 0 11px;
	height: 22px;
}
/* Content end */

/* Sponsoren start */
#sponsoren {
	background: #e0e0e0;	
	height: 25px;
	width: 870px;
	float: left;
	padding: 5px;
}

#sponsoren p {
	font-weight: bold;	
	font-size: 12px;
	float: left;
	margin: 5px 41px 0 30px;
}

#sponsoren ul li a {
	float: left;
	display: block;
	background: #212121;
	color: #919191;
	text-decoration: none;
	font-size: 12px;
	height: 21px;
	padding: 4px 7px 0 7px;
	margin: 0 5px 0 0;
}

#sponsoren ul li a:hover {
	color: #f9e600;	
	text-decoration: underline;
}
/* Sponsoren end */
/* Container end */

/* Footer start */
#footer {
	margin: 0 auto;
	margin-bottom: 40px;
	width: 876px;
	background: url(../img/footer_bg.png) repeat-x;	
	color: #919191;
	font-size: 12px;
	padding: 10px 12px;
	height: 27px;
}

#footer a {
	color: #f9e600;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;	
}

#footer p {
	margin: 0;	
	float: left;
}

#footer .inner_footer {
	float: right;	
}
/* Footer end */