/* CSS Document */

body{
      font-family : sans-serif, Verdana, Arial, Helvetica;
      margin : 0px;
      background-image : url('../images/logo.gif');
      background-repeat : no-repeat;
}

table{ 
       padding : 0;
       width : 100%;
       height : 100%;
       border-collapse : collapse;
       }
       
.maintab{
       padding : 0;
       width : 100%;
       height : 97%;
       border-collapse : collapse;
       }
       
td{ 
    vertical-align : top;
    }
    
td#topleft
{
    width : 14%;
    height : 14%;
    vertical-align : bottom;
    text-align : right;
    
            }
            
td#topmiddle{
    background-image : url('../images/topmiddle.gif');
    background-repeat : repeat-x;
    width : 72%;
    vertical-align : bottom;             
             }
             
td#topmiddlel{
    width : 80%;
    vertical-align : bottom;            
             }
                          
td#topright{ 
             background-image : url('../images/topright.gif');
             background-repeat : no-repeat;
             background-position : top right;
             text-align : right;
             vertical-align : top;
}

td#topright img{
	margin-right : 5px;
}

/*
td#topleft{ 
            }
            
td#topmiddle{
             background-image : url('../images/topmiddle.gif');
             background-repeat : repeat-x;
             width : 80%;
             }
td#topright{ 
             background-image : url('../images/focus/topright.gif');
             background-repeat : no-repeat;
             background-position : top right;
             text-align : right;
             vertical-align : top;
}
*/
/*
td#centerleft{ 
               vertical-align : top;
               width : 290px;
               background-image : url('../images/centerleft.gif');
               background-repeat : no-repeat;
               background-position : 0px 100px; 
               }
*/               
td#centerleft{ 
               vertical-align : top;
               width : 290px;
               background-image : url('../images/centerleft.gif');
               background-repeat : no-repeat;
               background-position : 0px 100px; 
               }
                                                              
td#centermiddle
{
                 font-size : 0.8em;
                 line-height : 1.5em;
                 padding : 0px 10px 4px 0px;

                               
                 }
td#centermiddle img{
		margin-right : 5px;
}
td#centerright{
                background-image : url('../images/centerright.gif');
                background-repeat : repeat-y;
                background-position : top right; 
                padding-right : 10px;
                text-align : right;
		        padding-top : 2.6em;
                }
td#bottomleft
{
        height : 10%;
               background-image : url('../images/bottomleft.gif');
               background-position : bottom left;
               background-repeat : no-repeat;
               }
td#bottommiddle
{
    background-image: url('../images/bottommiddle.gif');
    background-position: bottom right;
    background-repeat: repeat-x;
}
td#bottomright{ 
                background-image : url('../images/bottomright.gif');
                background-position : bottom right;
                background-repeat : no-repeat;
                text-align : right;
                padding-right : 1em;
                }
/*
td#centerleft{ 

               background-color : green; 
               }
                              
td#centermiddle{ 
                 font-size : 0.8em;
                 line-height : 1.5em;
                 padding : 0px 30px 20px 0px;
                 }
td#centermiddle img{
		margin-right : 5px;
}
td#centerright{
                background-image : url('../images/centerright.gif');
                background-repeat : repeat-y;
                background-position : top right; 
                padding-right : 50px;
                text-align : right;
		        padding-top : 2.6em;
                }
td#bottomleft{ 
               background-image : url('../images/bottomleft.gif');
               background-position : bottom left;
               background-repeat : no-repeat;
               }
td#bottommiddle{ 
                 background-image : url('../images/bottommiddle.gif');
                 background-position : bottom right;
                 background-repeat : repeat-x;
                 }
td#bottomright{ 
                background-image : url('../images/bottomright.gif');
                background-position : bottom right;
                background-repeat : no-repeat;
                text-align : right;
                padding-right : 1em;
                }
*/             
            
a:link, a:visited 
{
    color:#000080; 
    text-decoration: none ; 
    font-size: 12px; 
    font-weight:normal; 
    font-family: sans-serif, Verdana, Arial, Helvetica;
}
a:active 
{
    color:#000080; 
    font-size: 12px; 
    font-weight:normal;
}
a:hover 
{
    color:red; 
    font-size: 12px; 
    font-weight:normal;
}

ul{
 list-style-type: disc;
}
 
/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*    
    position: absolute;
    left: 822px;
    top: 14px;
    height: 51px;
    width: 71px;
*/    
#topfoto
{
             margin-right : 5px;
             margin-top : 5px;    
}

.fototop
{
    height: 130px;
    width: 178px;
}

/* Login View */

/*
#LoginArea
{
    position: absolute;
    left: 780px;
    top: 2px;
    height: 156px;
    width: 214px;
}
*/

#LoginArea
{
    margin-right : 10px;
    margin-top : 20px;  
    height: 100px;
    width: 200px;
       
}

.login .label {
    display:block;
}

.login .textbox {
	border: 1px solid #000000;
	vertical-align: middle;
}

.login .button {
    display:block;
}

#counter		{
	position: absolute;
	left: 10px;
	bottom: 10px;
	width:140px;
	color: #FFFFFF;
	font-size: 12px;
}

/*
#innerTopNavBar	{
	background-color: #e6e6fa;   
	position: absolute;
	left: 160px;
	top: 16%;
	height: 50px;
    width: 450px;
	border-right:  1px solid red;
    border-top:  1px solid red;
    border-left:  1px solid red;
    border-bottom:  1px solid red;    
}
*/

#innerTopNavBar	
{
    position: relative;
    top : 1em;
    left : 1em;
    background-color : white;	  
}


/*
#result 		{
	background-color: #e6e6fa;
	position: absolute;
	left: 160px;
	top: 160px;
	width: 840px;
	height: 426px;
	border-right:  1px solid red;
    border-top:  1px solid red;
    border-left:  1px solid red;
    border-bottom:  1px solid red; 	
}
*/

#result 		{
    margin-top : 4px; 
    margin-left : 4px;
    top : 1em;
    left : 1em;
    height : 98.5%;
    width : 99.5%;
    background-color : white;	
	border-right:  1px solid #0189a3;
    border-top:  1px solid #0189a3;
    border-left:  1px solid #0189a3;
    border-bottom:  1px solid #0189a3; 	              
}


/*
#speler	{
	background-color: #e6e6fa;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	background-color: #e6e6fa;  
}
*/

#speler	{

	position: relative;
	width: 90%;

}

.lab    		{ 
    color: #000040; 
	font-size: 12px; 
	font-weight:bold; 
	font-family: sans-serif, Verdana, Arial, Helvetica;
}

/*      background-color: #e6e6fa;    */

.contentframe 	{ 

}

/*
#leftNavBar	
{
	background-color: #e6e6fa;
	position: absolute;
	left: 1%;
	top: 16%;  
    width: 140px;
	border-right:  1px solid red;
    border-top:  1px solid red;
    border-left:  1px solid red;
    border-bottom:  1px solid red;
}
*/

#leftNavBar 
{
    position: relative;
    margin-top: 2px;
    margin-left: 10px;
    margin-right: 18px;
    left: 1em;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}

/*********** #leftNavBar link styles ***********/

#leftNavBar h4
{
    padding: 0px 0px 0px 10px;
    margin: 0px;
    background-color: #0066cc;
    color: white;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#sectionLinksLeft li
{
    border-bottom: 1px solid #cccccc;
    background-color: #b0e0e6;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/* fix for browsers that don't need the hack */
html>body #sectionLinksLeft li 
{
    border-bottom: 1px solid #cccccc;
}


/*********** #sectionLinksLeft styles ***********/

#sectionLinksLeft{  
    border-top: 1px solid #cccccc;
    list-style: none; 
    margin: 0; 
    padding: 0; 
	font-size: 90%;  	
}

#sectionLinksLeft h4
{
    padding: 0px 0px 0px 10px;
    margin: 0px;
    background-color: #0066cc;
    color: white;
}

#sectionLinksLeft a:link{
    display: block;
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#sectionLinksLeft a:visited{
    display: block;
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;     
}

/* height has no effect for Firefox*/
#sectionLinksLeft a
{
   width: auto;
}

/* height has no effect for Firefox*/
#sectionLinksLeft a:hover
{
    background-color: #e0ffff;
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;  
}



/*
#leftbottomNavBar	{
	background-color: #e6e6fa;
	position: absolute;
	left: 1%;
	top: 76%;  
    width: 140px;
    border-right:  1px solid red;
    border-top:  1px solid red;
    border-left:  1px solid red;
    border-bottom:  1px solid red;

}
*/
#leftbottomNavBar
{
    position: relative;
    margin-left: 10px;
    margin-right: 18px;
    margin-bottom: 0px;
    left: 1em;
    background-color: #fffacd;
    border-right: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
}

/*********** #leftbottomNavBar link styles ***********/
#leftbottomNavBar ul
{	
    border-top: 1px solid #cccccc;
}
	
#leftbottomNavBar ul a:link, 
#leftbottomNavBar ul a:visited {display: block;}
#leftbottomNavBar ul {list-style: none; margin: 0; padding: 0;}

#leftbottomNavBar h4
{
    padding: 0px 0px 0px 10px;
    margin: 0px;
    background-color: #0066cc;
    color: white;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#leftbottomNavBar li 
{
  
    background-color: #b0e0e6;
	border-bottom: 1px solid #cccccc;}

/* fix for browsers that don't need the hack */
html>body #leftbottomNavBar li 
{
    height: 18px;  
    border-bottom: 1px solid #cccccc;
}




/*********** #sectionLinksLeftBottom styles ***********/

#sectionLinksLeftBottom1, #sectionLinksLeftBottom2{  

	margin: 0px;
	padding: 0px;
	font-size: 90%;
}

#sectionLinksLeftBottom1 a:link{
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
	width: 100%;
	width: auto;
}

#sectionLinksLeftBottom1 a:visited{

    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#sectionLinksLeftBottom1 a:hover{

	background-color: #dddddd;
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #e0ffff;	
}

#sectionLinksLeftBottom2 a:link{
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
	width: 100%;
	width: auto;
}

#sectionLinksLeftBottom2 a:visited{

    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
}

#sectionLinksLeftBottom2 a:hover{

	background-color: #dddddd;
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #e0ffff;	
}

/* style for label above dropdownlist */
.clabel
{
    color: #000040;
    position: relative;
	left: 2%;
    font-size: 12px; 
    font-weight: bold; 
    font-family: sans-serif, Verdana, Arial, Helvetica;    
}

/* style for dropdownlist */
.cdropdown
{
    position: relative;
	left: 4%;  
	width: 190px 	
}