/* default stylesheet */

* {
	margin:				0;
}

html, body {
	height: 			100%;
}

html {
	font-size: 			100%;
	overflow-y:			scroll;
}

body {
	background:			url(../images/bg_groot.jpg);
	color: 				#000000;
	font-family:		"Trebuchet MS";
	font-size: 			82.5%; /* now default font size is 10px --> 1.2em = 12px */
	line-height: 		140%;
	text-align:			center;
}

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

			
#wrapper_outline {
	background:			url(../images/bg_content.png) top center no-repeat;
	height:				100%;
	height: 			auto !important;
	min-height:			100%;
	margin: 			0 auto -35px auto; /* the bottom margin is the negative value of the footer's height */
	width: 				1000px;
}

#wrapper {
	clear:				both;
	min-height: 		100%;
	height: 			auto !important;
	height: 			100%;
	margin: 			0 auto -35px auto; /* the bottom margin is the negative value of the footer's height */
	width:				980px;
}

/*****************************************************/
/*                                                   */
/*                   MAIN DIV'S	                     */
/*                                                   */
/*****************************************************/

#header {
	height:				180px;
}

#content {
	background:			url(../images/top_bg_content.jpg) top left no-repeat;
	padding:			30px 0 0 0;
	*margin:			14px 0 0 10px;
	*padding:0;
}

#footer {
	background:			#FFF url(../images/bg_footer.jpg) no-repeat;
	bottom:				0;
	color:				#333333;
	font-size:			0.9em;
	padding:			4px 10px;
	text-align:			right;
}

#footer p {
	float:				right;
}

#footer, #footerclearer {
	height: 			27px; /* .footerclearer must be the same height as .footer */
	margin:				0 auto;
	width:				960px;
	*margin:			0 0 0 -20px;
	*bottom:			0;
}

/*****************************************************/
/*                                                   */
/*                     TAG'S		                 */
/*                                                   */
/*****************************************************/

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

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

a.nieuwslink{
	display:			block;
	text-decoration:	none;
}

a:hover.nieuwslink {
	background-color:	#E1E1E1;
	display:			block;
	text-decoration:	none;
}

h1 {
	font-family:		Georgia;
	font-size:			1.3em;
	padding-left:		10px;
	text-align:			left;
}

h2 {
	font-family:		Georgia;
	font-size:			1.1em;
	padding-top:		8px;
	padding-left:		18px;
	text-transform:		uppercase;
}

h3 {
	font-family:		Georgia;
	font-size:			1.1em;
	padding-top:		8px;
	text-transform:		uppercase;
}

li {
	list-style:			none;
	list-style-image:	none;
}

p {
	font-size:			1.0em;
	line-height:		1.5em;
	padding:			10px;
	text-align:			left;
}

td {
	font-size:			13px;
	line-height:		1.5em;
	padding:			3px;
	text-align:			left;
}

form {
	padding:			10px;
}

form ul {
	margin-left:		10px;
}

input, select, textarea {
	font-family:		"Trebuchet MS";
}

/*****************************************************/
/*                                                   */
/*                   HEADER			                 */
/*                                                   */
/*****************************************************/

#boog {
	background:			url(../images/header_boog.png) top left no-repeat;
	height:				154px;
	margin-top:			-325px;
	position:			relative;
	width:				980px;
	z-index:			2;
}

#logo {
	position:			absolute;
	z-index:			3;
}

#headerfoto {
	position:			absolute;
	margin-left:		330px;
	z-index:			1;
}

#headerfoto img { display: none }
#headerfoto img.first { display: block }


#payoff {
	position:			absolute;
	margin-left:		918px;
	z-index:			2;
}


/*


#boog {
	background:			url(../images/header_boog.png) top left no-repeat;
	height:				155px;
	position:			absolute;
	margin-top:			-325px;
	width:				980px;
	z-index:			4;
}

#logo {
	height:				145px;
	position:			relative;
	left:				800px;
	top:				-300px;
	z-index:			5;
}
*/
/*****************************************************/
/*                                                   */
/*                     KOLOMMEN		                 */
/*                                                   */
/*****************************************************/

#col-1 {
	float:				left;
	margin-top:			40px;
	margin-bottom:		25px;
	width:				211px;
}

#col-2 {
	background:			url(../images/bg_col.png) top right no-repeat;
	float:				left;
	margin-top:			30px;
	margin-bottom:		25px;
	width:				500px;
}

#col-3 {
	float:				left;
	margin-top:			20px;
	margin-bottom:		25px;
	width:				268px;
}

/*****************************************************/
/*                                                   */
/*                     BLOKKEN		                 */
/*                                                   */
/*****************************************************/		

.col-logos {
	margin-bottom:		25px;
	padding-left:		40px;
}

.col-logos img {
	padding-bottom:		10px;
}

.col-logos p {
	font-size:			0.8em;
	text-align:			left;
	padding-left:		35px;
	padding-top:		35px;
}

.col-breed {
	padding:			10px;
	width:				470px;
}

.nieuws {
	background:			url(../images/bg_nieuwsitem.png) bottom center no-repeat;
	display:			block;
	padding:			0 20px;
}

.nieuws p {
	line-height:		1.4em;
	margin-top:			-20px;
	margin-left:		-12px;
}

.nieuws p.datum {
	color:				#0D68CC;
	font-weight:		bold;
	margin-top:			10px;
	margin-left:		-12px;
}


.plomp1 {
	background:			url(../images/plomp1.png) top left no-repeat;
	display:			block;
	width:				321px;
	height:				105px;
	margin:				25px 0 0 0;
}


.plomp2 {
	background:			url(../images/plomp2.png) top left no-repeat;
	display:			block;
	width:				321px;
	height:				105px;
	margin:				25px 0 0 0;
}


.plomp3 {
	background:			url(../images/plomp3.png) top left no-repeat;
	display:			block;
	width:				321px;
	height:				105px;
	margin:				25px 0 0 0;
}

.plomp1 div, .plomp2 div, .plomp3 div {
	color:				#FFF;
	padding:			15px 10px 0 65px;
}


.nieuws p.titel {
	color:				#042F62;
	font-weight:		bold;
	margin-top:			-22px;
	margin-left:		-12px;
}

.nieuws p.leesmeer {
	color:				#999999;
	margin-top:			-20px;
}

.col-breed img {
	background-color:	#EAECEB;
	border:				2px solid #ADADAD;
	margin:				10px;
	padding:			4px;
}

.fotogallery img {
	background-color:	#EAECEB;
	border:				2px solid #ADADAD;
	float:				left;
	margin:				10px;
	padding:			4px;
	width:				202px;
}

#footer a {
	text-decoration:	none;
}

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

/*****************************************************/
/*                                                   */
/*                   MENU			                 */
/*                                                   */
/*****************************************************/

ul.menu {
	font-family:		Georgia;
	text-transform:		uppercase;
	margin:				0 0 0 -20px;
}

ul.menu li {
	background:			url(../images/devider_menu.jpg) bottom left no-repeat;
	width:				180px;
	text-align:			left;
}

ul.menu li a {
	color:				#000000;
	display:			block;
	padding:			8px 0 8px 25px;
	text-decoration:	none;
}

ul.menu li.active a, ul.menu li a:hover {
	color:				#0D68CC;
	text-decoration:	none;
}

ul.menu li.active ul.submenu li {
	background:			none;
	font-size:			0.8em;
	width:				150px;
	*width:				200px;
}

ul.menu li.active ul.submenu li a {
	color:				#000000;
	display:			block;
	padding:			4px 0 4px 0;
	*padding:			4px 0 4px 40px+
}

ul.menu li.active ul.submenu li.active a, ul.menu li.active ul.submenu li a:hover  {
	color:				#0D68CC;
	text-decoration:	none;
}



.social {
	text-align:			right;
}

.social img {
	margin-top:			8px;
}

.social .volg {
	position:		relative;
	top:			-7px;
}



/*****************************************************/
/*                                                   */
/*                   TEKSTKLEUREN                    */
/*                                                   */
/*****************************************************/

.red {
	color:				#FF0000;
}

.col-bar {
	background:			#FFF;/* url(../images/bg_footer.jpg) top left no-repeat;*/
	height:				35px;
	text-align:			right;
	padding-right:		60px;
	width:				920px;
}

table.prijslijst img {
	border:				0;
	padding:0;
	margin:0;
}