﻿*{ margin:0; padding:0;}

body 
{
     background-color:#FFFFFF;
     font-family: Verdana;
     font-size:10px;
     line-height:14px;
     color:#4b6c8d;
     scrollbar-3dlight-color: #666666; 
    scrollbar-arrow-color: #8B8B8B; 
    scrollbar-base-color: #FFFFFF; 
    scrollbar-darkshadow-color: #CCCCCC; 
    scrollbar-face-color: #FFFFFF; 
    scrollbar-highlight-color: #FFFFFF; 
    scrollbar-shadow-color: #FFFFFF;
}
.inputForm, SELECT, TEXTAREA 
{
    border:solid 1px #CCCCCC;
    color:#4b6c8d; 
    font-size:10px; padding:1px;  font-family: Verdana;}

#wrapper{
  width:980px;
  margin:0 auto; 
}

.container{
  position:relative;
  width:980px;
  margin: 0 auto 0 auto;
  float:left; 
}

#inner{ width:978px;
     margin-top:15px; 
     border:solid 1px #4b6c8d; float:inherit;
 }

#col1{ float:left; width:382px; height:575px;
    background-image:url('../../images/logo.jpg');
    background-position:right bottom; background-repeat:no-repeat;  
}


#col2{
    float:left; width:550px; height:540px; 
    padding:35px 34px 0px 12px;
    background-image:url('../../images/rightBox.jpg');
    background-position:right bottom; 
    background-repeat:no-repeat;
}

.col2a{width:550px; height:333px; position:relative; left:-12px; top:-25px;}

#col3{
    float:left; 
    width:100%;
    height:28px;
}

/*#language{
    margin-top:30px; 
    margin-right:18px;
    float:right; 
    position:relative;
    color:#4b6c8d;
}*/
#language{
    margin-top:30px; 
    float:right; 
    position:relative;
    color:#4b6c8d;
}
#language A{ color:#4b6c8d; text-decoration:underline;}
#language A:hover{ text-decoration:none;}
#language .selected{ text-decoration:none; font-weight:bold;}

H1{ color:#4b6c8d; font-size:12px;}
H2{ color:#4b6c8d; font-size:10px;}
P{ width:100%; margin-bottom:18px; text-align:justify;}
ul{margin-bottom:8px;}
li{ margin-left:15px; padding-bottom:2px; }
.hand{ cursor:pointer;}
.back{
    float:right; width:55px; text-align:right;
    background: url('../../images/arrowBack.gif') no-repeat left top;
    padding:1px 0px 2px 3px; z-index:100;
}

A{color:#4b6c8d; text-decoration:underline; background-color:Transparent;}
A:hover{color:#4b6c8d; text-decoration:none; background-color:Transparent; cursor:pointer;}
A.current{ color:#4b6c8d; text-decoration:underline; font-weight:bold;} 


.lijn{
    height:1px; width:100%; float:left; margin-bottom:14px;
    background-image:url('../../images/lijn.gif'); display:block;
    background-position:center top; background-repeat:no-repeat;  
}    

.smallText{  font-size:9px;}
.linebreak{ width:100%; float:left; height:12px; clear:both;}
.loadingImg { width:100%; text-align:center; float:left; }
.errorInput{ background-color:#EEEEEE;}


/*Datalist*/
.datalistBook{ width:100%; float:left;}
.datalistBook td{ padding:0px 10px 30px 10px; text-align:center;}
.datalistBook .naam{ padding-top:5px; display:block;}


/*detail formview*/
.detail{ width:550px;float:left;}
.detail .pic{ padding-bottom:6px; text-align:center;}
.detail .titel{text-align:center; margin-bottom:10px; }
.detail .desc{width:528px; display:block;}



/*left menu */
#menu{ padding:0px 20px 50px 0px; 
    text-align:right; float:right;
    background-image:url('../../images/verticalLine.gif');
    background-position:right top; 
    background-repeat:no-repeat; 
}
#menu ul{ padding-left:0px; line-height:21px; }
#menu li{ font-weight:bolder; margin:0px; }
#menu li.menuSelected A{ color:Orange;}

#menu A{ text-decoration:none;}
#menu A:hover{ color:orange;}

#menu a.linkMenu{
    font-weight:bold; 
    display:list-item;
    list-style-type:none;
    margin-bottom:9px;
    width:130px; float:right;
}
#menu a.linkMenuSelected{
     color:Orange;
     font-weight:bold;
     list-style-type:none;
    margin-bottom:9px;width:130px; float:right;
}


#dropmenudiv{
	position:absolute;
	line-height:13px;
	z-index:100;
	padding-top:0px;
	background-color:Transparent;
	margin: -17px 0px 0px 134px;
	border:solid 1px #4b6c8d;
    border-bottom:0px;	
}
#dropmenudiv a{
	color:#4b6c8d;
	width: 100%;
	display: block;
	text-indent: 4px;
	border-bottom:solid 1px #4b6c8d;
	padding: 3px 0;
	text-decoration: none;
	background-color:#FFFFFF;
	font-weight:bold;
}

#dropmenudiv a:hover{ 
	background-color: #EEEEEE; 
	text-decoration:none; 
	color:Orange;
}



/* right menu 
#subMenu { padding-top:460px;}
#subMenu li{ margin:0px;}
#subMenu A{ color:#4b6c8d; text-decoration:none; font-weight:bolder;}
#subMenu A:hover{ color:Orange;}
*/


/* form */
.row{ float:left;width:100%; margin-bottom:4px;}
.row .column{ float:left; padding:0px 10px 0px 10px;} 
.frmLeft{ float:left; width:120px;}
.frmRight{ float:left; width:430px;}



/* right column*/
.contentRight{ float:left; padding:20px 0px 0px 35px;}


.panelHide
{
    position    :   absolute;
    visibility  :   hidden;
    display     :   none;  
}

/* recensie */
.recensie{
    width:528px; 
    text-align:justify; 
    margin-bottom:6px;
    display:block; 
}

.submit
{
    background: url('../../images/arrowNext.gif') no-repeat left top;
    padding:1px 0px 2px 6px;
    width:100%;
}

/*content scroll*/
.pnl{ float:left;}


/*joblink*/
A.joblink {line-height:16px;}

