/*



	CSS door memento



	www.mmnt.nl

	info@mmnt.nl



*/





/**********************  HOOFDNAV  **********************/

body{
	margin:0; padding:0;
}


div.container{

	width:760px;

	margin:auto;

	text-align:center;

}



ul#nav {margin:0px 0px 0px 0px;}



ul#space {margin:0px;}



div.container ul {

     padding: 0px;

     list-style: none;

     z-index: 100;

}



/* READ AS: 



	left unselected

	left selected

	left right selected

	left middle unselected

	left middle right selected

	etc ...



*/

 

li.nav_l_u,

li.nav_l_s,

li.nav_l_r_s,

li.nav_m_u,

li.nav_m_s,

li.nav_m_l_s,

li.nav_m_r_s,

li.nav_r_u,

li.nav_r_s,

li.nav_r_l_s{

	position: relative;

	z-index: 100;

	float:left;

	line-height:23px;	

	padding-left:27px;	

	background-repeat:no-repeat;

}





li.nav_l_u a.navitem,

li.nav_l_s a.navitem,

li.nav_l_r_s a.navitem,

li.nav_m_u a.navitem,

li.nav_m_s a.navitem,

li.nav_m_l_s a.navitem,

li.nav_m_r_s a.navitem,

li.nav_r_u a.navitem,

li.nav_r_s a.navitem,

li.nav_r_l_s a.navitem{

	text-decoration:none;

	z-index: 100;

	padding-right:40px;

	padding-left:10px;

	line-height:23px;

	height:23px;

	font-weight:bold;

	border-style:none;	

}



html>body li.nav_l_u a.navitem,

html>body li.nav_l_s a.navitem,

html>body li.nav_l_r_s a.navitem,

html>body li.nav_m_u a.navitem,

html>body li.nav_m_s a.navitem,

html>body li.nav_m_l_s a.navitem,

html>body li.nav_m_r_s a.navitem,

html>body li.nav_r_u a.navitem,

html>body li.nav_r_s a.navitem,

html>body li.nav_r_l_s a.navitem{ padding-top:4px;	padding-bottom:5px; }



li.nav_l_u a.navitem:hover,

li.nav_l_s a.navitem:hover,

li.nav_l_r_s a.navitem:hover,

li.nav_m_u a.navitem:hover,

li.nav_m_s a.navitem:hover,

li.nav_m_l_s a.navitem:hover,

li.nav_m_r_s a.navitem:hover,

li.nav_r_u a.navitem:hover,

li.nav_r_s a.navitem:hover,

li.nav_r_l_s a.navitem:hover {color:#000}



li.nav_l_u{background:url(../images/nav_l_u.gif) no-repeat #FFF;}

li.nav_l_u a.navitem{}

li.nav_l_s{background:url(../images/nav_l_s.gif) no-repeat #ffcc01;}

li.nav_l_s a.navitem{}

li.nav_l_r_s{background:url(../images/nav_l_u.gif) no-repeat #FFF;}

li.nav_l_r_s a.navitem{}

li.nav_m_u{background:url(../images/nav_m_u.gif) no-repeat #FFF;}

li.nav_m_u a.navitem{}

li.nav_m_s{background:url(../images/nav_m_s.gif) no-repeat #ffcc01;}

li.nav_m_s a.navitem{color:#000;}

li.nav_m_l_s{background:url(../images/nav_m_l_s.gif) no-repeat #FFF;}

li.nav_m_l_s a.navitem{}

li.nav_m_r_s{background:url(../images/nav_m_u.gif) no-repeat #FFF;}

li.nav_m_r_s a.navitem{}

li.nav_r_u{background:url(../images/nav_m_u.gif) no-repeat #FFF;}

li.nav_r_u a.navitem{background:url(../images/nav_r_u.gif) no-repeat right center;}

li.nav_r_s{background:url(../images/nav_m_r_s.gif) no-repeat #ffcc01;}

li.nav_r_s a.navitem{background:url(../images/nav_r_s.gif) no-repeat right center;}

li.nav_r_l_s{background:url(../images/nav_r_l_s.gif) no-repeat #FFF;}

li.nav_r_l_s a.navitem{background:url(../images/nav_r_u.gif) no-repeat right center;}





div.container li ul { 

	display: none;

	position: absolute;

	top: 1em;

	left: 0;

	z-index: 100;

}



div.container li>ul {top:auto; left:auto; z-index: 100;}

div.container li:hover ul, 

div.container li.over ul {display: block;z-index: 100;}

div.container ul li.hoofdnav a:hover{

	background-color:#D3D8DE;

	color:#000;

	z-index: 100;

}



div.container ul.space{

	background-color:#fff;

	border:2px solid #000;

	margin-top:11px;

	z-index: 100;

	text-align:left;

	padding:10px 10px 0 10px;

}



html>body div.container ul.space{ /* mozfix */

	padding-top:0px;

	margin-top:0px;

	margin-left:-27px;

}



div.container ul.space{

	margin-left:0px;

}



div.container ul.space a{

	border-bottom:1px solid #ccc;

	font-weight:bold;	

	white-space:nowrap;

}	



div.container ul.space a:hover{

	border-color:#ee3b34;

}



/**********************  END HOOFDNAV  **********************/





/**********************  STANDAARD  **********************/



* {

	box-sizing:content-box;

	-moz-box-sizing:content-box;

	font-family:"Trebuchet MS", Tahoma, Verdana;

}



body, html {

	width:100%;

	height:100%;

	margin:0px;

	padding:0px;

	overflow-x:hidden;

}



body {

	height:100%;

	min-height:100%;

	text-align:center;

/*
	background:url(../images/bg_body.png) repeat-x bottom center fixed;
*/
	font-size:0.75em;

}



form {

	display:inline;

}



a {

	color:#ED3B31;

	text-decoration:none;

	border-bottom: 1px solid #ccc;

}



a:hover {

 	color:#000;

 	border-bottom: 1px solid #ED3B31;

}



a#noborder {

	border: 0px;

}



h1,h2,h3,h4,h5 {

	color:#ED3B31;

	margin:12px 0px 0px 0px;

	font-size:100%;

	text-transform:uppercase;

}



h1 {

	 background: url(../images/slash.gif) no-repeat;

	 background-position: 1px;

	 height: 17px;
	 font-size:100%;

	 text-indent: 14px;

}

h2{
	font-size:120%;
}


p {

	padding-left: 14px;
	line-height:22px;

	display: block;
	font-size:110%;

}


div#content li{
	line-height:22px;
}

/**********************  BOX MODEL  **********************/



div#content {

	position: absolute;

	left: 0px;

	top: 0px;

	margin-left: 0px;

	margin-right: 0px;

	width: 100%;

	padding-right: 0px;

	padding-bottom: 0px;

	text-align:center;

}



html>body div#content {

	min-height:100%;

}



* html div#content { 

  height:100%;

}

div.footer{
	font-size:80%;
	width:100%;
	border-top:1px dashed #bdbdbd;
	padding-top:15px;
}

div#top {

	display:block;

	width:100%;

	background:url(../images/topback.jpg) repeat-x; 

	height: 56px;

	text-align:center;

}



div.subnav{
	float:right;
	color:#fff;
	text-align:left;
	margin-top:4px;
	width:260px;
	font-size:100%;
}

div.subnav a{
	color:#FFF;
	font-weight:bold;
	border-style:none;
}

div.subnav a:hover{
	color:#fff;
	border-bottom:1px solid #fff;;
}

img#logo {

	position: absolute;

	top:18px;

	left: 50%;

	margin-left: 171px;

	z-index:1000;

	border-style:none;

}



img#noborder {

	border-style:none;

}



img#illustratie{

	position: absolute;

	top:80px;

	left: 50%;

	width:294px;

	height:104px;

	margin-left: -380px;

	z-index:1000;

	border-style:none;

}



div#english{

	position: absolute;

	top:21px;

	left: 50%;

	margin-left: -360px;

	z-index:2000;

	border-style:none;

}



div#english img{

	border:0px;

}



div#header {

	display:block;

	width:100%;

	height:164px;

	background:url(../images/headerback.jpg) no-repeat center; 

	border-top:2px solid #000000;

	border-bottom:2px solid #000000;

}

html>body div#header{
	height:160px;
}





div#menu {

	background:url(../images/menuback.gif) no-repeat center; 

	border-bottom:2px solid #000;

	padding:0px;

	margin:0px;

	height:23px;

	text-align:center;

}



div#midden {

	display:block;

	width:100%;

}



div#tekst {

	width:772px;

	margin:auto; 

	padding: 5px;
}



div#kolomlinks {

	width:356px;

	float:left;

	text-align:left;

	padding: 15px;

	border-left: 1px dashed;

	border-color: #BDBDBD;

}



div#kolomlinks img{

	border: 2px solid;

	border-color: #BDBDBD;

}



div#kolomlinks_tekst img{

	border: 2px solid;

	border-color: #BDBDBD;

}



div#kolomrechts {

	width:371px;

	float:left;

	text-align:left;

	border-left: 1px dashed;

	border-right: 1px dashed;

	border-color: #BDBDBD;

}



div#kolomrechtsonder {

	width:371px;

	float:left;

	text-align:left;

	border-left: 1px dashed;

	border-right: 1px dashed;

	border-top: 1px dashed;

	border-color: #BDBDBD;

}



div#nieuws {

	width:225px;

	float:left;

	text-align:left;

	padding-left: 15px;

	padding-top: 15px;

	color: #ED3B31;

}



div#kolomlinks_tekst {

	width:456px;

	float:left;

	text-align:left;

	padding: 15px;

	border-left: 1px dashed;

	border-color: #BDBDBD;

}



div#kolomrechts_tekst {

	width:241px;

	float:right;
	margin-right:15px;

	border-left: 1px dashed;

	border-right: 1px dashed;

	border-color: #BDBDBD;

}


html>body div#kolomrechts_tekst{
	margin-right:35px;
}

div#kolomrechts_tekstsub {

	padding: 15px;

	text-align:left;

}



div#credit {

	width:241px;

	float:right;

	border-top: 1px dashed;

	border-color: #BDBDBD;

}



div#creditsub {

	padding: 15px;

	text-align:left;


	color:#888888;

	font-size:100%;

}


div#creditsub p{
	padding:0; margin:0;
}


div.datum {

	color:#888888;

	font-size:90%;

	padding-top:10px;

}



div.nieuwsbericht {

	font-size:100%;

}

a.nieuws{

	font-weight:bold;

}



div.archief {

	padding-top: 15px;

}



div#fotogallerij {

	width:100px;

	float:right;

	text-align:left;

	padding: 0px;

	padding: 15px;

	color: #ED3B31;

	border-left: 1px dashed;

	border-color: #BDBDBD;

}



div#fotogallerij a{

	font-size:90%;

	text-decoration:none;

	border-bottom : 1px solid #BDBDBD;

}



div#fotogallerij a:hover{

	border-bottom : 1px solid #ED3B31;

}



div#fotogallerij img{

	border: 2px solid;

	border-color: #BDBDBD;

}



div#fotogallerij_breed {

	width:200px;

	float:right;

	text-align:left;

	padding: 0px;

	padding: 15px;

	color: #ED3B31;

}



div#fotogallerij_breed a{

	font-size:90%;

	text-decoration:none;

	border-bottom : 1px solid #BDBDBD;

}



div#fotogallerij_breed a:hover{

	border-bottom : 1px solid #ED3B31;

}



div#fotogallerij_breed img{

	border: 2px solid;

	border-color: #BDBDBD;

}





div#login {

	width:225px;

	_width:241px;

	float:left;

	text-align:left;

	padding-left: 15px;

	padding-top: 15px;

}



div#drivers {

	width:100px;

	float:left;

	text-align:left;

	padding-left: 15px;

	color: #ED3B31;

	border-left: 1px dashed;

	border-color: #BDBDBD;

}



div#drivers img a{

	text-decoration:none;

	border: 0px;

}



table.ritplanning{

	border-collapse:collapse;

}



table.ritplanning *{

	font-size:11px;

}



table.ritplanning td{

	padding-left:15px;

}



table.ritplanning img{

	position:relative;

	top:3px;

	left:5px;

	

}



input.button{

	background-color:#ee3b34;

	color:#fff;

	font-weight:bold;

	border:1px solid #ee3b34;

}



table.ritplanning input.button{

	width:97px;

	height:20px;

}



html>body table.ritplanning input.button{

	width:87px;

}



table.ritplanning input.input{

	width:97px;

	height:20px;

	padding:0px 0px 0px 12px;

	margin:0px;

	border:1px inset #ccc;

	background-color:#dcdcdc;

}



html>body table.ritplanning input.input{

	height:15px;

	width:85px;

}

div#submenu h1{
	margin-bottom:10px;
}

div#submenu p{
	line-height:30px;
	margin:0; padding:0;
}