/* General settings page wide */
body{font-family:arial;
background-color:Gainsboro}
/*div{color:white}*/

input.onlyread
{
	background-color:grey;
}

iframe
{
	height:580px;
	width:615px;
	border:0px;
	overflow:hidden;
	overflow:auto;
}

div.bkgElevate
{
position:absolute;
left:100px;
width:1100px;
height:1010px;
overflow:hidden;
z-index:1
}

/* -----------Top bar -------------*/
.menu p
{
color:black;
font:bold
}



div.tabline
{
position:absolute;
left:182px;
top:80px;
width:935px;
height:30px;
background-color: #fad735;
border: 1px solid #fad735;
/*visibility:hidden;*/
z-index:20
}

div.tabline p
{
color:white;
font:Bold;
cursor:pointer;
visibility:hidden;
border:1px solid black
}
/* ---------- Entire page DIV ----------*/
div.TotalPage
{

width:100%;
height:100%;
background-color: grey;
visibility:hidden;
z-index:25	
}
/* --------------- Login DIV --------------*/
div.login
{
position:absolute;
color:black;
left:400px;
top:200px;
width:400px;
height:300px;
background-color: yellow;
border: 2px solid black;
visibility:hidden;
z-index:50	
}
/* --------------- Introbox --------------*/
div.introbox
{
position:absolute;
left:182px;
top:100px;
width:935px;
height:90px;
background-color: #fad735;
border: 1px solid #fad735;
overflow:hidden;
z-index:50
}

div.introbox p
{
margin: 0px 0px;
font-weight: bold;
color:white
}

div.introbox h1
{
margin: 0px 0px;
font-weight: bold;
color:white
}
/* ---------------- Menubox ---------------*/


div.menuButtons
{
Position:relative;
left:1px;
top:1px;
width:150px;
height:47px;
z-index:90
}

div.menuTitle
{
position:absolute;
background:#fad735;
left:15px;
top:15px;
width:120px;
height:15px;
text-align:center;
z-index:91
}

#menuBox1
{
position:absolute;
left:182px;
top:190px;
width:935px;
height:40px;
border: 1px solid #fad735;
text-align:center;
/*overflow:hidden;*/
z-index:50
}

#menuBox1 table
{
font-size:80%;
text-align:left;
border:1px solid black;
background:#fad735
}

#menuBox1 td
{
border: 0px solid black;
background:#fad735
}

#menuBox1 a
{
color:black;
text-decoration:none;
font:bold
}

#menuBox1 td:hover
{
color:#606060;
background-color:#CC6600;
cursor:pointer
}

#menuBox1 td.menu
{
background:#fad735;
cursor:pointer;
color:black
}


#menuBox1 table.menu
{
position:absolute;
text-align:center;
top:50px;
width:200px;
font-size:100%;
color:black;
visibility:hidden
}

#menuBox1 a.menu
{
color:black;
font:bold
}

img.agrd
{
	position:absolute;
	left:150px;
	top:116px;
	z-index:1
}
 /* ------------------------------------------------------------------*/
 /* -------- Center of the page = workspace div --------------------*/

/* The following code is made to make IE and Firefox etc do different things.
IE cant read the hmtl>body command and skips it so retains the first width, theater
other browser read the second workspace also and use its code since it was the last
command to the browser.*/

#Workspace
{
	position:absolute;
	color:#fad735;
	left:182px;
	top:215px;
	width:935px;
	height:723px;
	background-color:  #fad735;
	/*background-image:url('Images/BG.jpg'); */
	background-repeat: no-repeat; 
	/*background-position: top left;*/
	border:1px solid #fad735;
	overflow:auto;
	z-index:2
}


html>body #Workspace
{
	position:absolute;
	color:#fad735;
	left:182px;
	top:215px;
	width:935px;
	height:723px;
	background-color: #fad735;
	/*background-image:url('Images/BG.jpg'); */
	background-repeat: no-repeat; 
	border:1px solid #fad735;
	overflow:auto;
	z-index:2
}
#Workspace table
{
	color:white;
	background-color: grey

}


/* --------------- right kol in workspace ------------------*/
#right_kol
{
	position:absolute;
    background:white;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:10px;
	color:black;
	left:300px;
	top:60px;
	width:620px;
	height:605px;
	border:1px solid black;
	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1;
	overflow:auto;
	z-index:85
}

html>body #right_kol
{
	position:absolute;
    background:white;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:10px;
	color:black;
	left:300px;
	top:60px;
	width:615px;
	height:595px;
	border:1px solid black;
	/* for IE */
  	filter:alpha(opacity=100);
  	/* CSS3 standard */
  	opacity:1;
	overflow:auto;
	z-index:85
}
#right_kol_bkg
{
	position:absolute;
    /*background:white;*/
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:10px;
	color:black;
	left:300px;
	top:60px;
	width:620px;
	height:615px;
	border:1px solid black;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
	overflow:hidden;
	z-index:85
}


html>body #right_kol_bkg
{
	position:absolute;
    /*background:white;*/
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:10px;
	color:black;
	left:300px;
	top:60px;
	width:620px;
	height:615px;
	border:1px solid black;
	/* for IE */
  	filter:alpha(opacity=80);
  	/* CSS3 standard */
  	opacity:0.8;
	overflow:hidden;
	z-index:85
}

.right_pic
{
	position:relative;
	top:0px;
	height:605px;
	width:600px
}

html>body .right_pic
{
	position:relative;
	top:0px;
	height:620px;
	width:610px
}



/* --------------- left kol in workspace ------------------*/


div.left_kol img
{
	position:relative;
	top:0px
	height:615px;
	width:auto
}


#left_kol
{
	position:absolute;
    background:white;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:5px;
	padding-left:5px;
	color:black;
	left:10px;
	top:60px;
	width:270px;
	height:605px;
	border:1px solid black;
	overflow:hidden;
	z-index:4
}

div.lft_kl_bx
{
	position:absolute;
	color:black;
	left:15px;
	height:195px;
	width:250px;
	border:1px solid #fad735;
	overflow:hidden;
	/* for IE */
  	filter:alpha(opacity=90);
  	/* CSS3 standard */
  	opacity:0.9;
	z-index:5
}

#lft_kl_bx_01
{
	top: 5px;
}

#lft_kl_bx_02
{
	top: 210px;
}

#lft_kl_bx_03
{
	top: 415px;
}

/* --------------- Bottom line of page ------------------*/
#BottomLine
{
	position:absolute;
	color:black;
	font:italic;
	left:182px;
	top:938px;
	width:935px;
	height:20px;
	background-color: black;
	border: 1px solid black;
	padding-left:3px;
	z-index:2
}


table.tblFrm
{
	frame:1px;
	frame-color:#fad735;
	frame:'above'
}
/* --------------- message box ------------------*/
#Alerter
{
	position:absolute;
	color: black;
	cursor:pointer;
	text-align:center;
/*
	background-color:#fad735; 
	border: 1px solid black; 
*/
	left:210px;
	top:290px;
	height:350px;
	width:250px;
	visibility:hidden;
	overflow:hidden;
	z-index:10
	
}

/* --------------- message box 2 ------------------*/
#Alerter2
{
	position:absolute;
	color: black;
	cursor:pointer;
/*
	background-color:#fad735; 
	border: 1px solid black; 
*/
	left:210px;
	top:550px;
	height:250px;
	width:250px;
	visibility:hidden;
	overflow:hidden;
	z-index:10
	
}
/* -------------- Les aanbod ------------------- */


div.sectiona
{

	color:black;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom: 1px solid black
}

div.sectionb
{

	color:black;
	padding-left:4px;
	padding-top:4px;
	padding-bottom:4px;
	border-bottom: 1px solid black
}

img.floatleft
{
	float:left;
	
}

#het_huis_studio  {
	background:white url('Images/BG.jpg') no-repeat top left;
}

img.emails
{
	height:40px
}


#twitter
{
	position:absolute;
	background-image:url('Images/kader02.png') no-repeat top left;
	/*background-color:black;
	padding-left:4px;
	padding-top:8px;
	width:253px;*/
	left:1200px;
	top:30px;
	width:400px;
	height:955px;
	z-index:2
}