/*****************************************
* 		PROJECT: ASVO.NL		     	 *
*****************************************/

/* Project Logo */
.project_logo {
	width		: 95px;
	height		: 76px;
	position	: absolute;
	background	: url("../img/logo.png") no-repeat; 
	right		: 16px;
	top			: 40px
}

/* HTML */
/* Default settings */
.component_container form{
	margin			: 0px;
	padding			: 0px;
}

.component_container UL, .component_container LI {
	list-style-type: disc;
}

P {	
	font-size			:11px;
}

body.website {
	background			: #FFFFCC;
	color				: #111177;
	margin				: 0px;
	font-family			: verdana, arial;
	font-size			: 11px;
}

input.fieldsError[type=text] {
	border				: 1px solid red
}

label.fieldsError {
	color				: red
}

.leftsubmenu, .leftsubmenu li {
	list-style-type		: none;
}

.hide,
.marcompro_hide {
	display				: none;
}

.show,
.marcompro_show {
	display				: block; 
}

.right{
	float				: right;
}

.left{
	float				: left;
}

.clear{
	clear				: both;
}

img{
	border				: 0px;
	margin				: 0px;
 	behavior			: url("htc/pngbehavior.htc");
}

.hidden{
	visibility			: hidden;
	height				: 5px;
}
/* END DEFAULT */

#website_top_menu a, #website_bottom_menu a {
	display				: inline; 
}

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

.asvo_container {
	position			: absolute;
	left				: 50%;		
	width				: 980px;
	height				: 560px;
	background			: #fff;
	margin				: 15px 0px 0px -490px;
}

/* HEADER */
#site_header{
	height				: 105px;
	margin				: 0px;
	padding				: 0px;	
}

.top_navigatie{
	width				: 630px;		
	height				: 30px;
	float				: left;
	margin				: 70px 0px 0px 0px;
	background			: url(../img/website/top_menu_bg.png) no-repeat;
}

#site_header .top_navigatie ul{	
	list-style			: none;
	margin				: 10px 0px 0px 10px;
	padding				: 0px ;
}

#site_header .top_navigatie li{	
	float				: left;	
	padding				: 0px 5px 0px 5px;
}

#site_header .top_navigatie li a{		
	color				: #111177;
}

#site_header .top_navigatie li.last{
	border				: 0px;
}

#site_header .asvo_logo{
	display				: block;
	float				: left;
	width				: 164px;
	height				: 105px;
	background			: url(../img/website/asvo_logo.png) no-repeat;
	margin				: -5px 0px 0px 5px;	
}

#site_header .asvo_logo_large{
	display				: block;
	float				: left;
	width				: 251px;
	height				: 160px;
	background			: url(../img/website/asvo_logo_large.png) no-repeat;
	margin				: 10px 0px 0px 30px;	
}


#site_header .asvo_contact{
	display				: block;
	float				: right;
	width				: 126px;
	height				: 94px;
	background			: url(../img/website/asvo_contact_i.png) no-repeat;
	margin				: 32px 32px 0px 0px;
}

#site_header .asvo_contact:hover{
	cursor				: pointer;
	background			: url(../img/website/asvo_contact_o.png) no-repeat;
}

.component_container {
	margin-bottom		: 5px;
}

.leftcolumn .dv_leftsubmenu{	
	margin-top			: 60px;
}

#marcomSubMenu a , .leftcolumn .leftsubmenu a{
	text-decoration		 : none;
	font-size			 : 12px;
	font-weight			 : bold;
	color				 : #000;
}

#admin-content #marcomSubMenu a:hover, #admin-content .leftcolumn .leftsubmenu a:hover{
	background			: none;
}

.leftcolumn .leftsubmenu a{	
	display				: block;
	position			: relative;	
	z-index				: 100;
	color				: #fff;
	padding				: 0px 0px 0px 5px;	
	margin				: -26px 0px 0px 5px;	
}

/* FOOTER */
#site_footer .bottom_navigatie{
	width				: 980px;	
	display				: block;
	height				: 20px;	
	border-top			: 1px solid #A70E00;
}

#site_footer .bottom_navigatie ul{
	list-style			: none;
	margin				: 0px ;
	padding				: 0px ;
}

#site_footer .bottom_navigatie li{
	display				: inline;	
	xpadding-left		: 20px;
	xpadding-right		: 20px;
}

#site_footer .bottom_navigatie li.last{
	border				: 0px;
}
/**************************************/
/*homepage*/
.component_container .img_container_main{
	float				: right;
	margin				: 220px 20px 0px 0px;
}

.component_container .editbar_mnuImages{
	border				: 1px solid black;
	width				: 500px;
	height				: 20px;
	background			: white;
	-moz-opacity		: .75;
}

.component_container .img_container_main ul, .component_container .img_container_main ul li{
	list-style-type			: none;
}

.component_container .img_container_main ul li{
	margin				: 0px 5px 0px 5px;
}

/* PAGE CONTENT */
.rClm_mrgn_left{
	margin-left			: 3px;
}

.leftcolumn, .maincolumn, .full_page, .full_page_klassen, .rightcolumn{			
	width				: 170px;
	height				: 426px;
	overflow-y			: auto;		
	overflow-x			: hidden;
}

.full_page_top, .full_page_bottom, .klassen_page_top{
	clear				: both;
	width				: 805px;
	height				: 16px;
	background			: url(../img/website/full_page_top.png) 0px 0px no-repeat;
}

.klassen_page_top{	
	width				: 805px;
	height				: 130px;
	background			: url(../img/website/klassen_page_top.png) 0px 0px no-repeat;
}

.full_page, .full_page_klassen{	
	width				: 797px;
	padding				: 0px 0px 0px 8px;	
	background			: url(../img/website/full_page_mid.png);
}

.full_page_klassen{
	height				: 312px;
}

.full_page_bottom{
	height				: 8px;
	background			: url(../img/website/full_page_bottom.png) 0px 0px no-repeat;
}

.maincolumn_top, .maincolumn_bottom, .rightcolumn_top, .rightcolumn_bottom{
	clear				: both;
	width				: 559px;
	height				: 16px;
	background			: url(../img/website/main_top.png) 0px 0px no-repeat;
}

.maincolumn {	
	width				: 551px;
	padding				: 0px 0px 0px 8px;	
	background			: url(../img/website/main_mid.png);
}

.maincolumn_bottom, .rightcolumn_bottom{
	height				: 8px;
	background			: url(../img/website/main_bottom.png) 0px 0px no-repeat;
}

.rightcolumn_top, .rightcolumn, .rightcolumn_bottom{
	width				: 242px;
	background			: url(../img/website/right_top.png) 0px 0px no-repeat;
}

.rightcolumn{		
	width				: 234px;
	padding				: 0px 0px 0px 8px;	
	background			: url(../img/website/right_mid.png);	
}

.rightcolumn_bottom{
	background			: url(../img/website/right_bottom.png) 0px 0px no-repeat;
}

.maincolumn .clm_comp, .maincolumn .one_clm, .rightcolumn .clm_comp{
	margin				: 0px 0px 15px 0px;
}

.leftcolumn .clm_comp{
	width				: 165px;
}

.maincolumn .clm_comp{	
	width				: 530px;	
}

.maincolumn .one_clm{
	float				: left;
	width				: 235px;
	margin				: 0px 25px 15px 0px;	
}

.rightcolumn .clm_comp{
	width				: 210px;	
}

.full_page .clm_comp .text{
	padding-right		: 5px;
}

.maincolumn .clm_comp .text{	
	width				: 440px;		
}

.maincolumn .clm_comp .noImages{
	width				: 525px;
}

.maincolumn .one_clm .text{	
	width				: 170px;	
}

.maincolumn .one_clm .noImages{	
	width				: 230px;	
}

.rightcolumn .text{
	width				: 145px;
}

.rightcolumn .one_clm .noImages{
	width				: 210px;
}
/***************************************/
.alpha-shadow {
  float					: left;
  background			: url(img/shadow1.gif) no-repeat bottom right;
  margin				: 10px 0 0 10px !important;
  margin				: 10px 0 0 5px;
}

.alpha-shadow div {
  background			: url(img/shadow2.png) no-repeat left top !important;
  background			: url(img/shadow2.gif) no-repeat left top;
  padding				: 0px 5px 5px 0px;
}

.alpha-shadow img {
  background-color		: #fff;
  border				: 1px solid #a9a9a9;
  padding				: 4px;
}

.leftcolumn .leftsubmenu{
	list-style			: none;
	padding				: 0px;
	margin				: 0px 0px 0px 15px;
}

.leftcolumn .leftsubmenu li{
	clear				: both;
	width				: 149px;
	height				: 29px;	
}
/***************************************/


/* TEMPLATES/COMPONENTS GENERAL */
.clm_comp .asvo_header{
	font-size			: 12px;
	font-weight			: bold;
	padding				: 5px 0px 5px 0px;				
}

.clm_comp .img_container_s, clm_comp .img_container_l{
	xwidth				: 60px;
	padding				: 0px;
	margin				: 0px;	
}

.clm_comp .left img{
	margin				: 2px 5px 2px 0px;
}

.clm_comp .right img{
	margin				: 2px 0px 2px 5px;
}

.clm_comp .img_container_l{
	width				: 110px;
}
/* NEWSLETTER */
.asvo_newsletter, .asvo_poll{	
	font-size			: 11px;	
	padding				: 0px;	
}

.clm_comp .asvo_newsletter_ul, .clm_comp .asvo_newsletter_ul li, .clm_comp .asvo_poll_ul, .clm_comp .asvo_form_ul, .clm_comp .asvo_form_ul li{
	list-style			: none;
	margin				: 10px 0px 10px 0px;
	padding				: 0px;	
}

.asvo_newsletter .content_info{
	margin				: 0px 0px 20px 5px;
}

.asvo_newsletter_result{
	padding-top			: 10px;			
}

.asvo_newsletter ul li input{
	font-family			: verdana, arial;	
}

.asvo_newsletter ul li input.txtfield, .asvo_newsletter ul li .gndr_container{
	width				: 185px;
	border				: 1px solid #A5ACB2;
}

.li_gender{
	height				: 5px;
}

.asvo_btn_verzend{
	display				: block;
	width				: 70px;
	height				: 20px;
	background			: url(../img/website/btn_verzend.gif);		
}

/* POLL */
.asvo_poll_question{
	margin				: 10px 0px 0px 0px;
}

.asvo_btn_stem{
	display				: block;
	width				: 50px;
	height				: 20px;
	background			: url(../img/website/btn_stem.gif);		
}

.asvo_voteresponse{
	margin				: 0px 0px 20px 5px;
}

.asvo_btn_stem, .asvo_poll_message, .asvo_poll_stand{
	margin				: 0px 0px 10px 0px;
}

.asvo_answer1, .asvo_answer2, .asvo_answer3{	
	height				: 5px;
	font-size			: 1px;
	background			: #FF6634;
	margin				: 5px 0px 0px 0px;
}

.asvo_answer2{
	background			: #CC3335;
}

.asvo_answer3{
	background			: #993399;
}

/* SLIDE SHOW */
.clm_comp .asvo_photovideo{	
	border				: 1px solid #A5ACB2;
	width				: 200px;
	float				: left
}

.clm_comp .asvo_phototext{	
	float				: left;
	margin-left			: 20px;
	width				: 300px
}

.wrapWidgetContent_extralarge .clm_comp .asvo_photovideo{	
	border				: none 		
}

.clm_comp .asvo_photovideo .asvo_photocontainer, .clm_comp .asvo_photovideo .asvo_photonav{
	width				: 200px;
}

.wrapWidgetContent_extralarge .photocontainer .asvo_thumbcontainer div,
.clm_comp .asvo_photovideo .asvo_photocontainer{
	cursor				: pointer
}

.wrapWidgetContent_extralarge .clm_comp .asvo_photovideo .asvo_photocontainer{
	cursor				: default 
}

.clm_comp .asvo_photovideo .asvo_photonav{	
	position			: relative;
	left				: 50%;
	width				: 150px;
	height				: 20px;	
	margin-left			: -75px;		
}

.clm_comp .asvo_photovideo .asvo_photonav span,
.clm_comp .asvo_photovideo .asvo_photonav a,
.clm_comp .asvo_photovideo .asvo_photonav img{	
	float				: left;
}

.clm_comp .asvo_photovideo .asvo_photonav img{
	border				: none;
	margin				: 0px 15px 0px 15px;
}

.clm_comp .asvo_photovideo .asvo_photonav span{
	font-weight			: bold;
	vertical-align		: super;
}

.clm_comp .asvo_form_ul li label{
	float				: left;
}

.clm_comp .asvo_form_ul li .time{	
	float				: left;	
	width				: 150px;
}

.clm_comp .asvo_form_ul li textarea, 
.clm_comp .asvo_form_ul li select, 
.clm_comp .asvo_form_ul li .slt_container, 
.clm_comp .asvo_form_ul li input[type=text], 
.clm_comp .asvo_form_ul li input[type=string]{	
	float				: right;
}

.clm_comp .asvo_form_ul li input[type=text],
.clm_comp .asvo_form_ul li input[type=string], 
.clm_comp .asvo_form_ul li textarea{	
	width				: 300px;
}

.clm_comp .asvo_form_ul li select{
	width				: 304px;
}

.clm_comp .asvo_form_ul li .hour{
	width				: 50px;
}

.clm_comp .asvo_form_ul li .minute{
	width				: 75px;
}

.page_container p{
	font-family			: verdana,arial;
	font-weight			: normal;
	line-height			: 13px;
}

body.website h2{
	margin-top			: 0;
	font-size			: 130%;
}

.calendar_print {	
	float				: right;
	padding-right		: 10px;
}

.calendar_print, a.popup_print{	
	font-size			: 9px;
	font-weight			: bold;
	text-decoration		: none;
}

#CalendarEvents .dateCrumb {
	margin				: 8px
}

.date {
	margin-bottom		: 8px
}

#CalendarEvents ul {
	list-style-type		: disc;
	margin-left			: 0px
}

#placeContent #CalendarEvents ul {
	margin-left			: 35px
}

#CalendarEvents li {
	list-style-type		: disc;
	margin-bottom		: 10px;	
}

#editAgenda .form div label {
	font-weight			: bold;
}

.yui-calendar {
	width				: 185px;
}

#sitecontainer .page_container .yui-calendar {
	width				: 200px;
}

.li_left_indent, body.website .li_left_indent{
	margin-left			: 25px;		
}

.btn_left,
.btn_right {
	background			: url(../img/marcompro/btn_left.gif) no-repeat;
	width				: 11px;
	height				: 28px;
	float				: left
}

.btn_right {
	background			: url(../img/marcompro/btn_right.gif) no-repeat;
}

.btn_center {
	background			: url(../img/marcompro/btn_center.gif) repeat-x;
	height				: 24px;
	float				: left;
	padding-top			: 4px
}

.btn_center a,
.btn_center a:hover {
	background			: none;
	font-weight			: bold;
	text-decoration		: none;
	margin-left			: 4px;
	color				: #000
}


/*POST IT voor klassepagina's*/
div.postit{
	width				: 135px;
	height				: 130px;
	cursor				: pointer;
	background			: url(../img/website/postit.png) no-repeat;
}

div.postit img{
	margin				: 20px 0px 0px 15px;	
}

#admin-content div.postit img{
	margin				: 15px 0px 0px 12px;	
}

div.klassen_page_top img, #admin-content div.klassen_page_top img{
	margin				: 25px 81px 0px 0px;	
}

.klassen_menu, .klassen_menu li{
	list-style			: none;
}

#admin-content .klassen_menu{
	margin-left			: 25px;
}

.klassen_menu li a, .klassen_menu li.subSelected a{
	text-decoration		: none;
	font-weight			: bold;
	padding				: 1px 5px;
}

.klassen_menu li a{
	color				: #ff0000;
	
}

#admin-content .klassen_menu li a:hover{
	background			: none;	
}

.klassen_menu li.subSelected a, #admin-content .klassen_menu li.subSelected a:hover{
	background-color	: #ff0000;
	color				: #ffffff;	
}

.clm_comp .asvo_form_ul li .calendar_input {
	width				: 273px;
	background-color:#EEEEEE;
	color:#444444;
	width:273px;
}

.calender_icon{
	background: #fff url(../img/icon/icn_grl_calender.gif) 4px 4px no-repeat; 
	border: 1px solid #7F9DB9; 
	width: 20px; 
	margin-left: -1px; 
	border-left: 0; 
	height: 20px; 
	padding-right: 6px; 
	cursor: hand; 
	cursor: pointer
}

.clm_comp .calendar_nav{
	text-decoration	: none;
	font-weight		: bold;
	border			: 2px outset #7F9DB9; 
	padding			: 3px 5px;
}

.clm_comp .calendar_nav:hover{
	text-decoration	: none;
	color			: #ffffff;
	background		: #111177;
}

.showRequired {
	color	: red;
}