@import url(/addsite/css/iconen.css);

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #ffffff; 
	background: #4D0604;
	-webkit-text-size-adjust: none;
}


body.grafisch
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #ffffff; 
	background: #063277;
}


		body.home
		{
			margin: 0;
			padding: 0;
			height: 100%;
			background: url(../images/homeback.gif) repeat-y 50% 0px;
		}
		
		html
		{
			height: 100%;
		}


		
		#middenstuk
		{
			width: 100%;
			min-height: 100px;
			padding-bottom: 125px;
		}
		
		#onderstuk
		{
			width: 100%;
			height: 125px;

			position: relative;
			margin: -125px auto 0 auto;
			background-color: #a74622;
		}

		/* Fix voor IE */
		* html #onderstuk
		{
			margin-top: -125px;
		}

		#pagina
		{
			margin: 0 auto;
			width: 1000px;
			min-height: 100px;
		}


		#ondertekst
		{
			margin: 0 auto;
			width: 1000px;
			padding: 10px 0px 0px 0px;
			height: 115px;
			background-color: #a74622;
			text-align: center;
		}

		#containerhome
		{
			position: relative;
			min-height: 100%;
		}

		* html #containerhome
		{
			height: 100%;
		}

a:link, a:visited { 
	color: #f4a114;
	text-decoration: none;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	color: #f4a114;
	text-decoration: underline;
	}

#container {
	margin: 0 auto;
	width: 999px;
}


#container2 {
	width: 999px;
	float: left;
	background: #3E1000 url(../images/verloop_tao.jpg) 0px 0px no-repeat;
	min-height: 760px;
	border: 1px solid #2a130c;
	margin-top: 20px;
	position: relative;
}

		/* Fix voor IE */
		* html #container2 
		{
			height: 760px;
		}
		
#container2_grafisch {
	width: 999px;
	float: left;
	background: #11216F url(../images/verloop_grafisch.jpg) 0px 0px no-repeat;
	min-height: 760px;
	border: 1px solid #0D1856;
	margin-top: 20px;
	position: relative;
}

		/* Fix voor IE */
		* html #container2_grafisch 
		{
			height: 760px;
		}		
		
#header {
	float: left;
	width: 999px;
	height: 209px;
	background: url(../images/ijsbrand_pool_tao2.gif) 819px 60px no-repeat;
	position: relative;
	
}

#header_grafisch {
	float: left;
	width: 999px;
	height: 209px;
	position: relative;
	
}

.logo{
	position: absolute;
	top: 60px;
	left: 105px;
	width: 678px;
	height: 44px;
	border: 0px;
}

.logo img{
	border: 0px;
}

.logo_grafisch{
	position: absolute;
	top: 60px;
	left: 105px;
	width: 781px;
	height: 44px;
	border: 0px;
}

.logo_grafisch img{
	border: 0px;
}

#menu{
	position: absolute;
	left: 105px;
	top: 120px;
	width: 721px;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
}

#menu ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#menu ul li{
	margin: 0px;
	list-style-type: none;
	display: inline;
	float: left;
}

#menu ul li a:link, #menu ul li a:visited { 
	color: #ffffff;
	text-decoration: none;
	float: left;
	padding: 0px 15px 0px 0px;
	height: 25px;
	}

#menu ul li a:hover, #menu ul li a:active { 
	color: #f4a114;
	text-decoration: none;
	}
	
#menu ul li a.active:link, #menu ul li a.active:visited, #menu ul li a.active:hover, #menu ul li a.active:active  { 
	color: #f4a114;
	}
	
	
#menu_grafisch{
	position: absolute;
	left: 105px;
	top: 120px;
	width: 721px;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
}

#menu_grafisch ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#menu_grafisch ul li{
	margin: 0px;
	list-style-type: none;
	display: inline;
	float: left;
}

#menu_grafisch ul li a:link, #menu_grafisch ul li a:visited { 
	color: #ffffff;
	text-decoration: none;
	float: left;
	padding: 0px 15px 0px 0px;
	height: 25px;
	}

#menu_grafisch ul li a:hover, #menu_grafisch ul li a:active { 
	color: #008FDA;
	text-decoration: none;
	}
	
#menu_grafisch ul li a.active:link, #menu_grafisch ul li a.active:visited, #menu_grafisch ul li a.active:hover, #menu_grafisch ul li a.active:active  { 
	color: #008FDA;
	}	


#content_tao{
	float: left;
	width: 999px;
	background: url(../images/dragon.png) bottom right no-repeat;
	margin-bottom: 35px;
	min-height: 335px;
}

		/* Fix voor IE */
		* html #content_tao
		{
			height: 335px;
			background: url(../images/dragon.gif) bottom right no-repeat;
		}

#content_tao a:link, #content_tao a:visited { 
	color: #f4a114;
	text-decoration: none;	
	}

#content_tao a:hover, #content_tao a:active { 
	color: #f4a114;
	text-decoration: underline;
	}
	
	
#content_grafisch{
	float: left;
	width: 999px;
	background: url(../images/claw.png) bottom right no-repeat;
	margin-bottom: 35px;
	min-height: 335px;
}

		/* Fix voor IE */
		* html #content_grafisch
		{
			height: 335px;
			background: url(../images/claw.gif) bottom right no-repeat;
		}

#content_grafisch a:link, #content_grafisch a:visited { 
	color: #122070;
	text-decoration: none;	
	}

#content_grafisch a:hover, #content_grafisch a:active { 
	color: #122070;
	text-decoration: underline;
	}	

h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #f4a114;
	padding: 0px 0px 0px 0px;
}

#content_grafisch h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #122070;
	padding: 0px 0px 0px 0px;
}

h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #f4a114;
	padding: 0px 0px 0px 0px;
}

#content_grafisch h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #122070;
	padding: 0px 0px 0px 0px;
}


.kop_tao { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #f4a114;
	padding: 0px 0px 0px 0px;
}

.kop_grafisch { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 15px 0px;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #122070;
	padding: 0px 0px 0px 0px;
}

.subkop_tao { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #f4a114;
	padding: 0px 0px 0px 0px;
}

.subkop_grafisch { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #122070;
	padding: 0px 0px 0px 0px;
}

#content_left{
	float: left;
	width: 566px;
	padding-left: 105px;
}

.tekst{
	padding: 0px 40px 0px 0px;
}

#content_right{
	float: right;
	width: 318px;
}
		
.tekst_right{
	width: 260px;
	min-height: 294px;
	padding-bottom: 10px;
	padding-top: 34px;
}

		/* Fix voor IE */
		* html .tekst_right
		{
			height: 294px;
		}
		
.tekst_right2{
	font-style: italic;
	font-size: 12px;
	border-top: 3px solid #a60023;
	padding-top: 40px;
	padding-bottom: 100px;
	width: 260px;
}	

.tekst_right2_grafisch{
	font-style: italic;
	font-size: 12px;
	border-top: 3px solid #122070;
	padding-top: 40px;
	padding-bottom: 100px;
	width: 260px;
}	

ul.subnav{
	margin: 15px 0px 15px 0px;
	padding: 0px;
	list-style-type: none;
}

ul.subnav li{
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 3px 0px;
	list-style-type: none;
}

#content_tao ul.subnav li a:link, #content_tao ul.subnav li a:visited { 
	color: #ffffff;
	text-decoration: none;
	}
	

#content_tao ul.subnav li a:hover, #content_tao ul.subnav li a:active { 
	text-decoration: underline;
	}
	
#content_tao ul.subnav li a.actief:link, #content_tao ul.subnav li a.actief:visited { 
	color: #f4a114;
	text-decoration: none;
	}
	
#content_grafisch ul.subnav li a:link, #content_grafisch ul.subnav li a:visited { 
	color: #ffffff;
	text-decoration: none;
	}
	

#content_grafisch ul.subnav li a:hover, #content_grafisch ul.subnav li a:active { 
	text-decoration: underline;
	}
	
#content_grafisch ul.subnav li a.actief:link, #content_grafisch ul.subnav li a.actief:visited { 
	color: #122070;
	text-decoration: none;
	}	

.intro {
	font-weight: bold;
}

		
form
{
	margin: 0px;
	padding: 0px;
}		

		

#footer{
	float: left;
	width: 999px;
	padding-bottom: 50px;
}


#bloknav{
	float: left;
	width: 566px;
	padding-left: 105px;
	height: 17px;
}

#content_left #bloknav{
	float: left;
	width: 566px;
	height: 17px;
	padding-left: 0px;
}

#content_left #bloknav_grafisch{
	float: left;
	width: 566px;
	height: 17px;
	padding-left: 0px;
}



#bloknav ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#bloknav ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#bloknav ul li a:link, #bloknav ul li a:visited { 
	float: left;
	width: 15px;
	height: 15px;
	background: #880f12;
	border: 1px solid #880f12;
	margin-right: 10px;
	line-height: 0px;
	font-size: 0px;
	}

#bloknav ul li a:hover, #bloknav ul li a:active { 
	border: 1px solid #f4a114;
	text-decoration: none;
	}
	
#bloknav ul li a.actief:link, #bloknav ul li a.actief:visited, #bloknav ul li a.actief:hover, #bloknav ul li a.actief:active { 
	float: left;
	width: 15px;
	height: 15px;
	background: #880f12;
	border: 1px solid #f4a114;
	margin-right: 10px;
	}
	
	

#bloknav_grafisch{
	float: left;
	width: 566px;
	padding-left: 105px;
	height: 17px;
}

#bloknav_grafisch ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#bloknav_grafisch ul li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

#bloknav_grafisch ul li a:link, #bloknav_grafisch ul li a:visited { 
	float: left;
	width: 15px;
	height: 15px;
	background: #122070;
	border: 1px solid #122070;
	margin-right: 10px;
	line-height: 0px;
	font-size: 0px;	
	}

#bloknav_grafisch ul li a:hover, #bloknav_grafisch ul li a:active { 
	border: 1px solid #008FDA;
	text-decoration: none;
	}
	
#bloknav_grafisch ul li a.actief:link, #bloknav_grafisch ul li a.actief:visited, #bloknav_grafisch ul li a.actief:hover, #bloknav_grafisch ul li a.actief:active { 
	float: left;
	width: 15px;
	height: 15px;
	background: #122070;
	border: 1px solid #008FDA;
	margin-right: 10px;
	}	
	

#line{
	float: right;
	width: 318px;
	height: 17px;
}

.line {
	height: 3px;
	width: 290px;
	background: #a60023;	
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
	clear: both;
}

.line_grafisch {
	height: 3px;
	width: 260px;
	background: #122070;	
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 12px 0px 0px 0px;
	clear: both;
}
	
#tabel{
	float: left;
	width: 566px;
	font-size: 13px;
}	

#tabel a:link, #tabel a:visited { 
	color: #ffffff;
	text-decoration: none;	
	}

#tabel a:hover, #tabel a:active { 
	color: #ffffff;
	text-decoration: underline;
	}
	
#tabel a.actief:link, #tabel a.actief:visited { 
	color: #f4a114;
	text-decoration: none;	
	}

#tabel a.actief:hover, #tabel a.actief:active { 
	color: #f4a114;
	text-decoration: underline;
	}	
	
	
#tabel_grafisch{
	float: left;
	width: 566px;
	font-size: 13px;
}	

#tabel_grafisch a:link, #tabel_grafisch a:visited { 
	color: #ffffff;
	text-decoration: none;	
	}

#tabel_grafisch a:hover, #tabel_grafisch a:active { 
	color: #ffffff;
	text-decoration: underline;
	}
	
#tabel_grafisch a.actief:link, #tabel_grafisch a.actief:visited { 
	color: #122070;
	text-decoration: none;	
	}

#tabel_grafisch a.actief:hover, #tabel_grafisch a.actief:active { 
	color: #122070;
	text-decoration: underline;
	}		
	

		


.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer20 {
	height: 20px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}




	


	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.btn_tao, a.btn_tao:link, a.btn_tao:visited 
{
	float: left;
	width: 482px;
	height: 742px;
	background: url(../images/btn_tao.jpg) 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	color: #ffffff;
	line-height: 26px;
	text-align: center;
}

a.btn_tao:hover, a.btn_tao:active
{
	background: url(../images/btn_tao.jpg) -482px 0px;
	text-decoration: none;
}


.btn_grafisch, a.btn_grafisch:link, a.btn_grafisch:visited 
{	
	float: right;
	width: 478px;
	height: 742px;
	background: url(../images/btn_grafisch.jpg) 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	color: #ffffff;
	line-height: 26px;
	text-align: center;
}

a.btn_grafisch:hover, a.btn_grafisch:active
{
	background: url(../images/btn_grafisch.jpg) -478px 0px;
	text-decoration: none;
}










/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
  	#verznav
	{
		width: 204px;
		text-align: right;
		line-height: 27px;
		padding-top: 32px;
	}

	#verznav ul
	{
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}

	#verznav ul li
	{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		list-style-type: none;
	}

	#verznav li a
	{
		display: block;
		width: 189px;
		color: #225300;
		padding: 0px 15px 0px 0px;
		line-height: 27px;
		text-decoration: none;
		background: url(../images/button.gif) 0px 0px no-repeat;	
	}
	
	#verznav li a:hover
	{
		text-decoration: none;
		background: url(../images/button.gif) 0px -27px no-repeat;	
	}	

	#verznav li a.actief, #verznav li a.actief:hover
	{
		color: #9b1f0e;
		text-decoration: none;
		background: url(../images/button_act.gif) 0px 0px no-repeat;
	}
	



/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */
	
	#verznav ul ul
	{ 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 10px 0px;
		
	}
	
	#verznav ul li li
	{
		border: 0px;
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}

	
	#verznav li li a
	{
		display: block;
		width: 189px;
		color: #92B81E;
		padding: 0px 15px 0px 0px;
		font-size: 11px;
		line-height: 27px;
		text-decoration: none;
		background: #ffffff;	
	}
	

	
	#verznav li li a:hover
	{
		text-decoration: underline;
		background: #ffffff;
	}
	
	#verznav li li#subactief a, #verznav li li#subactief a:hover
	{
		text-decoration: underline;
		background: #ffffff;
	}
	
	
.img_slide_small{
	width: 224px;
	height: 224px;
}

.img_slide_big{
	width: 448px;
	height: 448px;
}
	
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 448px;
    height: 448px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
	

#fotoslider{
	width: 553px;
	height: 553px;
	float: left;
	background: url(../images/wrapperback.gif) top left no-repeat;
	position: relative;
}

#fotoslider_grafisch{
	width: 553px;
	height: 553px;
	float: left;
	background: url(../images/wrapperback_grafisch.gif) top left no-repeat;
	position: relative;
}

#fotoslider2{
	width: 284px;
	height: 284px;
	float: left;
	background: url(../images/wrapperback2.gif) top left no-repeat;
}

#fotoslider2_grafisch{
	width: 284px;
	height: 284px;
	float: left;
	background: url(../images/wrapperback2_grafisch.gif) top left no-repeat;
}

.os{
	width: 428px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	background: url(../images/osback.png) top left;
	z-index: 2;
	padding: 5px 5px 5px 5px;
	font-style: italic;
	font-size: 11px;
	line-height: 17px;
	border-top: 3px solid #a60023;	
}

.os_grafisch{
	width: 428px;
	position: absolute;
	bottom: 5px;
	left: 5px;
	background: url(../images/osback_grafisch.png) top left;
	z-index: 2;
	padding: 5px 5px 5px 5px;
	font-style: italic;
	font-size: 11px;
	line-height: 17px;
	border-top: 3px solid #122070;	
}

/* Grote slider Tao
------------------------------------------------------------------------------------------ */

#fotoslider .jcarousel-skin-tango.jcarousel-container {
    margin-left: 3px;
}

#fotoslider .jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 448px;
    padding: 36px;
}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  448px;
    height: 448px;
}



.jcarousel-skin-tango .jcarousel-item {
    width: 448px;
    height: 448px;
    position: relative;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 0px;
}



.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 180px;
    right: 1px;
    width: 34px;
    height: 130px;
    cursor: pointer;
    background: transparent url(../images/next.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -34px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 180px;
    left: 1px;
    width: 34px;
    height: 130px;
    cursor: pointer;
    background: transparent url(../images/prev.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -34px 0;
}

/* Grote slider Grafisch
------------------------------------------------------------------------------------------ */
#fotoslider_grafisch .jcarousel-skin-tango_grafisch.jcarousel-container {
    margin-left: 3px;
}

#fotoslider_grafisch .jcarousel-skin-tango_grafisch.jcarousel-container-horizontal {
    width: 448px;
    padding: 36px;
}



.jcarousel-skin-tango_grafisch .jcarousel-clip-horizontal {
    width:  448px;
    height: 448px;
}



.jcarousel-skin-tango_grafisch .jcarousel-item {
    width: 448px;
    height: 448px;
    position: relative;
}

.jcarousel-skin-tango_grafisch .jcarousel-item-horizontal {
    margin-right: 0px;
}



.jcarousel-skin-tango_grafisch .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango_grafisch .jcarousel-next-horizontal {
    position: absolute;
    top: 180px;
    right: 1px;
    width: 34px;
    height: 130px;
    cursor: pointer;
    background: transparent url(../images/next_grafisch.gif) no-repeat 0 0;
}

.jcarousel-skin-tango_grafisch .jcarousel-next-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango_grafisch .jcarousel-next-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango_grafisch .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango_grafisch .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango_grafisch .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -34px 0;
}

.jcarousel-skin-tango_grafisch .jcarousel-prev-horizontal {
    position: absolute;
    top: 180px;
    left: 1px;
    width: 34px;
    height: 130px;
    cursor: pointer;
    background: transparent url(../images/prev_grafisch.gif) no-repeat 0 0;
}

.jcarousel-skin-tango_grafisch .jcarousel-prev-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango_grafisch .jcarousel-prev-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango_grafisch .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango_grafisch .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango_grafisch .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -34px 0;
}



/* Kleine slider
------------------------------------------------------------------------------------------ */
.jcarousel-skin-tango2.jcarousel-container {
    margin-left: 0px;
}

.jcarousel-skin-tango2.jcarousel-container-horizontal {
    width: 224px;
    padding: 18px;
}



.jcarousel-skin-tango2 .jcarousel-clip-horizontal {
    width:  224px;
    height: 224px;
}



.jcarousel-skin-tango2 .jcarousel-item {
    width: 224px;
    height: 224px;
}

.jcarousel-skin-tango2 .jcarousel-item-horizontal {
    margin-right: 0px;
}



.jcarousel-skin-tango2 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango2 .jcarousel-next-horizontal {
    position: absolute;
    top: 100px;
    right: 1px;
    width: 16px;
    height: 62px;
    cursor: pointer;
    background: transparent url(../images/next2.gif) no-repeat 0 0;
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango2 .jcarousel-next-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango2 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -16px 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal {
    position: absolute;
    top: 100px;
    left: 1px;
    width: 16px;
    height: 62px;
    cursor: pointer;
    background: transparent url(../images/prev2.gif) no-repeat 0 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango2 .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -16px 0;
}



/* Kleine slider Grafisch
------------------------------------------------------------------------------------------ */
.jcarousel-skin-tango2_grafisch.jcarousel-container {
    margin-left: 0px;
}

.jcarousel-skin-tango2_grafisch.jcarousel-container-horizontal {
    width: 224px;
    padding: 18px;
}



.jcarousel-skin-tango2_grafisch .jcarousel-clip-horizontal {
    width:  224px;
    height: 224px;
}



.jcarousel-skin-tango2_grafisch .jcarousel-item {
    width: 224px;
    height: 224px;
}

.jcarousel-skin-tango2_grafisch .jcarousel-item-horizontal {
    margin-right: 0px;
}



.jcarousel-skin-tango2_grafisch .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango2_grafisch .jcarousel-next-horizontal {
    position: absolute;
    top: 100px;
    right: 1px;
    width: 16px;
    height: 62px;
    cursor: pointer;
    background: transparent url(../images/next2_grafisch.gif) no-repeat 0 0;
}

.jcarousel-skin-tango2_grafisch .jcarousel-next-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango2_grafisch .jcarousel-next-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango2_grafisch .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango2_grafisch .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango2_grafisch .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -16px 0;
}

.jcarousel-skin-tango2_grafisch .jcarousel-prev-horizontal {
    position: absolute;
    top: 100px;
    left: 1px;
    width: 16px;
    height: 62px;
    cursor: pointer;
    background: transparent url(../images/prev2_grafisch.gif) no-repeat 0 0;
}

.jcarousel-skin-tango2_grafisch .jcarousel-prev-horizontal:hover {
    background-position: 0px 0;
}

.jcarousel-skin-tango2_grafisch .jcarousel-prev-horizontal:active {
    background-position: 0px 0;
}

.jcarousel-skin-tango2_grafisch .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango2_grafisch .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango2_grafischtango2_grafisch .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -16px 0;
}




/**
 * Blokjes control Tao
 */
.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
    padding: 12px 0px 0px 3px;
}

#content_tao .jcarousel-control a, #content_tao .jcarousel-control a:link, #content_tao .jcarousel-control a:visited {
	float: left;
	width: 15px;
	height: 15px;
	background: #880f12;
	border: 1px solid #880f12;
	margin-right: 10px;
	color: #880f12;
	font-size: 0px;
	line-height: 15px;	
}

#content_tao .jcarousel-control a:hover { 
	border: 1px solid #f4a114;
	text-decoration: none;
	}

#content_tao .jcarousel-control a:focus,
#content_tao .jcarousel-control a:active {
    outline: none;
	border: 1px solid #f4a114;
	text-decoration: none;
}



/**
 * Blokjes control Grafisch
 */

#content_grafisch .jcarousel-control a, #content_grafisch .jcarousel-control a:link, #content_grafisch .jcarousel-control a:visited {
	float: left;
	width: 15px;
	height: 15px;
	background: #122070;
	border: 1px solid #122070;
	margin-right: 10px;
	color: #122070;
	font-size: 0px;
	line-height: 15px;	
}

#content_grafisch .jcarousel-control a:hover { 
	border: 1px solid #008FDA;
	text-decoration: none;
	}

#content_grafisch .jcarousel-control a:focus,
#content_grafisch .jcarousel-control a:active {
    outline: none;
	border: 1px solid #008FDA;
	text-decoration: none;
}



 /* Formulier
---------------------------------------------------------------------------------------------- */

#formulier{
	float: left;
	width: 500px;
	margin-left: -3px;
}

#content_tao .subkop2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #f4a114;
	padding: 0px 0px 0px 0px;
	float: left;
}

#content_grafisch .subkop2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	color: #122070;
	padding: 0px 0px 0px 0px;
	float: left;
}


form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	

input.button { 
	background: #F3A014; 
	border-bottom: 1px solid #BC7500; 
	border-left: 1px solid #FFB021; 
	border-right: 1px solid #BC7500; 
	border-top: 1px solid #FFB021; 
	color: #ffffff; 
	margin: 5px 0px 10px 0px; 
	padding: 3px 5px 3px 5px; 
	}
	
#content_grafisch input.button { 
	background: #122070; 
	border-bottom: 1px solid #000B4B; 
	border-left: 1px solid #383D9B; 
	border-right: 1px solid #000B4B; 
	border-top: 1px solid #383D9B; 
	color: #ffffff; 
	margin: 5px 0px 10px 0px; 
	padding: 3px 5px 3px 5px; 
	}	
	
input.button2 { 
	background: #FCAE27; 
	border-bottom: 1px solid #B47400; 
	border-left: 1px solid #ffffff; 
	border-right: 1px solid #B47400; 
	border-top: 1px solid #ffffff; 
	color: #ffffff; 
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 10px; 
	padding: 1px 5px 2px 5px; 
	}	

input.aanmelden { 
	width: 90px;
	background: #004890; 
	border-bottom: 1px solid #002D5B; 
	border-left: 1px solid #6C96BF; 
	border-right: 1px solid #002D5B; 
	border-top: 1px solid #6C96BF; 
	color: #ffffff; 
	font-size: 11px;
	margin: 10px 0px 10px 79px; 
	padding: 3px 5px 3px 5px;
	font-size: 11px;
	}
	
.input {
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 203px;
		margin-left: 10px;
		line-height: 14px;
		height: 16px;	
		}
		
.invulNormaal {
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 233px;
		line-height: 14px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
#content_grafisch .invulNormaal {
	background: #ffffff;
	border: 1px solid #0D1856;
	font-size: 11px;
		width: 233px;
		line-height: 14px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		
.invulBig {
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 303px;
		line-height: 14px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		
.invulSelect {
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		margin: 1px 0px 1px 0px;
		padding: 2px 1px 1px 0px;
		
		}		

.invulAreaBig {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 333px;
		line-height: 14px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
.invulArea {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 253px;
		line-height: 14px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
#content_grafisch .invulArea {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #0D1856;
	font-size: 11px;
		width: 253px;
		line-height: 14px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}	
		
.veld2pulldown select
{
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #000000;
 border: 1px solid #2A130C;
 margin-right: 0px;
 text-align: left;
 height: 18px;
 padding: 2px 3px 2px 3px;
 margin: 0 0 0 0;
}	

.inputklein {
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 33px;
		line-height: 14px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}

.invulSmall {
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 183px;
		line-height: 14px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
#content_grafisch  .invulSmall {
	background: #ffffff;
	border: 1px solid #0D1856;
	font-size: 11px;
		width: 183px;
		line-height: 14px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		

.invulSmaller {
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 70px;
		line-height: 14px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}
		
.invulPrijs {
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 93px;
		line-height: 14px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		
.invulPulldown {
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 203px;
		line-height: 14px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		
.invulXSmall {
	background: #ffffff;
	border: 1px solid #2A130C;
	font-size: 11px;
		width: 73px;
		line-height: 14px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		

.frmseparator
{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
}

.frmseparatora
{
	height: 4px;
	font-size: 0px;
	line-height: 0px;
} 


/* Splash pages
---------------------------------------------------------------------------------------------- */	

#splash_blauwlicht1{
	position: absolute;
	top: 124px;
	left: 96px;
	width: 384px;
	height: 276px;
	background: url(../images/splash_blauwlicht1.gif) top left no-repeat;
}

#splash_blauwlicht_button{
	position: absolute;
	top: 67px;
	left: 480px;
	width: 429px;
	height: 553px;	
}

.button_blauwlicht, a.button_blauwlicht:link, a.button_blauwlicht:visited 
{
	float: left;
	width: 429px;
	height: 553px;
	background: url(../images/button_blauwlicht.jpg) 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	color: #ffffff;
	line-height: 26px;
	text-align: center;
}

a.button_blauwlicht:hover, a.button_blauwlicht:active
{
	background: url(../images/button_blauwlicht.jpg) -429px 0px;
	text-decoration: none;
}

#splash_blauwlicht_tekst{
	position: absolute;
	top: 610px;
	left: 458px;
	width: 485px;
	height: 175px;	
	text-align: center;
	color: #22326e;
}

.adres{
	font-size: 15px;
}


#splash_tao1{
	position: absolute;
	top: 209px;
	left: 92px;
	width: 387px;
	height: 221px;
	background: url(../images/splash_tao1.gif) top left no-repeat;
}

#splash_tao_button{
	position: absolute;
	top: 96px;
	left: 514px;
	width: 342px;
	height: 565px;	
}

.button_tao, a.button_tao:link, a.button_tao:visited 
{
	float: left;
	width: 342px;
	height: 565px;
	background: url(../images/button_tao.jpg) 0px 0px;
	margin-top: 0px;
	margin-right: 0px;
	color: #ffffff;
	line-height: 26px;
	text-align: center;
}

a.button_tao:hover, a.button_tao:active
{
	background: url(../images/button_tao.jpg) -342px 0px;
	text-decoration: none;
}

#splash_tao_tekst{
	position: absolute;
	top: 690px;
	left: 67px;
	width: 852px;
	height: 80px;	
	text-align: right;
	color: #FCB130;
	font-size: 18px;
}