/* OYL CSS */

/* IE 5.5+ styles voor transparante png */

img, div { behavior: url(html/iepngfix.htc) }

/* bovenstaand .htc bestand moet op de server staan */

body
{
  background-color:#FFFFFF;
  padding:0;
  margin:0;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
  font-size:12px;
}

a img { border : none; }
a { outline: none; }

hover
{
	cursor:pointer;
}

table
{
font-size:11px; 
font-weight:normal;
}


/* ############ STANDAARD OPMAAK ############# */

#header
{
	position:relative;
	height:270px;
	width:100%;
	padding-top:20px;
	border-bottom-color:#888888;
	border-bottom-style:dotted;
	border-bottom-width:2px;
}

#header_container
{
	position:relative;
	width: 980px;
	z-index:1;
	left: 50%;
	margin-left: -490px;
}

#header_logo
{
	position:absolute;
	width:283px;
	height:250px;
	left:350px;
}

#header_slogan
{
	position:absolute;
	top:240px;
	height:25px;
	text-align:center;
	font-size: 12px;
	color:#000000;
	width: 980px;
}

#header_sticker
{
	position:absolute;
	width:147px;
	height:109px;
	left:200px;
	top: 150px;
}

.content_body
{
	position:relative;
	width: 1120px;
	z-index:1;
	left: 50%;
	margin-left: -500px;
}

.content_body_left
{
	position:relative;
	float:left;
	width:180px;
}

.content_body_left .links
{
	position:relative;
	float:right;
	margin-top:50px;
	margin-right:45px;
	width:100px;
}

.content_body_main
{
	position:relative;
	float:left;
	width:630px;
	border-left-color:#888888;
	border-left-style:dotted;
	border-left-width:2px;
	border-right-color:#888888;
	border-right-style:dotted;
	border-right-width:2px;
}

.content_body_main .circle_title
{
	position:relative;
	width: 480px;
	margin-left:70px;
	margin-bottom:10px;
	font-size:18px;
	line-height:18px;
	color:#121212;
	padding-bottom:15px;
	border-bottom-color:#CCC;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	
}

.content_body_main .circle_title a
{
	font-size:11px;
	color:#74c135;
}

.content_body_main .circle_title a:hover
{
	font-size:11px;
	color:#000000;
}

.content_body_menu
{
	position:relative;
	float:left;
	overflow: hidden;
	width:630px;
	height:60px;
	padding:0px;
	background-image:url(../images/bg_menu.jpg);
	background-repeat:repeat-x;	
}

.content_body_menu .items
{
	position:relative;
	font-size:12px;
	float:left;
	padding:15px;
	padding-left:30px;
}

.content_body_menu .items a
{
	color:#74c135;
	text-decoration:none;
}

.content_body_menu .items a:hover
{
	color:#000;
	text-decoration:none;
}

.clr
{
	clear:both;
}

.content_body_item
{
	position:relative;
	width:600px;
	margin:15px;
	border-bottom-color:#CCC;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	padding-top:10px;
	padding-bottom:15px;
}


.content_body_item .blog_image
{
	position:relative;
	float:left;
	margin-left:10px;
	width: 175px;
	padding-top:5px;
	padding-bottom:15px;
}

.content_body_item .blog_text
{
	position:relative;
	float:left;
	width: 370px;
	margin-left:25px;
	margin-bottom:10px;
	font-size:11px;
	line-height:18px;
	color:#121212;
}

.content_body_item .blog_picture
{
	position:relative;
	float:left;
	width: 250px;
	margin-left:175px;
	margin-bottom:10px;
	font-size:10px;
	line-height:18px;
	color:#121212;
}


.content_body_item .blog_text a
 {
	 text-decoration: none; 
	 color:#74c135;
}

.content_body_item .blog_text a:hover
 {
	 text-decoration: none; 
	 color:#999999;
}

.content_body_main .pagenumbers
{
	position:relative;
	margin-left:25px;
	width: 600px;
	font-size:12px;
	line-height:18px;
	text-align:center;
	color:#121212;
}

.content_body_main .pagenumbers a:link {text-decoration: none; color:#74c135;}
.content_body_main .pagenumbers a:visited {text-decoration: none; color:#74c135;}
.content_body_main .pagenumbers a:hover {text-decoration:none; color:#999999;}
.content_body_main .pagenumbers a:active {text-decoration: none; outline: 0px; color:#74c135;}
.content_body_main .pagenumbers a:focus {outline: 0px;}


.content_body_right
{
	position:relative;
	float:left;
	width:290px;
}

.content_body_right .circle
{
	position:relative;
	margin-left:15px;
	width:285px;
	height:336px;
	background-image:url(../images/circle.jpg);
	background-repeat:no-repeat;
}

.content_body_right .circle .btn_home
{
	position:absolute;
	top:55px;
	left:25px;
	width:86px;
	height:86px;
	z-index:50;
}

.content_body_right .circle .btn_agenda
{
	position:absolute;
	top:55px;
	left:170px;
	width:86px;
	height:86px;
	z-index:50;
}
.content_body_right .circle .btn_yourself
{
	position:absolute;
	top:165px;
	left:195px;
	width:86px;
	height:86px;
	z-index:50;
}

.content_body_right .circle .btn_relation
{
	position:absolute;
	top:240px;
	left:97px;
	width:86px;
	height:86px;
	z-index:50;
}

.content_body_right .circle .btn_goodheart

{
	position:absolute;
	top:165px;
	left:7px;
	width:86px;
	height:86px;
	z-index:50;
}

.content_body_right .search
{
	position:relative;
	margin-top:15px;
	margin-left:15px;
	margin-bottom:15px;
	width:285px;
}

.content_body_right .calendar
{
	position:relative;
	margin-top:15px;
	margin-left:35px;
	margin-bottom:15px;
	width:235px;
}

.tags
{
	font-size: 10px;
	color:74c135;
}

.tags a:link {text-decoration: underline; color:#74c135;}
.tags a:visited {text-decoration: underline; color:#74c135;}
.tags a:hover {text-decoration:underline; color:#999999;}
.tags a:active {text-decoration: underline; outline: 0px; color:#74c135;}
.tags a:focus {outline: 0px;}

.titel_groen
{
	font-size: 20px;
	color:#74c135;
}

.titel_blauw
{
	font-size: 20px;
	color:#006bf7;
}

.titel_agenda_small
{
	font-size: 16px;
	color:#006bf7;
}

.titel_roze
{
	font-size: 20px;
	color:#f46be6;
}

.titel_oranje
{
	font-size: 20px;
	color:#ff6100;
}

.titel_rood
{
	font-size: 20px;
	color:#c3110f;
}

.titel_paars
{
	font-size: 20px;
	color:#9268e8;
}

/* CIRCLE OF 5 KLEUREN */

.titel_home
{
	font-size: 20px;
	color:#ff6100;
}
.titel_agenda
{
	font-size: 20px;
	color:#006bf7;
}

.titel_yourself
{
	font-size: 20px;
	color:#f9a602;
}

.titel_relation
{
	font-size: 20px;
	color:#9268e8;
}

.titel_goodheart
{
	font-size: 20px;
	color:#c3110f;
}

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

.small
{
	font-size:10px;
}

.small a:link {text-decoration: none; color:#006bf7;}
.small a:visited {text-decoration: none; color:#006bf7;}
.small a:hover {text-decoration:none; color:#999999;}
.small a:active {text-decoration: none; outline: 0px; color:#006bf7;}
.small a:focus {outline: 0px;}

.disclaimer
{
	font-size: 10px;
	color:#666666;
}

.service
{
	font-size: 10px;
	padding:15px;
	color:#999999;
}

.service a:link {text-decoration: none; color:#999999;}
.service a:visited {text-decoration: none; color:#999999;}
.service a:hover {text-decoration:underline; color:#000000;}
.service a:active {text-decoration: none; outline: 0px; color:#999999;}
.service a:focus {outline: 0px;}