* { font: 11px verdana; }
a { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; }
.invisible { display: none; }
h3, h4 { font-size: 11px; font-weight: bold; }

a#print {
	position: absolute;
	top: 20px;
	right: 242px;
	padding: 0 0 0 19px;
	background: url("../images/icon_print.gif") no-repeat left center;
}

strong { font-weight: bold; }

html {
    margin: 0; 
    height: 100%; 
    background: white;
    background: url("../images/background_right.gif") repeat-y top right;
} 

body {
    position: relative; 
    min-height: 100%; 
    _height: 100%; 
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background: url("../images/background_left.gif") repeat-y top left;  
    behavior: url("../js/csshover.htc");
}

hr {
	color: #FFCD07;
}

#container {
    width: 100%; 
    padding: 107px 0 23px 0;
    background: url("../images/background_left.gif") repeat-y top left;
}

#header {
    position: absolute; 
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    height: 107px;
    background: url("../images/background_header.gif") repeat-x top left;  
} 

#animation {
	background: url("../images/ani-bliksemflits.gif") no-repeat top left;
	position: absolute;
	top: 42px;
	left: 137px;
	width: 626px;
	height: 64px;
}
#animation2 {
	background: url("../images/ani-bliksemflits2.gif") no-repeat top left;
	position: absolute;
	top: 42px;
	left: 137px;
	width: 626px;
	height: 64px;
}

#footer {
    position: absolute; 
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    height: 23px;
    border-top: 1px solid black;
    background: #FFCD07;
    background-image: url("../images/background_footer.gif");
    background-position: top right;
    background-repeat: no-repeat;
}

#footer ul {
	z-index: 100;
	position: relative;
	background: #FFCD07;
	list-style: none;
	margin: 0;
	padding: 5px 0 0 130px;
	height: 18px;
	width: 410px;
}

#footer ul li {
	display: inline;
	padding: 0 7px 0 3px;
	_padding: 0 3px 0 7px;
	margin: 0;
	color: #917A1E;
	border-right: 1px solid #917A1E;
}

#footer ul li a {
	color: #917A1E;
	text-decoration: none;
}

#footer ul li a:hover {
	text-decoration: underline;
}

#left-background {
	position: absolute;
	top: -1px;
	left: 0;
	background: #FFCD07;
	width: 137px;
	height: 1px;
}

#right-background {
	background: url("../images/background_footer.gif") no-repeat top left;
	position: absolute;
	top: -1px;
	right: 0;
	width: 223px;
	height: 24px;
}

#right { 
	position: absolute; 
	right: 0px;
	top: 20px; 
	width: 207px;
	overflow: hidden;
}

#right ul, ul.nieuws {
	list-style: none;
	margin: 10px 0 20px 0;
	padding: 0;
}

#right ul li, ul.nieuws li {
	padding: 0 0 0 10px;
	margin: 10px 0;
	background: url("../images/li.gif") no-repeat top left;
}


#content { position: relative; padding: 19px 242px 20px 157px; min-width: 364px; } 

#logo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	background: url("../images/background_logo.gif") no-repeat top left;
	width: 137px;
	height: 206px;
}
#logo2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
	background: url("../images/background_logo2.gif") no-repeat top left;
	width: 137px;
	height: 206px;
}

#logo img,
#logo2 img
 {
	display: block;
	margin: 33px 0 0 27px;
}

#left-menu {
	position: absolute;
	z-index: 100;
	top: 206px;
	left: 0px;
	width: 137px;
	height: 192px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url("../images/background_left_menu.gif") no-repeat top left;
}

#left-menu li {
	margin: 0 1px 0 18px;
	border-bottom: 1px solid black;
	text-align: center;
	padding: 3px 0;
}

#left-menu li:hover {
	background: #FFCD07;
}

#left-menu a {
	display: block;
	text-decoration: none;
	color: #000;
	width: 100%;
}

#top-menu {
	position: absolute;
	left: 136px;
	top: 20px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 16px;
	background: url("../images/top_menu_hoek.gif") no-repeat top left;
	width: 520px;
}

#top-menu li {
	position: relative;
	float: left;
	padding: 4px 0 5px 0;
	margin: 0 18px 0 0;
}

#top-menu li.klantenzone {
	margin: 0 0 0 40px;
	padding: 4px 0 5px 15px;
	border-left: 1px solid black;
}

#top-menu ul {
	position: absolute;
	z-index: 10;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	top: 22px;
	left: 0;
	width: 120px;
}

#top-menu ul li {
	width: 120px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	float: none;
	background: #FFCC00;
}

#top-menu li:hover ul {
	display: block;
}

#top-menu ul a {
	padding: 5px;
	width: 100%;
}

#top-menu a {
	text-decoration: none;
	color: #000;
	display: block;
	_display: inline-block;
}

#top-menu a:hover, #top-menu li:hover {
	color: white;
}

#top-menu ul a:hover, #top-menu li:hover ul li {
	color: #000;
}

#top-menu ul li:hover {
	background: white;
}

#content form label {
	float: left;
	width: 120px;
}

#content form input {
	margin: 2px 0;
	_margin: 0;
}


#content form input.textfield {
	width: 240px;
	border: 1px solid #777777;
}

#content form input.textfield:focus, #content form textarea:focus {
	border: 1px solid black;
}

#content h3 label {
	font-weight: bold;
}

#content form textarea {
	display: block;
	width: 360px;
	height: 100px;
	margin: 0 0 10px 0;
	border: 1px solid #777777;
}

/* klantenzone */

#klantenzone {
	border-bottom: 1px solid #FFCD07; 
	margin: 20px 0 0 0; 
	padding: 0;
	width: 100%; 
	list-style:none;
}

#klantenzone li {
	border-top: 1px solid #FFCD07;
	padding: 5px 0;
	_display: inline-block;
}

#klantenzone dl { margin: 0; padding: 0; }

#klantenzone dt {
	float: left;
	font-weight: bold; 
	width: 100px;
	margin: 0;
	padding: 0;
}

/* ------------------ file extensions -------------------- */

a.file_ace {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/ace.gif") no-repeat center left;
}

a.file_ai {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/ai.gif") no-repeat center left;
}

a.file_avi {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/avi.gif") no-repeat center left;
}

a.file_blank {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/blank.gif") no-repeat center left;
}

a.file_bmp {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/bmp.gif") no-repeat center left;
}

a.file_csv {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/csv.gif") no-repeat center left;
}

a.file_doc {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/doc.gif") no-repeat center left;
}

a.file_eps {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/eps.gif") no-repeat center left;
}

a.file_gif {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/gif.gif") no-repeat center left;
}

a.file_jpeg {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/jpeg.gif") no-repeat center left;
}

a.file_jpg {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/jpg.gif") no-repeat center left;
}

a.file_mdb {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/mdb.gif") no-repeat center left;
}

a.file_mov {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/mov.gif") no-repeat center left;
}

a.file_mp3 {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/mp3.gif") no-repeat center left;
}

a.file_mpeg {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/mpeg.gif") no-repeat center left;
}

a.file_mpg {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/mpg.gif") no-repeat center left;
}

a.file_pdf {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/pdf.gif") no-repeat center left;
}

a.file_png {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/png.gif") no-repeat center left;
}

a.file_rar {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/rar.gif") no-repeat center left;
}

a.file_rm {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/rm.gif") no-repeat center left;
}

a.file_tif {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/tif.gif") no-repeat center left;
}

a.file_tiff {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/tiff.gif") no-repeat center left;
}

a.file_wav {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/wav.gif") no-repeat center left;
}

a.file_wmv {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/wmv.gif") no-repeat center left;
}

a.file_xls {
	height: 18px;
	padding: 4px 0 4px 20px;
	background: url("../images/extensions/xls.gif") no-repeat center left;
}