/*
	----------------------------------------------
			Jeroen Marechal 24-6-2008
				Webdesign & Basing
	----------------------------------------------
*/

*				{margin:0; padding:0;}
body			{background:url('images/bg.png') repeat-x; font-family:verdana, tahoma, arial; font-size:12px; color:#73868f;}
a				{text-decoration:underline; color:#889ba9; outline: none;}
a:hover			{text-decoration:none;}
a:active		{outline: none;}
img				{border:0;}
b				{display:none;} /* <b></b> tags worden gebruikt om sommige dingen NIET weer te laten geven */
.wit			{color:#FFF; font-weight:bold;}
.blauw			{color:#0f75bc; font-weight:bold;}
.oranje			{color:#ff7e00; font-weight:bold;}
.clear			{overflow:hidden; width:100%;}
.stip			{width:100%; border-bottom:1px dotted #CCC; display:block; margin:15px 0;}


/*	Body
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
#wrapper			{width:990px; margin:0 auto;}


/*	Header
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
#header				{width:990px; height:254px; background:url('images/header.png') repeat-x; position:relative;}

/* Topbar */
.topbar				{width:990px; height:27px; font-size:11px; color:#767c81; padding:10px 0 0; font-family:arial, tahoma;}
.topbar	a			{text-decoration:none; font-weight:bold; color:#0f75bc;}
.topbar	a:hover		{text-decoration:underline;}

/* Tabs */
.tab1				{position:absolute; height:34px; width:158px; background:url('images/header-tab.png') no-repeat; left:490px; top:5px;}
.tab1 a			{color:#0f75bc; text-align:center; font-family:tahoma, verdana; font-size:11px; text-decoration:none; font-weight:bold; width:158px; display:block; padding:10px 0 0 0; height:24px;}
.tab1 a:hover		{text-decoration:underline;}
#tab1Content		{width:145px; height:163px; left:484px; top:37px; background:url('images/tabContent.png') no-repeat; position:absolute; padding:0 20px; font-size:11px; color:#889ba9; font-family:tahoma, verdana; line-height:15px;}
.tab2			{position:absolute; height:34px; width:158px; background:url('images/header-tab.png') no-repeat; left:657px; top:5px;}
.tab2 a				{color:#0f75bc; text-align:center; font-family:tahoma, verdana; font-size:11px; text-decoration:none; font-weight:bold; width:158px; display:block; padding:10px 0 0 0; height:24px;}
.tab2 a:hover		{text-decoration:underline;}
#tab2Content		{width:145px; height:162px; left:651px; top:37px; background:url('images/tabContent.png') no-repeat; position:absolute; padding:0 20px; font-size:11px; color:#889ba9; font-family:tahoma, verdana; line-height:15px;}
.tabtekst			{padding:10px; }

/* Logo */
.logo				{position:absolute; width:185px; height:104px; top:70px; left:20px;}

/* Menu */
.menu				{width:985px; height:50px; position:relative; top:165px; padding-left:5px;}
.menu ul			{margin:0; padding:0;}
.menu li			{display:inline; list-style:none;}
.menu li a			{padding:15px 15px 0 15px;height:35px; color:#6c7e8a; font-family:verdana, tahoma; font-size:12px; text-decoration:none; display:block; float:left;}
.menu li a:hover		{color:#ff7e00; background:url('images/menu-hover.png') repeat-x bottom;}
.menu li a.actief		{font-weight:bold; color:#ff7e00; background:url('images/menu-hover.png') repeat-x bottom;}

/*	Button (blauw code: <span class="button-l"></span><a class="button" href="#">Tekst</a><span class="button-r"></span> )
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
.button-l			{background:url('images/button-l.png') no-repeat; width:6px; height:20px; float:left; display:block; margin:5px 0;}
input.button		{background:url('images/button-bg.png') repeat; font-weight:bold; color:#FFF; font-size:10px; text-decoration:none; padding:1px 15px 2px 15px; height:21px; float:left; display:block; margin:5px 0;}
a.button			{background:url('images/button-bg.png') repeat-x; font-weight:bold; color:#FFF; font-size:10px; text-decoration:none; padding:1px 15px 0 15px; height:19px; float:left; display:block; margin:5px 0;}
a.button:hover		{text-decoration:underline;}
.button-r			{background:url('images/button-r.png') no-repeat; width:6px; height:20px; float:left; display:block; margin:5px 5px 5px 0;}

/* grijze button */
.button2-l			{background:url('images/button2-l.png') no-repeat; width:6px; height:20px; float:left; display:block; margin:8px 0;}
input.button2			{background:url('images/button2-bg.png') repeat-x; font-weight:bold; color:#7c91a0; font-size:10px; text-decoration:none; padding:3px 15px 0 15px; height:19px; float:left; display:block; margin:8px 0;}
a.button2:hover		{text-decoration:underline;}
.button2-r			{background:url('images/button2-r.png') no-repeat; width:6px; height:20px; float:left; display:block; margin:8px 8px 8px 0;}

/*	Content
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
#content			{width:990px; overflow:hidden;}
#content_wrap		{width:990px;}

/*	Submenu
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
#submenu			{width:696px; text-align:center; height:28px; background:#FFF; font-family:tahoma, verdana; font-size:11px; color:#62666b; padding:12px 0 0 0;}
#submenu ul			{margin:0; padding:0;}
#submenu li			{list-style:none; display:inline;}
#submenu li a		{color:#62666b; background:url('images/submenu-lijn.png') repeat-y right; text-decoration:none; display:block; float:left; padding:0 25px;}
#submenu li a:hover	{text-decoration:underline;}
#submenu li a.actief	{text-decoration:underline;}

/*	Linkerkant
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
#linkerkant			{width:696px; float:left; margin-right:3px;}
h2					{font-size:16px; font-weight:bold; color:#142c44; border-bottom:1px dotted #CCC; padding-bottom:12px; margin:9px 0;}
p					{color:#73868f; line-height:18px;}

/* Content box */
.midBox				{width:676px; background:#FFF; padding:10px 10px 20px 10px; margin-top:5px; line-height:18px; color:#73868f;}
.midBox p a			{text-decoration:none; color:#ff7e00; border-bottom:1px dotted #ff7e00; padding-bottom:1px;}
.midBox p a:hover	{color:#ff7e00; border-bottom:1px solid #FFF;}


/*	Rechterkant
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
#rechterkant		{width:291px; float:left;}

/* DomeinControle */
.domeinControle		{width:271px; height:156px; background:url('images/domein-controle.png') no-repeat; color:#FFF; padding:10px;}
.domeinControle p	{color:#FFF; line-height:17px; font-family:tahoma, verdana;}
h3					{background:url('images/h4-lijn.png') no-repeat bottom; font-size:13px; font-weight:bold; padding:0 0 7px 0; margin:0 0 10px 0;}

/* Rechter box */
.rechterBox			{width:271px; background:#FFF; padding:10px; margin-top:5px;}
h4					{background:url('images/h3-lijn.png') no-repeat bottom; color:#142c44; font-size:13px; font-weight:bold; padding:0 0 7px 0; margin:0 0 10px 0;}
.rechterBox p		{color:#697f8f; line-height:20px; font-family:tahoma, verdana;}

/* Support knop */
.support a			{width:260px; height:113px; display:block; background:url('images/support.png') no-repeat;}


/*	Formulieren
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
input				{height:16px; border:1px solid #cfd3d8; font-family:tahoma, verdana; font-size:11px; color:#7b7f81; padding:3px 3px 2px 3px;}
input.domeincheck	{width:180px; margin-top:15px;}
select				{border:1px solid #cfd3d8; font-family:tahoma, verdana; font-size:11px; color:#7b7f81;padding:3px 3px 2px 3px; margin-top:15px;}

/*	Footer
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
#footer				{width:990px; background:#f7f8f9; margin-top:3px; height:45px; border-top:2px solid #6c7e8a; text-align:center; padding:15px 0 0 0;}

/*	Tabel
________________________________________________________________________
//////////////////////////////////////////////////////////////////////*/
.tdgrijs			{height:27px; background:#f2f2f2; color:#213f4e; font-weight:bold; padding:0 0 0 5px;}
.tdwit				{height:27px; background:#FFF; color:#213f4e; font-weight:bold; padding:0 0 0 5px;}
.tdgrijs2			{height:27px; background:#f2f2f2; color:#8a8a8a; text-align:center;}
.tdwit2				{height:27px; background:#FFF; color:#8a8a8a; text-align:center;}
.tdprijs			{height:27px; background:url('images/b_bg.png') repeat-x; color:#FFF; text-align:center;}
.tdhelp				{width:237px; height:75px; border:1px solid #cdcebc; background:#fdfeee; color:#a3a3a3; padding:10px; font-size:10px;}
.tdhelp a			{text-decoration:underline; color:#000;}
.tdhelp a:hover		{text-decoration:none;}