@charset "UTF-8";
body {
	font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	margin:0px;
	padding:0px;
	padding-bottom:100px;
	line-height:13px;
}

img{
	border-width:0px;
	margin:0px;
}

.content_right a:link, .content_right a:active, .content_right a:visited {
	color:#000000;
	text-decoration:none;
	margin:0px;
	padding:0px;
	border-bottom:solid #FF0000 1px;
	font-weight:bold;
}

.content_right a:hover {
	color:#000000;
	text-decoration:none;
	margin:0px;
	padding:0px;
	border-bottom:solid #FF0000 2px;
}

/***************************
********** inhoud **********
***************************/

#container{
	height:100%;
	width:960px;
	margin:0px;
	padding:0px;
	margin-left:58px;
	margin-top:80px;
}

.thumbs{
	width:99px;
	height:99px;
	margin-right:1px;
	margin-top:1px;
	float:left;
}

.content_right{
	 padding:0px;
	 width:699px;
	 margin:0px;
	 margin-top:35px;
	 margin-left:260px;
}

.content_right img{
	width:310px;
	height:auto;
}

.lijn{
	width:310px;
	height:8px;
	margin-top:16px;
}

.cc_content_right{
	float:left;
	 padding:0px;
	 width:699px;
	 margin:0px;
	 margin-top:35px;
	 margin-left:20px;
}

cc_title{
font-size:12px;
font-weight:bold;
}

ul.menu{
	margin-top:45px;
	width:250px;
	float:left;
	list-style-type:none;
}

ul.menu ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.menu ul li{
	margin:Opx;
	padding:0px;
}

.col_left{
padding:0px;
	float:left;
	width:310px;
	margin-right:15px;
		 padding-bottom:100px;
}

.col_right{
padding:0px;
float:right;
width:310px;
padding-bottom:100px;
}

.col_breed{
	padding:0px;
	float:left;
	width:500px;
	text-align:justify;
	margin-right:15px;
	padding-bottom:100px;
}

p {
margin:0px;
padding:0px;
margin-bottom:8px;
}

ul{
margin-top:0px;
}


input{
border:solid 1px #CCCCCC;
font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 11px;
color: #222222;
margin-bottom: 5px;
padding:2px;
}

.tekstveld{
width:270px;
}

select{
border:solid 1px #CCCCCC;
font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 11px;
color: #222222;
margin-bottom: 5px;
padding:2px;
}

textarea{
border:solid 1px #CCCCCC;
font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
font-size: 11px;
color: #222222;
margin-bottom: 5px;
padding:2px;
}

label{
width:100px;
display:block;
float:left;
}

.tabel_overzicht{
	 padding:0px;
	 width:700px;
	 margin:0px;
	 margin-top:35px;
	 color:#555;
	 clear: none;
}

.tabel_overzicht a:link, .tabel_overzicht  a:active, .tabel_overzicht a:visited, .tabel_overzicht a:hover{
	color:#000; 
	text-decoration:none;
	font-weight:bold;
}

.tabel_overzicht td{
	border-top:#FF0000 solid 7.5px;
	padding:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:8px;
	vertical-align:top;
}

.tabel_overzicht th{
	padding:0px;
	padding-bottom:10px;
	text-align:left;
}

.menu{
	color:#C20016;
	font-size:11px;
}



.news_item{
	margin:0px;
	padding:0px;
	margin-bottom:5px;
}

/* TEXT STYLES */

.titel{
	display:block;
	font-size:30px;
	font-weight:bold;
	margin-bottom:33px;
	line-height:33px;
}

.ondertitel{
	display:block;
	font-size:12px;
	font-weight:bold;
	margin-top:16px;
	margin-bottom:5px;
}

.inleiding{
	font-size:11px;
	font-weight:bold;
	color:#000;
}

.onderschrift{
	font-size:10px;
	color:#333333;
	line-height:12px;
}

.rood{
	color:#FF0000;
}

/*-------------------------------------------------
LOGIN SCREEN (.login is body class)
-------------------------------------------------*/

.login div.Container {
	width: 500px;
	margin: 20px auto 20px auto;
	min-width: inherit;
}

.login h1 {
	margin-bottom: 20px;
}


.login dl {
	margin: 10px 0 0 0;
}

.login p {
	margin: 10px 0 0 0;
}

.login dt {
	float: left;
	width: 120px;
	font-size: 13px;
	line-height: 24px;
	font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

.login dd {
	margin: 0 0 5px 90px;
	font-size: 11px;
	line-height: 24px;
	font-family: "Helvetica Neue", Helvetica, "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-left: 80px;
}

.login input {
	font-size: 11px;
}

.login input#username {
	width: 300px;
}

.login input#password {
	width: 150px;
	margin-right: 5px;
}

.login input#emailpassword {
	vertical-align: middle;
	margin-right: 5px;
}

.login div.AlertGood,
.login div.AlertBad {
	margin: 10px 0 20px 0;
}

.login div#Dialog {
	border: 1px solid #ccc;
	padding: 15px 20px 10px 20px;
	text-align: left;
	background: #fff;
	margin:0px;
}

.login img {
	border: 1px solid #ccc;
	border-bottom:none;
	margin:0px;
}

.login div.login_shaduw {
	width:800px;
	/*background-image:url(../images/login_schaduw.jpg);*/
	background-position:center center;
	background-repeat:no-repeat;
	margin:60px auto 20px auto;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* CC */
.leftBox {
	background-color: #FFFFFF;
	float: left;
	width: 170px;
}
.rightBox {
	float: right;
	width: 700px;
	padding:3px;
	margin-bottom:50px;
	padding-top:70px;
}

.CCcontainer {
	background-color: #FFFFFF;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0 1em 0; /* set margins as desired */
font: bold 11px verdana, arial, sans-serif; /* set font as desired */
border-bottom: 1px solid #999999; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li { /* do not change */
display: inline;
background-image:none;
padding:0px;
}

ul#tabnav li.active { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
background-image:none;
padding:0px;
}

ul#tabnav li.active a { /* settings for selected tab link */
background-color: #ffffff; /* set selected tab background color as desired */
color: #000000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #999999; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #efefef; /* set unselected tab background color as desired */
	color: #666; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
background-image:none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}