/* project: internet market
   design: luka cvrk (www.solucija.com) 
   framework: Concept Nova (www.conceptnova.com) 

   Ported by : Olivier HO-A-CHUCK for MODx CMS

*/
   
body { padding: 0; margin: 0; font: 0.85em Arial, sans-serif; line-height: 1.3em; background: #F0F0F0; color: #454545; }
a { color: #0E4D8B; background: inherit; border:none}
a:hover { color: #000; background: inherit;border:none}
a.title { color: #B41A1A; background: #FFF; }

h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -0.5px; padding: 10px 0 0 0px; margin: 0; }
h2 { margin: 0; margin-bottom: 5px; padding: 10px 0 0 0px; font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a { color: #FFF; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
h3 { margin: 0 0 10px 0; padding: 0; font: normal 1.3em Arial, Sans-Serif; letter-spacing: -1px; }
p {	margin: 0 0 0px 0; line-height: 1.5em; padding-bottom:10px;}
form { margin: 0; }
input.search { width: 199px; border: none; background: #FFF url(images/input.gif); padding: 4px; color: #808080; }
input.submit { height: 24px; font-weight: bold; width: 53px; border: none; background: #D96855 url(images/button.gif); padding: 3px; color: #FFF; }

/* layout
   ------ */

.content { 
	margin: 10px auto;
	width: 960px;
	background: #FFF url(images/big_middle.gif) repeat-y;
	color: #454545;

	
}

.content a {border:none}
.content h1 {margin-bottom:10px;}
.logo {	padding: 18px 0 0 3px; }

/* header */
.header_top { background: #FEFEFE url(images/big_top.gif) no-repeat; color: #FFF; height: 15px; }
.header { padding: 0px 10px 0 10px; }
.header a {border:0px;}
.header_bottom { clear: both; background: #FEFEFE url(images/big_bottom.gif) no-repeat; color: #FFF; height: 15px; }
.header img {border:none}    


.sf_left {
	float: left;
	width: 255px;
	height: 77px;
	background: #5BB2D1 url(images/logobg.gif) repeat-x; 
	color: #FFF;
	border-top: 1px solid #137DA2;
	border-bottom: 1px solid #000;
	padding: 10px 0 0px 7px;
}

.sf_right {
	width: 670px;
	float: left;
}

.sf_search {
	clear: both;
	background: #CA090D url(images/searchbg.gif) repeat-x bottom left; 
	color: #FFE4E0;
	border-top: 1px solid #AA1717;
	border-bottom: 1px solid #000;
	padding: 18px 0 17px 15px;
	margin-top: -2px;
}
	
.subheader {
	padding: 8px;
	background: #f0f0f0;
	color: #808080;
}

/* left side
   --------- */

.left {
	float: left;
	width: 780px;
	margin: 0 0 10px 0;
}

/*  Box left definitions */

	.leftbox_top {
		background: #F0F0F0 url(images/leftbox_top.gif) no-repeat;
		color: #808080;
		height: 40px;
		width: 199px;
	}
	
	.leftbox_top h2 {
		color: #808080;
		background: inherit;
		padding: 7px 0 0 5px;
		margin: 0;
	}
	
	.leftbox {
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		padding: 0 4px 0 7px;
		margin: 0;
		width: 184px;
		color: #595959;
		background: #FFF;
	}
	
	.leftbox_bottom {
		background: #FFF url(images/leftbox_bottom.gif) no-repeat;
		color: #000;
		height: 13px;
		width: 200px;
		margin: 0 0 7px 0;
	}
	

/*  Box right definitions */

	
	.box_top {
		background: #F0F0F0 url(images/rightbox_top.gif) no-repeat;
		color: #808080;
		height: 40px;
		width: 159px;
	}
	
	.box_top h2 {
		color: #808080;
		background: inherit;
		padding: 7px 0 0 5px;
		margin: 0;
	}
	
	.box {
		border-left: 2px solid #F0F0F0;
		border-right: 2px solid #F0F0F0;
		padding: 0 4px 0 7px;
		margin: 0;
		width: 144px;
		color: #595959;
		background: #FFF;
	}
	
	.box_bottom {
		background: #FFF url(images/rightbox_bottom.gif) no-repeat;
		color: #000;
		height: 13px;
		width: 160px;
		margin: 0 0 7px 0;
	}

		/* left and central column */
		.right_side { float: right; width: 200px; padding: 0px 5px 8px 8px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc;}
		.left_side { float: left; width: 545px; margin: 0 5px 0 0;  padding-left:10px;}
		
		.article { padding: 0 5px 0 0px; margin-bottom: 20px; }
.left_side p {	margin: 0 0 0px 0; line-height: 1.5em; size: 12px; }
.right_side p {	margin: 0 0 0px 0; line-height: 0.7em; size: 12px; }

	.grey_top { clear: both; width: 382px; background: #EDEDED url(images/grey_top.gif) no-repeat; color: #000; height: 5px; padding: 0; margin: 0px 0 0 6px; }
	.grey { width: 362px; margin: 0 0 0 6px; padding: 10px; background: #EDEDED url(images/grey_bottom.gif) no-repeat bottom left; color: #808080;	}
		
	.grey a {
		color: #C83C3C;
		background: inherit;
		font-weight: bold;
	}
	
	.grey a:hover {
		color: #000;
		background: #EDEDED;
	}
	
	.highlight {
		padding: 5px 3px 5px 3px;
		margin: 0 0 3px 0;
		border-bottom: 1px solid #ccc;
	}
	
.contactform label{
display:block;
}

		
/* right side
   ---------- */
		
.right { float: right; width: 150px; margin: 0 10px 10px 0; padding-left:10px;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.floatright { float: right;}
		
img { float: left; margin: 0 9px 3px 0; }

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	color: #808080;
	background: #f0f0f0;
	padding: 10px 0 5px 0;
	border-top: 1px solid #eee;
}
.footer p {	line-height: 2em; }
.footer a {	color: #4F4F4F; background: #f0f0f0; border-bottom: 1px dotted #808080; text-decoration: none; } 

/* Addition by Olivier HO-A-CHUCK */
.date {
	color: #808080
}

.clearboth { clear: both;}

.errors {padding: 5px 5px 5px 5px;color:red;background: #f0f0f0;border: 1px solid #ccc;}


/* Search Form 
------------------------------------------------------------------------------- */
#search {
    position: absolute;
    right: 60px;
    top: 40px;
    padding: 15px 5px 0;
}
form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}
.ditto_laatste_nieuws p { margin: 0; padding: px 0 0 0px; font: normal 0.8em Arial, Sans-Serif; letter-spacing: 0px; }
.ditto_laatste_nieuws_alternate p { margin: 0; padding: px 0 0 0px; font: normal 0.8em Arial, Sans-Serif; letter-spacing: 0px; }
.ditto_laatste_nieuws {background:#FFF;  margin-bottom:1px; border-bottom:1px #E59F93;}
.ditto_laatste_nieuws_alternate {background:#FEEDE6;  margin-bottom:1px; border-bottom:1px #E59F93;}

div#commentForm
{
margin: 0px 20px 0px 20px;
display: none;
}

.cssMutForm
{
	font-size: 11px;
	background-color : #FFF;
	font-weight : normal;
	vertical-align : top;
}
.cssStandaardTable
{
	font-size: 11px;
	background-color :#FEEDE6;
	font-weight : normal;
	vertical-align : top;
}
div#profiel {margin-top:10px;	background-color : #FEEDE6;}

.listhead

	{
	border-bottom: solid 1px #000000;
	background-color: #cddac9;
	height: 25px;
	padding: 3px;
	}

	

.listbottom

	{
	border-top: solid 1px #000000; 
	background-color: #cddac9;
	height: 25px;
	}



.listrow_light{
	border-bottom: 1px solid #cddac9;
	background-color: #FFFFFF;
	padding: 3px;
	line-height: 16px;
}

.listrow_dark{
	border-bottom: 1px solid #cddac9;
	background-color: #f1f4f0;
	padding: 3px;
}



.listfont_smallgrey

	{
	color: #999999;
	font-size: 10px;
	}

.listfont_smallblack

	{
	color: #000000;
	font-size: 10px;
	}

.Normal { 

    font-family: Arial, sans-serif;

    font-size: 11px;

    font-weight: normal;

 } 


.SubSubHead {

    font-family: Tahoma, Arial, Helvetica;

    font-size:  11px;

    font-weight:    bold;

    color: black;

}

.cssbutton{
background-color: #d1ec4c;
border: 2px #d1ec4c outset;
padding: 1px 4px;
color: black;
text-decoration: none;
font: bold 90% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.cssbutton:visited{
color: black;
}

.cssbutton:hover{
border-style: inset;
background-color: #e3f48e;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}

.cssbutton:active{
color: black;
}

.b3456 {
  margin-bottom:4px;
  width: 200px; 
		font-family:		Verdana, Arial, Helvetica, sans-serif;
  
/*font-family: Verdana, helvetica,arial,sans-serif;*/
  font-size:60%;
  line-height : 25px;
  font-weight: bold;
  text-align: center;
  background: url(/images/ball.gif) no-repeat;
 background-color: #dfc184; 


}
.b3456 a {
  display: block;
  width: 100%;


}
.b3456 a:link,
.b3456 a:visited,
.b3456 a:hover {
  background-color: #dfc184; 
  text-decoration: none;
}
.b3456 a:link,
.b3456 a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.b3456 a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
  background-color: rgb(204,204,255);
  background-image: url("/images/ball.gif"); 
  background-repeat: no-repeat; 

}
.b3456 span.button {
  color: #594730;
   font-size:12px;
  font-weight: bold; 
}

.b67 {
  margin-bottom:4px;
  width: 200px; 
		font-family:		Verdana, Arial, Helvetica, sans-serif;
  
/*font-family: Verdana, helvetica,arial,sans-serif;*/
  font-size:60%;
  line-height : 25px;
  font-weight: bold;
  text-align: center;
  background: url(/images/ball.gif) no-repeat;
 background-color: #dfc184; 


}
.b67 a {
  display: block;
  width: 100%;


}
.b67 a:link,
.b67 a:visited,
.b67 a:hover {
  background-color: #dfc184; 
  text-decoration: none;
}
.b67 a:link,
.b67 a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.b67 a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
  background-color: rgb(0,200,0);
  background-image: url("/images/ball.gif"); 
  background-repeat: no-repeat; 

}
.b67 span.button {
  color: #594730;
   font-size:10px;
  font-weight: bold; 
}