/* class definitions */

/* valid for all HTML elements with class="normal" */
.normal {
	margin-top:			0px;
	background-color:	#FFFFFF;
	font-family: 		Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: 	none;
	font-weight: 		normal;
	font-size: 			10pt; 
	text-align: 		left; 
	color: 				#484848;
}

/* old color: #2D92A6; 2009 #6A8CBD; blue 2010 */

/* valid for all HTML elements with class="entry" */
.entry {
  float: left;
  width: 420px;
  position: relative;
  left: 0px;
  padding-left: 10px;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

/* valid for all HTML elements with class="entry_medium" */
.entry_medium {
  float: left;
  width: 600px;
  position: relative;
  left: 20px;
  padding-left: 20px;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

/* valid for all HTML elements with class="entry_broad" */
.entry_broad {
  float: left;
  width: 850px;
  position: relative;
  left: 20px;
  padding-left: 20px;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

/* HTML element style definitions */
p {
	margin-top: 0px;
	color: #484848;
	text-align: left;
}

h1 {
	margin-top: 0px;
	color: #2B4262;
	font-size: 1.875em; /* 30px/16=1.875em */
	text-align: left;
	font-weight: normal;
}

h2 {
	margin-top: 0px;
	color: #2B4262;
	font-size: 1.25em; /* 20px/16=1.25em */
	text-align: left;
	font-weight: normal;
}


/* class definitions */
p.onderschrift
{
	text-align: center;
	color: #999999;
	font-weight: bold;
}

h2.orange {
	color: #FF9900;
	font-weight: normal;
}

h2.bold {
	font-weight: bold;
}

ul.circle {
	list-style-type:circle;
	line-height:1.2em;

}

ul.disc {
	list-style-type:disc;
	line-height:1.2em;

}

ul.square {
	list-style-type:square;
	line-height:1.2em;
}



/* various div style rules definitions */

/* the style rule #container{} will be applied to the div element with id="container" */
#container {
	position: relative;
	float: center;
	width: 980px;
	background: #FFFFFF; 
}

#content {
	position: relative; 
	float: left;
	left: 25px;
	width: 930px;
	background-image: url('../images/style/background_rim.jpg'); 
	background-repeat:repeat-y;
}

#header {
	position: relative; 
	float: left;
	top: 5px; 
	left: 10px;
	width: 910px;
	height: 157px;
	background-image: url('../images/style/jzvb_banner03.jpg'); 
}

#menu_bar {
	position: relative; 
	float: left;
	width: 910px;
	top: 0px; 
	left: 10px;
	height: 70px;
	background-image: url('../images/style/menubar03.jpg'); 
}

/* 3 columns layout definition ***/

#column3 {
	position: relative; 
	float: left;
	width: 910px;
	top: 0px; 
	left: 10px;
	background-image: url('../images/style/shadow3.jpg'); 
}

#column3_left {
	float: left;
	width: 260px;
}

#column3_center {
	float: left;
	width: 430px;
}

#column3_right {
	float: left;
	width: 220px;
}

#column3_bottom {
	position: relative;
	float: left;
	top: 0px;
	left: 10px;
	height: 20px;
	width: 910px;
	background-image: url('../images/style/shadow3_bottom.jpg');
	background-repeat:no-repeat;
}


/* 2 columns layout definition ***/

#column2 {
	position: relative; 
	float: left;
	width: 910px;
	top: 0px; 
	left: 10px;
	text-align: left; 
	background-image: url('../images/style/shadow2.jpg'); 
}

#column2_left {
	float: left;
	width: 260px;
}

#column2_right {
	float: left;
	width: 600px;
}

#column2_bottom {
	position: relative;
	float: left;
	top: 0px;
	left: 10px;
	height: 20px;
	width: 910px;
	background-image: url('../images/style/shadow2_bottom.jpg');
	background-repeat:no-repeat;
}


/* 1 column layout definition ***/

#column1 {
	position: relative; 
	float: left;
	width: 910px;
	top: 0px; 
	left: 10px;
	background-image: url('../images/style/shadow1.jpg'); 
}

#column1_left {
	float: left;
	width: 910px;
}

#column1_bottom {
	position: relative;
	float: left;
	top: 0px;
	left: 10px;
	height: 20px;
	width: 910px;
	background-image: url('../images/style/shadow1_bottom.jpg');
	background-repeat:no-repeat;
}


#footer {
	position: relative; 
	height: 50px;
	float: left;
	width: 910px;
	top: 0px; 
	left: 10px;
	background-image: url('../images/style/jzvb_bottom.jpg'); 
}

#bottom {
	position: relative;
	float: left;
	left: 25px;
	height: 20px;
	width: 930px;
	background-image: url('../images/style/background_rim_bot.jpg');
	background-repeat:no-repeat;
}



/*** link styles */
a.inlinelink
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10pt; text-align: left; color: #484848; text-decoration: none; padding-left: 12px; background: url('../images/bullets_10.gif') left 5px no-repeat;
}

a.inlinelink_white
{
	color: #FFFFFF; text-decoration: none; padding-left: 12px; background: url('../images/arrow_white.gif') left 5px no-repeat;
}

a.nav:link     { color: #FFFFFF; }
a.nav:visited  { color: #CCCCCC; }
a.nav:active   { color: #CCCCCC; }
a.nav:hover    { color: #FFFFFF; }

a.link:link    { color: #2D92A6; }
a.link:visited { color: #2D92A6; }
a.link:active  { color: #FF9900; }
a.link:hover   { color: #FF9900; }



/* end of css */