﻿img, div, a { behavior: url(/scripts/iepngfix.htc) }

body 
{
    margin:0;
    padding:0;    
    width:100%;
    height:100%;        
    background-color:#000;    
    color:#333;        
    font:bold 11px Arial,Helvetica,sans-serif;
    text-align:left;
}

form
{
    margin:0;
    padding:0;    
}

a, a:hover
{
    text-decoration:none;
}

a img
{
    border:0 none;
}

h1,h4,h5,h6
{
	margin:0;    
    padding:0;   
}

h1
{
    font:bold 11px Arial;    
    color:#333;  
    text-align:left;
    text-transform: uppercase;
}

h2
{
    margin:0;
    /*margin-left:20px;*/
    padding:0;    
    font:bold 11px Arial;    
    color:#333;  
    text-align:left;
}

h5
{    
    padding-top:5px;
}

ifame
{
    border:0 none;
    padding:0;
    margin:0;
    overflow:hidden;
}

.main
{   
    width:100%;
    height:750px;
    margin:0 auto;
    background:#fff url(../images/main_bg.gif) repeat-x 0px 35px;    
}

.hidden{visibility:hidden;}

.left{float:left;}
.right{float:right;}

.test{border:1px solid red;}

/* ======= HEADER ================================== */

.header
{
    height:35px;
    width:100%;
    background-color:#000;
    color:#888;    
}


.amstelheaderinner 
{
    height:100%;
    margin:0 auto;
    text-align:left;
    width:956px;
    line-height:32px;            
    font-size:9px;    
    font-weight:bold;    
}

.amstelheaderinnerleft 
{
    height:100%;
    float:left;
    margin-left:0;
    margin-top:0;    
}

.amstelheaderinnerright 
{
    height:100%;
    float:right;
    margin-left:0;
    margin-top:0;        
}

.amstelheader a 
{   
    color:#888;        
}

.amstelheaderinnerleft a, .amstelheaderinnerright a 
{
    color:#888;            
    margin:10px;
    margin-right:20px;    
    line-height:35px;
}

.amstelheaderinnerleft a:hover, .amstelheaderinnerright a:hover,
.amstelheaderinnerleft span:hover, .amstelheaderinnerright span:hover  
{
    color:#c5c5c5;     
}

.amstelheaderinnerright span 
{
    font-size:11px;        
    font-style:italic;
    color:#888;  
}


/* ======= MAIN CONTEINER ========================== */

.container
{
    /*height:100%;*/
    height:680px;    
    width:1005px;    
    margin:0 auto;
    position:relative;
}

.content_shadow_left
{
    height:100%;
    width:15px;
    background:url(../images/main_container_shadow_bg_left.gif) repeat-y;
    float:left;
}

.content_shadow_right
{
    height:100%;
    width:15px;
    background:url(../images/main_container_shadow_bg_right.gif) repeat-y;
    float:left;
}

.content_container
{
    height:100%;
    width:975px;
    background:#fff;
    float:left;
    position:relative;
}

/* red menu bar */
.red_bar
{
    height:50px;
    width:966px;    
    margin:0 auto;    
}

.red_bar_shadow_left
{
    height:100%;    
    width:5px;
    background:url(../images/red_bar_shadow_left.gif) repeat-x top left;        
    float:left;
}

.red_bar_content
{
    height:100%;
    width:956px;
    background:url(../images/red_bar_bg.gif) repeat-x top left;    
    float:left;
}

.red_bar_content a img
{    
    float:left;        
}

.red_bar_content ul
{
     width:609px;
     margin:0;
     padding:0;
     padding-left:25px;     
     float:right;
}

.red_bar_content ul li
{     
     margin:0;               
     /*padding:15px 0px 0px 25px;*/
     padding:15px 0px 0px 22px;               
     text-align:center;     
     float:left;          
     list-style:none;
}

.red_bar_content ul li.last
{    
     width:52px;
     padding:0px;
     float:right;
}

.red_bar_content ul li a
{       
    font:bold 11px Arial,Helvetica,sans-serif;             
    color:#fff;         
}

.red_bar_content ul li a:hover
{        
    color:#cf6061;
}

/* - cufon begin - */
.red_bar_content ul li a span
{       
    padding:0;
    margin:0;
    margin-bottom:4px;        
}
/* - cufon end - */

.red_bar_shadow_right
{
    height:100%;    
    width:5px;
    background:url(../images/red_bar_shadow_right.gif) repeat-x top left;        
    float:left;
}

/* main image */

.main_image
{
    /*height:585px;*/
    height:628px;
    width:966px;
    /*background:url(../images/main_image1_big.jpg) no-repeat top left;    */
    margin:0 auto;
    text-align:center;
    position:relative;        
}

.bg0
{    
    background:url(../images/main_image0_big.jpg) no-repeat top left;        
}

.bg1
{    
    background:url(../images/main_image1_big.jpg) no-repeat top left;        
}

.bg2
{    
    background:url(../images/main_image2_big.jpg) no-repeat top left;        
}

/* voetbal link */
                        
.terug_voetbal
{
    position:absolute;    
    top:12px;
    left:25px;
    height:30px;
    width:100px;
    z-index:1;
    font:bold 10px Arial,Helvetica,sans-serif;             
    color:#ccc; 
    text-align:center;           
    visibility:visible;        
}                        

.terug_voetbal img
{
    float:left;
    margin:3px 4px 0px 0px;    
}             

.terug_voetbal div
{    
    float:left;
}       

.terug_voetbal a
{    
    color:#ccc;     
    float:left;
    text-align:left;    
}

.terug_voetbal a:hover
{    
    color:#fff;     
}       



/* iframe */      

.iframe_border
{
    position:absolute;    
    top:12px;
    left:340px;
    height:509px;
    width:265px;
    background:url(../images/iframe_border.gif) no-repeat top left;    
    text-align:center;               
    z-index:2;
}

.iframe
{
    position:absolute;    
    top:4px;
    left:5px;
    height:500px;
    width:255px;    
    text-align:center;               
    z-index:1;
}

.iframe iframe
{
    height:505px;
    width:255px; 
    border:0 none;
    padding:0;
    margin:0;
    overflow:hidden;
}

/* Side Content Parts    */                   

/* ======= INDEX LEFT PART ================================== */  

.indexLeftContentPart,
.indexRightContentPart      
{
    position:absolute;    
    left:23px;        
    top:300px;
    height:230px;
    width:295px;     
    text-align:left;
    margin:0;
    padding:0;
    overflow:hidden;
    z-index:1;
}

.indexRightContentPart   
{   
    left:615px;      
    width:300px;           
}

/* ======= FLASH PART ================================= */  

.flashContentPart
{
    position:absolute;        
    height:630px;
    width:100%;  
    left:0;
    top:0;   
    text-align:center;    
    margin:0;
    padding:0;
    z-index:2;   
}

/* ======= LEFT PART ================================== */  

.leftContentPart   
{
    position:absolute;    
    top:65px;
    left:65px;
    height:404px;
    width:275px; 
    background:transparent url(../images/leftContentPart_bg.png) no-repeat left top;       
    text-align:left;
    margin:0;
    padding:0;
    z-index:1;
}

.leftContentPart_inner
{
    width:263px;    
    height:100%;
    margin-left:12px;
    background-color:#fff;    
    overflow:hidden;
} 

.leftSmallContentPart
{
    position:absolute;    
    top:65px;
    left:315px;
    height:403px;
    width:25px;
    background:transparent url(../images/leftSmallContentPart_bg.gif) no-repeat left top; 
    cursor:pointer;      
}

.leftContentPart_inner h1
{  
   margin:0;
   padding:8px 0 3px 0;
   color:#666;   
   letter-spacing:1px;
}

.leftContentPart_inner h6
{  
   font:10px Arial;   
   margin-top:5px;
} 

.leftContentPart_shadow
{
    position:absolute;    
    background:transparent url(../images/leftContentPart_shadow.png) no-repeat left top;       
    top:65px;
    left:322px;
    height:404px;
    width:18px; 
    margin:0;
    padding:0;
    z-index:1;
}

/* ======= CENTER PART ================================== */

.centerContentPart   
{
    position:absolute;    
    top:12px;
    left:310px;    
    height:auto;
    width:330px;        
    text-align:left;
    background:transparent url(../images/centerContentPart_top_bg.png) no-repeat left top;        
    margin:0;
    padding:0;
    z-index:3;
}

.wide
{
    left:105px;        
    width:760px;   
    display:block;
    background:transparent url(../images/centerWideContentPart_top_bg.png) no-repeat left top;        
}

.popup
{
    position:absolute;    
    top:12px;
    left:105px;    
    height:auto;
    width:760px;            
    text-align:left;
    margin:0;
    padding:0;
    z-index:3;
    display:none;    
}


.centerContentPart .centerContentPart_inner, .centerContentPart .centerContentPart_inner_full    
{    
    height:438px;    
    width:300px;    
    margin-top:10px;
    padding:0px 10px 0px 20px;  
    background-color:#fff;         
}

.wide .centerContentPart_inner, .wide .centerContentPart_inner_full    
{   
    width:730px;        
}

.centerContentPart .centerContentPart_inner_full  
{    
    height:483px;        
}

.centerContentPart_content1
{
    background-color:#fff;
}

.centerContentPart .centerContentPart_content1
{
    height:100%;
    width:300px;
    overflow:auto;
}

.wide .centerContentPart_inner .centerContentPart_content1
{
    height:437px;
    width:725px;    
}

.wide .centerContentPart_inner_full .centerContentPart_content1
{
    height:466px;
    width:730px;    
}

.centerContentPart .centerContentPart_content2
{
    width:283px;
    overflow:hidden;
}

.wide .centerContentPart_content2
{    
    width:430px;
    overflow:hidden;
}


.centerContentPart .centerContentPart_footer, 
.centerContentPart .centerContentPart_footer_full
{
    height:52px;
    width:310px;
    padding:0px 10px 10px 10px;  
    background:transparent url(../images/centerContentPart_bottom_bg.png) left bottom no-repeat;     
}

.wide .centerContentPart_footer
{    
    width:740px;    
    background:transparent url(../images/centerWideContentPart_bottom_bg.png) left top no-repeat;      
}


.wide .centerContentPart_footer_full
{    
    width:740px;    
    background:transparent url(../images/centerWideFullContentPart_bottom_bg.png) left top no-repeat;      
}

.centerContentPart .centerContentPart_footer_full
{
    height:7px;
}

.centerContentPart .centerContentPart_inner h1
{   
    margin:0 0 8px 0;        
    width:285px;
    overflow:hidden;
}

.wide h1
{       
    height:15px;
    width:450px;    
    overflow:hidden;
    display:block;
    float:left;        
}

.centerContentPart_inner b
{        
    color:#900;        
}

.centerContentPart_inner p
{        
    margin:0;
    margin-bottom:20px;
    padding:0;    
    width:281px;
    overflow:hidden;
    font:bold 11px Arial;
    color:#333;
}


/* ======= RITHT PART ================================== */

.rightContentPart   
{
    position:absolute;    
    top:12px;
    left:600px;
    height:450px;
    width:335px;    
    /*background:transparent url(../images/rightContentPart_bg.png) no-repeat right top;    */
    text-align:left;
    margin:0;
    padding:0;
    z-index:2;
}

.rightContentPart_inner
{
    width:305px;    
    height:441px;    
    background-color:#fff;    
    margin:0;
    padding:9px 0 0 18px;        
    float:left;   
}

.rightBorder   
{
    width:12px;    
    height:100%;    
    background:transparent url(../images/rightContentPart_bg.png) no-repeat right top;        
    float:left;   
    margin:0;
    padding:0;    
}

.rightContentPart_content
{
   height:384px;
   width:100%;
   overflow:auto;
}


/* Right part - header text */

.rightContentPart_inner h1
{        
    /*height:15px;*/
    margin:0 0 8px 0;        
    width:285px;
    overflow:hidden;
}

.rightContentPart_inner b
{        
    color:#900;        
}

.rightContentPart_inner p
{        
    margin:0;
    margin-bottom:20px;
    padding:0;    
    width:281px;
    overflow:hidden;
    font:bold 11px Arial;
    color:#333;
}

.rightContentPart_inner a
{   
    color:#EB0008;
    color:#990000;
    color:#d69999;
    color:#b74c4c;
}

.rightContentPart_inner a:hover
{       
    color:#d69999;        
    
}

.rightContentPart_inner img
{        
    margin-right:1px;    
}

/* Right part - footer */
.rightContentPart_footer
{
    height:57px;
    width:100%;
}

.register_footer
{
    height:50px;
    width:285px;
    background-color:#900;
    text-align:right;    
    padding-right:20px;
    float:left;    
}

.wide .register_footer
{    
    width:715px;    
}

.register_footer input
{
    height:17px;
    width:70px;
    margin:18px 0px 0 5px;    
    padding:0px;
    padding-bottom:3px;    
    background:#900 url(../images/form_button_bg.gif) top right no-repeat;
    border:0 none;
    font:bold 10px Arial;
    color:#900;        
    text-align:center;
}

/* ======= FOOTER ================================== */

.footer
{
    height:30px;    
    width:100%;
    color:#888;
    background-color:#000;        
    letter-spacing:1px;
    margin:0;
    /*padding:0px 60px 0px 65px;*/
}

.footer .amstelheaderinner
{ 
    font-size:8px;            
}

.footer .amstelheaderinnerleft a, 
.footer .amstelheaderinnerright a
{       
    margin:0;    
}

.footer .amstelheaderinnerleft span,
.footer .amstelheaderinnerright span
{       
    cursor:pointer;
    cursor:hand;    
}

.footer .amstelheaderinnerright a
{   
    
    display:block;
    margin-top:10px;
    height:15px;
    line-height:15px;
    text-align:right;    
}

.footer .amstelheaderinnerright a span
{
    padding:0;
    margin:0;
}

/* ======= Wrong validation styles =================== */

.register_form td h6,
.contact_table td h6
{    
    font:bold 8px Arial;  
    padding-bottom:2px;          
}

.register_form td h6 img,
.contact_table td h6 img
{    
    margin-right:3px;       
}

.wrong_field, 
.register_form td.wrong_field h6
{
    color:#f00 !important;    
}


.wrong_field input
{
    border-color:#ff3e3e !important;    
    border-top-color:#b30101 !important;    
}

.requiredCheckbox
{
	width:15px;
	height:15px;
	float:left;
	border:1px solid #fff;
}

.requiredCheckboxSafari
{
	width:14px;
	height:13px;
	padding-top:1px;
}

.requiredCheckboxOpera
{	
	height:16px;
	padding-left:1px;
}

.requiredCheckboxMSIE8
{	
	height:16px;
	width:16px;	
	margin:2px 0 0 2px;
    display:block;
}

.requiredCheckboxMSIE8 input
{	
	position:relative;
	top:-2px;
	left:-2px;
}

.notRequiredCheckbox
{
	width:15px;
	height:15px;
	float:left;
	border:1px solid #fff;	
	margin-left:1px;
}

.wrong_field .requiredCheckbox
{
	border:1px solid #ff3e3e !important;    
}

select.select1{width:38px;}
select.select2{width:43px;}
select.select3{width:50px;}

select.select1Safari{width:45px; float:left;}
select.select2Safari{width:50px; float:left;}
select.select3Safari{width:55px; float:left;}

select
{
    font:11px Arial;
    color:#000;
    padding:0;
}

.wrong_field textarea
{		
	border-color:#ff3e3e !important;    
    border-top-color:#b30101 !important;
}
/* ======= Popup styles =================== */

.headerPopup
{
    height:16px;
    width:100%;
}

.headerPopup h1
{
    height:16px;
    width:600px;    
}

.headerPopup h1 span
{
    color:#c00;    
}

.closePopup
{
    height:14px;        
    width:55px;
    display:block;
    margin-right:2px;
    padding-top:1px;
    background:transparent url(../images/close.gif) right top no-repeat;    
    font:bold 8px Arial;
    color:#5c5c5c;
    float:right;    
    cursor:pointer;
    cursor:hand;
}

.closePopup a
{    
    color:#5c5c5c;    
    height:100%;
    width:100%;
    display:block;
}

.closePopup a:hover
{    
    color:#888;    
}
    
* html .closePopup
{
    margin-right:1px;                
}

/* geefjemening page styles */

.geefjemening .centerContentPart_inner
{    
    width:750px;        
    padding-left:10px;
    padding-right:0px;
}

.geefjemening .centerContentPart_inner .centerContentPart_content1
{    
    width:740px;     
    overflow:hidden;
}

.geefjemening .centerContentPart_inner .centerContentPart_content2
{
    height:80px;
    width:350px;
    margin-left:10px;
    margin-bottom:10px;    
}

.geefjemening .centerContentPart_inner .centerContentPart_content2 h1,
.geefjemening .centerContentPart_inner .centerContentPart_content2 p
{    
    width:350px;
    text-align:left;    
    float:left;
}

.geefjemening .register_footer 
{
    width:720px;        
}

.listyle
{
	padding-left:13px;
}

/* nieuwsbriefPopup */

.nieuwsbriefPopup
{ 
    background:#600006 url(../images/bg_nieuwsbriefPopup.jpg) bottom left repeat-x; 
    width:305px;        
    position:relative;    
    text-align:left;
    color:#fff;
    font-weight:normal;            
    display:none;
}


.nieuwsbriefPopup_inner1
{ 
    background:url('../images/bg_nieuwsbriefPopup_left.png') no-repeat left top;
}

.nieuwsbriefPopup_inner2
{ 
    background:url('../images/bg_nieuwsbriefPopup_right.png') no-repeat right top;             
    padding:10px 12px;    
}

.nieuwsbriefPopup h1
{    
    color:#fff;        
    display:inline;
    margin-bottom:3px;
}

.nieuwsbriefPopup div.white_rec
{   
    background-color:#fff;
    color:#000;
    margin:0 8px;
    padding:8px 0;
    overflow:auto;
}

.nieuwsbriefPopup div.white_rec div
{       
    float:right;    
    width:130px;
    margin-right:10px;
}

.nieuwsbriefPopup div.white_rec input
{       
    width:15px;
    background-image:none;
    background-color:Transparent;
    margin:0 5px 0 0;
    padding:0;
    float:right;    
}


* html .nieuwsbriefPopup
{      
    width:305px;    
}

* html .nieuwsbriefPopup_inner1
{       
    width:281px;    
}

* html .nieuwsbriefPopup_inner2
{     
    width:281px;    
    background:url('../images/bg_nieuwsbriefPopup_right.gif') no-repeat right top;
}

* html .nieuwsbriefPopup div.white_rec
{  
   margin:0;
   margin-left:8px;
   width:289px;
   float:right;
}

* html .register_footer
{    
    width:305px;
    padding-right:0;    
}

* html #ctl00_cphRightContent_pnlR_ctl01_btnNext
{
    margin-right:20px;
}


.mobileButtons{
position:absolute; 
top:80px;
left:185px;
width:141px;
}