/************* begin positionering ******************/
body, html {
	margin: 10px 15px 0;
/*	margin: 0;*/
	padding: 0;
	font: 87.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:	#000;
/*	font-weight: bold;*/
}

#container {
	width: 740px;
	height: 436px;
	text-align: left;
	position: absolute;
	margin-top: -218px;
	margin-left: -370px;
	top: 50%;
	left: 50%;
}

#area_menu {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 160px;
	height: 300px;
}

#area_text {
	position: absolute;
	left: 180px;
	top: 5px;
	width: 520px;
	height: 380px;
	overflow: auto;
	padding: 0px 15px 15px 15px;
}

#area_logo {
	position: absolute;
	left: 0px;
	top: 365px;
}
#area_language {
	position: absolute;
	left: 600px;
	top: -30px;
}




/**** plaatsing vogels ******/
.area_animal {display: none;}

#area_animal_reviews {
	position: absolute;
	left: -30px;
	top: 195px;}

#page_home #area_animal_home {
	display: block;}
#page_catalogue #area_animal_catalogue {
	display: block;}
#page_order #area_animal_order {
	display: block;}
#page_reviews #area_animal_reviews {
	display: block;}
#page_about #area_animal_about {
	display: block;}
#page_contact #area_animal_contact {
	display: block;}






	
.area_link {
	position: absolute;
	left: 500px;
	top: 380px;
}
.area_back {
	position: absolute;
	left: 660px;
	top: 370px;
	width: 30px;
	height: 20px;
}
/************* eind positionering ******************/





/************** begin instellen achtergronden *************/
#page_home {
	background: #28384b url(../image/background/bg-home.jpg) fixed no-repeat center center;
}
#page_catalogue {
	background: #818647 url(../image/background/bg-catalogue.jpg) fixed no-repeat center center;
}
#page_order {
	background: #6b2617 url(../image/background/bg-order.jpg) fixed no-repeat center center;
}
#page_about {
	background: #c0ac8d url(../image/background/bg-about.jpg) fixed no-repeat center center;
}
#page_contact, #page_sendmail {
	background: #555f42 url(../image/background/bg-contact.jpg)	fixed no-repeat center center;
}
#page_reviews {
	background: #DCBCA7 url(../image/background/bg-reviews.jpg)	fixed no-repeat center center;
}
/************** eind instellen achtergronden *************/





/************************ begin tekst styling ************************/
p, ul, ol {
	font-size: 			1em;
	line-height:		1.5;}
/*p {
	margin-bottom: 		1em;
	margin-top: 		0;}*/
p {	margin-bottom: 		1em;
	margin-top: 		0;}
	
	
	
ul {
	list-style-type:	circle;
	margin-left: 		0;
	padding-left: 		1.1em;}
ol {
	margin-left: 		0;
	padding-left: 		1.7em;}
ul li, ol li {
	margin-bottom:		0.5em;}

dl {
	list-style-type:	circle;
	margin-left: 		0;
	padding-left: 		0;}
dt {margin:				0 0 0.5em 0;}
	
dd {margin:				0 0 1em 1em;
	color:				#005500;
	font-weight:		bold;}
	
a:link {
	color:				#000;
	text-decoration:	underline;}
a:visited {
	color: 				#000;}
a:hover {
	color: 				#000;
	background-color: 	transparent;
	font-weight:		bold;}
a:active {
	color: 				#000;
	background-color: 	#b1aea0;}
a:focus {
	border:				1px solid #000;
	background:			#fff;}

h1, h2, h3, h4, h5, h6 {
}
h1 {
	font-size: 			15px;
	line-height:		22px;
	margin: 			0 0 5px 0;
	padding:			0;
	text-align:			left;
	font-weight:		bold;
	color:				#596526;}

#page_home h1, #page_home h2 {
	color:				#2d3f53;}

#page_home p {
	font-weight:		bold;}

#page_catalogue h1, #page_catalogue h2{
	color:				#4b5f0a;
	margin:				5px 0 5px 0;}
	
#page_catalogue h3 {
	font-size:			13px;
	color:				#1e2f41;
	margin:				0 0 10px 0;}

#page_order h1, #page_order h2, #page_order p, #page_order strong, #page_order td, #page_order th, #page_order a {
	color:				#5c1505;}

#page_order h1, #page_order h2{
	margin:				0 0 10px 0;}

#page_reviews h1, #page_reviews h2 {
	color:				#202123;}

#page_about h1, #page_about h2 {
	color:				#35291d;}

#page_contact h1, #page_contact h2 {
	color:				#3d420a;}


h2 {	
	font-size: 			15px;
	line-height:		15px;
	margin: 			0;
	padding:			0;
}

h3 {
	font-size: 			1em;
}
h4 {
	margin-top: 		0;
	margin-bottom: 		0;
	letter-spacing: 	0.05em;
	font-weight:		bold;}
h5 {
	font-size: 			1.1em;}
h6 {
	font-size: 			1.0em;}
pre, code {
	background-color:	#fff;
	font-size: 			1.3em;
	line-height:		1.8em;
	padding:			5px;
	margin:				0;
	border:				1px solid #EDE7CD;
	display: 			block;
	overflow: 			auto;
	width:				370px;}
strong {
	color:				#000;
	font-weight:		bold;
	}
.kleinetekst {
	font-size:			0.7em;}
blockquote {
	font-style: italic;
	margin-left: 0;
	padding-left: 15px;
}

.clearleft {
	clear: 				left;}
.clearboth {
	clear: 				both;}

/* geef deze class aan een plaatje om naar rechts te laten vloeien */
.plaatjenaarrechts {
	float: 				right;}


.floatnone {
	float: 				none;}
.centreren {
	text-align:			center;}

.inlineimage {
	margin: 0;
	vertical-align: bottom;}
	

/* plaatjes uitlijnen naar links  */
img {
	float: left;
	margin: 0 15px 20px 0;
	border: 0;}

/* plaatjes uitlijnen naar rechts */
/*
img {
	float: right;
	margin: 0 15px 20px 0;
	border: 0;}
*/



.line {
	color: 				#F00;
	width: 				200px;
	height: 			1px;
	line-height: 		2px;
}

.extra { display: block;

	text-align:			right; 
	margin-bottom:		10px;}

/* begin horizontal rules */
div.line hr{ /* take out the troublemaking HR */
display:none;
}
div.line { /* DIV that wraps and replaces the HR */
border-top: 1px solid #9E9E9E;
width: 490px;
margin-top: 10px;
margin-bottom: 5px;
clear: both;
}/* end horizontal rules */





/**************** eind text styling ****************/


/************************ begin opmaak mooie tabel ************************/
table {
    border-collapse: 	collapse;
	width:				90%;
	margin-bottom:		10px;}
table tr th {

}
table tr td, table tr th {
    padding: 			5px;
	margin: 			0;
    border: 			solid #333 0px;
	vertical-align: 	top;}
table td p {
	font-size:			0.8em;
    padding: 			0;
	margin: 			0;}
/************************ eind opmaak mooie tabel ************************/



/**************** begin menu ********************/
ul#menu {
    margin:             0 20px 0 0;
    padding:             0;
    border-bottom:         1px solid #9E9E9E;
}

ul#menu li {
	margin: 			0;
	padding: 			0;
}
ul#menu li {
	list-style: 		none;
	border-top: 		1px solid #9E9E9E;
	text-align: 		right;
	line-height: 		2em;
}
ul#menu li a {
	text-decoration: 	none;
	color: 				#000;
	font-weight:		normal;
}
ul#menu li a:hover {
	color: 				#000;
	background-color:	transparent;
	font-weight: 		bold;
}
ul#menu li#actiefmenu a {
	font-weight: 		bold;
}
/**************** eind menu ********************/


/************************ begin send mail *************************/

#page_contact #omschrijving {
	width:		200px;}

#page_contact #naam,
#page_contact #email,
#page_contact #onderwerp,
#page_contact #bericht {
	width:		250px;
	border:		1px solid #000;}
#page_contact #bericht {
	}






/************************ eind send mail *************************/







/************************ begin "terug naar boven" knoppen *************************/
#naarboven {
position: fixed;
bottom: 50px;
right: 150px;
}
#naarboven a {
color: #fff;
}
/************************ einde "terug naar boven" knoppen *************************/

/************************ begin diverse ********************************************/
.headerprint {
	display: 			none}
img#emailadresafbeelding {
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 2px;
	left: 0;}
/************************ eind diverse ********************************************/