/* 
it Holt - Eten, drinken & uitgaan
======================================================================================
URL:				www.itholt.nl/
Auteur: 			Stefan Efde [www.addnoise.nl]

======================================================================================
*/


@import url(addform.css);
@import url(/addbeheer/themes/addsite/css/iconen.css);



body {
	margin: 0;
	padding: 0;
	background: #030101;
	color: #fdfff1;
	font-family: 'Trebuchet MS',Trebuchet,Verdana,Sans-serif;
	font-size: 12px;
	line-height: 18px;
}

a:link, a:visited, a:hover
{ 
outline-color: invert;
outline-style: none;
outline-width: 0pt;
position: relative;	
}

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

#container {
	width: 100%;
	background: url("../images/bg_normal.jpg") no-repeat 50% 0;
}
#container_home {
	width: 100%;
	background: url("../images/bg.jpg") no-repeat 50% 0;
}
#container_bruin {
	width: 100%;
	background: url("../images/bg_bruin.jpg") no-repeat 50% 0;
}
#container_rood {
	width: 100%;
	background: url("../images/bg_rood.jpg") no-repeat 50% 0;
}
#container_blauw {
	width: 100%;
	background: url("../images/bg_blauw.jpg") no-repeat 50% 0;
}
#container_grijs {
	width: 100%;
	background: url("../images/bg_grijs.jpg") no-repeat 50% 0;
}

#logo a:link, #logo a:visited, #logo a:hover {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 250px;
	height: 120px;
	background: no-repeat url("../images/logo_itholt.png") top left;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}
	/* Fix voor IE */
			* html #logo a:link
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/logo_itholt.png', sizingMethod='crop');
			}
	/* Fix voor IE */
			* html #logo a:visited
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/logo_itholt.png', sizingMethod='crop');
			}
	/* Fix voor IE */
			* html #logo a:hover
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/logo_itholt.png', sizingMethod='crop');
			}

#logo_rood a:link, #logo_rood a:visited, #logo_rood a:hover {
	position: absolute;
	top: 20px;
	left: 10px;
	width: 250px;
	height: 120px;
	background: no-repeat url("../images/logo_itholt.png") top left;
	cursor: pointer;
	margin: 0px;
	padding: 0px;
}
	/* Fix voor IE */
			* html #logo_rood a:link
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/logo_itholt.png', sizingMethod='crop');
			}
	/* Fix voor IE */
			* html #logo_rood a:visited
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/logo_itholt.png', sizingMethod='crop');
			}
	/* Fix voor IE */
			* html #logo_rood a:hover
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/logo_itholt.png', sizingMethod='crop');
			}


#bovenstuk
{
	width: 100%;
	height: 140px;
}

#top
{
	margin: 0 auto;
	width: 800px;
	height: 140px;
	position: relative;
}

#top_vervolg
{
	margin: 0 auto;
	width: 890px;
	height: 140px;
	position: relative;
}

#slogan {
	float: right;
	font-size: 20px;
	color: #917163;
	line-height: 24px;
	padding: 30px 40px 0px 0px;
}



#middenstuk
{
	width: 100%;
	min-height: 355px;
}
	/* Fix voor IE */
			* html #middenstuk
			{
				height: 355px;
			}

#onderstuk
{
	width: 100%;
	height: 99px;

	position: relative;
	margin: -99px auto 0 auto;
	background-color: #FFC500;
}


#pagina
{
	margin: 0 auto;
	width: 800px;
	min-height: 355px;
}
	/* Fix voor IE */
			* html #middenstuk
			{
				height: 355px;
			}

#nieuwsbox {
	float: left;
	width: 587px;
	min-height: 210px;
	padding: 0px 0px 0px 0px;
	background: no-repeat url("../images/nieuwsbox_bg.png") top left;
}
	/* Fix voor IE */
			* html #nieuwsbox
			{
				height: 210px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/nieuwsbox_bg.png', sizingMethod='crop');
			}

#nieuwsbox h3 {
	padding: 10px 0px 0px 17px;
	margin: 0px;
	line-height: 18px;
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	z-index: 6;
}

.container a, .container a:link, .container a:visited 
{
	display: block;
	width: 516px;
	height: 63px;
	background: none;
	color: #003C46;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	padding: 5px 20px 0px 10px;
	cursor: pointer;
}


.container a:hover
{
	display: block;
	text-decoration: none;
	background: no-repeat url("../images/nieuwsbox_hover.png") top left;
}
	/* Fix voor IE */
			* html .container a:hover
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/nieuwsbox_hover.png', sizingMethod='crop');
			}


.container img
{
	float: left;
	border: 0;
	margin: 0px 25px 0px 5px;
	padding: 0px;
}

.container .datum {
	text-transform: uppercase;
	color: #848484;
}

.container .kopje {
	text-transform: uppercase;
	color: #ff1f3d;
	font-size: 12px;
	font-weight: bold;
}
.container .tekst
{
	display: block;
	color: #FFF;
	margin: 0 0px 0px 0;
	line-height: 16px;
}

 


#directnaar h3 {
	padding: 13px 0px 0px 17px;
	margin: 0px;
	line-height: 18px;
	color: #FFF;
	text-decoration: none;
	font-size: 14px;
	z-index: 6;
	cursor: pointer;
}

#directnaar {
	float: right;
	width: 199px;
	height: 215px;
	background: no-repeat url("../images/directnaar_bg.png") top left;
}
	/* Fix voor IE */
			* html #directnaar
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/directnaar_bg.png', sizingMethod='crop');
			}

#directnaar ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	text-align: left;
}

#directnaar ul li {
	padding: 0px;
	margin: 0px;
}

#directnaar ul li a:link, #directnaar ul li a:visited {
	color: #ff1f3d;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 25px;
	text-decoration: none;
	display: block;
	height: 20px;
	font-size: 12px;
	background: url("../images/arrow.gif") no-repeat 0px 3px;
	cursor: pointer;
	}
	
#directnaar ul li a:hover, #directnaar ul li a:active{ 
	text-decoration: underline;
	}

#footer
{
	margin: 0 auto;
	width: 800px;
	height: 90px;
	background: url("../images/footerline.gif") no-repeat 0px 0px;
}
#footer .copyright
{
	float: left;
	padding: 50px 10px 0px 17px;
	color: #707070;
	font-size: 10px;
}

#footernav {
	float: right;
	padding: 50px 10px 0px 20px;
}
#footernav ul{ 
	margin: 0px;
	padding: 0px 0px 3px 0px;
	}
	
#footernav ul li{ 
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	list-style-type: none;
	display: inline;
	float: left;
	background: url(../images/menu_spacer.gif) top left no-repeat;	
	}
	
#footernav ul li a:link, #footernav ul li a:visited{ 
	color: #707070;
	float: left;
	font-size: 10px;
	text-decoration: none;
	}
	
#footernav ul li a:hover, #footernav ul li a:active{ 
	color: #ff1f3d;
	text-decoration: none;
	}


/* Slider homepage
---------------------------------------------------------------------------------------------- */

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

.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: 199px;
    height: 314px;
}


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

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



.jcarousel-skin-tango.jcarousel-container {
    margin-top: 0px;
}

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



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



.jcarousel-skin-tango .jcarousel-item {
    width: 199px;
    height: 314px;
    position: relative;
    z-index: 8;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    color: #1a1a1a;
}

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



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

.itemback_1 {
	width: 199px;
    height: 314px;
    padding: 0px;
	background: url(../images/blokken2.jpg) no-repeat 0px 0px;
}
a.kleurblok_1:link, a.kleurblok_1:visited{
	position: absolute;
	top: 127px;
	left: 0px;
	width: 199px;
	height: 74px;
	background: #4f3130;
	filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    z-index: 5;
    text-decoration: none;
}
a.kleurblok_1:hover {
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    z-index: 5;
}

.itemback_2 {
	width: 199px;
    height: 314px;
    padding: 0px;
	background: url(../images/blokken2.jpg) no-repeat -199px 0px;
}
a.kleurblok_2:link, a.kleurblok_2:visited{
	position: absolute;
	top: 127px;
	left: 0px;
	width: 199px;
	height: 74px;
	background: #ff1f3d;
	filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    z-index: 5;
    text-decoration: none;
}
a.kleurblok_2:hover {
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    z-index: 5;
 
}

.itemback_3 {
	width: 199px;
    height: 314px;
    padding: 0px;
	background: url(../images/blokken2.jpg) no-repeat -398px 0px;
}
a.kleurblok_3:link, a.kleurblok_3:visited{
	position: absolute;
	top: 127px;
	left: 0px;
	width: 199px;
	height: 74px;
	background: #5be3e3;
	filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    z-index: 5;
    text-decoration: none;
}
a.kleurblok_3:hover {
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    z-index: 5;
}

.itemback_4 {
	width: 199px;
    height: 314px;
    padding: 0px;
	background: url(../images/blokken2.jpg) no-repeat -597px 0px;
}
a.kleurblok_4:link, a.kleurblok_4:visited{
	position: absolute;
	top: 127px;
	left: 0px;
	width: 199px;
	height: 74px;
	background: #fdfff1;
	filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    z-index: 5;
    text-decoration: none;
}
a.kleurblok_4:hover {
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    z-index: 5;
}
.itemback_5 {
	width: 199px;
    height: 314px;
    padding: 0px;
	background: url(../images/blokken2.jpg) no-repeat -398px 0px;
}
a.kleurblok_5:link, a.kleurblok_5:visited{
	position: absolute;
	top: 127px;
	left: 0px;
	width: 199px;
	height: 74px;
	background: #ffba00;
	filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    z-index: 5;
    text-decoration: none;
}
a.kleurblok_5:hover {
	filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
    z-index: 5;
}




h1 {
	position: absolute;
	top: 40px;
	left: 17px;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	color: #FFF;
	text-decoration: none;
	font-size: 22px;
	z-index: 6;
	cursor: pointer;
}
h1.bg {
	position: absolute;
	top: 41px;
	left: 18px;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	color: #090909;
	text-decoration: none;
	font-size: 22px;
	z-index: 6;
	cursor: pointer;
}
h2 {
	position: absolute;
	top: 40px;
	left: 17px;
	padding: 0px;
	margin: 0px;
	line-height: 18px;
	color: #e0e0e0;
	text-decoration: none;
	font-size: 22px;
	z-index: 6;
	cursor: pointer;
}


/* Horizontal Buttons
-----------------------------------------------------*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 175px;
    right: -18px;
    width: 31px;
    height: 37px;
    cursor: pointer;
    background: transparent url(../images/next.jpg) 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: 175px;
    left: -18px;
    width: 34px;
    height: 34px;
    cursor: pointer;
    background: transparent url(../images/prev.jpg) 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;
}


/* Vervolgpagina
------------------------------------------------------------ */

#pagina_vervolg
{
	position: relative;
	margin: 0 auto;
	width: 890px;
	min-height: 355px;
}
	/* Fix voor IE */
			* html #pagina_vervolg
			{
				height: 355px;
			}


/* Hoofdnavigatie */
#hoofdnav {	
	float: left;
	height: 35px;
	text-align: left;
	line-height: 16px;
}

#hoofdnav ul {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	margin: 0px;
	padding: 0px 0px 0px 0px;	
}
#hoofdnav ul.bg {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

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

#hoofdnav li a:link, #hoofdnav li a:visited {
	width: 135px;
	height: 50px;
	color: #fdfff1;
	padding: 0px 0px 0px 0px;
	margin: 0px 4px 0px 3px;
	line-height: 50px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	float: left;
	text-decoration: none;
}
#hoofdnav li a:hover
{
	color: #d8d8d8;
}	
#hoofdnav li a.schaduw:link, #hoofdnav li a.schaduw:visited {
	width: 135px;
	height: 50px;
	color: #000;
	padding: 0px 0px 0px 0px;
	margin: 0px 4px 0px 3px;
	line-height: 50px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	float: left;
	text-decoration: none;
}

#hoofdnav li a.anders:link, #hoofdnav li a.anders:visited {
	width: 135px;
	height: 50px;
	color: #e6e6e6;
	padding: 0px 0px 0px 0px;
	margin: 0px 4px 0px 3px;
	line-height: 50px;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	float: left;
	text-decoration: none;
}


/* Subnavigatie
--------------------------------------- */

#menubox {
	position: absolute;
	z-index: 1;
	top: 192px;
	left: 0px;
	width: 222px;
	min-height: 230px;
}

			
#menubox2 {	
	float: left;
	width: 222px;
	min-height: 230px;
	background: url(../images/menu_bg.png) no-repeat 0 0;
}	

	/* Fix voor IE */
			* html #menubox2
			{
				height: 225px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/menu_bg.png', sizingMethod='crop');
			}

.subnav {

	padding: 0px 0px 0px 0px;
}
.subnav ul {
	z-index: 8;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	list-style-type: none;
}
.subnav ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
}



.subnav ul li a:link, .subnav ul li a:visited {
	width: 149px;
	font-weight: normal; 
	text-decoration: none; 
	color: #fdfff1;
	margin: 2px 0px 2px 0px;
	padding: 7px 0px 8px 25px;
	float: left;
	border-bottom: 1px dotted #362a29;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	}


.subnav li a:hover { 
	text-decoration: none; 
	color: #ff1f3d;
	}

.subnav ul li a.actief:link, .subnav ul li a.actief:visited, .subnav ul li a.actief:hover {
	width: 149px;
	font-weight: normal; 
	text-decoration: none; 
	color: #fdfff1;
	margin: 2px 0px 2px 0px;
	padding: 7px 0px 8px 25px;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	background: url(../images/actief.png) no-repeat top right;
}
	
	/* Fix voor IE */
			* html .subnav ul li a.actief:link
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/actief.png', sizingMethod='crop');
			}
			* html .subnav ul li a.actief:visited
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/actief.png', sizingMethod='crop');
			}
			* html .subnav ul li a.actief:hover
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/actief.png', sizingMethod='crop');
			}
	


.subnav ul li ul {
	padding: 0px 0px 8px 0px;
	margin: 0px;
}
.subnav ul li ul li a:link, .subnav ul li ul li a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 2px 25px 3px 45px;
	height: 15px;
	font-size: 10px;
	border-bottom: 0px dotted #362a29;
	background: url(../images/arrow2.gif) no-repeat 25px 5px;
	}
.subnav ul li ul li a:hover { 
	text-decoration: none; 
	color: #ff1f3d;
	background: url(../images/arrow2.gif) no-repeat 27px 5px;
	}


.subnav ul li ul li a.actief:link, .subnav ul li ul li a.actief:visited, .subnav ul li ul li a.actief:active { 
	font-weight: normal; 
	text-decoration: none; 
	color: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 2px 25px 3px 45px;
	height: 15px;
	font-size: 10px;
	border-bottom: 0px dotted #362a29;
	background: url(../images/arrow2.gif) no-repeat 25px 5px;
	}



#headerbox {
	float: right;
	width: 665px;
	position: relative;
	margin: 0px 3px 0px 0px;
}
*html #headerbox {
	padding: 0px 3px 0px 0px;
	margin: 0px;
}

#headerbox img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#foto_nieuws {
	position: relative;
	width: 260px;
	height: 207px;
	padding: 15px 15px 0px 20px;
	margin: 0px 0px 0px 30px;
	float: right;
}
#foto_nieuws img {
	margin: 0px;
	padding: 0px;
	float: right;
	border: 0px;
}

#foto {
	position: relative;
	width: 260px;
	height: 200px;
	padding: 15px 20px 10px 0px;
	margin: 0px 0px 0px 30px;
	float: right;
}

#foto img {
	margin: 0px;
	padding: 0px;
	float: right;
	border: 0px;
}

#introfotos {
	width: 260px;
	height: 200px;
}

.fototitel {
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 230px;
	height: 52px;
	line-height: 52px;
	z-index: 4;
	background: url(../images/fototitel.png) no-repeat 0 0;
	font-size: 18px;
	text-transform: uppercase;
	text-align: center;
	
}	
	/* Fix voor IE */
			* html .fototitel
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/fototitel.png', sizingMethod='crop');
			}
			




#headerbox_gewoon {
	float: right;
	width: 665px;
	min-height: 250px;
	background: url(../images/header_normal.png) no-repeat 0 0;
	z-index: 3;
	
}
	/* Fix voor IE */
			* html #headerbox_gewoon
			{
				height: 250px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/header_normal.png', sizingMethod='crop');
			}

#headerbox_gewoon_bottom {
	float: right;
	width: 665px;
	height: 5px;
	line-height: 0px;
	font-size: 0px;
	background: url(../images/header_normal_bottom.png) no-repeat 0 0;
	z-index: 3;
}
	/* Fix voor IE */
			* html #headerbox_gewoon_bottom
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/header_normal_bottom.png', sizingMethod='crop');
			}	



#headerbox_bruin {
	float: right;
	width: 665px;
	min-height: 250px;
	background: url(../images/header_bruin.png) no-repeat 0 0;
	z-index: 3;

}
	/* Fix voor IE */
			* html #headerbox_bruin
			{
				height: 250px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/header_bruin.png', sizingMethod='crop');
			}
#headerbox_bruin_bottom {
	float: right;
	width: 665px;
	height: 5px;
	line-height: 0px;
	font-size: 0px;
	background: url(../images/header_bruin_bottom.png) no-repeat 0 0;
	z-index: 3;
}
	/* Fix voor IE */
			* html #headerbox_bruin_bottom
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/header_bruin_bottom.png', sizingMethod='crop');
			}	



#headerbox_rood {
	float: right;
	width: 665px;	
	background: url(../images/header_rood.png) no-repeat 0 0;
	z-index: 3;
	min-height: 250px;
}
	/* Fix voor IE */
			* html #headerbox_rood
			{
				height: 250px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/header_rood.png', sizingMethod='crop');
			}
			
#headerbox_rood_bottom {
	float: right;
	width: 665px;
	height: 5px;
	line-height: 0px;
	font-size: 0px;
	background: url(../images/header_rood_bottom.png) no-repeat 0 0;
	z-index: 3;
}
	/* Fix voor IE */
			* html #headerbox_rood_bottom
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/header_rood_bottom.png', sizingMethod='crop');
			}			

#headerbox_blauw {
	float: right;
	width: 665px;
	min-height: 250px;
	background: url(../images/header_blauw.png) no-repeat 0 0;
	z-index: 3;

}
	/* Fix voor IE */
			* html #headerbox_blauw
			{
				height: 250px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/header_blauw.png', sizingMethod='crop');
			}

#headerbox_blauw_bottom {
	float: right;
	width: 665px;
	height: 5px;
	line-height: 0px;
	font-size: 0px;
	background: url(../images/header_blauw_bottom.png) no-repeat 0 0;
	z-index: 3;
}
	/* Fix voor IE */
			* html #headerbox_blauw_bottom
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/header_blauw_bottom.png', sizingMethod='crop');
			}



#headerbox_grijs {
	float: right;
	width: 665px;
	min-height: 250px;
	background: url(../images/header_grijs.png) no-repeat 0 0;
	z-index: 3;

}
	/* Fix voor IE */
			* html #headerbox_grijs
			{
				height: 250px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/header_grijs.png', sizingMethod='crop');
			}
#headerbox_grijs_bottom {
	float: right;
	width: 665px;
	height: 5px;
	line-height: 0px;
	font-size: 0px;
	background: url(../images/header_grijs_bottom.png) no-repeat 0 0;
	z-index: 3;
}
	/* Fix voor IE */
			* html #headerbox_grijs_bottom
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/header_grijs_bottom.png', sizingMethod='crop');
			}


.headertekst {
	padding: 25px;
}
.headertekst_bruin {
	padding: 25px;
	color: #FFF;
	
}
.headertekst_rood {
	padding: 25px;
	color: #FFF;
}
.headertekst_blauw {
	padding: 25px;
	color: #313131;
}
.headertekst_grijs {
	padding: 25px;
	color: #313131;
}

.kopje_rood {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	display: block;
	line-height: 24px;
	color: #ff1f3d;
	text-decoration: none;
	font-size: 18px;
	
}

.kopje_zwart {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	display: block;
	line-height: 24px;
	color: #000;
	text-decoration: none;
	font-size: 18px;
}
.kopje_witter {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	display: block;
	line-height: 24px;
	color: #FFF;
	text-decoration: none;
	font-size: 18px;

}

a.meerinfo:link, a.meerinfo:visited {
	display: block;
	width: 171px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #3f3f3f;
	text-align: center;
	background: url('../images/btn_big.png') no-repeat 0px 0px;
	margin-top: 20px;
	text-transform: uppercase;
	cursor: pointer;
}
	/* Fix voor IE */
			* html a.meerinfo:link
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/btn_big.png', sizingMethod='crop');
			}
	/* Fix voor IE */
			* html a.meerinfo:visited
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/btn_big.png', sizingMethod='crop');
			}


a.meerinfo:hover {
	color: #ff1f3d;
	background: url('../images/btn_big.png') no-repeat 0px -30px;
}
	/* Fix voor IE */
			* html a.meerinfo:hover
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/btn_big.png', sizingMethod='crop');
			}


a.leesmeer:link, a.leesmeer:visited {
	display: block;
	width: 98px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	color: #3f3f3f;
	text-align: center;
	background: url('../images/btn.png') no-repeat 0px 0px;
	margin-top: 20px;
	text-transform: uppercase;
	cursor: pointer;
}
	/* Fix voor IE */
			* html a.leesmeer:link
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/btn.png', sizingMethod='crop');
			}
	/* Fix voor IE */
			* html a.leesmeer:visited
			{
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/btn.png', sizingMethod='crop');
			}


a.leesmeer:hover {
	color: #ff1f3d;
	background: url('../images/btn.png') no-repeat 0px -30px;
}
	/* Fix voor IE */
			* html a.leesmeer:hover
			{
				background-position: 0px -30px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/btn.png', sizingMethod='crop');
			}





.content {
	float: right;
	width: 665px;
	min-height: 300px;
	margin: 0px 3px 0px 0px;
	background: no-repeat url("../images/line_round.png") top left;
}
	/* Fix voor IE */
			* html .content
			{
				margin: 0px 1px 0px 0px;
				height: 300px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/line_round.png', sizingMethod='crop');
			}


.contentbox {
	
	float: right;
	width: 535px;
	min-height: 200px;
	margin: 20px 3px 0px 0px;
	padding: 25px 100px 0px 25px;
	background: no-repeat url("../images/nieuwsbox_bg.png") top left;
}
	/* Fix voor IE */
			* html .contentbox
			{
				height: 200px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/nieuwsbox_bg.png', sizingMethod='crop');
			}

.contentbox_gallery {
	float: right;
	width: 635px;
	min-height: 200px;
	margin: 20px 3px 0px 0px;
	padding: 25px 0px 0px 25px;
	background: no-repeat url("../images/nieuwsbox_bg.png") top left;
}
	/* Fix voor IE */
			* html .contentbox_gallery
			{
				height: 200px;
				background-image:none;
				filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='/themes/itholt/images/nieuwsbox_bg.png', sizingMethod='crop');
			}


.kopje_wit {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	display: block;
	line-height: 18px;
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 1px;
}

.fotoslinks {
	float: left;
	width: 165px;
	margin: 0px 25px 0px 0px;
}

.fotoslinks img {
	float: left;
	width: 163px;
	height: 163px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.intro {
	font-size: 12px;
	font-weight: bold;
}

.intro_datum {
	font-size: 12px;
	font-weight: normal;
	text-transform: uppercase;
	color: #aea99c;
	line-height: 14px;
}

.fotosoverzicht {
	float: left;
	margin: 0px 0px 0px 0px;
}

.fotosoverzicht img {
	float: left;
	width: 75px;
	height: 65px;
	border: 0px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
}




/* Nieuwsbox
------------------------------------------- */


.nieuwscontainer
{
	display: block;
	float: left;
	width: 627px;
	text-decoration: none;
	margin: 0px 0px 20px 0px;
	padding: 5px 0px 0px 0px;
}

.nieuwscontainer a:link, .nieuwscontainer a:visited {
	text-decoration: none;
}


.nieuwscontainer img
{
	float: right;
	width: 280px;
	border: 0;
	margin: 0px 8px 0px 25px;
	padding: 0px;
	
}



.nieuwscontainer .datum {
	text-transform: uppercase;
	color: #848484;
	font-size: 11px;
}

.nieuwscontainer .kopje {
	text-transform: uppercase;
	color: #ff1f3d;
	font-size: 14px;
	font-weight: normal;
}
.nieuwscontainer .tekst
{
	display: block;
	color: #FFF;
	margin: 0 0px 0px 0;
	line-height: 16px;
}

a.leesmeer2:link, a.leesmeer2:visited {
	color: #ff1f3d;
	margin: 15px 0px 0px 0px;
	padding: 2px 0px 2px 25px;
	text-decoration: underline;
	display: block;
	height: 20px;
	font-size: 12px;
	background: url("../images/arrow.gif") no-repeat 0px 3px;
}

a.leesmeer2:hover {
	text-decoration: none;
}


/* Sitemap
-------------------------------------------- */


#sitemap {
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}

#sitemap ul {
	margin: 5px;
	padding: 0px;
	list-style-type: none;
	line-height: 15px;
}
#sitemap ul li {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-weight: bold;
}
#sitemap ul li a:link, #sitemap ul li a:visited {
	text-decoration: none;
	color: #FFF;
}

#sitemap ul li a:hover {
	text-decoration: underline;
}
#sitemap ul li ul li {
	padding: 0px 0px 3px 10px;
	margin: 0px;
	font-weight: normal;
}



/* Gallery
--------------------------------- */

.groep {
	float: left;
	width: 190px;
	height: 60px;
	margin: 0px 7px 10px 0px;
	padding: 5px;
	border: 1px solid #ac8f88;
}

.groep img {
	float: left;
	width: 75px;
	height: 60px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	
}
.groep_titel a:link,.groep_titel a:visited {
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	padding: 0px 0px 0px 10px;
}

.groep_titel a:hover {

}






/* Clearers
------------------------------------------------------------ */

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

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


.clearer10 {
	height: 10px;
	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;
}
.clearer30 {
	height: 30px;
	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;
}
.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer100 {
	height: 100px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.spacer5 {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer30 {
	height: 30px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer40 {
	height: 40px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer85 {
	height: 85px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


