/*****************************/
/*** Core html setup stuff ***/
/*****************************/


*{
margin: 0px;
padding: 0px;
outline:0px;
border:0px;
}

html {
  height: 100%;
  margin-bottom: 1px;
}

#google  {
border: 0px;
width: 50px;
}


form {
  margin: 0;
  padding: 0;
}

body {
	font-family:  Arial, Helvetica,sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #333;
	height: 100%;
	background:#fff;
}

#page li, .content li {
margin-left: 10px;
}

.container {
width: 960px;
border: 0px solid #ccc;
margin:auto;
height: auto;
min-height: 580px;
padding-bottom: 20px;
background: url(../images/bg.jpg) repeat-y right 0px;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;	
}

a:hover {
	
	font-weight: normal;
}

input.button { 
cursor: pointer; 
padding: 2px;
}

p { margin-top: 0; margin-bottom: 5px; line-height:20px; }

img { border: 0 none; }

.topmenu {
width: 710px;
margin-top:10px;
float:left;
border:0px solid green;
position:relative;
background:#e5e9f1;
height: 33px;
background: url(../images/bg_topmenu.png) no-repeat;
padding: 0px 0px 5px 15px;
}

.topmenu li {
display:inline;
padding-right: 10px;
}

.topmenu ul {
padding-top: 7px;
}

.topmenu a {
color: #613421;
font-weight:bolder;
font-size: 13px;
}

.topmenu li#current a, .topmenu a:hover, .topmenu li.parent.active a {
color: #637b90;
font-weight:bold;
font-size: 13px;
text-decoration:none;
}


#clr_l {
clear:left;
}

#clr_both {
clear: both;
}


.leftcolumn {
float:left;
width: 121px;
border: 0px solid red;
padding-right: 5px;
}

.leftcolumn li {
list-style:none;
}

.submenu  {
color: #fff;
background:#6a7b8f;

}

.menu-subitem a:hover {
color: #ccc;
}

.menu-subitem li a  {
margin-left: 5px;
font-size:11px;
list-style: none;
font-weight:normal;
display:block;
line-height:15px;
color: #fff;
margin-top:10px;
margin-bottom: 5px;
}

.menu-subitem ul li a {
margin-left: 10px;
margin-top:0px;
margin-bottom: 0px;
color: #fff;
padding-left: 10px;
padding-top: 0px;
font-size: 10px;
/*background: url(../images/bgsubsub.gif) no-repeat 0px 5px;*/
display:block;
height: 15px;
border-left: 0px solid #888;
list-style: none;
}


.submenu ul.menu-subitem li#current.parent a {
color: #000;
}


.submenu ul.menu-subitem li#current.parent ul li a  {
color: #fff;
}

.submenu ul.menu-subitem li.parent ul li#current.active a  {
color: #000;
}

.submenu ul.menu-subitem li#current.active a {
color: #000;
}



#top_submenu {
background: url(../images/top_submenu.jpg) no-repeat;
width: 121px;
height: 15px;
}

#bottom_submenu {
background: url(../images/bottom_submenu.jpg) no-repeat;
width: 121px;
height: 15px;
}

#page-top {
background: url(../images/page-top.png) no-repeat;
height: 10px;
width:580px;
float:left;
}

#page-bottom {
background: url(../images/page-bottom.png) no-repeat;
height: 10px;
width:580px;
float:left;
}

.mainright, mainbreed {
float:left;width:580px;
}

.content {
width: 570px;
float:left; 
border: 0px solid orange;
min-height:500px;
padding-top: 0px; 
padding-left:10px;  
background:#e5e9f1;
}

.content a {
text-decoration: underline;
color: #000;
}

.content-breed {
width: 690px;
float:left; 
border: 0px solid orange;
min-height:500px;
padding-top: 0px; 
padding-left:10px;  
background:#e5e9f1;
}

.topright {
float: left;
border:0px solid red;
width: 250px;
height: 600px;
margin-left: 710px;
margin-top: -50px;
position:absolute;
background: url(../images/bg_top.jpg) repeat-y right 0px;
}

.content-breed IMG {
border: 1px solid #44a12a;
padding: 5px;
margin: 5px 10px 5px 0px;
vertical-align: baseline;
white-space:nowrap;
}


.content-breed h1 {
color: #45a12b;
font-size: 12pt;
margin-top: 20px;
}

.content-breed hr {
width: 600px;
height:1px;
background:#ccc;
margin-top:20px;
margin-bottom:20px;
}

#page-top-breed {
background: url(../images/page-top-breed.png) no-repeat;
height: 10px;
width:700px;
float:left;
}

#page-bottom-breed {
background: url(../images/page-bottom-breed.png) no-repeat;
height: 10px;
width:700px;
float:left;
}

td.article_column IMG {
width: 230px;
width: 100%;

}

.linksboven-rood {float:left;width:10px;height: 25px;background: url(../images/hoeken/rood/lb.gif) no-repeat;}
.bovenrand-rood {float:left;width:520px;height: 24px;background: #cc071e; color: #fff;}
.rechtsboven-rood {float:left;width:25px;height: 25px;background: url(../images/hoeken/rood/rb.gif) no-repeat;}
.inhoud-rood {float:left;background: #fff;width: 487px;padding: 10px 56px 0 10px;border-left: 1px solid #cc071e;border-right: 1px solid #cc071e; line-height:18px;}
.linksonder-rood {float:left;width:25px;height:25px;background: url(../images/hoeken/rood/lo.gif) no-repeat;}
.onderrand-rood {float:left;border-bottom: 1px solid #cc071e;width: 505px;height: 24px;background: #fff;}
.rechtsonder-rood {float:left;width:25px;height: 25px;background: url(../images/hoeken/rood/ro.gif) bottom right no-repeat;}
h2.contentheading-rood {color: #fff;font-size:15px;padding-top:3px;}
.inhoud-rood IMG {border: 1px solid #cc071e;padding: 5px;margin: 10px 10px 10px 0px;white-space:nowrap;}
.article_column .linksboven-rood {float:left;width:0px;height: 25px;background: none;}
.article_column .bovenrand-rood {float:left;width:250px;height: 100%;background: none;}
.article_column .rechtsboven-rood {float:left;width:10px;height: 25px; background: none;}
.article_column .inhoud-rood {float:left;background: none;width: 250px;padding: 10px 0px 0 0px;border-left: 0px solid #fff;border-right: 0px solid #fff; line-height: 20px;}
.article_column .linksonder-rood {float:left;width:0px;height:25px;background: none;}
.article_column .onderrand-rood {float:left;border-bottom: 1px solid #ccc;width: 265px;height: 24px;background: none; padding:0px;}
.article_column .rechtsonder-rood {float:left;width:25px;height: 25px;background: none;}
.article_column  h2.contentheading-rood {color: #cc071e;font-size:15px;padding-top: 15px;}
a.readon-rood {display:block;padding-top: 10px;text-decoration: underline;color: #888;}

.linksboven-groen {float:left;width:10px;height: 25px;background: url(../images/hoeken/groen/lb.gif) no-repeat;}
.bovenrand-groen {float:left;width:520px;height: 24px;background: #44a12a; }
.bovenrand-breed-groen {float:left;width:643px;height: 24px;background: #44a12a; }
.rechtsboven-groen {float:left;width:25px;height: 25px;background: url(../images/hoeken/groen/rb.gif) no-repeat;}
.inhoud-groen {float:left;background: #fff;width: 487px;padding: 10px 56px 0 10px;border-left: 1px solid #44a12a;border-right: 1px solid #44a12a;line-height: 20px;}
.inhoud-breed-groen {float:left;background: #fff;width: 610px;padding: 10px 56px 0 10px;border-left: 1px solid #44a12a;border-right: 1px solid #44a12a;line-height: 20px;}
.linksonder-groen {float:left;width:25px;height:25px;background: url(../images/hoeken/groen/lo.gif) no-repeat;}
.onderrand-groen {float:left;border-bottom: 1px solid #44a12a;width: 505px;height: 24px;background: #fff;}
.onderrand-breed-groen {float:left;border-bottom: 1px solid #44a12a;width: 628px;height: 24px;background: #fff;}
.rechtsonder-groen {float:left;width:25px;height: 25px;background: url(../images/hoeken/groen/ro.gif) bottom right no-repeat;}
h2.contentheading-groen {color: #fff;font-size:15px;padding-top: 3px;}

.inhoud-groen IMG {border: 1px solid #44a12a;padding: 5px;height: 100%;margin: 10px 10px 10px 0px;vertical-align: text-bottom;white-space:nowrap;}
.article_column .linksboven-groen {float:left;width:0px;height: 25px;background: none;}
.article_column .bovenrand-groen {float:left;width:250px;height: 100%;background: none;}
.article_column .rechtsboven-groen {float:left;width:10px;height: 25px; background: none;}
.article_column .inhoud-groen {float:left;background: none;width: 250px;padding: 10px 0px 0 0px;border-left: 0px solid #fff;border-right: 0px solid #fff; line-height: 20px;}
.article_column .linksonder-groen {float:left;width:0px;height:25px;background: none;}
.article_column .onderrand-groen {float:left;border-bottom: 1px solid #ccc;width: 265px;height: 24px;background: none; padding:0px;}
.article_column .rechtsonder-groen {float:left;width:25px;height: 25px;background: none;}
.article_column  h2.contentheading-groen {color: #44a12a;font-size:15px;padding-top: 15px;}
a.readon-groen {display:block;padding-top: 10px;text-decoration: underline;color: #888;}

.linksboven-grijs {float:left;width:10px;height: 25px;background: url(../images/hoeken/grijs/lb.gif) no-repeat;}
.bovenrand-grijs {float:left;width:520px;height: 24px;background: #637b90;}
.rechtsboven-grijs {float:left;width:25px;height: 25px;background: url(../images/hoeken/grijs/rb.gif) no-repeat;}
.inhoud-grijs {float:left;background: #f9f9f9;width: 487px;padding: 10px 56px 0 10px;border-left: 1px solid #637b90;border-right: 1px solid #637b90;line-height: 20px;}
.linksonder-grijs {float:left;width:25px;height:25px;background: url(../images/hoeken/grijs/lo.gif) no-repeat;}
.onderrand-grijs {float:left;border-bottom: 1px solid #637b90;width: 505px;height: 24px;background: #f9f9f9;}
.rechtsonder-grijs {float:left;width:25px;height: 25px;background: url(../images/hoeken/grijs/ro.gif) bottom right no-repeat;}
h2.contentheading-grijs {color: #fff;font-size:15px;padding-top: 3px;}

.linksboven-bruin {float:left;width:10px;height: 25px;background: url(../images/hoeken/bruin/lb.gif) no-repeat;}
.bovenrand-bruin {float:left;width:520px;height: 23px;background: #562613; }
.rechtsboven-bruin {float:left;width:25px;height: 25px;background: url(../images/hoeken/bruin/rb.gif) no-repeat;}
.inhoud-bruin {float:left;background: #fff;width: 487px;padding: 10px 56px 0 10px;border-left: 1px solid #562613;border-right: 1px solid #562613;line-height: 20px;}
.linksonder-bruin {float:left;width:25px;height:25px;background: url(../images/hoeken/bruin/lo.gif) no-repeat;}
.onderrand-bruin {float:left;border-bottom: 1px solid #562613;width: 505px;height: 24px;background: #fff;}
.rechtsonder-bruin {float:left;width:25px;height: 25px;background: url(../images/hoeken/bruin/ro.gif) bottom right no-repeat;}
h2.contentheading-bruin {color: #fff;font-size:15px;padding-top: 3px;}
.inhoud-bruin IMG {border: 1px solid #562613;padding: 5px;margin: 10px 10px 10px 0px;vertical-align: text-bottom;white-space:nowrap;}
.inhoud-bruin strong {color: #562613;}

#profiel {border: 0px solid #562613;width: 520px;white-space:nowrap;}

.inhoud-home {float:left;border: 0px solid #44a12a;width: 425px;height:100%;padding: 0px;margin: 0px 0px 0px 0px;vertical-align: text-bottom;}
.inhoud-home h2 {color: #562613;font-size:15px;padding-left: 5px;}
.inhoud-home p { padding: 5px; }

.home_foto {
border: 0px solid blue;
width:660px;
height: 100%;
position:relative;
float:left;
margin-top: 20px;
}

.home_foto img {
border: 0px;
}


.foto {
width: 100%;
height: 100%;
float:left;
background:#e5e9f1;
border: 0px solid black;
margin-top: 10px;
}

.article_column .linksboven-bruin {float:left;width:0px;height: 25px;background: none;}
.article_column .bovenrand-bruin {float:left;width:250px;height: 100%;background: none;}
.article_column .rechtsboven-bruin {float:left;width:10px;height: 25px; background: none;}
.article_column .inhoud-bruin {float:left;background: none;width: 250px;padding: 10px 0px 0 0px;border-left: 0px solid #fff;border-right: 0px solid #fff; line-height: 20px;}
.article_column .linksonder-bruin {float:left;width:0px;height:25px;background: none;}
.article_column .onderrand-bruin {float:left;border-bottom: 1px solid #ccc;width: 265px;height: 24px;background: none; padding:0px;}
.article_column .rechtsonder-bruin {float:left;width:25px;height: 25px;background: none;}
.article_column  h2.contentheading-bruin {color: #562613;font-size:15px;padding-top: 15px;}
a.readon-bruin {display:block;padding-top: 10px;text-decoration: underline;color: #888;}
.inhoud-bruin h2 {color: #562613;font-size:15px;padding-top: 15px;}


p a:link, p a:visited {
text-decoration: underline;
color: #000;
}

div.blog_top {
border-top: 3px solid red;
height: 50px;
width: 100%;
}

div.blog_footer {
border-bottom: 3px solid red;
height: 5px;
width: 100%;
}

div.blog_content {
width: 100%;
padding: 0px;
border-left: 3px solid red;
border-right: 3px solid red;
}

h2.contentheading {
color: #fff;
font-size:15px;
padding-top: 5px;
}

/* projecten module tte */
table.project_tabel {
width: 640px;
}

table.project_tabel th {
text-align:left;
padding: 5px;
width: 660px;
}

table.project_tabel  td {
font-size: 11px;
padding-top: 5px;
padding-bottom: 5px;
}

a.projectrij {
display:block;
border-top: 1px solid #f0f0f0;
width: 660px;
height: 100%;
}


a.projectrij:hover  {
background:#f0f0f0;
}

ul.ul_projectrij {
list-style:none;
}

ul.ul_projectrij li a{
display:block;
height: 50px;
width: 100%;
}


#data {
border:1px solid red;
position:relative;
float:left;
height: 100%;
width: 500px;
}

table.project_tabel  {
color: #000;
display:block;
text-decoration:none;
}


table.project_tabel a  {
color: #000;
text-decoration:underline;
}

table.project_tabel tfoot {
height: 10px;
}


table.projheader {
}

.inputbox {
border:1px solid #ccc;
padding: 2px;
}

.filter_input {
border:1px solid #ccc;
width:150px;
}

.breed {
width: 680px; 
}

.nieuws {
float:left;
border: 0px solid blue;
width:500px;
height: 100%;
padding-top: 0px;
margin-left: 10px;
}

.nieuws h2 {
color: #562613;
font-size:15px;

}
.nieuws a {
color: #562613;
text-decoration: none;
font-weight:bold;
}

.nieuws a:hover {
text-decoration:underline;
}

.latestnews-nieuws  li{
list-style: disc;
margin-left: 15px;
padding-top:5px;
}

.intro {
border-bottom: 0px solid #562613;
padding-bottom: 0px;
}

p {
padding-left: 5px;
font-size: 11px;
font-style: normal;
font-family:arial;
line-height: 18px;
}

table.contentpaneopen {
padding: 10px 0px 10px 0px;
background: #fff;
border-bottom: 1px solid #ccc;
width: 100%;
font-size: 11px;
font-style: normal;
font-family:arial;
line-height: 18px;
}

td.contentheading {
font-size:15px;
font-weight:bold;
color: #562613;
}		

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



/* hierna thema sectie opbouw */ 


.thema {
width:680px;
background: #f3f4f8;
}

div .thema-article
{
padding-right: 40px;
background: #637b91;
padding:20px;
width:640px;
color: #fff;
border-top:5px solid #45a12b;
border-bottom: 5px solid #45a12b;
}

.thema h1
{background: none;
color:#45a12b;
font-size:30px;
display:block;
width: 100%;
border-top:5px solid #45a12b;
border-bottom: 5px solid #45a12b;
}

.thema-article h2.contentheading
{
color: #fff;
font-size: 14pt;
padding: 0px;
}

.thema-article p, .thema-article tr.article{
font-style:normal;
line-height: 18px;
padding: 0px;
font-size: 9pt;
}

.thema ul {
		padding-bottom: 10px;
}

.thema ul li {
	margin: 15px;
}

.thema ul li a {
	font-size:12px;
	font-weight:bold;
	display:block;
	margin-left: 5px;
	text-decoration:underline;
}

/* System Messages */
#system-message    { margin: 10px; padding: 0;}
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-weight: bold; text-indent: 30px; }
#system-message dd ul { color: #000; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #ff0000; border-bottom: 3px solid #ff0000;}

.subscribe p{
width: 80%;
}


.subscribe input.button {
    color: #444;
   font: normal 12px;
    height: 24px;
	border:1px solid #666;
	margin-left: 40px;
     text-decoration: none;
	outline:0px;
}

input:focus {
outline: 1px solid #ccc; }