/*
// @@@
// @@ Author: Nicky Klaasse
// @@ Date: 21-07-2010
// @@ Last change: 30-08-2010
// @@ Version: 1.0
// @@ Copyright: Raak! ICT
// @@@
*/

html {
 height: 100%;
 background:url('images/htmlBg.gif') top center repeat-x;
}
body{
 font: 12px Arial, Helvetica, sans-serif;
 height: 100%;
 outline:none;
 margin:0px;
 padding:0px;
 background:url('images/bij.gif') top center no-repeat;
}
body a
{
outline:none;	
	
}

#main {
 width: 960px;
 height:100%;
 margin: 0px auto;
}

/* header */
#header
{
float:left;
display:inline;
width:100%;
margin:0px 0px 0px 0px;
padding:0px;
/*background:url('images/headerBg.gif') 100% 0 no-repeat;*/
}
#header #siteLogo
{
float:left;
display:inline;
width:210px;
height:99px;
margin:115px 0px 0px 0px;
padding:0px;
background:url('images/siteLogo.png') no-repeat;
_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='images/siteLogo.png');

}
#header #siteLogo a
{
float:left;
display:inline;
width:198px;
height:99px;
text-indent:-999999px;
margin:0px 0px 0px 0px;
}

#headerImage
{
float:left;
display:inline;
position:absolute;
width:485px;
height:219px;
margin:0px;
padding:0px 0px 0px 2px;
background:url('images/shadowHeader.gif') repeat-y;
}

.headerImage
{
float:left;
display:inline;
margin:-0px 0px 0px 0px;
padding:0px;
}

#headerBar
{
float:left;
display:inline;
width:480px;
height:40px;
margin:-251px 0px 0px 0px;
padding:0px;
background:url('images/headerBar.png') repeat-x;
_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='images/headerBar.png');
}

#headerBar a.logout
{
float:right;
display:inline;
height:33px;
width:155px;
text-decoration:-999999px;
margin:0px 10px 0px 0px;
cursor:pointer;
padding:0px;
background:url('images/logout.png') no-repeat;
_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod='crop', src='images/login.png');
}

/* end header */


/* content */
#topContent
{
float:left;
display:inline;
height:30px;
width:646px;
margin:0px 0px 0px 50px;
padding:10px 0px 40px 20px;
background:url('images/topContent.gif') no-repeat;
}

#content
{
float:left;
display:inline;
height:auto;
width:920px;
margin:-51px 0px 0px 50px;
padding:10px 0px 20px 0px;
background:url('images/container.gif') repeat-y;
}


#leftColumn
{
float:left;
display:inline;
width:155px;
margin:0px 0px 0px 7px;
padding:0px;
}

#leftColumn ul
{
float:left;
display:line;
list-style:none;
width:100%;
margin:0px;
padding:0px;
}
#leftColumn ul li
{
float:left;
display:inline;
width:155px;
margin:0px;
padding:2px 0px 2px 0px;
}
#leftColumn ul li a
{
float:left;
display:line;
text-decoration:none;
font-weight:bold;
color:#18225b;
margin:0px;
padding:5px 0px 5px 7px;
}


#leftColumn ul li ul
{
float:left;
display:inline;
width:155px;
margin:0px;
padding:2px 0px 5px 0px;
}

#leftColumn ul li ul.hidden
{
display:none;
}

#leftColumn ul li ul li a
{
float:left;
display:line;
text-decoration:none;
font-weight:bold;
color:#18225b;
font-size:11px;
margin:0px;
padding:0px 0px 0px 7px;
}

#leftColumn ul li.blue
{
float:left;
display:inline;
width:155px;
margin:0px;
padding:2px 0px 2px 0px;
background:url('images/navActiveBlue.gif') 0px 3px no-repeat;
}
#leftColumn ul li.blue a
{
float:left;
display:line;
text-decoration:none;
font-weight:bold;
color:#fff;
margin:0px;
padding:5px 0px 5px 7px;
}

#leftColumn ul li.blue ul li a
{
float:left;
display:line;
text-decoration:none;
font-weight:bold;
color:#18225b;
font-size:11px;
margin:0px;
padding:0px 0px 0px 20px;
}

#leftColumn ul li.yello
{
float:left;
display:inline;
width:155px;
margin:20px 0px 0px 0px;
padding:2px 0px 2px 0px;
background:url('images/navActiveYellow.gif') 0px 3px no-repeat;
}
#leftColumn ul li.yello a
{
float:left;
display:line;
text-decoration:none;
font-weight:bold;
color:#fff;
margin:0px;
padding:5px 0px 5px 7px;
}


#middleColumn
{
float:left;
display:inline;
width:432px;
margin:0px 0px 0px 7px;
padding:20px 20px 20px 20px;
}

#middleColumn h1
{
display:inline;
color:#18225b;
font-size:18px;
margin:0 4px 0 0;
padding:0px;
}
#middleColumn h2
{
display:block;
color:#4c4c4c;
font-size:18px;
margin:20px 0px 0px 0px;
padding:0px;
}
#middleColumn p
{
color:#4c4c4c;
line-height:20px;
font-size:12px;
margin: 0 0 10px;
}
#middleColumn p.inline
{
display:inline;
}

#middleColumn ul
{
float:left;
display:line;
list-style:none;
width:100%;
margin:0px;
padding:0 0 20px;
}
#middleColumn ul li
{
float:left;
display:inline;
width:380px;
color:#4c4c4c;
line-height:20px;
font-size:12px;
margin:0px;
padding:0px 0px 0px 20px;
background:url('images/ulDot.gif') 10px 10px no-repeat;
}
#middleColumn ul li a, #middleColumn p a 
{
color:#8E0072;
text-decoration:none;
}
#middleColumn ul li a:hover, #middleColumn p a:hover
{
text-decoration:underline;
}

#middleColumn .returnForm
{
float:left;
display:inline;
width:400px;
margin:0px 0px 0px 0px;
padding:20px 0px 20px 0px;
}
#middleColumn .returnForm p
{
float:left;
display:inline;
width:400px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#middleColumn .returnForm .textInput
{
float:left;
display:inline;
font-size:10px;
color:#000;
margin:10px 0px 0px 0px;
width:178px;
padding:3px 5px 6px 5px;
border:none;
background:url('images/input.gif') no-repeat;
}
#middleColumn .returnForm .submit
{
float:left;
display:inline;
margin:10px 0px 0px 0px;
padding:0px;
}

span.belmijterug
{
float:left;
display:inline;
width:420px;
font-size:14px;
line-height:21px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
color: #a70075;
}
span.belmijterug a
{
float:left;
display:inline;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;	
}

a.pageLink
{
float:left;
display:inline;
width:420px;
color:#8e0072;
text-decoration:none;
font-size:12px;
font-weight:bold;
line-height:21px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;	
}
a.pageLink span
{
color:#4c4c4c;
}

a.pageLink:hover
{
text-decoration:underline;
}

#pageLinks
{
float:left;
display:inline;
width:420px;
margin:0px 0px 0px 0px;
padding:20px 0px 20px 0px;	
}

#rightColumn
{
float:left;
display:inline;
width:155px;
margin:0px 0px 0px 7px;
padding:0px;
}

.banner
{
float:left;
display:inline;
margin:20px 0px 0px 20px;
padding:0px;
}
.banner a, img
{
text-decoration:none;
border:none;
}


.prezzent
{
float:left;
display:inline;
width:134px;
height:103px;
margin:30px 0px 0px 125px;
padding:0px;
background:url('images/onderdeelVanPrezzent.gif') no-repeat;
}





/* footer */
#footer
{
float:left;
display:inline;
width:645px;
height:190px;
margin:0px 0px 0px 49px;
padding:0px 0px 0px 0px;
background:url('images/footer.gif') no-repeat;
}

#container {
position: relative;
width: 100%;
margin: 0 auto -25px; /* -marge ivm footer */
min-height: 100%;
height: auto !important;
height: 100%;
z-index:10;
}

#author  {
clear:both;
display:block;
position: relative;
width:100%;
height:25px;
margin:0;
padding:0;
z-index:1000;
}

#author a.raakIcon
{
margin-left:5px;
display:block;
height:20px;
width:19px;
background:url('images/raakict.png') no-repeat left top;
text-indent:-999999px;	
}

#author a.raakIcon:hover
{
background-position: left bottom;
}




/* Extra door Daan */
#error
{
	color:#ff0000;
	font-weight:bold;
}