/* ################################################################################# */
/*                                                                                   */
/*                                     BODY                                          */
/*                                                                                   */
/* ################################################################################# */

* {
	margin: 			0;
	padding: 			0;
}

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;	/* laat altijd de linker scrollbalk zien in FireFox */
}

body {
	background:			#FFF url(../images/bg.jpg) top left repeat-x;
	color:				#666;
	font-family: 		Georgia;
	font-size: 			70%; /* standaard font grootte is nu 10px, dus 1.2em = 12px */
	line-height: 		120%;
	text-align: 		center;
}

/* ################################################################################# */
/*                                                                                   */
/*                                  CONTAINER                                        */
/*                                                                                   */
/* ################################################################################# */


#container {
	position:			relative;
	min-height: 		100%;
	height: 			100%;
	voice-family: 		"\"}\"";
	voice-family: 		inherit;
	height: 			auto;
}
html>body #container {
	height: 			auto;
}
			
#wrapper {
	height:				100%;
	margin:				0 auto;
	text-align: 		left;
}


/* ################################################################################# */
/*                                                                                   */
/*                                   DEFAULT                                         */
/*                                                                                   */
/* ################################################################################# */

h1 {
	color:				#0B3448;
	font-size:			1.2em;
	margin:				10px 0;
}


h2 {
	color:				#0B364A;
	font-size:			1.3em;
	font-weight:		bold;
	margin:				4px 0 6px 0;
}

h5 {
	font-size:			1.5em;
	margin-left:		6px;
	margin-top:			6px;
	text-transform:		uppercase;
}

h6 {
	color:				#FFFFFF;
	font-size:			0.7em;
	margin-left:		8px;
	margin-top:			-2px;
	text-transform:		uppercase;
}

p {
	font-size:			1.1em;
	line-height:		18px;
}

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

a:hover {
	color:				#0099CC;
	text-decoration:	none;
}

#gastenboek img {
	margin-left:		11px;
}

td {
	font-size:			1.1em;
	padding:			5px;
}
/* ################################################################################# */
/*                                                                                   */
/*                                   HEADER                                          */
/*                                                                                   */
/* ################################################################################# */

#header {
	height:				99px;
	margin:				0 auto;
	width:				985px;
}

#logo {
	float:				left;
	height:				100px;
	margin-top:			-1px;
	margin-left:		15px;
	width:				248px;
}

#menu {
	color:				#526163;
	float:				left;
	height:				50px;
	margin-top:			40px;
	text-align:			right;
	text-transform:		uppercase;
	width:				702px;
	word-spacing:		10px;
}

#content {
	background:			url(../images/bg_content.jpg) center top no-repeat;
	min-height:			300px;
}

#topcontact {
	color:				#0B3448;
	float:				right;
	padding:			0 25px 0 0;
	text-align:			right;
}

#navbar {
	background:			url(../images/bg_header.jpg) top left repeat-x;
	height:				200px;
}
/* ################################################################################# */
/*                                                                                   */
/*                                   BOXEN                                            */
/*                                                                                   */
/* ################################################################################# */

.box-content {
	margin:				0 auto;
	width:				985px;
}

.box-left, .box-mid, .box-right,
.leftbox, .midbox, .rightbox, .leftbox-breed {
	float:				left;
}

.box-left{
	width:				450px;
}

.box-mid {
	width:				295px;
}

.box-right {
	color:				#FFF;
	text-align:			right;
	padding:			20px 25px 0 0;
	width:				215px;
}

.leftbox {
	width:				420px;
}

.leftbox-breed {
	margin:				15px 0 0 0;
	width:				745px;
}

.midbox {
	width:				265px;
}

.rightbox {
	width:				210px;
}

.leftbox, .midbox, .rightbox, leftbox-breed  {
	padding:			30px 15px 0 15px;
}

.box-quote {
	background:			url(../images/bg_quote.jpg) top left no-repeat;
	height:				100px;
	padding:			25px 100px 75px 18px;
	width:				183px;
}

tr.titel {
	color:				#0B364A;
	font-weight:		bold;
}

ul.navi {
	color:				#FFF;
	margin:				20px 0 0 0;
}

ul.navi li {
	color:				#FFF;
	font-size:			1.2em;
	letter-spacing:		1;
	list-style:			none;
	list-style-image:	none;
	line-height:		2.1em;
	padding:			0 10px;
}

ul.navi li a {
	color:				#FFF;
	text-decoration:	none;
}
/* ################################################################################# */
/*                                                                                   */
/*                                   BOX-STYLES                                      */
/*                                                                                   */
/* ################################################################################# */

.box-right h1 {
	color:				#FFF;
	font-size:			1.5em;
	line-height:		1.3em;
	margin:				-5px 0 8px 0;
}

p.progdate {
	color:				#0B364A;
}

p.progwed {
}

p.progaan {
	color:				#A0D7F1;
	margin:				0 0 18px 0;
}

.box-quote h1 {
	color:				#0B3448;
	font-size:			1.45em;
	line-height:		1.3em;
	margin:				10px 0;
}

.box-quote p.small {
	color:				#1A7BAB;
	font-style:			italic;
}

.leftbox h1, .midbox h1, .rightbox h1 {
	color:				#166A94;
	font-size:			1.6em;
	margin:				4px 0 18px 0;
}

.nieuwsitem {
	margin:				0 0 12px 0;
}

span.newsdate {
	color:				#1A7CAC;
	font-size:			1.2em;
	font-weight:		bold;
}

.rotate {
	padding:			20px 80px 15px 15px;
}
	
.ksv {
	color:				#1A7CAC;
	font-weight:		bolder;
}