/*
 *Common
 */
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
}

.Close
{
	clear: both;
}

a img
{
	border: none 0;
}

/*
 *Main
 */
body
{
	background-color: #002f1c;
}

table#Center
{
	width: 100%;
	height: 100%;
}

	table#Center td
	{
		height: 100%;
		vertical-align: middle;
	}
		
		div#Wrapper
		{
			position: relative;
			text-align: left;
			margin: 0 auto;
			width: 900px;
			height: 675px;
		}
		
			div#Header
			{
				position: absolute;
				top: 0;
				left: 0;
				width: 900px;
				height: 186px;
				background-image: url(../media/img/header_bg.gif);
				background-repeat: no-repeat;
				overflow: hidden;
			}
			
			div#Left
			{
				position: absolute;
				top: 186px;
				left: 0;
				width: 261px;
				height: 489px;
				background-image: url(../media/img/left_bg.gif);
				background-repeat: no-repeat;
				overflow: hidden;
			}
			
			div#Content
			{
				position: absolute;
				top: 186px;
				left: 261px;
				width: 545px;
				height: 352px;
				background-color: #fff;
				overflow: hidden;
			}
			
				div#Map
				{
					position: relative;
					margin-left: 45px;
					margin-top: 45px;
				}
			
				div#Block
				{
					position: relative;
					padding: 30px 30px 0 30px;
					width: 485px;
					height: 322px;
					overflow: auto;
				}
				
				div#mycarousel
				{
					position: relative;
					width: 545px;
					height: 352px;
					overflow: hidden;
				}
				
				div#Arrows
				{
					position: absolute;
					left: 0;
					bottom: 0;
					width: 100%;
					height: 20px;
					z-index: 100;
				}
				
				table#VerticalAlign, table#VerticalBottom, table#Staal, table#Menu
				{
					border: 0;
				}
				
					table#VerticalAlign td
					{
						vertical-align: middle;
					}
					
					table#VerticalBottom td
					{
						vertical-align: bottom;
					}
					
					table#Staal
					{
						margin-top: 20px;
						margin-left: 45px;
					}
					
					table#Staal td
					{
						padding: 2px;
						vertical-align: middle;
					}
					
					table#Menu
					{
						margin-left: 80px;
					}
					
						table#Menu td
						{
							padding: 10px;
							vertical-align: top;
						}
			
			div#Right
			{
				position: absolute;
				top: 186px;
				left: 806px;
				padding-top: 30px;
				padding-left: 34px;
				width: 60px;
				height: 459px;
				background-image: url(../media/img/right_bg.gif);
				background-repeat: no-repeat;
				overflow: hidden;
			}
			
			div#Bottom
			{
				position: absolute;
				top: 538px;
				left: 261px;
				width: 545px;
				height: 137px;
				background-image: url(../media/img/bottom_bg.gif);
				background-repeat: no-repeat;
				overflow: hidden;
			}
			
/*
 *Layout
 */
h1, h2, h3, h4, h5, h6, p, a, ul, ol, th, td, form, fieldset, label, input, textarea
{
	font-family: Trebuchet ms, Arial, Helvetica, sans-serif;
}

h2
{
	font-size: 16px;
	color: #fff;
}

h2.Left
{
	float: left;
	margin-top: 8px;
	margin-right: 10px;
}

h3
{
	margin-bottom: 10px;
	font-family: VAG Rounded, Arial, Helvetica, sans-serif;
}

p, ul, td
{
	font-size: 14px;
	line-height: 22px;
	color: #000;
}
	p#Disclaimer
	{
		position: absolute;
		left: 5px;
		top: 458px;
		font-family: VAG Rounded, Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 14px;
		color: #76B759;
	}
	p#Verkoopadressen
	{
		position: absolute;
		left: 10px;
		top: 328px;
	}
		p#Verkoopadressen a:link
		{
			font-family: VAG Rounded, Arial, Helvetica, sans-serif;
			font-size: 16px;
			font-weight: bold;
			color: #004375;
			text-decoration: none;
		}
		p#Verkoopadressen a:hover, a.Verkoopadres:hover
		{
			text-decoration: underline;
		}

ul
{
	margin: 0;
	list-style: none;
}

div#Header p
{
	position: absolute;
	left: 450px;
	top: 60px;
}

div#Header p, div#Header a
{
	font-size: 18px;
	line-height: 22px;
	color: #006139;
	text-decoration: none;
}

div#Header a:hover
{
	color: #fff;
}

div#Header p span
{
	color: #fff;
	font-weight: bold;
}

table#VerticalAlign td p
{
	font-size: 10px;
	line-height: 14px;
}

table#VerticalBottom td p
{
	font-size: 14px;
	line-height: 18px;
}

table#Grid td p
{
	font-size: 12px;
	line-height: 16px;
}

table#Menu td a
{
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

table#Menu td a:hover
{
	color: #006139;
}

a.Arrow
{
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a.Arrow:hover
{
	color: #006139;
}

a#ShowRoute
{
	position: absolute;
	left: 208px;
	top: 146px;
}

/*Navigatie*/
#Nav
{
	margin-top: 32px;
	padding: 0;
	list-style: none;
}

	#Nav li
	{
		

	}

		#Nav li a
		{
			display: block;
			margin-left: 50px;
			padding-left: 25px;
			width: 184px;
			height: 29px;
			font-size: 18px;
			color: #acccbf;
			text-decoration: none;
			background-image: url(../media/img/menu_arrow_up.gif);
			background-position: left 4px;
			background-repeat: no-repeat;
		}
			
			#Nav li a:hover,
			body#Onsbedrijf #Nav li a.Onsbedrijf,
			body#Ligstoelen #Nav li a.Ligstoelen,
			body#Ligbedden #Nav li a.Ligbedden,
			body#Kindermeubels #Nav li a.Kindermeubels,
			body#Speelgoed #Nav li a.Speelgoed,
			body#Bolderwagen #Nav li a.Bolderwagen,
			body#Toelevering #Nav li a.Toelevering,
			body#Nieuweproducten #Nav li a.Nieuweproducten,
			body#Contact #Nav li a.Contact,
			body#Route #Nav li a.Route
			{
				color: #fff;
			}
			
/*Images*/
a.Logo
{
	position: absolute;
	left: 34px;
	top: 49px;
}

img.Left
{
	float: left;
	margin-right: 10px;
}

img.Right
{
	float: right;
	margin-left: 10px;
}

img.Staal
{
	float: left;
	border: 2px solid #fff;
	margin-right: 10px;
}

img.Color
{
	border: 4px solid #006139;
	margin-bottom: 10px;
}

/**
 * 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;
	width: 545px;
	height: 352px;
	float: left;
}

.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: 545px;
    height: 352px;
	overflow: hidden;
}