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

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

h1
{
	font-size: 28pt; color: #565656; font-weight: 300; text-transform: uppercase
}

a.nav
{
	color: #565656; font-size: 11pt; font-weight: 400; text-transform: uppercase; margin: 0px; padding: 0px
}

a.nav-select
{
	color: #BA196A; font-size: 11pt; font-weight: 400; text-transform: uppercase; margin: 0px; padding: 0px
}

h3
{
	margin: 0px; color: #BA196A; font-family: arial; font-size: 13pt; padding-top: 15px
}

p
{
	margin: 0px; color: #565656; font-family: arial; font-size: 10pt; line-height: 180%;
}

a
{
	color: #BA196A; text-decoration: none;
}

a:hover
{
	color: #BA196A; text-decoration: underline;
}

/********************************************
	NAVIGATIE SUB
********************************************/

h3.nav-sub-head
{
	margin: 0px; color: #BA196A; font-family: arial; font-size: 13pt; padding-top: 15px; padding-bottom: 6px; border-bottom: #D5D5D5 1px solid
}

a.nav-sub
{
	float: left; color: #565656; padding-top: 6px; padding-bottom: 6px; width: 185px; font-family: arial; font-size: 10pt; text-decoration: none; border-bottom: #D5D5D5 1px solid
}

a:hover.nav-sub
{
	float: left; color: #BA196A; padding-top: 6px; padding-bottom: 6px; width: 185px; font-family: arial; font-size: 10pt; text-decoration: none; border-bottom: #D5D5D5 1px solid
}

a.nav-sub-select
{
	float: left; color: #BA196A; padding-top: 6px; padding-bottom: 6px; width: 185px; font-family: arial; font-size: 10pt; text-decoration: none; font-weight: bold; border-bottom: #D5D5D5 1px solid
}

/********************************************
	PAGINA
********************************************/

body.site
{
	margin: 0px; overflow: scroll
}

div.head
{
	position: relative; width: 100%; height: 90px; background: url('images/bg-head.jpg') repeat-x 50% 0%;
}

div.head-content
{
	position: relative; width: 950px; height: 90px
}

div.site
{
	position: relative; left: 0px; width: 100%
}

div.site-content
{
	position: relative; top: 0px; width: 1000px; top: 17px; z-index: 8
}

div.site-nav
{
	position: relative; width: 1000px; top: 20px; z-index: 9
}

/********************************************
	CONTAINER
********************************************/

td.container-top
{
	background: url('images/container-top.jpg') no-repeat
}

td.container-bottom
{
	background: url('images/container-bottom.jpg') no-repeat
}

table.container
{
	background: url('images/container-border.jpg') repeat-y
}

/********************************************
	CONTAINER
********************************************/

div.site-banner
{
	position: absolute; width: 1000px; top: 40px; left: 50%; margin-left: -500px; z-index: 7
}

/********************************************
	SLIDER
********************************************/

#portfolio-head
{
	float: left; position: relative; width: 920px;
}

#portfolio-kolom
{
	float: left; position: relative; width: 445px; margin: 0px 0px 0px 200px
}

#portfolio-breed
{
	float: left; position: relative; width: 920px
}


/******* SET DEFAULT DIMENSIONS HERE ********/
div.anythingSlider {
	display: block;
	width: 700px;
	height: 390px;
	margin: 0 auto;
	overflow: hidden; /* needed for Opera and Safari */
}

/**** DO NOT CHANGE BELOW THIS LINE ****/
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow
{
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}

/* wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */ 0 45px 28px 45px;
div.anythingSlider
{
	position: relative;
	padding: 0px 0px 0px 0px;
}

/* anythingSlider base UL */
ul.anythingBase
{
	background: transparent;
	list-style: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

ul.anythingBase li.panel
{
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}

div.anythingSlider .forward
{
	position: absolute; width: 260px; height: 157px; right: 40px; top: 312px; cursor: hand; z-index: 9
}

div.anythingSlider .back
{
	position: absolute; width: 185px; height: 157px; left: 40px; top: 312px; cursor: hand; z-index: 9
}