html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
padding:0; /*remove padding */
margin:0; /* remove margins */
border:0; /* remove borders */
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow:hidden; /*get rid of scroll bars in IE */
/* */
}
body 
	{
	color: white;
	background-color: #666666;
	margin: 0px;
	background-image: url(../images/bg_bw3.jpg);
	background-position: center center;
	overflow: hidden;
	height: 100%;
	}

#horizon        
	{
	color: white;
	background-color: #0ff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: hidden;
	display: block
	}
	
#container  
	{
	background-color: #FFFFFF;
	margin-left: auto;
	position: relative;
	top: -270px;
	width: 980px;
	height: 540px;
	visibility: visible;
	margin-right: auto;
	padding: 0px;
	}
	
	
#header {
	background-color: #FFFFFF;
	height: 100px;
/*	position: relative;
	top: 0px;
	left: 0px;*/
	width: 100%;
}

#logo {
	background-image:url(../images/logo_yweb.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 60px;
	width: 300px;
}
#topmenu {
	width: 480px;
	float: left;
	margin-right: -45%;
	margin-top: 20px;	/*background-color: #FFFF00;*/
}

#mid {
	background-image:url(../images/bg_breed.jpg);
	height: 400px;
	left: 50%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

#left {
	float: left;
	width: 25%;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
#content    
	{
	float: left;
	margin-top: 10px;
	width: 75%;
	height: 380px;
	visibility: visible;
	background-color: #000000;
	filter: alpha(opacity=80);
	/* Opacity in Mozilla */
	-moz-opacity: 0.8;
	overflow: auto;

	}
#mainbody {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align: left;
	line-height: 20px;
	width: 90%;
}
#footer 
	{
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	left: 0px;
	width: 100%;
	height: 50px;
	display: block;
	color: #666666;
	}
	
	#footer a {
	color: #CC9933;
	}
	
.bodytext 
	{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #EEDDB9;
	}

.headline 
	{
	font-weight: bold;
	font-size: 24px
	}


.captions  
	{
	color: white;
	font-size: 10px;
	line-height: 14px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	text-align: left
	}

#caption1    
	{
	padding-left: 6px;
	border-left: 1px dashed #66c;
	position: absolute;
	top: -200px;
	left: -400px;
	width: 800px;
	height: 400px;
	visibility: visible;
	display: block
	}

#caption2    
	{
	padding-left: 6px;
	border-left: 1px dashed #66c;
	position: absolute;
	top: 92px;
	left: 125px;
	width: 250px;
	height: auto;
	visibility: visible;
	display: block
	}

/* Default MOS Class Settings

**********************************************************************************************************/



td.pathway {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.pathway {
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	padding: 5px;
	margin: 0px;
	height: 22px;
	text-align: center;
	display: block;
	width: 98%;
	border: 0px solid #99CC00;

}
a.pathway:link, a.pathway:visited {
	font-family: "Arial Narrow";
	font-size: 14px;
	color: #999999;
}

a.pathway:hover {
	font-family: "Arial Narrow";
	font-size: 14px;
	color: #CC9900;
	background-color: transparent;
}



/* Main Menu Styles

**********************************************************************************************************/



a.mainlevel:link, a.mainlevel:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
	height: 100%;
	display: block;
	padding: 4px;
	margin-bottom: 1px;
}



a.mainlevel:hover {
	color: #CC9900;
	background-color: #CCCCCC;
}



a.mainmenu:link, a.mainmenu:visited {
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}



a.mainmenu:hover, {
	color: #666666;
	text-align: left;
}

a.sublevel {
	color: #FF0000;
	visibility: visible;
	height: 20px;
	width: 100px;
}

a.sublevel:link, a.sublevel:visited {
	color: #CC9933;
}



a.sublevel:hover {
	color: #FFFFFF;
	text-align: left;
	background-color: #000000;
	background-position: center center;

}



/* Module Styles

**********************************************************************************************************/
table.moduletable {
	width: 100%;
	text-align: center;
	margin: 0px;
	padding-left: 5px;

}
table.moduletablelogin {
	width: 200px;
	background-attachment: scroll;
	background-image: url(../images/images/locked.jpg);
	background-repeat: repeat;
	text-align: center;
	margin-right: auto;
	margin-left: 45px;
	padding: 5px;
	height: 200px;
	border: 1px solid #FFFFFF;
	background-position: left top;

}
table.moduletablesyndicate {
	width: 200px;
	background-attachment: scroll;
	background-image: url(../images/images/locked.jpg);
	background-repeat: repeat;
	text-align: center;
	margin-right: 0px;
	margin-left: 45px;
	margin-bottom: 10px;
	padding: 5px;
	height: 100px;
	border: 1px solid #FFFFFF;
	background-position: left top;

}
table.moduletableuser {
	width: 200px;
	text-align: center;
	margin-right: 0px;
	margin-left: 45px;
	background-image: url(../images/images/unlocked.jpg);
	background-repeat: repeat;
	background-position: left top;
	padding: 5px;
	height: 100%;
	vertical-align: bottom;
	border: 1px solid #FFFFFF;

}


table.moduletablezoeken {
	width: 200px;
	text-align: center;
/*	margin-right: 0px;
	margin-left: 45px;*/
	margin-bottom: 10px;
	background-image: url(../images/zoeken.jpg);
	background-repeat: repeat;
	background-position: center top;
	padding: 5px;
	height: 100px;
	vertical-align: bottom;
	border: 1px solid #FFFFFF;
}
table.moduletablenieuws {
	width: 200px;
	text-align: left;
	margin-right: 0px;
	margin-left: 45px;
	padding: 5px;
	height: 200px;
	border: 1px solid #FFFFFF;
	overflow: scroll;
	margin-bottom: 10px;

}

table.moduletable th {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #999999;
	text-align : left;
	height: 20px;
	padding-top: 5px;
	text-decoration: underline;
	line-height: 20px;
	background-color: #FFFFFF;

}

table.moduletable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	padding-left: 5px;

}



/* Polls Style

**********************************************************************************************************/



.poll {

	color : #666666;

	line-height : 12px;

	font-weight: bold;

}



/* Sections Style

**********************************************************************************************************/



.sectiontableheader {
	color : #FFFFFF;
	font-weight : normal;
	font-size: 12px;
	
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	background-color: #CC9900;
}

.sectiontableheader a:link, sectiontableheader a:visited{
	color : #FFFFFF;
	font-weight : normal;
	font-size: 12px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-bottom-color: #FFFFFF;
	border-bottom-style: dotted;
	background-color: #CC9900;
}

.sectiontableentry1 {
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin: 20px;
	color: #FFEAAA;

}



.sectiontableentry2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin: 20px;

}



.pagenav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC9900;
}



a.pagenav:link, a.pagenav:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}



a.pagenav:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color            : #000000;
	text-decoration  : none;
	background-color: #63C2FB;
}





/*****************************************************************************************************/



.small {
	font-size : 11px;
	color : #666666;
}



.smalldark {
	font-size : 11px;
	color : #333333;
	text-decoration : none;
}



.createdate {
	font-size : 10px;
	color : #666666;
	text-decoration : none;
	font-weight : medium;
}



.modifydate  {
	font-size : 10px;
	color : #666666;
	text-decoration : none;
	font-weight : medium;
	text-align: right;

}



/* Content Styles

**********************************************************************************************************/



.contentpane {

}

.contentpaneopen {
	font-size: 12px;
	color: #FFFFFF;
}



.contentheading, .componentheading {

	font-family : "Arial Narrow";
	font-size : 24px;
	font-weight : normal;
	color : #CC9900;
	text-align : left;
	line-height: normal;
	padding-left: 0px;
}

.category {
	font-family: "Arial Narrow";
	font-size: 18px;
	font-weight: bold;
}

a.category:link, a.category:visited {
	color            : #FFFFFF;
	font-weight      : bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	
}

a.category:active {
	color            : #CC9933;
	font-weight      : bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;

}
a.category:hover {
	color            : #CC9900;
	text-decoration  : none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}






/* Form Styles

**********************************************************************************************************/



form { /* borrowed from mambosolutions.com -- to fix empty space issues */

	display:inline; 
	margin: 0px; 
	padding: 0px; 
} 



.button {

  font-family      : Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 10px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #000000;
}



.inputbox {

  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #000000;
}



/* Links

**********************************************************************************************************/



a:link, a:visited {
	color            : #CC9900;
	text-decoration: none;
	font-size: 12px;
	line-height: 20px;
}

a:hover {
	color            : #CCCCCC;
	text-decoration  : none;
}



/* For content item titles that are hyperlink instead of Read On

**********************************************************************************************************/
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	color : #FFFFFF;
	text-align : left;
	line-height: normal;
	padding-left: 0px;
	}
a.contentpagetitle:hover {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	color : #CC9900;
	text-align : left;
	line-height: normal;
	padding-left: 0px;
	}



.description {

	font-size: 11px;
	color: #000000;

}



/* Styles for dhtml tabbed-pages */

.ontab {

	background-color: #ffae00;

	border-left: outset 2px #ff9900;

	border-right: outset 2px #808080;

	border-top: outset 2px #ff9900;

	border-bottom: solid 1px #d5d5d5;

	text-align: center;

	cursor: hand;

	font-weight: bold;

	color: #FFFFFF;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}

.offtab {

	background-color : #e5e5e5;

	border-left: outset 2px #E0E0E0;

	border-right: outset 2px #E0E0E0;

	border-top: outset 2px #E0E0E0;

	border-bottom: solid 1px #d5d5d5;

	text-align: center;

	cursor: hand;

	font-weight: bold;

	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}



.tabheading {

	background-color: #ffae00;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}



.pagetext {

	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}



/* for modifying {moscode} output.  Don't set the colour! */

.moscode {
	background-color: #f0f0f0;
}



/* Text passed with mosmsg url parameter */

.message {
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}
/* header */
.header {
	background-color: #FFFFFF;
	margin: 0px 0px 0px;
	height: 90px;

}
.footer {
	width: 100%;
	background-color: #FFFFFF;
	

}
img.links {
	margin-bottom: 10px;
	margin-right: 15px;
	float: left;
	border: medium inset #FFFFFF;
}
img.rechts {
	margin-bottom: 10px;
	margin-left: 15px;
	float: right;
	border: medium inset #FFFFFF;
}
#2valuelogo {
/*	background-color:#00FF00;*/
	text-align: center;
	width: 100%;
}