/* 
Hout en Hus
======================================================================================
URL:				http://www.houtenhus.nl/
Start ontwerp: 		10 september 2008
Start xhtml: 		18 september 2008
Auteur: 			Ale van der Ploeg [http://www.addnoise.nl]
======================================================================================
*/


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

body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #EDEDED; 
	background: #2D2D2D url(../images/hout.jpg) top left repeat-x;
}

		
html
{
	height: 100%;
}

.fotos_rechts{
	float: right;
	width: 220px;
	padding: 0px 0px 10px 20px;
}

.fotos_rechts img{
	float: right;
	margin: 0px 0px 10px 0px;
	border: 0px;
	width: 220px;
}


.fotos_rechts a.highslide:link, .fotos_rechts a.highslide:visited{
	position: relative; 
	float: left;
	width: 220px;
	background: none;
	padding: 0px;
	border-bottom: 0px;
}

.fotos_rechts a.highslide:hover, .fotos_rechts a.highslide:active{
	border-bottom: 0px;
}

.fotos_rechts a.highslide img{
	float: right;
	width: 220px;
	border: 0px;
	margin: 0px 0px 10px 0px;	
}

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

a:hover, a:active { 
	color: #86949D;
	text-decoration: underline;
	}
	
a.meer:link, a.meer:visited { 
	color: #86949D;
	text-decoration: none;	
	padding-left: 17px;
	float: right;
	height: 18px;
	background: url(../images/arrow_meer.gif) 0px 3px no-repeat;
	}

a.meer:hover, a.meer:active { 
	color: #86949D;
	text-decoration: underline;
	}	
	
a.meer2:link, a.meer2:visited { 
	color: #86949D;
	text-decoration: none;	
	padding-left: 17px;
	float: left;
	height: 18px;
	background: url(../images/arrow_meer.gif) 0px 3px no-repeat;
	}

a.meer2:hover, a.meer2:active { 
	color: #86949D;
	text-decoration: underline;
	}		
	

#header {
	width: 100%;
	height: 214px;
	background: url(../images/headerback.gif) no-repeat 50% 0px;
}

#rechterkant{
	width: 225px;
	height: 461px;
	background: url(../images/rechterkant.gif) top left no-repeat;
	position: absolute;
	right: 0px;
	top: 200px;
	padding: 35px 0px 0px 24px;
	z-index: 3;
}

#header_content {
	margin: 0 auto;
	width: 920px;
	height: 214px;
	position: relative;
}

#logo {
	width: 271px;
	height: 76px;
	position: absolute;
	top: 41px;
	left: 30px;
}

#logo img{
	float: left;
	width: 271px;
	height: 76px;	
	border: 0px;
}

#flashcontent {
	width: 483px;
	height: 76px;
	position: absolute;
	top: 41px;
	right: 0px;
}

#hoofdmenu{
	position: absolute;
	width: 901px;
	height: 27px;
	bottom: 14px;
	left: 19px;
}

#hoofdmenu ul{
	float: left;
	margin: 0px;
	padding: 0px 61px 0px 0px;
	list-style-type: none;
	background: url(../images/menu_line.gif) top right no-repeat;		
}

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

#hoofdmenu a:link, #hoofdmenu a:visited { 
	float: left;
	height: 27px;
	line-height: 27px;
	padding: 0px 12px 0px 12px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #898989;
	text-decoration: none;
	background: url(../images/menu_bottom.gif) top left repeat-x;	
	}

#hoofdmenu a:hover, #hoofdmenu a:active { 
	color: #EDEDED;
	text-decoration: none;
	}

#hoofdmenu a.actief:link, #hoofdmenu  a.actief:visited, #hoofdmenu a.actief:hover, #hoofdmenu a.actief:active{ 
	float: left;
	height: 27px;
	line-height: 27px;
	padding: 0px 11px 0px 11px;
	border-left: 1px solid #45484A;
	border-right: 1px solid #45484A;	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/menu_top.gif) top left repeat-x;	
	}

#container_vervolg {
	width: 100%;
	height: 100%;
	background: url(../images/vervolgback.gif) no-repeat 50% 0px;
}

#container2 {
	margin: 0 auto;
	width: 850px;
}


#content {
	width: 100%;
	min-height: 496px;
	z-index: 1;
}

		/* Fix voor IE */
		* html #content
		{
			height: 496px;
		}		

.tekstblok {
	width: 100%;
	background: url(../images/tekstblokback.gif) 50% 0px no-repeat;
	z-index: 1;
}

.tekstblok_nieuws {
	width: 100%;
	background: none;
	z-index: 1;
}

.tekstblok_form{
	width: 100%;
	position: relative;
	top: -72px;
	margin-left: -4px;
	margin-bottom: -72px;
}

.tekstblok_detail {
	width: 100%;
	background: url(../images/tekstblokback_detail.gif) 50% 0px no-repeat;
	z-index: 1;
}


.tekstblok_content {
	margin: 0 auto;
	width: 920px;
	position: relative;
}

.tekstblok_content2 {
	width: 618px;
	padding-left: 30px;
	float: left;
}

.tekst{
	float: left;
	width: 618px;
	padding: 0px 0px 0px 0px;
}


.tekst_video{
	float: left;
	width: 349px;
	padding: 0px 0px 0px 0px;
}

#slider{
	float: left;
	width: 618px;
	height: 376px;
	background: url(../images/sliderback.png) top left no-repeat;
	position: relative;
}

	/* Fix voor IE */
	* html #slider
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/houtenhus/www/images/sliderback.png', sizingMethod='crop');
	}	

.fotobig{
	float: left;
	width: 337px;
	height: 248px;
	position: relative;
	padding-top: 25px;
	padding-left: 176px;
	position: relative;
}

.fotobig img{
	position: absolute;
	top: 74px;
}


.kopwrapper{
	float: left;
	width: 618px;
	height: 25px;
	background: url(../images/kopwrap.gif) top left no-repeat;
}

.kopwrapper_video{
	float: left;
	width: 349px;
	height: 25px;
	background: url(../images/kopwrapper.gif) top left repeat-x;
}

#videoblok{
	float: right;
	width: 248px;
	height: 252px;
	background: url(../images/videoback.png) top left no-repeat;
	padding-left: 21px;
	padding-top: 40px;
}

	/* Fix voor IE */
	* html #videoblok
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/houtenhus/www/images/videoback.png', sizingMethod='crop');
	}	


.plattetekst{
	padding: 15px 30px 20px 0px;
}

.plattetekst_nieuws{
	padding: 0px 30px 20px 0px;
}

.plattetekst_projecten{
	padding: 15px 0px 20px 0px;
}

.projectblok{
	float: left;
	width: 298px;
	height: 122px;
	background: url(../images/projectback.png) top left no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}

	/* Fix voor IE */
	* html .projectblok
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/houtenhus/www/images/projectback.png', sizingMethod='crop');
	}

.projectfoto{
	position: absolute;
	top: 12px;
	left: 0px;
	width: 104px;
}

.projectfoto img{
	float: left;
	width: 100px;
	height: 75px;
	border: 0px;
}

.projecttekst{
	position: absolute;
	top: 12px;
	right: 0px;
	width: 165px;
}

.subkop { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	height: 25px;
	float: left;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;	
	padding-right: 5px;
	background: url(../images/nowrapper.gif) top left repeat-x;
	}
	

.kopje { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	float: left;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;	
	}


.intro{
	font-weight: bold;
}	

.tekst_opgeleverd{
	float: left;
	width: 618px;
	height: 206px;
	padding: 0px 0px 0px 0px;
	background: url(../images/opgeleverdback.png) top left no-repeat;
}

	/* Fix voor IE */
	* html .tekst_opgeleverd
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/houtenhus/www/images/opgeleverdback.png', sizingMethod='crop');
	}

#opgeleverd{
	float: left;
	width: 618px;
	height: 206px;	
	position: relative;
}




.meerprojecten{
	width: 200px;
	position: absolute;
	text-align: right;
	top: 163px;
	left: 53px;
}

.project{
	position: absolute;
	right: 30px;
	top: 23px;
	width: 217px;
	height: 183px;
}


.kopwrapper_opgeleverd{
	float: left;
	width: 350px;
	height: 25px;
	background: url(../images/kopwrapper.gif) top left repeat-x;
}

.kop { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 25px;
	height: 25px;
	float: left;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;	
	padding-right: 5px;
	background: url(../images/nowrapper.gif) top left repeat-x;
	}
	
.catkop { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 23px;
	height: 25px;
	float: left;
	font-weight: normal;
	color: #FFFFFF;
	letter-spacing: 1px;	
	padding-right: 5px;
	background: url(../images/nowrapper.gif) top left repeat-x;
	}	
	

#intro1 {
	width: 100%;
	background: url(../images/intro1.gif) repeat-y 50% 0px;
	z-index: 1;
}

#intro2 {
	width: 100%;
	background: url(../images/intro2.gif) no-repeat 50% 0px;
	z-index: 1;
}

#intro_content {
	margin: 0 auto;
	width: 920px;
	position: relative;
}

#intro_teksten {
	width: 648px;
	border-top: 6px solid #525A5F;
	background: #ffffff url(../images/verloop.jpg) bottom right no-repeat;
}
		
.introtekst{
	color: #3D3D3D;
	padding: 20px 30px 27px 30px;
}

.introtekst_home{
	float: right;
	width: 428px;
	color: #3D3D3D;
	padding: 22px 30px 25px 20px;
}

.fotoslinks {
	position: relative;
	float: left;
	width: 150px;	
	height: 152px;
	font-size: 1px;
	line-height: 1px;
	margin-top: 12px;	
	margin-bottom: 20px;
	margin-left: 20px;
}

	/* Fix voor IE */
	* html .fotoslinks
	{
		margin-left: 10px;
	}

ul#flashfotos {
	margin: 0px;
	padding: 0px;
	list-style-type: none
	position: relative;
}

ul#flashfotos li{
	margin: 0px;
	padding: 0px;
	display: inline;
	list-style-type: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

ul#flashfotos img{
	margin: 0px;
	padding: 0px;
	border: 0px;
	float: left;
	padding: 6px 0px 0px 7px;
	width: 134px;
	height: 134px;
}

#overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 150px;		
	height: 152px;
	background: url("../images/overlay.png") top left no-repeat;
	z-index: 99998;
}

	/* Fix voor IE */
	* html #overlay
	{
		background-image:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://www.addsite.nl/addsite/data/sites/houtenhus/www/images/overlay.png', sizingMethod='crop');
	}

		

ul.pro{
	margin: 0px;
	padding: 14px 0px 60px 0px;
	list-style-type: none;
}

ul.pro li{
	margin: 0px;
	padding: 10px 0px 9px 25px;
	list-style-type: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #EDEDED;
	font-size: 15px;
	letter-spacing: 1px;
	background: url(../images/vinkje.gif) no-repeat 0px 9px;
}

ul.pro li a:link, ul.pro li a:visited { 
	color: #EDEDED;
	text-decoration: none;	
	}

ul.pro li a:hover, ul.pro li a:active { 
	color: #86949D;
	text-decoration: none;
	}
	
	
ul.aanbouw{
	margin: 0px;
	padding: 14px 0px 0px 0px;
	list-style-type: none;
}

ul.aanbouw li{
	margin: 0px;
	padding: 3px 0px 4px 22px;
	list-style-type: none;
	color: #EDEDED;
	background: url(../images/arrow.gif) no-repeat 6px 7px;
}

ul.aanbouw li a:link, ul.aanbouw li a:visited { 
	color: #C9C9C9;
	text-decoration: none;	
	}

ul.aanbouw li a:hover, ul.aanbouw li a:active { 
	color: #ffffff;
	text-decoration: none;
	}	



#footer {
	width: 100%;
	height: 102px;
	background: url(../images/footerback.gif) no-repeat 50% 0px;
}



#footer_content {
	margin: 0 auto;
	width: 920px;
	height: 102px;
	position: relative;
	background: url(../images/footercontent.gif) top left no-repeat;	
}

#footerleft{
	float: left;
	width: 349px;
	text-align: right;
	padding-top: 20px;
	color: #7A7A7A;
}

#footerright{
	float: right;
	width: 520px;
	padding-top: 20px;
	color: #A7A7A7;
	position: relative;
}

#adres1{
	float: left;
	padding-right: 35px;
}

#adres2{
	float: left;
	padding-right: 35px;
}

#adres2 a:link, #adres2 a:visited { 
	color: #956F52;
	text-decoration: none;
	}

#adres2 a:hover, #adres2 a:active { 
	color: #D2976A;
	text-decoration: none;
	}

	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 22px 0px 0px 0px;
	font-size: 22px;
	line-height: 30px;
	height: 31px;
	float: left;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px 20px 0px 30px;
	letter-spacing: 1px;
	background: #CF4900;
	}
	
h2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0px 0px 1px 0px;
	font-size: 22px;
	line-height: 26px;
	font-weight: normal;
	color: #D2976A;
	padding: 0px 0px 0px 0px;
	}	
	
h3 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
	color: #D2976A;
	padding: 0px 0px 0px 0px;
	}
	
h4 { 
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	font-weight: bold;
	color: #B9B9B9;
	padding: 0px 0px 18px 0px;
	}	
	

.line {
	height: 1px;
	background: #45484A;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

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

.clearer5 {
	height: 5px;
	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;
}

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

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


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


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


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


	


	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	

.btn_leesmeer, a.btn_leesmeer:link, a.btn_leesmeer:visited 
{
	float: right;
	margin-top: 10px;
	width: 104px;
	height: 24px;
	background: url(../images/btn_leesmeer.gif) 0px 0px;
}

a.btn_leesmeer:hover, a.btn_leesmeer:active
{
	background: url(../images/btn_leesmeer.gif) 0px -24px;
}


.btn_overzicht, a.btn_overzicht:link, a.btn_overzicht:visited 
{
	float: right;
	margin-top: 10px;
	width: 104px;
	height: 24px;
	background: url(../images/btn_overzicht.gif) 0px 0px;
}

a.btn_overzicht:hover, a.btn_overzicht:active
{
	background: url(../images/btn_overzicht.gif) 0px -24px;
}

	
.btn_home, a.btn_home:link, a.btn_home:visited 
{
	position: absolute;
	left: 299px;
	top: 20px;
	width: 18px;
	height: 19px;
	background: url(../images/btn_home.gif) 0px 0px;
}

a.btn_home:hover, a.btn_home:active
{
	background: url(../images/btn_home.gif) 0px -19px;
}

.btn_home_actief, a.btn_home_actief:link, a.btn_home_actief:visited, a.btn_home_actief:hover, a.btn_home_actief:active
{
	position: absolute;
	left: 299px;
	top: 20px;
	width: 18px;
	height: 19px;
	background: url(../images/btn_home.gif) 0px -38px;
}



.btn_sitemap, a.btn_sitemap:link, a.btn_sitemap:visited 
{
	position: absolute;
	left: 330px;
	top: 20px;	
	width: 26px;
	height: 19px;
	background: url(../images/btn_sitemap.gif) 0px 0px;
}

a.btn_sitemap:hover, a.btn_sitemap:active
{
	background: url(../images/btn_sitemap.gif) 0px -19px;
}

.btn_sitemap_actief, a.btn_sitemap_actief:link, a.btn_sitemap_actief:visited, a.btn_sitemap_actief:hover, a.btn_sitemap_actief:active
{
	position: absolute;
	left: 330px;
	top: 20px;	
	width: 26px;
	height: 19px;
	background: url(../images/btn_sitemap.gif) 0px -38px;
}




.btn_contact, a.btn_contact:link, a.btn_contact:visited 
{
	position: absolute;
	left: 370px;
	top: 20px;	
	width: 19px;
	height: 19px;
	background: url(../images/btn_contact.gif) 0px 0px;
}

a.btn_contact:hover, a.btn_contact:active
{
	background: url(../images/btn_contact.gif) 0px -19px;
}

.btn_contact_actief, a.btn_contact_actief:link, a.btn_contact_actief:visited, a.btn_contact_actief:hover, a.btn_contact_actief:active
{
	position: absolute;
	left: 370px;
	top: 20px;	
	width: 19px;
	height: 19px;
	background: url(../images/btn_contact.gif) 0px -38px;
}










/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
  	#verznav
	{
		width: 225px;
		text-align: left;
	}

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

	#verznav ul li
	{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		list-style-type: none;
		background: url(../images/dots.gif) bottom left repeat-x;	
	}

	#verznav li a
	{
		display: block;
		width: 203px;
		color: #EDEDED;
		padding: 5px 0px 6px 22px;
		text-decoration: none;
		background: url(../images/arrow_nav.gif) 3px 8px no-repeat;	
	}
	
	#verznav li a:hover
	{
		color: #86949D;
		text-decoration: none;
	}	

	#verznav li a.actief, #verznav li a.actief:hover
	{
		color: #CF4900;
		text-decoration: none;
		background: url(../images/arrow_nav_actief.gif) 3px 8px 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;
		background: none;
	}

	
	#verznav li li a
	{
		display: block;
		font-size: 10px;
		width: 203px;
		color: #EDEDED;
		padding: 3px 0px 4px 22px;
		text-decoration: none;
		background: none;	
	}
	

	
	#verznav li li a:hover
	{
		text-decoration: none;
		color: #86949D;
	}
	
	#verznav li li#subactief a, #verznav li li#subactief a:hover
	{
		color: #CF4900;
		text-decoration: none;
	}
	
	
	
	
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
 .jcarousel-scope-hor {   
	position: absolute;    
	top: 0px;
	left: 0px;
    width:  330px;
    height: 89px;  
	background: none;	   
	padding: 0px;
	margin: 0px;
	}
	
	

 .jcarousel-scope-vert {   
	position: absolute;    
	top: 0px;
	left: 0px;
    width:  104px;
    height: 293px;  
	background: none;	   
	padding: 0px;
	margin: 0px;
	}	
 
.jcarousel-container {
    position: relative;
    margin: 0px;
    padding: 0px;
}

.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-list li,
.jcarousel-item {
	float: left; 
	list-style-type: none; 	
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 104px;
    height: 89px;
}

/**
 * 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;
}
	
	
.jcarousel-skin-tango .jcarousel-container {
	position: absolute;
	top: 51px;
	left: 0px;
    margin: 0px;
    padding: 0px; 
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 330px;
    padding: 0px 0px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 104px;
    height: 293px;
    position: absolute;
    left: 30px;
    top: 41px;
}

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

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  104px;
    height: 293px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 104px;
    height: 89px;
}



a.fotolink:link, a.fotolink:visited{
	position: relative; 
	float: left;
	width: 100px;
	height: 75px;
	background: #ffffff;
	padding: 2px 2px 8px 2px;
	border-bottom: 4px solid #ffffff;
}

a.fotolink:hover, a.fotolink:active{
	border-bottom: 4px solid #CF4900;
}

a.fotolink img{
	float: left;
	width: 100px;
	height: 75px;
	border: 0px;
}

#mycarousel a.highslide:link, #mycarousel a.highslide:visited{
	position: relative; 
	float: left;
	width: 100px;
	height: 75px;
	background: #ffffff;
	padding: 2px 2px 8px 2px;
	border-bottom: 4px solid #ffffff;
	cursor: pointer;
}

#mycarousel a.highslide:hover, #mycarousel a.highslide:active{
	border-bottom: 4px solid #CF4900;
}

#mycarousel a.highslide img{
	float: left;
	width: 100px;
	height: 75px;
	border: 0px;
	cursor: pointer;
}







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

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 13px;
}

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 107px;
    left: 294px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(../images/volgende_hor.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: -25px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 107px;
    left: 263px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: transparent url(../images/vorige_hor.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: -25px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: -40px;
    left: 39px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(../images/volgende_vert.gif) no-repeat 0 0;
    z-index: 99999;    
}

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

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

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

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: -40px;
    left: 39px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: url(../images/vorige_vert.gif) no-repeat 0 0;
    z-index: 99999;
}

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

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

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -25px;
}
	
	
	
 
 /* Formulier
---------------------------------------------------------------------------------------------- */

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

input.button { 
	background: #AE805D; 
	border-bottom: 1px solid #724D30; 
	border-left: 1px solid #F2BC92; 
	border-right: 1px solid #724D30; 
	border-top: 1px solid #F2BC92; 
	color: #ffffff; 
	margin: 5px 0px 10px 6px; 
	padding: 3px 5px 3px 5px; 
	}
	
input.button2 { 
	background: #AE805D; 
	border-bottom: 1px solid #724D30; 
	border-left: 1px solid #F2BC92; 
	border-right: 1px solid #724D30; 
	border-top: 1px solid #F2BC92; 
	color: #ffffff; 
	font-size: 11px;
	font-weight: normal;
	margin: 0px 0px 0px 10px; 
	padding: 1px 5px 2px 5px; 
	}	

.aanmelden {

	border: 1px solid #B8CADE;
		width: 165px;
		margin-left: 0px;
		font-size: 11px;
		line-height: 11px;
		height: 18px;
		margin: 2px 0px 10px 0px;
		}
	
.input {
	background: #ffffff;
	border: 1px solid #242424;
	font-size: 11px;
		width: 223px;
		margin-left: 10px;
		line-height: 11px;
		height: 16px;	
		}
		
.invulNormaal {
	background: #ffffff;
	border: 1px solid #242424;
	font-size: 11px;
		width: 223px;
		line-height: 11px;
		height: 15px;
		margin: 1px 0px 1px 0px;
		padding: 3px 3px 1px 3px;
		
		}		
		
.invulArea {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #ffffff;
	border: 1px solid #242424;
	font-size: 11px;
		width: 243px;
		line-height: 11px;
		margin: 1px 0px 1px 6px;
		padding: 3px 3px 1px 3px;
		}
		
.veld2pulldown select
{
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #ffffff;
 color: #000000;
 border: 1px solid #242424;
 margin-right: 0px;
 text-align: left;
 height: 18px;
 padding: 2px 3px 2px 3px;
 margin: 0 0 0 0;
}	

.invulSmall {
	background: #ffffff;
	border: 1px solid #242424;
	font-size: 11px;
		width: 173px;
		line-height: 11px;
		height: 15px;
		margin: 1px 0px 1px 0px;
		padding: 3px 3px 1px 3px;
		}
		
.invulPulldown {
	background: #ffffff;
	border: 1px solid #242424;
	font-size: 11px;
		width: 223px;
		line-height: 18px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		padding: 2px 3px 1px 3px;
		}		
		
.invulXSmall {
	background: #ffffff;
	border: 1px solid #242424;
	font-size: 11px;
		width: 73px;
		line-height: 11px;
		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;
} 			

.subkopform {
	font-weight: bold;
	float: left;
}	 

.fout{
	color: #CF4900;
}




/* Sifr
---------------------------------------------------------------------------------------------- */


/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/


.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*---- Header styling ---*/



.sIFR-active h2 {
	height: 24px;
	margin-bottom: 7px;
	visibility: hidden;
}