/******************************	

SpeelTopVeilig.nl
TRES internet (c) 2010

******************************/


/******************************	
RESET
******************************/

html, body, div, span, applet, object, iframe, table, caption, tbody,
tfoot, thead, tr, th, td, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

*:focus { outline: none; }
body { line-height: 1 }
ol, ul {list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
a img, :link img, :visited img { border: none; }
iframe { background: transparent; }
input, select { vertical-align: middle; }
strong { font-weight: bold; }

div.clear { clear: both; width: 100%; height: 0px; overflow: hidden; float: none !important; }


/******************************	
STYLE
******************************/

body {
	background: #FFFAC2;
	font-family: Arial;
	font-size: 11px;
	line-height: 16px;
}

#container {
	width: 767px;
	margin: 0 auto;
	background: #D4D600;
}

#header {
	background: url("../images/header.png") left top no-repeat;
	height: 254px;
	position: relative;
}

	#header #headerImage {
		height: 167px;
	}

	#header #menu {
		height: 18px;
		padding: 0 0 0 14px;
	}
		
		#header li {
			float: left;
			padding: 0 7px 0 0;
		}

		#header #menu a, #header #menu a:link, #header #menu a:visited, #header #menu a:active {
			font-weight: bold;
			text-decoration: none;
			color: #000000;
		}

		#header #menu a:hover, #header #menu a.active {
			color: #DC2E00;
		}

	#header #topmenu {
		float: right;
		padding: 19px 37px 0 0;
		font-size: 9px;
	}

		#header #topmenu a, #header #topmenu a:link, #header #topmenu a:visited, #header #topmenu a:active {
			color: #000000;
			text-decoration: none;
		}

		#header #topmenu a:hover {
			color: #DC2E00;
		}

	#header #breadcrumb {
		color: #000000;
		font-weight: bold;
		position: absolute;
		top: 223px;
		left: 181px;
	}

		#header #breadcrumb a, #header #breadcrumb a:link, #header #breadcrumb a:visited, #header #breadcrumb a:active {
			color: #000000;
			text-decoration: none;
		}

		#header #breadcrumb a:hover {
			text-decoration: underline;
		}

		#header #breadcrumb span.current {
			font-weight: normal;
			font-style: italic;
		}

	#contentContainer {
		background: #ffffff;
	}

	#left {
		float: left;
		width: 174px;
		background: #D4D600 url("../images/backgroundLeft.png") left top no-repeat;
	}

		#left #submenu {
			padding: 20px 0 20px 10px;
		}

			#left #submenu a, #left #submenu a:link, #left #submenu a:visited, #left #submenu a:active {
				color: #000000;
				background: url("../images/submenuArrow.png") left 3px no-repeat;
				padding: 0 0 0 16px;
				text-decoration: none;
			}

			#left #submenu a:hover, #left #submenu a.active {
				color: #DC2E00;
				background-position: left -11px;
			}


	#content {
		background: #ffffff;
		float: left;
		width: 573px;
		padding: 0 10px 20px 10px;
	}

		#content h1 {
			font-size: 14px;
			font-weight: bold;
			padding: 5px 0 5px 0;
		}

		#content h2 {
			font-size: 14px;
			font-weight: bold;
			padding: 5px 0 0 0;
		}

		#content table {
			margin: 5px 0 10px 0;
		}

		#content div.article {
			margin: 5px 5px 5px 0;
		}

		#content a, #content a:link, #content a:visited, #content a:active {
			color: #093F09;
		}

		#content a:hover {
			color: #DC2E00;
		}

		#content div.image {
			margin: 5px 0;
			clear: both;
		}

			#content div.image img {
				border: 1px solid #A8C895;
			}

			#content div.image div.description {
				font-style: italic;
			}
			
			#content div.image.left {
				margin: 0 10px 10px 0;
				float: left;
			}

			#content div.image.right {
				margin: 0 0 10px 10px;
				float: right;
			}

			#content form {
				padding: 10px 0 0 0;
			}

				#content form .label {
					margin: 2px 0 2px 0; 
					float: left;
					width: 175px;
				}

				#content form .value {
					margin: 2px 0 2px 0; 
					float: left;
					width: 250px;
				}

				#content form input, #content form textarea {
					width: 225px;
					border: 1px solid #D4D600;
				}

				#content form textarea {
					height: 100px;
				}

				#content form input.submitbutton {
					background: #D4D600;
					height: 30px;
					color: #ffffff;
					font-weight: bold;
					border: 1px solid #D4D600;
					cursor: pointer;
				}

		#content .article {
			padding: 10px 0 0 0;
		}


		#content ul.sitemap {
			padding: 0 0 0 10px;
		}

			#content ul.sitemap ul {
				padding: 0 0 5px 20px;
			}