@charset "utf-8";
/* CSS Document */

HTML, BODY, DIV
{
	margin:0px;
	padding:0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#000000;	
}

.divBlock
{	font-size: 0.7em;
	line-height: 1.5em;
}

HTML, BODY
{
	height:100%;
}


a
{
	color:#ff5d00;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

H1
{
	font-size:18px;
	color:#336699;
	margin:0px;
	padding:0px;
	margin-bottom:20px;
}

H2
{
	margin:0px;
	padding:0px;
}

#container
{
	margin: 0 auto;	
	width:983px;
	text-align:left;
	position:relative;
}

#flash_container
{
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;	
	width:983px;	
	height:151px;
	font-size:11px;
	position:relative;
}

#logo_container
{
	position:absolute; 
	top:9px; 
	left:6px; 
	width:120px; 
	height:122px; 
	cursor:pointer
}

#logo_container:hover
{
	text-decoration:none;	
}


#background_container
{
	background-image:url(../images/background.jpg);
	background-repeat:repeat-y;
	margin: 0 auto;	
	width:983px;	
	min-height:100%;
}



#mainleft
{
	display:table; 
	float:left; 
	width:305px;
}
 
#mainleft .InlineType_left
{
	padding-left:100px;
}
 
.blue_title
{	
	background-color:#3c60a7;
	background-image:url(../images/block_header_blue.jpg);
	background-repeat:no-repeat;
	line-height:14px;
	height:14px;
	float:left;
	color:#ffffff;
	font-weight:bold;
	padding-left:10px;
	padding:2px 10px;	
	overflow:hidden;	
} 
 

/*Start action button */
.start_action_button
{
	width:85px;
	height:81px;
	background-image:url(../images/start_actie_but.jpg);	
	cursor:pointer;
}

.start_action_button:hover
{
	background-image:url(../images/start_actie_but_over.jpg);	
	cursor:pointer;	
}

/*Sponsor home button*/
.sponsor_home_button
{
	width:85px;
	height:81px;
	background-image:url(../images/steun_home_but.jpg);	
	background-repeat:no-repeat;
	cursor:pointer;	
	
}

.sponsor_home_button:hover
{
	background-image:url(../images/steun_home_but_over.jpg);	
}

/*Sponsor action button*/
.sponsor_action_button
{
	width:80px;
	height:74px;
	background-image:url(../images/steun_actie_but.jpg);	
	background-repeat:no-repeat;
	cursor:pointer;
	float:right;
	margin-left:5px;
}

.sponsor_action_button:hover
{
	background-image:url(../images/steun_actie_but_over.jpg);	
}

/*Blue orange block*/
.bo_block
{	
	width:187px;
	background-color:#FFFFFF;
	margin-bottom:2px;
	font-size:16px;
}

.bo_block a
{
	color:#FFFFFF;
	text-decoration:none;
}

.bo_block a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}

.bo_line, .bo_title
{
	background-color:#3c60a7;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#FFF;
	border-bottom:1px dotted #FFF;
	font-size:0.7em;	
}

.bo_title
{
	background-image:url(../images/block_header_orange.jpg);
	background-repeat:no-repeat;	
	padding-left:30px;
	font-weight:bold;
}

/*Page header blocks*/

.header_left, .header_right
{	
	padding-left:40px;
	width:130px;
	height:95px;	
	padding-top:27px;
	color:#FFFFFF;
	font-size:11px;
}

.header_left table, .header_right table
{
	width:100%;
	
	height:90px;
}	

.header_left table td, .header_right table td
{
	
	color:#FFFFFF;
}

.header_right
{
	width:150px;
	padding-left:30px;
}


.header_right table
{
	height:50px;
	margin-bottom:5px;
}


.header_right .title
{
	font-size:13px;
	font-weight:bold;	
	color:#FFFFFF;
	margin-bottom:5px;
}

.header_right form
{
	margin:0px;
	padding:0px;
}

.header_right input
{
	width:90px;
	font-size:10px;
	margin:0px;
	padding:0px;
}

.header_right a
{
	color:#FFFFFF;
}


/*

 start of rgreen_box style (the green boxes in the right colum of site).

 .rgreen_box
-----------------------------	
| .header 					|	1
-----------------------------	

.subtitle 
-----------------------------	1+
.text


extention (title1of1):
subtitle has only 1 element, padding it from the left:
		.subtitle title1of1 
-----------------------------	
.text

extention (title1of2 and title2of2):
subtitle has 2 elements. first element is left aligned, second element is right alignd:
.subtitle title1of2 	.subtitle title2of2
-------------------------------------------	
.text

extention (legend and details):
instead of description, text contains a list with details; legend is left, details are right;
.subtitle 
--------------------------------
.legend				 	.details


*/
.rgreen_box_table
{
	width:191px;
	padding-left:14px;
}

.rgreen_box_table table
{
	width:191px;
}

.rgreen_box_table .header
{
	background-image:url(../images/block_header_green.jpg);
	color:white;
	font-weight:bold;
} 

.rgreen_box_table td
{
	padding-right:5px;
} 

.rgreen_box_table .header td
{
	padding-left:20px;
} 

.rgreen_box_table .legend
{
	font-weight:bold;
	padding-left:5px;	
}

.rgreen_box_table a
{
	color:#000000;
}





.rgreen_box
{	width:195px;
	margin-top:5px;	
}
.rgreen_box a
{	color:black;
}
.rgreen_box .header
{	width:173px;	
	background-image:url(../images/block_header_green.jpg);
	padding:2px 5px;
	margin: 0 0 5px 15px;	
	color:white;
	font-weight:bold;
}

.rgreen_box .subtitle
{	color:#000;
	font-weight:bold;
	overflow:hidden; 
	line-height:12px; 
	height:12px;
}

.rgreen_box .title1of1
{	margin-left:60px;
}	

.rgreen_box .image
{	width:50px;
	height:50px;
	border:2px solid #66cc33;
	float:left;
}

.rgreen_box .text
{	margin-left:15px;
	border-top:2px solid #66cc33;
	padding-left:5px;	
}

.rgreen_box .title1of2
{	font-weight:bold;
	width:100px;
	float:left;
	color:black;
	margin-left:15px;
}

.rgreen_box .title2of2
{	text-align:right;
	width:80px;
	float:right;
	font-weight:bold;
}

.rgreen_box .legend
{	font-weight:bold;
	float:left;
}
.rgreen_box .details
{	text-align:right;
	margin-left:20px;
	overflow:hidden;
	height:12px;
	line-height:12px;
}


/*
Start of main box; this is the box where content in the middle column of the site can be placed
*/

.main_box
{	width:452px;
}

.main_box .title1of2
{	width:205px;
	line-height:14px;
	height:14px;
	color:#ffffff;
	font-weight:bold;
	padding-left:10px;
	padding:2px 10px;	
	background-image:url(../images/block_header_blue.jpg);
	overflow:hidden;
}

.main_box .title1of2 a
{	color:white;
}

.main_box .title2of2
{	width:204px;
	float:left;
	color:#ffffff;
	padding-left:10px;
	padding:2px 10px;	
	margin-left:1px;
	background-image:url(../images/block_header_orange_long.jpg);
	line-height:14px;
	height:14px;
	overflow:hidden;
}

.main_box .column1of2
{	width:205px;	
	height:160px;
	float:left;
	padding-left:10px;
	padding:2px 10px;	
	border-right:1px dotted black;
	border-bottom:1px dotted black;
}
.main_box .column2of2
{	width:203px;
	float:right;	
	padding-left:10px;
	padding:2px 10px;	
	margin-left:1px;
	height:160px;
	border-bottom:1px dotted black;
}

.main_box .column2of2 .actionlink
{	font-weight:bold;
	height:12px;
	line-height:12px;
	overflow:hidden;
}

.main_box .column2of2 .actionlink a
{	color:black;
	font-style:italic;	
}

.main_box .avatar80
{	width:80px;
	height:80px;
	float:left;
	border-left:2px solid #3c60a7;
	border-right:2px solid #3c60a7;	
	border-bottom:2px solid #3c60a7;
	margin-right:5px;	
}

.main_box .text
{		
}

.main_box .avatar135
{	width:135px;
	height:135px;
	float:left;
	background-color:#CCCCCC;
	margin-right:5px;
}

.footerlink1 a, .footerlink2 a
{	float:left;	
	height:25px;	
	padding: 0 5px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:25px;
	vertical-align:middle;
}

.footerlink1 a
{	
	width:150px;
	background-position:right;
	background-image:url(../images/block_footer_orange.jpg);
}

.footerlink2 a
{
	width:280px;
	background-position:right;
	background-image:url(../images/sponsor_footer.jpg);
}

.footerfill
{	height:25px;
	margin-left:140px;
	background-position:right;
	background-image:url(../images/sponsor_footer.jpg);	
}


.form_error
{
	color:#990000;
}

.form_notify
{
	color:#009900;
}

hr
{
	padding:0px;
	margin:0px;
	border: 0px;
	height:1px;
	border-top: dotted 1px #000;
		
}

.photo
{
	width:95px;	
	float:left;
	margin:5px;
	overflow:hidden;
	text-align:center;	
	padding:4px;
	border: 1px solid #CCCCCC;
}

.photo_weblog_options_box
{
	width:454px;
	margin-top:25px;
	position:relative;
}

.photo_weblog_options_box .photos
{
	width:454px;
}

.photo_weblog_options_box .weblog
{
	width:454px;
	overflow:hidden;
}

.photo_weblog_options_box .weblog .article_row
{
	height:11px;
	line-height:11px;
	overflow:hidden;
}

.commentBox
{
	border-top: dotted 1px #000;
	margin-top:15px;
	margin-bottom:15px;
}

.commentBox .commentText
{
	padding-top:10px;
	padding-bottom:5px;
}

.commentBox .commentFooter
{
	font-size:11px;
	color:#8da3cc;
	text-align:right;
}

.messagebox
{	width:440px;
}

.messagebox #hdate
{	padding-left:3px;
	width:57px;
	background-image:url(../images/block_header_lightblue.jpg);
	color:white;
}
.messagebox #hname
{	padding-left:3px;
	width:73px;
	background-image:url(../images/block_header_blue.jpg);
	color:white;
}
.messagebox #hmsg
{	padding-left:3px;
	background-color:#3c61a8;
	color:white;
}
.messagebox #hamount
{	padding-left:3px;
	color:white;
	width:60px;
	background-color:#3c61a8;
}

.messagebox .date
{	padding:2px;
	width:57px;
	vertical-align:top;
	border-left:1px dotted black;
	border-bottom:1px dotted black;
	border-right:1px dotted black;
	
}
.messagebox .name
{	padding:2px;
	width:73px;
	vertical-align:top;
	border-bottom:1px dotted black;
	border-right:1px dotted black;
}
.messagebox .msg
{	padding:2px;	
	vertical-align:top;
	border-bottom:1px dotted black;
	border-right:1px dotted black;
}
.messagebox .amount
{	padding:2px;
	width:60px;
	vertical-align:top;
	border-bottom:1px dotted black;
	border-right:1px dotted black;
	text-align:center;
	font-style:italic;
}

.abuse_report
{
	border-bottom: dotted 1px #000;
}

.searchtable
{	background-image:url(../images/table_head_bg.jpg);
	background-repeat:no-repeat;
	width:100%;
}
.searchtable .title
{	padding-left:10px;
	color:white;
	height:20px;
	line-height:20px;
}
.searchtable .legend
{	color:white;
}
.searchtable .even
{	background-color:white;
}
.searchtable .odd
{	background-color:#cbcbcb;
}

.searchtable a
{	color:black;
}

.newactionform input
{	border:1px solid black;
}

.specialActionOverview .legend
{	font-weight:bold;
}
.specialActionOverview .info
{	padding-left:5px;
}

.linkedActionBox .paperclip
{	vertical-align:middle;
}

.linkedActionBox
{	margin-bottom:15px;
}

.linkedActionBox .text
{	vertical-align:top;
}

.linkedActionBox .text .actionName
{	color:#ff5d00;
	font-weight:bold;
}

.linkedActionBox .text a
{	color:black;
}

.supportBox .text
{	color:#ff5d00;
	font-weight:bold;
}

.photoOverview
{	width:140px;
	vertical-align:top;
}

.photoOverview .head
{	background:url(../images/photo_header.jpg);	
	height:34px;
}
.photoOverview .bloghead
{	background:url(../images/blog_header.jpg);	
	height:19px;
}

.vertical_dottedline
{	width:141px;
	background-image:url(../images/vertical_dotted_line.jpg);
	background-repeat:repeat-y;
	background-position:right;
	min-height:350px;	
}

.horizontal_dottedline
{	
	background-image:url(../images/horizontal_dotted_line.jpg);
	background-repeat:repeat-x;
	height:3px;	
}

.vd_line
{	border-right:1px dotted black;
}
.hd_line
{	border-bottom:1px dotted black;
}