/* GENERAL */
html,body {
	height:100%;
}

body{
	margin:					auto;
	background-image:		url('../img/backgrounds/body.jpg');
	background-attachment:	fixed;
	font-family:			'Tahoma', Arial, Helvetica, sans-serif;
	font-size:				12px;
	color:					#663300;
}

div{
	position:				relative;
	display:				inline;
	float:					left;
}


h1{
	margin:					15px;
	margin-top:				20px;
	font-size:				42px;
	font-weight:			normal;
	color:					#CC0066;
	visibility:				hidden;
}

p span
{
	font-size: 14px;
}

h4{
font-size:14px;
font-weight:normal;
margin-left:15px;
}


p.inleiding {
font-style: italic;
margin-top: 5px;
margin-bottom: 30px;
}

a.bestellendetail {
	margin-top:				10px;
	width: 					55px;
	margin-left:			15px;
	padding:				3px;
	padding-left:			10px;
	padding-right:			10px;
	background-color:		#CC0066;
	font-size:				12px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
}

a.bestellendetail:hover {
	background-color:		#029795;
	color:					#FFFFFF;
}

h2.subtitel
{
argin-top: 0px;
margin-bottom: 15px;
}

h2{
	margin:					15px;
	width: 600px;
	margin-top:				20px;
	margin-bottom:			0px;
	font-size:				14px;
	font-weight:			bold;
	color:					#029795;
}

address
{
margin-left: 15px;
}

h3 {
	margin:					15px;
	margin-top:				20px;
}

p{
	margin:					15px;
}

img.elephant
{
position:					absolute;
float:						left;
top: 						322px;
left:						-5px;
z-index:					50;

}

#content p
{
margin-top: 0px;
}
table{
	margin:					15px;
	border-collapse:		collapse;
}

table td{
	padding-right:			15px;
}

ul{
	margin:					15px;
	padding-left:			25px;
}

ol{
	margin:					15px;
	padding-left:			30px;
}

p.blockquote{
	font-size:				14px;
	font-style:				italic;
	color:					#93623B;
}

form{
	margin:					0px;
}

a{
	text-decoration:		underline;
	color:					#CC0066;
}

a:hover{
	color:					#029795;
}

img{
	border:					none;
}

.left{
	float:					left;
}

.right{
	float:					right;
}

.center{
	text-align:				center;
}

.textright{
	text-align:				right;
}


/* FRAME */
div#horizon
{
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-325px; /* half of container's height */
		float:left;

}
div#frame{
	margin:					0 auto;
	position:				relative;
	width:					900px;
	height:					650px;
	clear:					left;
	display:				block;
	float:					none;
}


/* HEADER */
div#header{
	width:					900px;
	height:					150px;
	background-image:		url('../img/backgrounds/header.png') !important;
	background-image:		url('../img/backgrounds/header.gif');
	overflow:				hidden;
}

div#header ul{
	margin:					0px;
	margin-top:				75px;
	margin-left:			18px;
	padding:				0px;
	list-style:				none;
	float:					left;
}

div#header ul li{
	margin-left:			1px;
	float:					left;
}

div#header ul li.hover ul{
	position:				absolute;
	height:					30px;
	margin:					0px;
	margin-top:				-1px;
	margin-left:			-1px;
	border-style:			solid;
	border-color:			#029795;
	border-width:			1px;
	background-color:		#FFFFFF;
	display:				block;
	z-index:				1;
}

div#header ul li.hover ul li.selected a{
	font-weight:			bold;
	color:					#CC0066;
}

div#header ul li.hover ul li a{
	padding-top:			8px;
	padding-bottom:			5px;
	font-size:				11px;
	font-weight:			normal;
	color:					#029795;
}

div#header ul li.hover ul li a:hover{
	color:					#CC0066;
}

div#header ul li.hover a{
	position:				relative;
	background-color:		#FFFFFF;
	color:					#029795;
	z-index:				2;
}

div#header ul li.selected a{
	background-color:		#FFFFFF;
	color:					#CC0066;
}

div#header ul li.selected a:hover{
	color:					#CC0066;
}

div#header ul li ul{
	display:				none;
}

div#header ul li a{
	padding-top:			8px;
	padding-bottom:			20px;
	padding-left:			10px;
	padding-right:			10px;
	font-size:				14px;
	font-weight:			bold;
	text-decoration:		none;
	color:					#FFFFFF;
	display:				block;
}

div#header ul li a:hover{
	background-color:		#FFFFFF;
	color:					#029795;
}

div#header a img{
	margin-top:				50px;
	margin-left:			30px;
	background-image:		url('../img/logo/default.gif');
	float:					left;
}

div#header a:hover img{
	background-image:		url('../img/logo/hover.gif');
}


/* MAIN */
div#main{
	width:					900px;
	background-image:		url('../img/backgrounds/main.gif');
	height:auto;
}


/* LEFTBAR */
div#leftbar{
	background-position:	top left;
	background-repeat:		no-repeat;
	height:					auto !important;
	min-height:				375px;
	height:					375px;
}

.small{
	width:					230px;
	background-image:		url('../img/backgrounds/leftbar/small.jpg');
}

.large{
	width:					315px;
	background-image:		url('../img/backgrounds/leftbar/large.jpg');
}


/* CONTENT */
div#content{
	background-image:		url('../img/backgrounds/content.jpg');
	background-position:	top left;
	background-repeat:		repeat-x;
	line-height:			200%;
	height:					auto !important;
	height:					375px;
	min-height:				375px;
}

.w365{
	width:					365px;
}

.w450{
	width:					450px;
	overflow-x:				hidden;
}

.w560{
	width:					560px;
}

.w645{
	width:					645px;
}


/* RIGHTBAR */
div#rightbar{
	height:					auto !important;
	min-height:				375px;
	height:					375px;
	position:				relative;
	display:				inline-block;
}

.home {
	overflow:				hidden;
}

div#rightbar img {
position:					absolute;
top:						20px;
}

.hidden{
	width:					25px;
	background-image:		url('../img/backgrounds/rightbar/hidden.jpg');
}

.visible{
	width:					220px;
	background-image:		url('../img/backgrounds/rightbar/visible.jpg');
}


/* FOOTER */
div#footer{
	width:					900px;
	padding-top:			50px;
	background-image:		url('../img/backgrounds/footer.jpg');
	background-position:	top left;
	background-repeat:		no-repeat;
	font-size:				9px;
	font-weight:			bold;
	color:					#FDF0C0;
	display:				block;
	position:				static;
}

div#footer a{
	text-decoration:		none;
	color:					#FDF0C0;
}

div#footer a:hover{
	text-decoration:		underline;
}

div#footer img{
	margin-top:				-40px;
}


/* FLIES */
div#fly1{
	position:				absolute;
	width:					25px;
	height:					46px;
	top:					0px;
	left:					50%;
}

div#fly2{
	position:				absolute;
	width:					27px;
	height:					45px;
	top:					0px;
	left:					50%;
}

div#fly3{
	position:				absolute;
	width:					19px;
	height:					32px;
	left:					50%;
}

div#fly4{
	position:				absolute;
	width:					34px;
	height:					50px;
	left:					50%;
}

div#fly5{
	position:				absolute;
	width:					45px;
	height:					72px;
	top:					0px;
	left:					50%;
}

div#fly6{
	position:				absolute;
	width:					45px;
	height:					72px;
	top:					0px;
	left:					50%;
}

/* FORM */
form {
	float: left;
	margin: 0 15px;
	width: 500px;
}

form dt { 
	float: left;
	width: 125px;
	padding-top: 10px;
	min-height: 1px; /* Required to give layout to empty elements */
}

form dd {
	margin-left: 110px;
	padding-top: 10px;
}

form dd img {
	position: relative;
	top: 3px;
}

input[type=text],
textarea {
	padding: 2px;
	background: white url(../img/input_bg.jpg) no-repeat;
	border: 1px solid #bbb;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
}

form .small { width: 50px; }
form .medium { width: 100px; }
form .large { width: 200px; }
form .extra-large { width: 250px; }