/* CSS Document */

body
{
/*background-color:#231f20;*/
background-color:#231F20;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-spacing:14px;
line-height:18px;
text-align:center;
margin:0px;
padding:0px;
}

#container_front
{
margin:0px auto;
text-align:left;
background-image:url(images/background_front.gif);
width:842px;
height:595px;
position:relative;
}

#menu_top
{
	position:absolute;
	top:10px;
	list-style: none;
	width: 820px;
	word-spacing:7px;
	left: 24px;
}

#menu_top li {
margin:0px;
/*padding-right:5px;*/
float:left;
letter-spacing:0px;
}

#menu_top li a{
color:#676968;
font-family:Verdana;
font-weight:bold;
font-size:19px;
letter-spacing:7px;
text-decoration:none;
height: 100%;
width: 100%;
}

#menu_top li a:hover {
color:#FFFFFF;
}

#menu_top li a.active, #menu_top li a.active:active, #menu_top li a.active:link, #menu_top li a.active:visited
{
color:#d16817;
}

#copyright
{
	width:300px;
	position:absolute;
	left: 44px;
	top: 533px;
}

/* CLASSES */

.font_klein
{
font-size:10px;
}

.font_klein a
{
color:#D36716;
text-decoration:none;
}

.clear
{
clear:both;
}

/* DETAIL */

#container
{
margin:0px auto;
text-align:left;
background-image:url(images/background_detail.gif);
width:842px;
height:595px;
position:relative;
}

#logokl
{
	position:absolute;
	background-image:url(images/logo_kl.gif);
	background-repeat:no-repeat;
	width:67px;
	height:70px;
	top: 133px;
	left: 36px;
}

#submenu
{
	position:absolute;
	top:160px;
	list-style: none;
	width: 700px;
	word-spacing:7px;
	left: 85px;
}

#submenu li {
margin-top: none;
margin:0px;
/*padding-right:5px;*/
float:left;
letter-spacing:0px;
}

#submenu li a
{
color:#676968;
font-family:Verdana;
font-size:12px;
font-weight:bold;
letter-spacing:2px;
text-decoration:none;
height: 100%;
width: 100%;
}

#submenu li a.active, #submenu li a.active:active, #submenu li a.active:link, #submenu li a.active:visited 
{
color:#d16817;
} 

#submenu li a:hover
{
color:#FFFFFF;
}

#content
{
	width:581px;
	position:absolute;
	left: 170px;
	top: 203px;
}

#right
{
width:400px;
float:left;
margin-left:10px;
}

#left
{
width:171px;
float:left;
margin:0px;
padding:0px;
}

.subsubmenu
{
font-size:11px;
text-align:left;
}

#left ul li a
{
text-decoration:none;
color:#FFFFFF;
}

#left ul li a.active, #left ul li a.active:active, #left ul li a.active:link, #left ul li a.active:visited
{
color:#d16817;
}


#left ul
{
margin:0px;
padding:0px;

}
#left ul li
{
list-style:none;
margin:0px;
padding:0px;
}

#content a
{
color:#d56816;
text-decoration:none;
}

#content a.knop
{
color:#ffffff;
}

h1
{
font-size:18px;
font-weight:bold;
}

h2
{
font-size:16px;
font-weight:bold;
}

h3
{
font-size:14px;
font-weight:bold;
}

p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
line-spacing:14px;
}

a.knop
{
color:#FFFFFF;
background-color:#D56816;
padding-right:5px;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
font-size:11px;
margin-right:5px;
margin-top:5px;
}

span.knop
{
color:#FFFFFF;
background-color:#D56816;
padding-right:5px;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
font-size:11px;
margin-right:5px;
margin-top:5px;
}

.downloads
{
border:2px solid #D56816;
width:95px;
}

a.knop_downloads
{
color:#FFFFFF;
background-color:#D56816;
padding-right:22px;
padding-left:23px;
padding-top:2px;
padding-bottom:2px;
font-size:11px;
}

.tekst_downloads
{
font-size:11px;
letter-spacing:100;
margin-left:25px;
}

#taalkeuze
{
position:absolute;
left: 354px;
top: 417px;
}

#talen a
{
font-size:16px;
color:#FFFFFF;
text-decoration:none;
}

#talen a:hover
{
color:#d16817;
}

input[type=text], input[type=password] {
height: 14px;
width: 170px;
}

#logo_home
{
height:78px;
width:78px;
left: 28px;
position:absolute;
top:130px;
z-index: 1;
}