html{height:100%;}
body{color:#000;line-height:16px;font-family:Verdana;font-size:10px;
margin:0 0 0 0;padding:0 0 0 0;text-align:center;height:100%;background:#f8f8f8;}

/* headlines */
h1 {font: 18px Tahoma; color:#0086ca; font-weight:bold;}
h2 {font: 16px Tahoma; color:#333333; font-weight:bold;}
h3 {font: 16px Tahoma; color:#0086ca; font-weight:bold;}

hr{ background-color:#AFAFAF;color:#AFAFAF;height:1px;}
html>body hr{display:block;}

.hr hr{color:#AFAFAF;height:1px;}
html>body .hr{border-top:solid 1px #AFAFAF;margin:0 0 0 0;}

img{border:0;margin:0;}
div{text-align:left;background-color:inherit;line-height:16px;}
table{border-collapse:collapse;padding:0;margin:0;line-height:18px}
p{margin:0;padding:0;font-family:Tahoma;font-size:11px;}
table{width:100%;color:#000;line-height:14px;}
table tr td{padding:3px;}
br{padding:0;margin:0;}
a.link-select:active,
a.link-select:visited,
a.link-select:link
{
	text-decoration: underline;
}
.error-text{border: solid 1px red;width:150px;margin: 0 0 0 0;font-size:11px;line-height:16px;}
input, select{font-size:10px;}
input.button{background-color:#e5006c; color:#ffffff}

#contactform{font-size:11px;color:#000;}
#contactform input.text{font-size:11px;color:#000;margin: 0 0 0 0;width:150px;}
#contactform table tbody tr td{font-size:11px;}
label {font-size:11px;}
td{font-size:11px;padding:0 0 0 0;}
ul{font-size:11px;font-family:Tahoma;}

/* hyperlinks */

a:link{color:#2e81aa;text-decoration:none;font-family:Tahoma;font-size:11px;}
a:active{color:#2e81aa;text-decoration:none;font-family:Tahoma;font-size:11px;}
a:visited{color:#2e81aa;text-decoration:none;font-family:Tahoma;font-size:11px;}
a:hover{color:#2e81aa;text-decoration:underline;font-family:Tahoma;font-size:11px;}

a {color:#000000; text-decoration:underline}
a:hover {color:#333333; text-decoration:none}
a.navon {color:#ffffff; text-decoration:underline}
a.navon:hover {color:#dddddd; text-decoration:underline}
a.navoff {color:#ffffff; text-decoration:none}
a.navoff:hover {color:#ffffff; text-decoration:underline}
a.zwart {color:#555555; text-decoration:none}
a.zwart:hover {color:#000000; text-decoration:underline}
.footer {font: 9px Tahoma; color:#555555}
a.footer {color:#555555; text-decoration:none}
a.footer:hover {color:#777777; text-decoration:none}

.nav {font:11px Tahoma; color:#ffffff}
.ondernav {color:#ffffff}

#logo{position:absolute;left:35px;top:15px;}

/* main container */

#main-container,
#main-container2{background:url(../images/background.jpg) repeat-y;position:relative;margin-top:0;margin-bottom:0;margin-left:auto;
margin-right:auto;width:780px;height:100%;padding:0 0 0 20px;}
html>body #main-container,
#main-container2{height:auto;min-height:100%;width:780px;}
#main-container2{
	background:url(../images/background2.jpg) repeat-y;
}
#main_menu{position:relative;height:35px;text-align:justify;background:#000;width:740px;padding:0 0 0 0;margin:0 0 0 0;}
html>body #main_menu{width:740px;}

#intro_text{font-size:11px;position:relative;height:165px;width:740px;background:url(../images/ondernavbg.jpg);color:#FFF;padding:0 0 0 40px;overflow:hidden;}
html>body #intro_text{width:700px;}
#intro_paragraph{float:left;width:400px;}
#intro_image{position:absolute;right:0;top:0;height:165px;width:290px;}

#content{line-height:16px;font-size:10px;padding:0 0 25px 0;position: relative;height:400px;}
html>body #content{min-height: 400px;height: auto;}
#content_text, #content_text2{line-height:16px;width:400px;padding:20px 0 0 40px;color:#000;position: relative;}
html>body #content_text, html>body #content_text2{width:360px;min-height:400px;height:auto;}
#content_text a, #content_text2 a{color:#000;text-decoration:underline;}

#menu_right{position:absolute;right:40px;top:305px;width:250px;padding:22px 0 0 0;}
html>body #menu_right{right:60px;padding:15px 0 0 0;}
#menu_right ul{list-style-type:none;padding:0 0 0 0;margin:0 0 0 0;}
#menu_right ul li{margin:30px 0 60px 0;}

#menu_right2{position:absolute;right:40px;top:335px;width:250px;padding:22px 0 0 0;}
html>body #menu_right2{right:60px;padding:15px 0 0 0;}
#menu_right2 ul{list-style-type:none;padding:0 0 0 0;margin:0 0 0 0;}
#menu_right2 ul li{margin:0 0 14px 0;border-bottom:solid 1px #eeeeee;padding:0 0 6px 0;}
#menu_right2 a:link,a:active,a:visited{color:#555555;}
#menu_right2 a:hover{color:#555555;text-decoration:underline;}

#hline{position:absolute;left:56px;top:410px;width:692px;height:12px;}

#footer{position:absolute;left:20px;bottom:0;width:740px;height:18px;background:#000;color:#555555;padding:4px 0 2px 30px;}
#footer ul{list-style-type:none;padding:0 0 0 0;margin:0 0 0 0;color:#555555;}
#footer ul li{float:left;}
#footer ul a{color:#555555;font:9px Tahoma;}
.floatleft{float:left;font:9px Tahoma;}
html>body #footer{width:710px;height:14px;}

#content_text2 table{
	font-size:10px;
	width:670px;
}
#content_text2 table th{
	background:url(../images/ondernavbg.jpg);
	color:#FFF;
	height:18px;
	text-align: left;
}
html>body #content_text2 table th{
	min-height:18px;
	height:auto;
}
#content_text2 table th a.asc{
	color: #FFF;
	text-decoration:none;
	width:100%;
	display:block;
	background:url(../images/arrow_up.gif) no-repeat 90% 50%;
	padding:2px;
}
#content_text2 table th a.desc{
	color: #FFF;
	text-decoration:none;
	width:100%;
	display:block;
	background:url(../images/arrow_down.gif) no-repeat 90% 50%;
	padding:2px 2px 2px 2px;
}
#content_text2 table tr.odd{
	background:#ECECEC;
}
#content_text2 table tr.even{
	background:#FFF;
}
#content_text2 table tr td{
	border: solid 1px #D9D9D9;
	padding:2px;
	color:#3b3b3b;
}
#content_text2 table th{
	border-right: solid 1px #FFF;
}
.fase{
	text-align:center;
}
#navMenu a{
	text-decoration: none;
}
#navMenu{
	clear: both;
	height:22px;
	width: 650px;
	margin:0 0 5px 0;
}
#legenda{
	padding:10px 0 0 0;
	width:650px;
}
#legenda ul, #navMenu ul{
	list-style-type:none;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}
#legenda ul li, #navMenu ul li{
	float: left;
	margin:0 8px 0 0;
}
#searchReseller{
	width:662px;
	position: absolute;
	left: 42px;
	bottom:10px;
	border-top: solid 1px #999999;
	padding:10px 0 0 0;
}
#sortOptions{
	position: absolute;
	right:35px;
	bottom:10px;
}
#searchReseller input,
#sortOptions input,
#searchReseller select,
#sortOptions select{
	font-size: 10px;
}
.formHeader{
	color: #FFF;
	background:url(../images/ondernavbg.jpg);
	heigth: 20px;
	padding: 2px 0 0 5px;
}
#addForm,
#editForm{
	top: 75px;
	left: 220px;
	position:absolute;
	border: solid 1px #CCC;
	width: 300px;
	height: 220px;
	background: #FFF;
	display: none;
	z-index:1001;
}
#editForm label,
#addForm label{
	display: block;
	font-size: 10px;
	float: left;
	width: 100px;	
}
.formRow{
	padding:2px 0 0 5px;
	position: relative;
}
.formRow input, 
.formRow select{
	font-size: 10px;
}
.formLine{
	border-top: solid 1px #CCC;
	margin: 4px 0 0 0;
}
#dropList1{
	top: 38px;
	left: 107px;
	width: 180px;
	height: 150px;
	position: absolute;
	background: #FFF;
	z-index:1004;
	border: solid 1px #CCC;
	overflow: auto;
}
#dropList2{
	top: 67px;
	left: 107px;
	width: 180px;
	height: 150px;
	position: absolute;
	background: #FFF;
	z-index:1004;
	border: solid 1px #CCC;
	overflow: auto;
}
html>body #dropList2{
	top: 60px;
	left: 107px;
}
.dropList {
	display: none;
}
html>body .dropList{
	left: 107px;
}
.dropList ul{
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0 0 0 0;
}
.dropList ul a{
	text-decoration: none;
}
.cntIframe1{
	position: absolute;
	left:107px;
	top:38px;
	width: 180px;
	height: 150px;
	display:none;
}
#cntIframe2{
	position: absolute;
	left:107px;
	top:65px;
	width: 180px;
	height: 150px;
}
.cntIframe1,
.cntIframe2{
	z-index: 1001;
}
.iframe1{
	width: 180px;
	height: 150px;
	z-index: 1003;
}
.tableRow{
	position: relative;
}
.dropListRow{
	position: absolute;
	left: 0px;
	top:20px;
	width: 150px;
	height:100px;
	border: solid 0px #ccc;
	background: #fff;
	display: none;
	z-index: 2005;
}
.iframe2{
	width: 145px;
	height: 98px;
	z-index: 2004;
}
.iframe3{
	top: 75px;
	left: 220px;
	position:absolute;
	border: solid 0px #CCC;
	width: 298px;
	height: 218px;
	z-index: 1000;
	display:none;
}
.dropListRow ul{
	list-style-type: none;
	padding: 0 0 0 0px;
	margin: 0 0 0 0;
}
.dropListRow ul a{
	text-decoration: none;
}
.listOrganisation{
	position:absolute;
	top:0;
	left:0;
	width: 150px;
	height: 100px;
	background: #FFF;
	z-index:2005;
}
#oSave, #oCancel{
	visibility:hidden;
}
#indicator{
	display:none;
	position: absolute;
	top:10px;
	right:0px;
	z-index:3000;
}
#resellerLogin{
	position: absolute;
	right:100px;
	top:0;
	z-index:3000;
	width:78px;
	height: 22px;
	cursor:hand;
}
html>body #resellerLogin{
	background:url('../images/reseller.png') no-repeat;
	cursor:pointer;
}
#loginform label{
	width:120px;
	display:block;
	float: left;
}
#loginform input{
	margin: 2px 0 0 0;
	width:130px;
}