/**
 *  Horizontal Buttons
 */
 #container #avatars .avatarscroll UL 
 {
 	float:left; 
 	padding-left: 0px;
 }
 #container #avatars .avatarscroll 
 {
 	width: 280px;
 	float: left;
 }
#container #avatars .jcarousel-next 
{
	margin-top:20px;
    position: relative;
    float: left;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/Bu_next_off.gif) no-repeat 0 0;
    text-indent:-9999px;
}

#container #avatars .jcarousel-next:hover {
    background: transparent url(/images/Bu_next_on.gif) no-repeat 0 0;
    /*background-position: 0 -32px;*/
}

#container #avatars .jcarousel-next:active {
    /*background-position: -64px 0;*/
    background: transparent url(/images/Bu_next_active.gif) no-repeat 0 0;
}
#container #avatars .jcarousel-prev 
{
	margin-top:20px;
    position: relative;
    float: left;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/Bu_previous_off.gif) no-repeat 0 0;
    text-indent:-9999px;
}

#container #avatars .jcarousel-prev:hover {
    background: transparent url(/images/Bu_previous_on.gif) no-repeat 0 0;
    /*background-position: 0 -32px;*/
}

#container #avatars .jcarousel-prev:active {
    /*background-position: -64px 0;*/
    background: transparent url(/images/Bu_previous_active.gif) no-repeat 0 0;
}


/*AVATARS-----------------------------------------------------------------------------------*/
/* mok-profile-edit.aspx + mok-registratie.aspx */
#container .avatarscroll a.thumb_chooseAvatar:link, #container .avatarscroll a.thumb_chooseAvatar:visited {float:none;display:block;height:60px;margin:0px 6px 10px 0px;padding:2px;width:60px;}
#container .avatarscroll a.thumb_chooseAvatar:active {border:2px solid #FEB902;padding:0px;}
#container .avatarscroll a.thumb_chooseAvatar:hover {border:2px solid #FEB902;padding:0px;}

#container .tabs
{
	padding-left:19px;
}
#container .tabs div
{
	float: left;
}
#container .tabs A
{
	display: block;
	float:left;
}
#container .tabs A:hover, #container .tabs div A:hover
{
	text-decoration:none;
}
#container .tabs div A
{
	text-decoration:none;
}



#container .tabs A.inactive div.tab_left
{
	background-image: url(../images/Pi_BG_tab_L_off.gif);
	width: 6px;
	height: 22px;
}
#container .tabs A.inactive div.tab_main
{
	background-image: url(../images/Pi_BG_tab_M_off.gif);
	background-repeat: repeat-x;
	padding: 4px 10px 0px 10px;
	font-size: 12px;
	color: #DF711E;
	height: 18px;
	text-decoration:none;
	cursor: hand;
}
#container .tabs A.inactive div.tab_right
{
	background-image: url(../images/Pi_BG_tab_R_off.gif);
	width: 6px;
	height: 22px;
}
#container .tabs A:hover div.tab_left, #container .tabs A.active div.tab_left
{
	background-image: url(../images/Pi_BG_tab_L_on.gif);
	width: 6px;
	height: 22px;
}
#container .tabs A:hover div.tab_main, #container .tabs A.active div.tab_main
{
	background-image: url(../images/Pi_BG_tab_M_on.gif);
	background-repeat: repeat-x;
	padding: 4px 10px 0px 10px;
	font-size: 12px;
	color: white;
	height: 18px;
	text-decoration:none;
	cursor: hand;
}
#container .tabs A:hover div.tab_right, #container .tabs A.active div.tab_right
{
	background-image: url(../images/Pi_BG_tab_R_on.gif);
	width: 6px;
	height: 22px;
}

#container .tabs_red A.inactive div.tab_left
{
	background-image: url(../images/mok-kookgroepen/Pi_BG_tab_L_off_red.gif);
}
#container .tabs_red A.inactive div.tab_main
{
	background-image: url(../images/mok-kookgroepen/Pi_BG_tab_M_off_red.gif);
	color: #da323a;
}
#container .tabs_red A.inactive div.tab_right
{
	background-image: url(../images/mok-kookgroepen/Pi_BG_tab_R_off_red.gif);
}
#container .tabs_red A:hover div.tab_left, #container .tabs_red A.active div.tab_left
{
	background-image: url(../images/mok-kookgroepen/Pi_BG_tab_L_on_red.gif);
	color: #ffffff;
}
#container .tabs_red A:hover div.tab_main, #container .tabs_red A.active div.tab_main
{
	background-image: url(../images/mok-kookgroepen/Pi_BG_tab_M_on_red.gif);
	color: #ffffff;
}
#container .tabs_red A:hover div.tab_right, #container .tabs_red A.active div.tab_right
{
	background-image: url(../images/mok-kookgroepen/Pi_BG_tab_R_on_red.gif);
	color: #ffffff;
}





#container .box_oranje
{
	/*overflow: hidden;*/
}
#container .box_oranje div.box_border
{
	border-color:#F1A400;
}
#container .box_oranje div.box_border div.home,#container .box_rood div.box_border div.home
{
	width:675px;
	margin-right:0px;
	padding-left:14px;
}
#container .box_oranje div.box
{
	overflow: hidden;
	border-right:solid 1px #F1A400;
	border-left:solid 1px #F1A400;
	padding-left:19px;
}
#container .box_oranje .xb2,#container .box_oranje .xb3,#container .box_oranje .xb4,#container .box_oranje .xb5,#container .box_oranje .xb6
{border-color:#F1A400;}
#container .box_oranje .xb1
{background-color:#F1A400;}


#container .box_geel
{
	/*overflow: hidden;*/
}
#container .box_geel div.box_border
{
	border-color:#FFCB05;
}
#container .box_geel div.box_border div.home,#container .box_rood div.box_border div.home
{
	width:675px;
	margin-right:0px;
	padding-left:14px;
}
#container .box_geel div.box
{
	overflow: hidden;
	border-right:solid 1px #FFCB05;
	border-left:solid 1px #FFCB05;
	padding-left:19px;
}
#container .box_geel .xb2,#container .box_geel .xb3,#container .box_geel .xb4,#container .box_geel .xb5,#container .box_geel .xb6
{border-color:#FFCB05;}
#container .box_geel .xb1
{background-color:#FFCB05;}