IMG { behavior: url('http://www.gtviralmarketing.nl/iepngfix.htc') }

* {
	margin: 0;
	padding: 0;
}

body {
	background: url('images/backdrop.jpg') repeat-x #FFFFFF;
	font-family: verdana;
	font-size: 11px;
	line-height: 16px;
	color: #231F20;
}

br.clear {
	clear: both;
}

img {
	border: 0;
}

/*Headings
------------------------------------------*/
h1 {
	 text-indent: -99999px;
	 margin: 0 0 20px 0;
	 height: 21px;
}

.h1replace {
	 text-indent: -99999px;
	 margin: 0 0 20px 0;
	 height: 21px;
}

h1#welkom_titel { background: url('images/titel/welkom.jpg') no-repeat; }
h2#mogelijkheden_titel { background: url('images/titel/mogelijkheden.gif') no-repeat; }
h1#overzicht_titel { background: url('images/titel/overzicht.jpg') no-repeat; }
h1#voorbeeld_titel { background: url('images/titel/voorbeeld.gif') no-repeat; margin: 0 0 20px 10px; }
h1#contact_titel { background: url('images/titel/contact.gif') no-repeat; }
h1#sitemap_titel { background: url('images/titel/sitemap.gif') no-repeat; }
h1#cases_titel { background: url('images/titel/cases.jpg') no-repeat; }

h2 {
	font-size: 13px;
}

h3 { font-size: 16px; margin: 0 0 7px 0; }
h3 a { color: #231F20; }
h4 { font-size: 14px; margin: 0 0 7px 0; color: #ACACAC; font-weight: normal; }

/*Links
------------------------------------------*/
a:link, a:active, a:visited {
	outline: none;
	color: #F11B27;
	text-decoration: none;
}

a:hover {
	color: #231F20;
}

ul#sitemap li {
	margin: 0 0 10px 15px;
}

ul#sitemap_sub {
	list-style-position: inside;
}

/*Div elementen
------------------------------------------*/
div#wrapper {
	width: 960px;
	margin: 0 auto;
}

div#top {
	width: 960px;
	height: 19px;
	text-align: right;
}

div#top img {
	float: left;
}

div#navigatie {
	width: 960px;
}

div#header 
{
	clear: both;
	width: 960px;
	height: 229px;
	background: url('images/header_bg.jpg') no-repeat;
	/*text-indent: -999999px;*/
	margin: 0 0 0 -4px;
	position: relative;
	padding: 0px 4px;
}

	div#header div.img
	{
		height: 226px;
		width: 960px;
	}
	
	div#header_tabs
	{
		bottom: -16px;
		#bottom: -18px;
		height: 19px;
		position: absolute;
		right: 10px;
		width: 290px !important;		
	}
	
		div#header_counter
		{
			width: 220px;
		}
		
			div#header_counter DIV
			{
				background-color: #000000;
				height: 4px;
				overflow-y: hidden;
				width: 0px;
			}
	
		div#header_tabs A, div#header_tabs A.deselected
		{
			color: #000000;
			display: block;
			float: left;
			margin-right: 1px;
			text-align: center;
			width: 21px;
		}
		
		div#header_tabs A:hover, div#header_tabs A.selected
		{
			background-image: url(../images/header_tab.jpg);
			background-repeat: no-repeat;
			color: #ffffff;
		}

div#content {
	width: 980px;
	background: url('images/content_backdrop.jpg') repeat-y;
}

div#content_vb {
	width: 980px;
	background: url('images/content_vb_backdrop.jpg') repeat-y;
}

div#content_left {
	float: left;
	width: 595px;
	padding: 44px 25px 40px 20px;
	text-align: justify;
}

div#viral_top {
	background: url('images/viral_tb.jpg') no-repeat top left;
	width: 592px;
	height: 10px;
}

div#viral_mid {
	background: #898884;
	width: 592px;
	text-align: center;
}

div#viral_foot {
	background: url('images/viral_tb.jpg') no-repeat bottom left;
	width: 592px;
	height: 10px;
}

div#content_vb {
	padding: 30px 0 30px 0;
}

div#viral_top_vb {
	background: url('images/viral_tb_vb.jpg') no-repeat top left;
	width: 720px;
	height: 10px;
	margin: 0 auto;
}

div#viral_mid_vb {
	background: #898884;
	width: 720px;
	text-align: center;
	margin: 0 auto;
}

div#viral_foot_vb {
	background: url('images/viral_tb_vb.jpg') no-repeat bottom left;
	width: 720px;
	height: 10px;
	margin: 0 auto;
}

div#content_right {
	float: left;
	width: 250px;
	padding: 44px 25px 40px 20px;
}

div#footer {
	background: url('images/footer_backdrop.jpg') repeat-x;
	width: 100%;
	height: 28px;
}

div#footer img {
	display: block;
	margin: 0 auto;
}

div.case
{
	/*border-bottom: solid 1px #000000;*/
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

/*Navigatie
------------------------------------------*/
ul#topnav {
	list-style-type: none;
}

ul#topnav li {
	float: left;
	display: block;
	height: 81px;
	text-indent: -999999px;
}

ul#topnav li a {
	display: block;
	height: 81px;				
}

ul#topnav li a#home_btn {	background: url('images/btn/home.jpg') no-repeat top left; width: 137px; }
ul#topnav li a#mogelijkheden_btn {	background: url('images/btn/mogelijkheden.jpg') no-repeat top left; width: 264px; }
ul#topnav li a#cases_btn {	background: url('images/btn/cases.jpg') no-repeat top left; width: 176px; }
ul#topnav li a#voorbeeld_btn {	background: url('images/btn/voorbeeld.jpg') no-repeat top left; width: 196px; }
ul#topnav li a#contact_btn {	background: url('images/btn/contact.jpg') no-repeat top left; width: 187px; }

ul#topnav li a#home_btn:hover {	background-position: bottom left; }
ul#topnav li a#mogelijkheden_btn:hover {	background-position: bottom left; }
ul#topnav li a#cases_btn:hover {	background-position: bottom left; }
ul#topnav li a#voorbeeld_btn:hover {	background-position: bottom left; }
ul#topnav li a#contact_btn:hover {	background-position: bottom left; }

ul#rightnav {
	list-style-type: none;
}

ul#rightnav li {
	float: left;
	display: block;
	height: 99px;
	text-indent: -999999px;
	width: 295px;
}

ul#rightnav li a {
	display: block;
	width: 295px;
	height: 99px;				
}

ul#rightnav li a#perfilm_btn {	background: url('images/btn/perfilm.jpg') no-repeat top left; }
ul#rightnav li a#peremail_btn {	background: url('images/btn/peremail.jpg') no-repeat top left; }
ul#rightnav li a#overdewereld_btn {	background: url('images/btn/overdehelewereld.jpg') no-repeat top left; }
ul#rightnav li a#persoonlijk_btn {	background: url('images/btn/persoonlijk.jpg') no-repeat top left; }
ul#rightnav li a#mobiel_btn {	background: url('images/btn/mobiel.jpg') no-repeat top left; }

ul#rightnav li a#perfilm_btn:hover {	background-position: bottom left; }
ul#rightnav li a#peremail_btn:hover {	background-position: bottom left; }
ul#rightnav li a#overdewereld_btn:hover {	background-position: bottom left; }
ul#rightnav li a#persoonlijk_btn:hover {	background-position: bottom left; } 
ul#rightnav li a#mobiel_btn:hover {	background-position: bottom left; } 

ul#rightnav3
{
	list-style-type: none;
}

	ul#rightnav3 li#li_1 { display: block; height: 56px; width: 286px; background: url('images/btn_1_out.gif') no-repeat; }
	ul#rightnav3 li#li_2 { display: block; height: 56px; width: 286px; background: url('images/btn_2_out.gif') no-repeat; }
	ul#rightnav3 li#li_3 { display: block; height: 56px; width: 286px; background: url('images/btn_3_out.gif') no-repeat; }
	ul#rightnav3 li#li_4 { display: block; height: 56px; width: 286px; background: url('images/btn_4_out.gif') no-repeat; }
	ul#rightnav3 li#li_5 { display: block; height: 56px; width: 286px; background: url('images/btn_5_out.gif') no-repeat; }
	ul#rightnav3 li#li_6 { display: block; height: 56px; width: 286px; background: url('images/btn_6_out.gif') no-repeat; }
	
		ul#rightnav3 li a
		{
			display: block;
			height: 56px;
			outline: none;
			text-indent: -99999px;
			width: 286px;
		}
			ul#rightnav3 li a#btn_1 { background: url('images/btn_1_off.gif') no-repeat; }
			ul#rightnav3 li a#btn_2 { background: url('images/btn_2_off.gif') no-repeat; }
			ul#rightnav3 li a#btn_3 { background: url('images/btn_3_off.gif') no-repeat; }
			ul#rightnav3 li a#btn_4 { background: url('images/btn_4_off.gif') no-repeat; }
			ul#rightnav3 li a#btn_5 { background: url('images/btn_5_off.gif') no-repeat; }
			ul#rightnav3 li a#btn_6 { background: url('images/btn_6_off.gif') no-repeat; }
			
			ul#rightnav3 li a#btn_1:hover { background: url('images/btn_1_on.gif') no-repeat; }
			ul#rightnav3 li a#btn_2:hover { background: url('images/btn_2_on.gif') no-repeat; }
			ul#rightnav3 li a#btn_3:hover { background: url('images/btn_3_on.gif') no-repeat; }
			ul#rightnav3 li a#btn_4:hover { background: url('images/btn_4_on.gif') no-repeat; }
			ul#rightnav3 li a#btn_5:hover { background: url('images/btn_5_on.gif') no-repeat; }
			ul#rightnav3 li a#btn_6:hover { background: url('images/btn_6_on.gif') no-repeat; }
	
	div.btn_text { color: #FFFFFF; display: none; padding: 0 30px; }
		
		div.btn_text span { cursor: pointer; font-weight: bold; }

ul#sitenav {
	list-style-type: none;
	float: right;
}

ul#sitenav li {
  float: left;
  display: block;
}

ul#sitenav li a {
  display: block;
  color: #888888;
  font-size: 11px;
  text-decoration: none;
  background: url('../images/sitenav_backdrop.jpg') no-repeat top left;
  padding: 2px 7px 1px 7px;
}

ul#sitenav li a:hover, ul#sitenav li#current a {
	background: #000000;
	color: #FFFFFF;
}