/*CSS for the Website Easycursus*/
/*Dont forget to update the URL of the images in this file to fit the different websites*/

@font-face
{
    font-family: Gill;
    src: url(http://www.easycursus.nl/font/gill.ttf);
}

@font-face
{
    font-family: Gill_Bold;
    font-weight: bold;
    src: url(http://www.easycursus.nl/font/gill_bold.ttf);
}

body{
    background-color:white;
    font-family: arial;
    font-size:9pt;
    color:#000000;
    margin:0px;
}
a {
    font-family: arial;
	text-decoration:none;
	font-weight:bold;
	color:#003874;
}
a:hover {
	text-decoration:underline;
        
}
/*p and text should have the same styles*/
p {
	font-size:12px;
	line-height:18px;
	color:#757575;
}
.listArrow
{
list-style-image: url(../img/item_arrow.gif);
list-style-type: disc; color: #000000;
}
.bigHomeRed
{
    font-family: Gill, arial;
    font-size:20px;
    line-height:25px;
    color:#e51b24;
}
.bigWhite
{
    font-family: Gill, arial;
    font-size:20px;
    line-height:25px;
    color:#ffffff;
}
.bigHomeBlue
{
    font-family: Gill, arial;
    font-size:20px;
    line-height:25px;
    color:#003874;
}

.mediumHomeBlue
{
    font-family: Gill_Bold, arial;
    font-size:16px;
    font-weight:bold;
    line-height:25px;
    color:#003874;
}

.mediumHomeGrey
{
    font-family: Gill_Bold, arial;
    font-size:16px;
    font-weight:bold;
    line-height:25px;
    color:#6e6e6e;
}

.text{

	font-size:12px;
	line-height:18px;
	color:#757575;

}
.textBlue{

	font-size:12px;
	line-height:18px;
	color:#003874;

}
.textRed
{
    font-size:12px;
    line-height:18px;
    color:#e51b24;
}
.textGreen{
    	font-size:12px;
	line-height:18px;
        color:green;
}
.textWhite{
        font-size:12px;
        color:#FFFFFF;
        line-height:18px;
}
.textBoldSmall{

	font-size:11px;
	line-height:15px;
        
        text-decoration:italic;
	color:#757575;

}
.error{
    	font-size:12px;
	line-height:18px;
        color:#e51b24;
        font-weight:bold;
}
.title
{
	font-family: Gill, arial;
    font-size:20px;
	color:#000000;
}
.subtitle
{
	font-family: Gill_Bold, arial;
    font-size:14px;
	font-weight:bold;
	color:#000000;
}
.subtitleBlue {
	font-size:12px;
	font-weight:bold;
	color:#003975;
}

.button
{
        padding-right:8px;
	background:url(http://www.easycursus.nl/img/button_arrow.gif) no-repeat right;
	height:16px;
}
.buttonLeft{

	padding-left:8px;
	background:url(http://www.easycursus.nl/img/button_arrowleft.gif) no-repeat left;
	height:16px;
}
.buttonLeft a{
	/*margin-right:8px;*/
	padding:2px 7px 2px 4px;
	width:auto;
	height:16px;
	background-color:#003975;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
}
.buttonRed{
	
	padding-right:8px;
	background:url(http://www.easycursus.nl/img/button_arrow_red.gif) no-repeat right;
	height:16px;
	
}

.button a
{
	/*margin-right:8px;*/
    display:block;
	padding:2px 7px 2px 4px;
	width:auto;
    height:14px;
	background-color:#003975;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
    border: 0px;
    line-height: 14px;
    
}
.buttonSubmit{
        
	background-color:#003975;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
        border:0px;
        
}
.buttonRed a
{
	/*margin-right:8px;*/
    display:block;
	padding:2px 7px 2px 4px;
	height:14px;
	background-color:#e51b24;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-transform:uppercase;
    border: 0px;
    line-height: 14px;
}

.referentie {
	
	width:205px;
	height:81px;
	border:1px #dde5ed solid;
	
	
}
.borderLogin
{
    border:solid 1px #c4d2df;
}
/*styles for the homepage*/
.backgroundHome{
    background:url(http://www.easycursus.nl/img/home_background.png) no-repeat left top;
}
.korting {
    padding:14px 0px 12px 6px;
    width:50px;
    height:41px;
    font-size:11px;
    color:#FFFFFF;
    text-align: center;
    background:url(http://www.easycursus.nl/img/korting_background.gif) no-repeat left top;
}
.korting_home {
    padding:14px 0px 12px 0px;
    width:45px;
    
    font-size:11px;
    color:#FFFFFF;
    text-align:center;
    background:url(http://www.easycursus.nl/img/korting_background_home.gif) no-repeat;
}
.korting_home_blue {

    width:40px;
    
    
    font-size:11px;
    color:#FFFFFF;
    padding:14px 0px 12px 0px;
    text-align:center;
    background:url(http://www.easycursus.nl/img/korting_background_blue.gif) no-repeat;
}
.korting_dubbel {
    padding:14px 0px 12px 0px;
    width:65px;
    float:left;
    font-size:11px;
    color:#FFFFFF;
    text-align:center;
    background:url(http://www.easycursus.nl/img/korting_background_dubbel.gif) no-repeat;
}
/*end styles for the homepage*/
/*style for the list of fondsen/categories in the itunes menu*/
div.scroll{
        width:270px;
        height:230px;
        overflow:auto;
        
        overflow-x: hidden;
        overflow-y: scroll;

}
.scroll3pixelsUp
{
    border-top:2px #597ea5 solid;
    height:3px;
}
.scroll3pixelsDown
{
    border-bottom:1px #c4d2df solid;
    height:3px;
}
/*style for the span where the whole cursus lijst is displayed*/
div.bigscroll{
        width:574px;
        height:450px;
        overflow:visible;
        border-top:2px #597ea5 solid;
        

}
div.scrollAanmelden{
        width:574px;
        height:auto;
        overflow:auto;
        overflow-x:hidden;


}
div.scroll p {
		margin-top:90px;
		text-align:center;
                
}
.backgroundItunes{
    background:url(http://www.easycursus.nl/img/filters_background.gif);
    background-repeat:no-repeat;
}
.filterBox{
	
	margin:0px;
	font-size:13px;
	font-weight:normal;
	display:block;
	background-repeat:no-repeat;
    padding-left:10px;
	
}
.filterBox a{

	margin:0px;
	font-size:13px;
	font-weight:normal;
	display:block;
	background-repeat:no-repeat;
        

}
.filterBox a:hover{
	/*color:white;*/
        text-decoration:underline;
}
.backgroundSelectedOption
{
    /*background:url(http://www.easycursus.nl/img/filter_selection_background_sub.png) no-repeat;*/
    background-color:#003366;
}
.blueBackground
{
    background:url(http://www.easycursus.nl/img/filter_selection_background_sub.png) no-repeat;
    padding:5px;
    text-align:center;
    

}
.blueBackground a
{
    color:white;
    font-size:12px;


}
.lineBetweenItems
{
    border-bottom:1px #c4d2df solid;
}
/*Styles for the menu*/

.boxLoginIcon  {
	font-size:11px;
        color:#757575;
	
}

.aboxMainNav
{
	font-family: arial;
    font-size:14px;
}
.sel
{
	font-family: arial;
    color:#f11920;
    font-size:14px;
}
/*End styles for the menu*/
/*styles for cursusaanbod*/
.boxPageHeader{
	margin-top:10px;
	font-size:13px;
        color:#757575;
}
.fondsCode{
    font-size:11px;
    font-weight:normal;
    color:#000000;
}
.titleContainerLarge{
    /*width:320px;*/
}
.titleContainerLarge a{
    font-size:14px;
    font-weight:normal;
    color:#003975;
    cursor:pointer;
    
}
.titleContainerLarge i{
    font-size:11px;
    font-weight:normal;
    color:#757575;
    
}
.itemRow{

	border-bottom:1px #c4d2df solid;
	
}

/*end of cursusaanbod*/
/*styles for cursusdetail*/
.iFrameCursus
{
    width:574px;
    border:solid 0px;

    
    
}

.tabInformatieSelected{
    background:url(http://www.easycursus.nl/img/tabs_center_background_s.gif);
    padding:5px;
    text-align:center;
}
.tabInformatieSelectedLeft{
    background:url(http://www.easycursus.nl/img/tabs_left_background_s.gif) no-repeat;
    width:3px;
}
.tabInformatieSelectedRight{
    background:url(http://www.easycursus.nl/img/tabs_right_background_s.gif) no-repeat;
    width:3px;
}
.tabInformatieNotSelected{
    background:url(http://www.easycursus.nl/img/tabs_center_background.gif);
    padding:5px;
}
.tabInformatieNotSelectedLeft{
    background:url(http://www.easycursus.nl/img/tabs_left_background.gif) no-repeat;
    width:3px;
}
.tabInformatieNotSelectedRight{
    background:url(http://www.easycursus.nl/img/tabs_right_background.gif) no-repeat;
    width:3px;
}

.tabAanmeldenSelected{
    background:url(http://www.easycursus.nl/img/tabs_center_background_red_s.gif);
    padding:5px;
}
.tabAanmeldenSelectedLeft{
    background:url(http://www.easycursus.nl/img/tabs_left_background_red_s.gif) no-repeat;
    width:3px;
}
.tabAanmeldenSelectedRight{
    background:url(http://www.easycursus.nl/img/tabs_right_background_red_s.gif) no-repeat;
    width:3px;
}
.tabAanmeldenNotSelected{
    background:url(http://www.easycursus.nl/img/tabs_center_background_red.gif);
    padding:5px;
}
.tabAanmeldenNotSelectedLeft{
    background:url(http://www.easycursus.nl/img/tabs_left_background_red.gif) no-repeat;
    width:3px;
}
.tabAanmeldenNotSelectedRight{
    background:url(http://www.easycursus.nl/img/tabs_right_background_red.gif) no-repeat;
    width:3px;
}
.tabBlank
{
    background:url(http://www.easycursus.nl/img/tabs_background.gif);
}



.tabLink{
    font-size:13px;
}
.tabLinkRed{
    font-size:13px;
    color:#e01b24;
}

.boxInfoRight {
    margin-bottom:20px;
    padding-bottom:40px;
    background:url(http://www.easycursus.nl/img/info_background.gif) repeat-x;
    background-color:#e6ecf1;
}
.inputText
{
	height:20px;
    
	border:1px #7d9ab8 solid;
	background:url(http://www.easycursus.nl/img/text_input_background.png) repeat-x;
}

.inputTextArea
{
	height:120px;
    width: 100%;
	border:1px #7d9ab8 solid;
	background:url(http://www.easycursus.nl/img/text_input_background.png) repeat-x;
}

.blueLine{
    border-bottom:2px #c4d2df solid;
}

/*end of cursusdetail*/
/*styles for aanmelden*/
.menuSteps {
	height:66px;
	background:url(http://www.easycursus.nl/img/voortgangsbalk_background.gif) repeat-x;
}
.menuSelected {
	background:url(http://www.easycursus.nl/img/filter_selection_background_sub.png) repeat-x;
	background-color:#013975;

}
.boxAlert {
	
	width:270px;
	
	border:1px #e22830 solid;
	background:url(http://www.easycursus.nl/img/alertbox_background.gif) repeat-x bottom;
}
.letop{
    color:#e22830;
    font-size:15px;
    font-weight:bold;
}


/*end styles of aanmelden*/
/*style for the AJAX divs that contains the whole page*/
div.mainPage{
                width:500px;
                height:500px;
                /*overflow:auto;*/
            }
/*style for the AJAX divs that are not visible*/
div.notVisible{
                width:50px;
                height:50px;
                overflow:auto;
            }
/*style for the footer*/
#footer{
	margin:3px 0px 0px 3px;
	padding-top:40px;
	width:899px;
	height:50px;
	background:url(http://www.easycursus.nl/img/footer_background.gif) repeat-x;
	float:left;
	display:inline;
}
	#footer p{
        font-family: arial;
		margin:0px 0px 0px 7px;
		font-size:11px;
		float:left;
		clear:none;
	}
	#footer a {
        font-family: arial;
		margin:0px 7px 0px 17px;
		font-size:11px;
		float:right;
		clear:none;
	}
/*end style for the footer*/
/*begin of styles for the zoeken machine*/
.backZoeken {
		height:40px;
                width:292px;
		background:url(http://www.easycursus.nl/img/search_background.gif) repeat-x;
}

.boxSearchp
{
    font-family: Gill_Bold, arial;
    color:#003874;
	font-weight:bold;
    font-size:12px;
}

.inputSearch {
	height:20px;
	border:1px #7d9ab8 solid;
	background:url(http://www.easycursus.nl/img/text_input_background.png) repeat-x;
        color:#aaaaaa;
}

#ajax_listOfOptions{
	position:absolute;	/* Never change this one */
	width:200px;	/* Width of box */
	height:250px;	/* Height of box */
	overflow:auto;	/* Scrolling features */
	border:1px solid #317082;	/* Dark green border */
	background-color:#FFFFFF;	/* White background color */
	text-align:left;
	font-size:0.9em;
        
	z-index:100;
        
}
#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
	margin:1px;
	padding:1px;
	cursor:pointer;
	font-size:0.9em;
}
#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
           
}
#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
	background-color:#003366;
	color:#FFFFFF;
}
#ajax_listOfOptions_iframe{
	background-color:#F00;
	position:absolute;
	z-index:5;
}
form{
	display:inline;
}
.welkomEasyCursus
{
    background-color:#003975;
    color:white;
    
}
.buttonWhite
{
        padding-right:8px;
	background:url(http://www.easycursus.nl/img/button_arrowwhite.gif) no-repeat right;
	height:16px;
}
.buttonWhite a
{
	/*margin-right:8px;*/
        display:block;
	padding:2px 7px 2px 4px;
	width:auto;
        height:14px;
	background-color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	color:#003366;
	text-transform:uppercase;
        border: 0px;
        line-height: 14px;
}

.highlightedOrder{
    border:solid 2px #003975;

}