/**********************************************************************************************************
	CASCADING-STYLE-SHEET WWW.ZWALUWEBOUW.NL 
**********************************************************************************************************/

/********************************************
	FONTS
********************************************/

p
{
	font-family: arial; font-size: 9pt; color: #000000; margin: 0px; line-height: 200%
}

strong
{
	font-family: arial; font-size: 9pt; color: #258dbf; margin: 0px; line-height: 200%
}

a
{
	color: #0d2b88; text-decoration: none
}

a:hover
{
	color: #258dbf; text-decoration: none
}

a.PopUpHeader
{
	color: #fff; text-decoration: none
}

a.PopUpHeader:hover
{
	color: #fff; text-decoration: underline
}

h1
{
	font-family: arial; font-size: 15pt; color: #0d2b88; margin: 0px; font-weight: 100; margin-left: -1px; margin-top: -3px
}

h2
{
	font-family: arial; font-size: 15pt; color: #258dbf; margin: 0px; font-weight: 100; margin-left: -1px; margin-top: -3px
}

h3
{
	font-family: arial; font-size: 9pt; color: #0d2b88; margin: 0px; line-height: 200%
}

h4
{
	font-family: arial; font-size: 9pt; color: #258dbf; margin: 0px; line-height: 200%
}

h5
{
	font-family: arial; font-size: 9pt; color: #fff; margin: 0px; line-height: 200%
}

/********************************************
	LAY-OUT
********************************************/

body.Content
{
	margin: 0px; background-image: url('images/BGContent.jpg'); background-position: 50% 0%; background-repeat: repeat-x
}

table.Content
{
	background-image: url('images/BGShadow.jpg'); background-repeat: no-repeat
}

div.ImgColumn
{
	position: absolute; width: 410px; height: 30px; left: 50%; top: 195px; margin-left: 102px
}

div.Content
{
	position: absolute; width: 1050px; left: 50%; margin-left: -525px
}

div.NavHor
{
	position: absolute; width: 944px; height: 30px; left: 50%; top: 125px; margin-left: -472px
}

div.NavVert
{
	position: absolute; width: 944px; height: 550px; left: 50%; top: 500px; margin-left: -472px
}

input.Search
{
	font-family: arial; font-size: 9pt; color: #fff; background-color: #0d2b88; border: #fff 1px solid; margin-top: 6px
}

table.IndexBannerOnzeKracht
{
	background-image: url('images/BannerOnzeKracht.jpg')
}

img.Tumb
{
	border: #258dbf 1px solid
}

iframe.Zoeken
{
	padding-top: -100px
}

div.HeaderMenu
{
	position: absolute; width: 944px; height: 23px; left: 50%; top: 0px; margin-left: -472px; z-index: 1
}

/********************************************
	NAVIGATIE
********************************************/

a.NavHor
{
	float: left; color: #fff; padding-left: 15px; padding-top: 7px; padding-right: 15px; padding-bottom: 8px; font-family: arial; font-size: 9pt; text-decoration:none; background-color:#0d2b88
}

a.NavHor:hover
{
	float: left; color: #fff; padding-left: 15px; padding-top: 7px; padding-right: 15px; padding-bottom: 8px; font-family: arial; font-size: 9pt; text-decoration:none; background-color:#258dbf
}

a.NavHorSelect
{
	float: left; color: #fff; padding-left: 15px; padding-top: 7px; padding-right: 15px; padding-bottom: 8px; font-family: arial; font-size: 9pt; text-decoration:none; background-color:#258dbf; font-weight: bold
}

a.NavHorSelect:hover
{
	float: left; color: #fff; padding-left: 15px; padding-top: 7px; padding-right: 15px; padding-bottom: 8px; font-family: arial; font-size: 9pt; text-decoration:none; background-color:#258dbf; font-weight: bold
}

a.NavVert
{
	float: left; width: 165px; color: #0d2b88; padding-top: 4px; padding-bottom: 5px; font-family: arial; font-size: 9pt; text-decoration: none; background-color:#fff
}

a.NavVert:hover
{
	float: left; width: 165px; color: #0d2b88; padding-top: 4px; padding-bottom: 5px; font-family: arial; font-size: 9pt; text-decoration: none; background-color:#258dbf
}

a.NavVertSelect
{
	float: left; width: 165px; color: #fff; padding-top: 4px; padding-bottom: 5px; font-family: arial; font-size: 9pt; font-weight: bold; text-decoration: none; background-color:#0d2b88
}

a.NavVertSelect:hover
{
	float: left; width: 165px; color: #fff; padding-top: 4px; padding-bottom: 5px; font-family: arial; font-size: 9pt; font-weight: bold; text-decoration: none; background-color:#0d2b88
}

a.NavVertSelectSub
{
	float: left; width: 165px; color: #0d2b88; padding-top: 4px; padding-bottom: 5px; font-family: arial; font-size: 9pt; text-decoration: none; background-color:#258dbf
}

a.NavVertSelectSub:hover
{
	float: left; width: 165px; color: #0d2b88; padding-top: 4px; padding-bottom: 5px; font-family: arial; font-size: 9pt; text-decoration: none; background-color:#258dbf
}

/********************************************
	HEADERMENU
********************************************/

table.HeaderMenu
{
	background-image: url('images/HeaderMenu.jpg'); background-position: 100% 0%; background-repeat: no-repeat
}

td.HeaderMenu
{
	padding-top: 2px; padding-right: 7px
}

p.HeaderMenu
{
	font-family: arial; font-size: 8.5pt; color: #808080; margin: 0px; line-height: 200%
}

a.HeaderMenu
{
	color: #808080; text-decoration: none
}

a.HeaderMenu:hover
{
	color: #0d2b88; text-decoration: none
}

a.HeaderMenuSelect
{
	color: #0d2b88; text-decoration: none; font-weight: bold
}

a.HeaderMenuSelect:hover
{
	color: #0d2b88; text-decoration: none; font-weight: bold
}

/********************************************
	SITEMAP
********************************************/

a.SitemapHead
{
	color: #258dbf; text-decoration: none
}

a.SitemapHead:hover
{
	color: #258dbf; text-decoration: underline
}

a.SitemapItem
{
	color: #000; text-decoration: none; margin-left: 20px
}

a.SitemapItem:hover
{
	color: #000; text-decoration: underline; margin-left: 20px
}

/********************************************
	SLIDER HOMEPAGE
********************************************/

div.ProjectScrollerIndex
{
	position: absolute; width: 220px; left: 50%; top: 225px; margin-left: 292px
}

.jcarousel-skin-tango .jcarousel-container
{
	background: #FFFFFF
}

.jcarousel-skin-tango .jcarousel-direction-rtl
{
	direction: rtl;
}


.jcarousel-skin-tango .jcarousel-container-vertical
{
	width: 220px; height: 603px; padding: 0px 0px;
}


.jcarousel-skin-tango .jcarousel-clip-vertical
{
	width:  220px; height: 603px;
}

.jcarousel-skin-tango .jcarousel-item
{
	width: 220px; height: 201px;
}

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

.jcarousel-skin-tango .jcarousel-item-placeholder
{
	background: #FFFFFF; color: #000000;
}

/*
	BUTTON VERTICAAL
*/

.jcarousel-skin-tango .jcarousel-next-vertical
{
	position: absolute; top: 140px; left: 155px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/Down.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover
{
	position: absolute; top: 140px; left: 155px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/DownHover.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active
{
	position: absolute; top: 140px; left: 155px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/Down.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical
{
	position: absolute; top: 140px; left: 155px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/Down.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover
{
	position: absolute; top: 140px; left: 155px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/DownHover.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active
{
	position: absolute; top: 140px; left: 155px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/Down.jpg) no-repeat 0 0;
}

/*
	BUTTON HORIZONTAAL
*/

.jcarousel-skin-tango .jcarousel-prev-vertical
{
	position: absolute; left: 0px; top: 140px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/Up.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover
{
	position: absolute; left: 0px; top: 140px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/UpHover.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active
{
	position: absolute; left: 0px; top: 140px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/Up.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical
{
	position: absolute; left: 0px; top: 140px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/Up.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover
{
	position: absolute; left: 0px; top: 140px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/UpHover.jpg) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active
{
	position: absolute; left: 0px; top: 140px; width: 24px; height: 24px; cursor: hand; background: transparent url(images/Up.jpg) no-repeat 0 0;
}