/* CSS Document */
.container_registratie {
	clear:both;
	float:left;
	position:relative;
	width:931px;
}

.stap_txt{
	padding:5px 10px 0px 0px;
	font-size:1.15em;
	width:auto;
	float:left;
	margin-bottom:10px;
}

.stap_icon{
	padding:0px 10px 0px 0px;
	width:auto;
	float:left;
	margin-right:10px;	
}

.vijfredenen{
	width:580px;
	padding-left:15px;
	float:left;
	line-height:22px;
}
.drieredenen{
	width:580px;
	padding-left:5px;
	float:left;
	line-height:22px;
	padding-bottom:30px;
	padding-top:15px;
}


.registratiebox{
	width:565px;
	border:solid 1px #FFCC00;
	float:left;
	margin: 30px 0px 30px 0px;
	padding:15px;
}

.registratiebox2{
	width:565px;
	border:solid 1px #FFCC00;
	float:left;
	margin: 0px 0px 30px 0px;
	padding:15px;
}

h3#rood{
	margin-bottom: 20px;
}

h3#blauw{
	margin-bottom: 10px;
}
h2#blauw{color:#009BB2;}

.nummer{
	float:left;
	margin-right:15px;
}

.vinkje{
	float:left;
	margin-left:10px;
	
}

.recept{
	width:125px;
	margin:30px 15px 20px 0px;
	float:left;
}

.bewaar{
	margin-top:10px;
	width:125px;
	color:#F1A400;
}

.button{
	width:545px;
	margin:30px 0px 0px 0px;
}

.avatar{
	width:120px;
	float:left;
	margin-right:30px;
}


.registratieoverlay{
	width:650px;
	height:500px;
	border:solid 1px #FFCC00;
	float:left;
	padding:30px;
}

.importeer{
	width:300px;
	float:left;
}



a.button80:link, a.button80:visited, a.button80:active, a.button35:link, a.button35:visited,a.button35:active, a.button100:link, a.button100:visited, a.button100:active, a.button50:link, a.button50:visited, a.button50:active, a.button70:link, a.button70:visited,a.button70:active,  a.button115:link, a.button115:visited, a.button115:active, a.button130:link, a.button130:visited, a.button130:active {
display:block;
float:left;
height:18px;
background-repeat: no-repeat;
padding:3px 0px 0px 0px;
margin: 0px 0px 0px 5px;
text-align:center;
font-size: 12px;
text-decoration:none;
color:#D2232A;
font-weight:bold;
}
a.button115:link, a.button50:visited{
width:115px;
background-image:url(../images/Bu_115_off.gif);
}

a.button115:hover{
background-image:url(../images/Bu_115_on.gif);
}

a.button130:link, a.button50:visited{
width:130px;
background-image:url(../images/Bu_130_off.gif);
}

a.button130:hover{
background-image:url(../images/Bu_130_on.gif);
}

a.button80:link, a.button50:visited{
width:80px;
background-image:url(../images/Bu_80_off.gif);
}

a.button80:hover{
background-image:url(../images/Bu_80_on.gif);
}


.gallerij{
	float:left;
	width:400px;
}


.container_400px{
width:400px; 
float:left; 
}

.mailbox{
	margin:10px 20px 20px 0px;
	float:left;
	text-align:center;
}

.textfield_155px{
	float:left;
}

.textfield{
	float:left;
	margin:0px 5px 5px 0px;
	
}

.link_meertoevoegen{
	width:367px;
	margin-top:20px;
}

.emailadressenlijst{
	/*width:250px;*/
	float:left;
	margin-right:30px;
	margin-bottom:5px;
}



.container_100px_MB10px_MR10px{
float:left;
clear:both;
position:relative;
width:100px;
margin:0px 10px 10px 0px;
padding-top:2px;
}

.dropdown_200px{
	width: 211px;
	height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #000000;
	margin:0px 0px 15px 0px;
	float:left;
}

a.arrowBlue_left10px:link, a.arrowBlue_left10px:visited{
margin: 0px 0px 0px 10px;
}


a.buttonClose:link, a.buttonClose:visited{
white-space:nowrap;
float:right;
height:16px;
background-image:url(../images/Bu_close_off.gif);
background-repeat: no-repeat;
background-position:right;
padding:0px 18px 0px 0px;
margin: 0px 0px 0px 0px;
text-decoration:none;
}

a.buttonClose:hover{
background-image:url(../images/Bu_close_on.gif);
text-decoration:underline;
}
a.buttonClose:active{
background-image:url(../images/Bu_close_active.gif);
text-decoration:underline;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
ul.weekmenu{
margin:20px 0px 20px 0px;
padding:0px;
}

ul.weekmenu li{
margin:0px 0px 5px 0px;
padding:0px 0px 0px 15px;
list-style:none;
background-image:url(/images/Pi_arrowRed_list.gif);
background-repeat:no-repeat;
background-position: 0px 2px;
}
.pi_weekmenu{
position:absolute;
bottom:0px;
right:8px;
width:200px;
height:109px;
}


/**
 *  Horizontal Buttons
 */
 #avatars .avatarscroll UL 
 {
 	float:left; 
 	padding-left: 0px;
 }
 #avatars .avatarscroll 
 {
 	width: 280px;
 	float: left;
 }
#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;
}

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

#avatars .jcarousel-next:active {
    /*background-position: -64px 0;*/
    background: transparent url(/images/Bu_next_active.gif) no-repeat 0 0;
}
#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;
}

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

#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 */
.avatarscroll a.thumb_chooseAvatar:link, .avatarscroll a.thumb_chooseAvatar:visited {float:none;display:block;height:60px;margin:0px 6px 10px 0px;padding:2px;width:60px;}
.avatarscroll a.thumb_chooseAvatar:active {border:2px solid #FEB902;padding:0px;}
.avatarscroll a.thumb_chooseAvatar:hover {border:2px solid #FEB902;padding:0px;}