* {
	margin:					0;
	padding:				0;
	border:					0;
}

body {
	color:					#FFF;
	font:					11px/15px Tahoma, sans-serif;
	background:				#000;
}

div.spacer {
	clear:					both;
	height:					1px;
	font:					0/0 serif;
}

table {
	border-collapse:		collapse;
}

ol,
ul {
	list-style:				none;
}

ul li {
	padding-left:			11px;
	background:				url(../images/bullet.gif) no-repeat 1px 5px;
}

a {
	color:					#99C;
	text-decoration:		none;
}

a:hover {
	color:					#FFF;
	background:				#333;
}

a.image:hover {
	background:				none;
}

em.underline {
	font-style:				normal;
	text-decoration:		underline;
}



h3,
h4,
h5 {
	color:					#FFF;
}

h3 {
	margin-bottom:			12px;
	padding:				7px;
	border-left:			1px solid #595757;
	background:				#333;
	font-size:				13px;
}

h4 {
	margin:					25px 0 15px 0;
	padding-left:			7px;
	border-left:			1px solid #333;
	font-size:				13px;
}

h5 {
	font-size:				11px;
}



#wrapper {
	position:				relative;
	width:					760px;
	margin:					0 auto;
}

.placeholder {
	padding:				100px 100px 200px 100px;
}



ul#menu {
	height:					21px;
	overflow:				hidden;
}

ul#menu li {
	float:					left;
	padding:				0;
	background:				none;
}

ul#menu li a {
	display:				block;
	height:					21px;
	padding-top:			21px;
}

ul#menu li a:hover {
	background-position:	0 -21px !important;
}

ul#menu li.active a {
	background-position:	0 -42px !important;
}

ul#menu li a#home {
	width:					44px;
	background:				url(../images/menu_home.gif) no-repeat;
}

ul#menu li a#informatie {
	width:					94px;
	background:				url(../images/menu_informatie.gif) no-repeat;
}

ul#menu li a#locator {
	width:					74px;
	background:				url(../images/menu_locator.gif) no-repeat;
}

ul#menu li a#commercial {
	width:					123px;
	background:				url(../images/menu_commercial.gif) no-repeat;
}

ul#menu li a#achter_schermen {
	width:					108px;
	background:				url(../images/menu_achter_schermen.gif) no-repeat;
}

ul#menu li a#ex_o_meter {
	width:					85px;
	background:				url(../images/menu_ex_o_meter.gif) no-repeat;
}

ul#menu li a#extras {
	width:					54px;
	background:				url(../images/menu_extras.gif) no-repeat;
}

ul#menu li a#FAQ {
	width:					35px;
	background:				url(../images/menu_faq.gif) no-repeat;
}

ul#menu li a#mailinglist {
	width:					131px;
	background:				url(../images/menu_mailinglist.gif) no-repeat;
}



#header {
	position:				relative;
	height:					229px;
	border-bottom:			1px solid #333;
}

#header img.header {
	display:				block;
}

#header img.logo {
	position:				absolute;
	top:					110px;
	left:					670px;
}

#header p {
	position:				absolute;
	bottom:					40px;
	left:					19px;
}



.submenu {
	height:					140px;
	margin-bottom:			10px;
	padding:				20px 0 0 20px;
	background:				url(../images/bg_submenu.gif) repeat-x;
}

.submenu div.menu {
	float:					left;
	position:				relative;
	height:					131px;
	margin-right:			10px;
	border-left:			1px solid #595757;
}

.submenu ul {
	margin:					5px 0 5px 10px;
}

.submenu ul li {
	padding:				0;
	background:				none;
	line-height:			16px;
}

.submenu ul li.active a {
	color:					#FFF;
	font-weight:			bold;
}

.submenu ul li.active a:hover {
	background:				none;
}

.submenu .hou_hou_je_het_vol {
	width:					195px;
}

.submenu .veilig_vrijen_zonder_condoom {
	width:					206px;
}

.submenu .laat_je_testen {
	width:					306px;
	margin:					0;
}

.submenu .soas {
	position:				absolute;
	top:					31px;
	left:					165px;
	width:					149px;
	border:					0;
}

.submenu .soas ul {
	margin:					1px 0;
}

p.breadcrumbs {
	margin-bottom:			10px;
	padding-left:			32px;
	color:					#999;
}

p.breadcrumbs img {
	margin-right:			5px;
	vertical-align:			-2px;
}

p.breadcrumbs a.active {
	color:					#CCC;
}

p.breadcrumbs a.active:hover {
	background:				none;
	color:					#CCC;
}



#content {
	padding:				30px 20px 50px 20px;
}

#content .left {
	float:					left;
	width:					360px;
}

#content .right {
	float:					right;
	width:					350px;
}



#content .left {
	color:					#CCC;
}

#content .left p {
	margin-bottom:			16px;
}

#content .left p.intro {
	margin:					6px 0;
	color:					#FFF;
	font-weight:			bold;
}

#content .left ul {
	margin:					20px 0 30px 0;
	border-top:				1px solid #333;
}

#content .left ul li {
	padding:				7px 0 8px 31px;
	border-bottom:			1px solid #333;
	background:				url(../images/bullet.gif) no-repeat 12px 13px;
}



#content .left table {
	border:					1px solid #000;
	width:					100%;
	margin:					20px 0;
}

#content .left table tr {
	background:				url(../images/bg_dots.gif) repeat-x bottom;
}

#content .left table tr th {
	padding:				1px 10px;
	border-right:			1px inset #000;
	background:				#CCC;
	color:					#000;
	font-size:				9px;
	text-align:				left;
}

#content .left table tr td {
	padding:				3px 10px;
	border-right:			1px inset #999;
	color:					#CCC;
}

#content .left table tr th.last,
#content .left table tr td.last {
	text-align:				right;
}

#content .left table tr td.last {
	 font-weight:			bold;
}

#content .left table tr th#soa_naam {
	width:					200px;;
}

#content .left table tr td span.number {
	padding-right:			10px;
	color:					#666;
	font-weight:			bold;
}



#content .left .contact {
	margin:					30px 0 20px 0;
	background:				#FFF;
	color:					#000;
}

#content .left .contact h3 {
	margin:					0;
	border:					0;
	background:				#F00;
	color:					#FFF;
}

#content .left .contact p {
	padding:				10px;
	color:					#000;
}

#content .left .contact p img {
	margin-top:				10px;
}



#content .right .menu {
	margin-bottom:			18px;
	padding:				10px 12px;
	background:				#333;
}

#content .right .menu ul li {
	float:					left;
	width:					146px;
	padding:				0 10px 0 0;
	background:				none;
}

#content .right .menu ul li a {
	margin-left:			-3px;
	padding:				0 3px;
}

#content .right .menu ul li a:hover {
	background:				#212020;
}

#content .right .menu ul li.active a {
	color:					#FFF;
	font-weight:			bold;
}

#content .right .menu ul li.active a:hover {
	background:				none;
}

#content .right .faq ul li {
	float:					none;
	width:					100%;
	margin:					12px 0;
	padding-left:			16px;
	background:				url(../images/bullet.gif) no-repeat 0 6px;
}

#content .right .related {
	margin:					18px 0;
	color:					#333;
	font-size:				12px;
	font-weight:			bold;
}

#content .right .related h4 {
	margin:					0;
	padding:				0;
	background:				none;
	color:					#FFF;
	font-size:				12px;
}

#content .right #animation {
	width:					350px;
	margin-bottom:			18px;
}

#content .right a.ggd_locator img {
	margin:					18px 0;
}

#informatie_sectie .right img#btn_plaats_animaties {
	margin:					18px 0 0 0;
}



#informatie_sectie {
	padding:				0 19px;
	color:					#CCC;
}

#informatie_sectie h2 {
	display:				inline;
	margin-left:			-4px;
	padding:				0 2px 0 4px;
	background:				#454545;
	font-size:				13px;
	color:					#FFF;
}

#informatie_sectie img.border {
	border:					5px solid #F00;
}

#informatie_sectie .top .left {
	float:					left;
	width:					391px;
}

#informatie_sectie .top .left p {
	margin-bottom:			6px;
	padding-right:			40px;
}

#informatie_sectie .top .right {
	float:					right;
	width:					323px;
}

#informatie_sectie .top .right ul.media {
	margin-top:				15px;
}

#informatie_sectie .bottom {
	margin:					10px 0;
}

#informatie_sectie .bottom .left {
	float:					left;
	width:					323px;
}

#informatie_sectie .bottom .right {
	float:					right;
	width:					350px;
}

#informatie_sectie .bottom .right h5 {
	margin:					10px 0;
	color:					#CCC;
}



#credits_sectie {
	color:					#FFF;
}

#credits_sectie img {
	margin:					5px 0;
}



ul.media {
	margin-top:				10px;
}

ul.media li {
	position:				relative;
	height:					67px;
	margin-bottom:			15px;
	padding:				5px 16px 5px 120px;
	background:				#393939;
}

ul.media li img.border {
	position:				absolute;
	top:					0;
	left:					0;
}

ul.media li a.image img {
	position:				absolute;
	top:					66px;
	right:					0;
}

ul.media li strong {
	color:					#FFF;
}



.bottomlink {
  padding:					10px 0;
}



label {
	display:				block;
	padding-bottom:			4px;
}

input.text,
input.button,
textarea {
	padding:				4px;
	border:					1px solid #CCC;
	font:					11px/15px Tahoma, sans-serif;
}

textarea {
	width:					350px;
}

input.button {
	font-weight:			bold;
}



#footer {
	position:				relative;
	width:					400px;
	margin:					30px 0;
	padding:				3px 0 0 282px;
}

#footer img {
	display:				block;
}

#footer img.contact_info {
	position:				absolute;
	top:					0;
	left:					0;
}

#footer ul {
	height:					7px;
	margin-top:				6px;
	overflow:				hidden;
}

#footer ul li {
	float:					left;
	background:				none;
	padding:				0 8px;
	border-left:			1px solid #333;
}

#footer ul li a {
	display:				block;
	height:					7px;
	padding-top:			7px;
}

#footer ul li.first {
	padding-left:			0;
	border:					0;
}

#footer ul li a:hover {
	background-position:	0 -7px !important;
}

#footer ul li a#disclaimer {
	width:					43px;
	background:				url(../images/menu_disclaimer.gif) no-repeat;
}

#footer ul li a#privacy {
	width:					33px;
	background:				url(../images/menu_privacy.gif) no-repeat;
}

#footer ul li a#credits {
	width:					30px;
	background:				url(../images/menu_credits.gif) no-repeat;
}



#GGD_Locator {
	margin:					10px 0 30px 0;
	padding:				0 20px;
}