/* colors */

* {
	font-family: Arial, Helvetica, sans-serif !important;
	/* override  Verdana, Arial, sans-serif from screen.css
	letter-spacing	:	0.05em;*/
}
.L1	{background-color	: #008AA7; }
.L2	{background-color	: #7ABFCC; }
.L3	{background-color	: #B8D9DF; }

.M1	{background-color	: #193670; }

/* utilities */
.autoheight	{ height	: auto; }
.nopadding	{ padding	: 0; }
.nomargin	{ margin	: 0; }
.mall		{ margin		: 15px; }
.mtop		{ margin-top	: 15px; }
.mright		{ margin-right	: 15px; }
.mbott		{ margin-bottom	: 15px; }
.mleft		{ margin-left	: 15px; }
.msall		{ margin		: 5px; }
.mstop		{ margin-top	: 5px; }
.msright	{ margin-right	: 5px; }
.msbott		{ margin-bottom	: 5px; }
.msleft		{ margin-left	: 5px; }
.pall		{ padding			: 15px; }
.ptop		{ padding-top		: 15px; }
.pright		{ padding-right		: 15px; }
.pbott		{ padding-bottom	: 15px; }
.pleft		{ padding-left		: 15px; }
.pstop		{ padding-top		: 5px; }
.psall		{ padding			: 5px; }
.psright	{ padding-right		: 5px; }
.psbott		{ padding-bottom	: 5px; }
.psleft		{ padding-left		: 5px; }
.left		{ float	: left; }
.right		{ float	: right; }
.aleft		{ text-align	: left; }
.aright		{ text-align	: right; }

.black-txt	{ color	: black; }
.dblue-txt	{ color	: #008AA7; }
.lblue-txt	{ color	: #B8D9DF; }
.orange-txt	{ color	: #E0B122; }
.white-txt	{ color	: #FCFCFC; }
.grey-txt	{ color	: #F5F4F2; }

.bg-none 	{ background		: none none; }
.bg-dblue 	{ background-color	: #008AA7; }
.bg-brown 	{ background-color	: #D5A41B; }
.bg-orange 	{ background-color	: #E0B122; }
.bg-mblue 	{ background-color	: #7ABFCC; }
.bg-lblue 	{ background-color	: #B8D9DF; }
.bg-white 	{ background-color	: #FCFCFC; }
.bg-grey 	{ background-color	: #F5F4F2; }

html, td, a {
	color			: #008AA7;
}

body {
	background-color: #E0B122;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	font-family: verdana;
}

#full {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	top:0;
	width:927px;
}

#header {
	top: 0px;
	width: 900px;
	background: url('/img/body_head_bg.jpg');
	background-color: #FCFCFC;
	padding-left: 14px;
	padding-right: 14px;
}

#content{
	width: 900px;
	background: url('/img/body_bg.jpg');
	/*background-color: #008AA7;*/
	background-position: 0px 0px;
	position: relative;
	height: auto;
	padding-left: 14px;
	padding-right: 14px;
}

#footer{
	height: 65px;
	width: 900px;
	padding-top: 0;
	background: url('/img/footer2.jpg');
	background-position: -1px 0px;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	padding-left: 14px;
	padding-right: 14px;
}

.page {
	margin-left: 56px; /*41px;*/
	color: #333333;
	/*bbackground-color: #F5F4F2;*/
	font-size: 12px;
	position: relative;
	height: 100%;
	width: 844px; /*859px;*/
	padding-bottom: 50px;
}
.page td {
	vertical-align:top;
}
#header .page td {
	vertical-align:bottom;
}
.page td.pagecoldef{
	height		: 0;
	line-height	: 0;
	padding:0;
	margin:0;
}
.page td.pagecoldef._203{ width: 203px; }
.page td.pagecoldef._220{ width: 220px; }
.page td.pagecoldef._625{ width: 625px; }
.page .page {
	width	: 609px;
	padding	: 0;
	margin	: 0;
}
.page .projects {
	width	: 609px;
	padding	: 0;
	margin	: 0;
}

#content .top{
	margin: 0;
	margin-bottom: -8px;
	height: 18px;
	width: 100%;
	background: url('/img/body_bg_top.jpg');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#header .page{
	width:100%;
	margin: 0;
	padding-bottom: 0;
}

#footer .page{
	margin-left: 56px;
	margin-top: 5px;
	padding-bottom: 30px;
	background: none;
}

.page .first-col{
	width: 228px;
}
.page .last-col{
	width: 220px;
}

#footer .page div {
	font-size	: 9px;
	margin		: 0;
}

.navbar {
	vertical-align	: bottom;
	padding-bottom	: 5px;
	font-size		: 12px;
	font-weight		: bold;
}

.navbar a {
	color		: #B8D9DF;
}

.navbar a:hover {
	color		: #FCFCFC;
}

h1 {
	color			: #008AA7;
}

h2, h3, h4, h5, h6 {
	color			: black;
}

.hline, .hlline {
	background	: url('/img/dot_solid_008AA7.gif') repeat-x;
}
.hlinecbs {
	background	: url('/img/dot_solid_008AA7.gif') repeat-x;
}
#statistieken .hlinecbs,
#netwerken  .hlinecbs {
	margin	: 0;
	width	: auto;
}

.vline {
	/*background	: url(img/vdot.gif) repeat-y;*/
	background	: url('/img/dot_solid_008AA7.gif') repeat-y;
}
.vline .orange{
	background	: url('/img/dot_solid_E0B122.gif') repeat-y;
}

.hlline {
	background-color	: #7ABFCC;
}

.CBS_table td{
	padding-left		: 8px;
	padding-right		: 8px;
	line-height			: 21px !important;
	background-color	: #B8D9DF;
color:black;
}
.CBScol2{
	width: 414px;
}
.CBS_label{
	font-size	: 2.5em;
	line-height	: 1.5em;

	color		: #008AA7;
}
.CBS_cb{
	padding-top		: 5px;
	display			: block;
	float			: left;
	width			: 134px;
}
.CBS_img{
	display		: block;
	float		: left;
	width		: 63px;
	padding-top	: 18px;
	line-height	: 21px !important;
}

.print {
	height				: 24px;
	background-image	: url(/img/footer_left.gif);
	background-repeat	: no-repeat;
	background-position	: left;
	color				: #FCFCFC;
	background-color	: #008AA7;
}

.print a {
	background-image	: url(img/arrow_button.gif);
	background-repeat	: no-repeat;
	background-position	: right;
	color				: #FCFCFC;
}

.print a:hover {
	color				: #B8D9DF;
}

.copy {
	background-image	: url(img/footer_left.gif);
	background-repeat	: no-repeat;
	background-position	: left;
	color				: #FCFCFC;
	background-color	: #193670;
}

.copy div {
	background-image	: url(img/footer_right.gif);
	background-repeat	: no-repeat;
	background-position	: right;
	color				: #FCFCFC;
}
/*
.cardtitle {
	width		: 204px;
}
*/
.card *{
	color				: black;
}
 .cardtitle h3 {
	color				: #008AA7;
}
.card {
	font-weight			: normal;
}

.more a, .toon a {
	white-space			: nowrap;
	color				: #008AA7;
	background-color	: #F5F4F2;
}
.more a:hover, .toon a:hover {
	text-decoration		: underline;
}
.toon {
	width:auto;
}

.projects .date, .projects .cardtitle, .projects .more {
	vertical-align	: bottom;
	padding-bottom	: 5px;
	line-height		: 15px;
}
.projects .cardtitle h3{
	line-height		: 15px;
}

/* TD TABS ROUNDED-CORNERS */
.tab_cbs, .tab_cbs_active{
	display	: block;
	float	: left;
}
.tab, .tab_active, 
.tab_cbs, .tab_cbs_active{
	vertical-align	: bottom;
	width			: auto;
	margin			: 0;
	padding			: 0;
	padding-top		: 23px;
}
.tab a, .tab_active a, .tab_active a:hover, 
.tab_cbs a, .tab_cbs_active a, .tab_cbs_active a:hover {
	color				: #FCFCFC;
	height				: 23px;
	padding-left		: 0;
}
.tab a:hover, 
.tab_cbs a:hover {
	cursor				: pointer;
	color				: black;
}
.tab a span, .tab_active a span, 
.tab_cbs a span, .tab_cbs_active a span {
	display				: block;
	float				: left;
	height				: 23px;
	line-height			: 23px;
}
.tab a span.rc_m, .tab_active a span.rc_m, 
.tab_cbs a span.rc_m, .tab_cbs_active a span.rc_m{
	font-weight			: bold;
	font-size			: 11px;
	width				: 95px;
	text-align			: left;
}
.tab a span.rc_m, .tab_cbs a span.rc_m 					{ background-color	: #E0B122; }
.tab_active a span.rc_m, .tab_cbs_active a span.rc_m	{ background-color	: #008AA7; }

.tab a span.rc_l, .tab a span.rc_r, .tab_active a span.rc_l, .tab_active a span.rc_r, 
.tab_cbs a span.rc_l, .tab_cbs a span.rc_r, .tab_cbs_active a span.rc_l, .tab_cbs_active a span.rc_r {
	width				: 8px;
	background-color	: transparent;
	background-repeat	: no-repeat;
}
.tab a span.rc_l, .tab_cbs a span.rc_l					{ background-image	: url('/img/rc_l.png'); }
.tab a span.rc_r, .tab_cbs a span.rc_r					{ background-image	: url('/img/rc_r.png'); }
.tab_active a span.rc_l, .tab_cbs_active a span.rc_l	{ background-image	: url('/img/rc_l_active.png'); }
.tab_active a span.rc_r, .tab_cbs_active a span.rc_r	{ background-image	: url('/img/rc_r_active.png'); }

.date {
	color				: #E0B122
}

.details {
	color				: black;
	background-color	: #B8D9DF;
	width				: 399px;
}

.intro, .data, .intro_active, .data_active {
	width				: auto;
}

.counter, .counter_pages b {
	color				: #E0B122;
}
.counter_pages a {
	color				: #008AA7;
}

.counter_pages a:hover, .counter_pages a.active {
	color				: #E0B122;
}

.highlight, .list .twobuttons, .list .content, .padded_highlight {
	background-color	: #B8D9DF;
}

.content {
	width: 414px;
}
.redactie {
	width: 100%;
}

.graph_bar {
	background-color	: #B8D9DF; /*B2E0FF;*/
}



.title a {
	color				: #008AA7;
}

.title a:hover {
	color				: #E0B122;
}

#map_label {
	background-image	: url(img/map_label.gif);
}

#map_label div {
	background-color	: #7ABFCC;
	color				: #FCFCFC;
}

/* forms */
.form {
	width	: auto;
	background-color	: #B8D9DF; /*78C2FF;*/
}
.form table {
	width	: auto;
}

.search {
	background-color	: #7ABFCC;
}

.search td {
	color				: #FCFCFC;
}

.search .button {
	color				: #FCFCFC;
	background-color	: #B8D9DF; /*78C2FF;*/
}

.label b {
	color	: #FCFCFC;
}

.boxlabel b {
	color	: #008AA7;
}

/* subnav */

.subback {
	background-color	: #F5F4F2;
	color				: #008AA7;
}
.subnav a {
	color				: #008AA7;
	width				: 184px;
	width/* */:/**/164px;
	width: /**/164px;
	font-weight: normal !important;
}

.subnav a.level0, .subnav a.level0_nosub {
	background-color	: #008AA7;
	color				: #FCFCFC;
}
.subnav a.level1, .subnav a.level1_nosub {
	background-color	: #7ABFCC;
	color				: #FCFCFC;
}
.subnav a.level2, .subnav a.level2_nosub {
	background-color	: #B8D9DF;
	color				: #008AA7;
}
.subnav a.level3, .subnav a.level3_nosub {
	background-color	: #F5F4F2;
	color				: #008AA7;
}

.subnav a.level0_nosub_active {}
.subnav a.level1_nosub_active {
	background-color	: #7ABFCC;
	color				: #008AA7;
}
.subnav a.level2_nosub_active {
	background-color	: #B8D9DF;
	color				: #008AA7;
}
.subnav a.level3_nosub_active {
	background-color	: #F5F4F2;
	color				: #008AA7;
}

.subnav a.level0, .subnav a.level0_active {
	color				: #FCFCFC;
	background-color	: #008AA7;
	background-image	: url(img/level0.gif);
	background-repeat	: no-repeat;
	background-position	: top right;
}

.subnav a.level0_active {
	background-image	: url(img/level0_active.gif);
}


.subnav a.level1, .subnav a.level1_active {
	background-image	: url(img/level1.gif);
	background-repeat	: no-repeat;
	background-position	: top right;
	background-color	: #7ABFCC;
	color	: #FCFCFC:
}


.subnav a.level1_active {
	background-image	: url(img/level1_active.gif);
	color				: #FCFCFC;
}

.subnav a.level2 {
	background-image	: url(img/level2.gif);
	background-repeat	: no-repeat;
	background-position	: top right;
	color				: #008AA7;
	background-color	: #B8D9DF;
}

.subnav a.level2_active {
	background-image	: url(img/level2_active.gif);
	background-repeat	: no-repeat;
	background-position	: top right;
	color				: black;
	background-color	: #B8D9DF;
}

.subnav a.level3, .subnav a.level3_active {
	color				: #008AA7;
	background-color	: #FCFCFC;
}

.subnav a.level3_active {
	color				: #008AA7;
}

.level1_items, .level2_items, .level3_items {
	display	: none;
}

.level1_items_active, .level2_items_active, .level3_items_active {
	display	: block;
}

a.button, a.buttonleft {
	background-color	: #B8D9DF;
	color				: #008AA7;
}
.highlight a.button, .highlight a.buttonleft {
	color				: #FCFCFC;
	background-color	: #008AA7;
}

a.button:hover, a.buttonleft:hover, a.delete:hover, a.deleteleft:hover {
	background-color	: #008AA7;
	text-decoration		: underline;
	color				: #FCFCFC;
}

a.delete, a.deleteleft {
	background-color	: #008AA7;
	color				: #FCFCFC;
}


/* ------------------------------------------------- */

.L { width: 320px;  }

#menu {
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	padding-left: 30px;
	width: 160px;
	padding-right: 30px;
	padding-top: 29px;
	background: url('http://www.breedned.nl/graphics/logo_right.jpg') bottom left;
	background-repeat: no-repeat;
	background-color: #FCFCFC;
}

#menu ul {
	padding: 0px;
	margin: 0px;
}

#menu li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	list-style-image: none;
	color: #008AA7;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	border-bottom: 1px solid #E0B122;
	margin-bottom: 9px;
	zoom: 1.0;	
}
#menu li a {
	color: #008AA7;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
}

#menu li.menu_first ul {
	display: none;
}

#menu li.menu_selected {
	background: url('http://www.breedned.nl/graphics/arrow_blue.gif') right;
	background-repeat: no-repeat;
	background-position: top right;
}

#menu li.menu_current ul {
	border-top: 1px solid #E0B122;
}

#menu ul ul li.menu_selected {
	background: url('http://www.breedned.nl/graphics/arrow_orange.gif') right;
	background-repeat: no-repeat;
	background-position: top right;
}

#menu li.menu_current {
	border-bottom: none;
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px;
}

#menu ul ul {
	padding-left: 15px;
	padding-top: 5px;
	margin-bottom: 15px;
	top: 0px;
}

#menu ul ul li, #menu li.menu_current li {
	border-bottom: 1px solid #008AA7;
	font-style: italic;
	font-weight: normal;
	padding-bottom: 4px;
	margin-bottom: 4px;
	
}

#menu ul ul li a {
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
}

