html{
	height:100%;
}	
body {
	color:#666;
	margin:0;
	padding:0;
	background:#f0f0f0 url(images/bg.jpg) top center repeat-x;
	font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}
input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#444;
	border:1px solid #7ca7b7;
}
a:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:underline;
}

a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:underline;
}
a:active {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	text-decoration:underline;
}
a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	text-decoration:underline;
}

.clear { clear:both;}

.red {
	color:#FF0000;
}	
h1 {
	font-size:15px;
	font-weight:bold;
	margin:0 0 20px 0;
	color:#707070;
}
h2 {
	font-size:14px;
	font-weight:bold;
	color:#7ca7b7;
	margin-top:20px;
	margin-bottom:20px;
}

#container {
	position:relative;
	width:960px;
	left: 50%;
	margin-left: -480px;
	padding:0;
	height: auto !important; /* Use the correct setting in compliant browsers */
    _height:100%;		/*for IE*/
	min-height:100%;	/*for Firefox*/

}
#headerindex{
	position:relative;
	width:960px;
	height:160px;
	background:url(images/headerindex.jpg) top center no-repeat;
	z-index:100;
}
#header{
	position:relative;
	width:960px;
	height:160px;
	background:url(images/header.jpg) top center no-repeat;
	z-index:100;
}
#content {
	position:relative;
	padding:0 35px 0 0;
	width:960px;
}
#leftcolumn {
	float:left;
	width:620px;
	padding:0 0 0 25px;
	margin:0 15px 0 0;
}
#rightcolumn {
	float:right;
	width:270px;
}
#fullcontent {
	width:905px;
	padding:0 0 0 25px;
}
.kaderfull {
	border:1px solid #707070;
	padding:10px;
	margin-bottom:20px;
	background:#d9d9d9;
}

#pagina {
	position:relative;
	padding-bottom:70px;	/*for footer*/
}
#footer {
	position:relative;
	border-top:#000 1px solid;
	background:#383738;
	width:100%;
	height:49px;			
	margin-top:-50px;
	z-index:1;
}
#footermain {
	position:relative;
	width:960px;
	left: 50%;
	margin-left: -480px;
	padding:15px 0 0 0;
	z-index:10;
	font-size:10px;
	color:#999999;
}
/* ------------------ Top navigatie -------------- */

.menu2 {margin:0 0 0 10px; padding:0; list-style:none; height:40px; position:relative; font-family:arial, verdana, sans-serif; top:103px; width:980px; left:-20px; z-index:9999;}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#626262; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#999; background: url(images/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(prodrop2/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#333; background: url(images/down.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/*-------------------------------submenu2------------------------------*/
.menu2 :hover ul.sub2 {left:20px; top:28px; background: #fff; padding:3px 0; border:1px solid #bbbbbb; white-space:nowrap; width:200px; height:auto;}
.menu2 :hover ul.sub2 li {display:block; height:20px; position:relative; float:left; width:200px;}
.menu2 :hover ul.sub2 li a {display:block; font-size:11px; height:20px; width:194px; line-height:20px; text-indent:5px; color:#333; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub2 li a.fly {background:#fff url(prodrop2/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub2 li a:hover {background:#4fcfec; color:#fff;}
.menu2 :hover ul.sub2 li a.fly:hover {background:#4fcfec url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
/*---------------------------------------------------------------------*/
.menu2 :hover ul li:hover > a.fly {background:#4fcfec url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 


/* ----------- Login ---------------------*/

#login {
	position:absolute;
	width:210px;
	height:90px;
	left:690px;
	top:10px;
	color:#333333;
}
#login a:link {
	color:#666;
	font-size:11px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-left:15px;
}
#login a:visited {
	color:#666;
	font-size:11px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-left:15px;
}
#login a:active {
	color:#666;
	font-size:11px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-left:15px;
}
#login a:hover {
	color:#444;
	font-size:11px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-left:15px;
}

.tableheader{
	padding:15px 5px 15px 5px;
	background-color:#999;
	color:#FFFFFF;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}

.tablerow1{
	padding:5px;
	background-color:#DDDDDD;
	border-bottom:1px solid #ccc;
}

.tablerow2{
	padding:5px;
	background-color:#f0f0f0;
	border-bottom:1px solid #ccc;
}

.message{
	padding:10px 10px 10px 40px;
	margin-bottom:30px;
	color:#0099FF;
	font-weight:800;
	background:url(images/info.png) no-repeat #FFF;
	background-position:10px 5px;
	border:1px solid #0099FF;
	width:880px;
}	
.schedulermailingcontent {
	padding:5px;
	background-color:#DDDDDD;
	border-bottom:1px solid #ccc;
	margin-bottom:40px;
}
.schedulermailingbar {
	height:15px;
	padding:15px 5px 15px 5px;
	background-color:#999;
	color:#FFFFFF;
	border-top:1px solid #666666;
	border-bottom:1px solid #666666;
}
.logtitel {
	color:#FFFFFF;
	float:left;
	width:80%;
}
.delknop {
	float:right;
}	
#verwerken {
	padding:10px 10px 10px 50px;
	margin-bottom:30px;
	color:#0099FF;
	font-weight:800;
	background:url(images/loader.gif) no-repeat #FFF;
	background-position:10px 5px;
	border:1px solid #0099FF;
}
.submitknoppen {
	height:60px;
	color:#0099FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:700;
}
.error{
	display:block;
	width:880px;
	color:#FF0000;
	border:1px solid #FF0000;
	padding: 10px 10px 10px 40px;
	background:url(images/error.png) no-repeat 10px 10px #FFF; 
	margin:20px 0 20px 0;
}
.info{
	display:block;
	width:880px;
	color:#178fdc;
	border:1px solid #178fdc;
	padding: 10px 10px 10px 40px;
	background:url(images/info.png) no-repeat 10px 5px #FFF;
	margin:20px 0 20px 0; 
}
.veld_req_ok{
	background-color:#e5f2f7;
	border:1px solid #CCC;
	width:185px;
}
.veld_nreq_ok{
	width:185px;
	border:1px solid #CCC;
}
.textveld_nreq_ok{
	width:495px;
	height:250px;
}
.textveld_dohc{
	width:495px;
	height:150px;
}
.veld_nok{
	background-color:#FF0000;
	color:#FFFFFF;
	width:185px;
	border:1px solid #333;
}		
.checkbox_nok{
	margin-left:15px;
	background-color:#FF0000;
	color:#FFFFFF;
}
.checkbox_nreq_ok{
	margin-left:15px;
	border:1px solid #CCC;
}

#contentleft {
	float:left;
	width:635px;
	margin:0 20px 0 0;
}
#contentright {
	float:left;
	width:275px;
}

#klant_gegevens{
	width:615px;
	min-height:580px;
	padding:10px;
	border:1px solid #7ca7b7;
	margin: 0 0 20px 0;
	background:#FFFFFF url(images/vakje.png) repeat-x bottom left;
}
#klant_modules{
	float:left;
	width:600px;
	padding:10px;
	border:1px solid #7ca7b7;
	margin: 0 0 20px 0;
	background:#FFFFFF url(images/vakje.png) repeat-x bottom left;
}
#klant_modules h1{
	padding:3px 0 0 35px;
	height:30px;
	background:url(images/cmsmodules.png) left top no-repeat;
}
#klant_gegevens h1{
	padding:3px 0 0 35px;
	height:30px;
	background:url(images/contacts.png) left top no-repeat;
}
#klant_gegevens label {
	float:left;
	display:block;
	width:95px;
	margin-bottom:5px;
}
#klant_gegevens input,textarea {
	margin:0 0 5px 0;
	border:1px solid #999;
}
#klant_gegevens .marg-bott {
	margin:0 0 7px 0;
}
#klant_gegevens .posrel {
	position:relative;
	margin:0 0 8px 0;
}
#klant_hosting{
	float:right;
	width:190px;
	padding:10px;
	border:1px solid #7ca7b7;
	margin: 0 0 20px 0;
	background:#FFFFFF url(images/vakje.png) repeat-x bottom left;
}
#klant_menu{
	float:left;
	width:275px;
	height:600px;
	border:1px solid #7ca7b7;
	margin: 0 0 20px 0;
	background:#FFFFFF url(images/vakje.png) repeat-x bottom left;
}

#klant_menu a:link{
	display:block;
	color:#7ca7b7;
	width:265px;
	height:25px;
	background:#e5f2f7;
	text-decoration:none;
	padding:10px 0 0 10px;
	margin:0px;
	border-bottom:1px solid #7ca7b7;
}
#klant_menu a:active{
	display:block;
	color:#7ca7b7;
	width:265px;
	height:25px;
	background:#e5f2f7;
	text-decoration:none;
	padding:10px 0 0 10px;
	margin:0px;
	border-bottom:1px solid #7ca7b7;
}
#klant_menu a:visited{
	display:block;
	color:#7ca7b7;
	width:265px;
	height:25px;
	background:#e5f2f7;
	text-decoration:none;
	padding:10px 0 0 10px;
	margin:0px;
	border-bottom:1px solid #7ca7b7;
}
#klant_menu a:hover{
	display:block;
	color:#346b80;
	width:265px;
	height:25px;
	background:url(images/klant_menu_hover.jpg) no-repeat top left #e5f2f7;
	text-decoration:none;
	padding:10px 0 0 10px;
	margin:0px;
	border-bottom:1px solid #7ca7b7;
}
.volvorklant{
	position:absolute;
	width:50px;
	margin:5px 0 0 550px;
}
#factuur_aanmaken{
	float:left;
	width:600px;
	padding:10px;
	border:1px solid #7ca7b7;
	margin: 0 0 20px 0;
	background:#FFFFFF url(images/vakje.png) repeat-x bottom left;
}
#factuur_aanmaken h1{
	padding:3px 0 0 35px;
	height:30px;
	background:url(images/factuur.png) left top no-repeat;
}
#factuur_aanmaken label {
	float:left;
	display:block;
	width:95px;
	margin-bottom:5px;
}
#factuur_aanmaken_right {
	float:right;
	width:270px;
	padding:10px;
	border:1px solid #7ca7b7;
	margin: 0 0 20px 0;
	background:#FFFFFF;
}
#factuur_aanmaken_right label {
	float:left;
	display:block;
	width:95px;
	margin-bottom:5px;
}
#factuur_autofact{
	width:600px;
	padding:10px;
	border:1px solid #7ca7b7;
	margin: 0 0 20px 0;
	background:#FFFFFF url(images/vakje.png) repeat-x bottom left;
}
#factuur_autofact h1{
	padding:3px 0 0 35px;
	height:30px;
	background:url(images/autofact.png) left top no-repeat;
}
#factuur_autofact label {
	float:left;
	display:block;
	width:95px;
	margin-bottom:5px;
}
.factuuritem{
	width:400px;
	height:60px;
	margin-bottom:15px;
	overflow:auto;
}
.factuurbedrag{
	width:100px;
}		
.factright{
	width:100px;
}		
.factright_kwartaal{
	float:left;
	width:45px;
	margin-right:10px;
}		
.facthr{
	height:0px;
	border-bottom:1px solid #7ca7b7;
	margin: 30px 0 30px 95px;
}

/*factuur overzicth klantbeheer */
.status { float:left; width:30px; }
.telaatbetaald { float:left; width:15px; }
.fcnummer { float:left; width:90px; }
.klantnummer { float:left; width:95px; }
.factdat { float:left; width:90px; }
.vvdat { float:left; width:95px; }
.bedragex { float:left; width:75px; }
.bedragex2 { float:left; width:70px; }
.bedragin { float:left; width:80px; }
.bedragin2 { float:left; width:75px; }
.pdf { float:left; width:35px; }
.epdf { float:left; width:37px; }
.editfact { float:left; width:25px; padding-right:10px;}
.itemtoevoegen { float:left; width:20px;}
.herinnering1 { float:left; width:45px; }
.herinnering2 { float:left; width:45px; }
.herinnering3 { float:left; width:45px; }
.factopmicon { float:left; width:30px; }
.factopm { 	
	padding:10px 10px 10px 10px;
	border:1px solid #7ca7b7;
	margin: 0 0 10px 600px;
	background-color:#DDD;
	position:relative;
	width:282px;
	height: 140px;
}

.factopm2 { /*voor factuur overzicht per klant*/ 	
	padding:10px 10px 10px 10px;
	border:1px solid #7ca7b7;
	margin: 0 0 10px 295px;
	background-color:#DDD;
	position:relative;
	width:282px;
	height: 140px;
}



.veld_hosting{
	width:185px;
}
#klant_hosting h1 {
	padding:3px 0 0 35px;
	height:30px;
	background:url(images/hosting.png) left top no-repeat;
}
#klant_hosting .veld_nreq_ok {
	width:120px;
}
#klant_hosting label {
	display:block;
	margin-bottom:5px;
	padding:5px 15px 0 0;
}
#klant_ftp{
	float:left;
	width:170px;
	padding:10px;
	border:1px solid #7ca7b7;
	margin: 0 20px 20px 0;
	background:#FFFFFF url(images/vakje.png) repeat-x bottom left;
}
#klant_ftp h1 {
	padding:3px 0 0 35px;
	height:30px;
	background:url(images/upload.png) left top no-repeat;
}
#klant_ftp label {
	display:block;
	margin-bottom:5px;
	padding:5px 15px 0 0;
}
#klant_ftp input.veld_nreq_ok{
	width:165px;
	border:1px solid #CCC;
}

#klant_cms{
	float:left;
	padding:10px;
	width:170px;
	border:1px solid #7ca7b7;
	margin: 0 0 20px 0;
	background:#FFFFFF url(images/vakje.png) repeat-x bottom left;
}		
#klant_cms h1{
	padding:3px 0 0 35px;
	height:30px;
	background:url(images/cms.png) left top no-repeat;
}
#klant_cms label {
	display:block;
	margin-bottom:5px;
	padding:5px 15px 0 0;
}
#klant_cms input.veld_nreq_ok{
	width:165px;
	border:1px solid #CCC;
}

.tbl_talen{
	margin-left:80px; 
	margin-top: -15px;
}
.leftfloat {
	float:left;
}
.zoekrij {
	padding:10px;
	border:1px solid #7ca7b7;
	margin: 0 0 10px 0;
	background-color:#FFFFFF;
	height:15px;
	width:910px;
}		
.zoekrij_klantnummer{
	width:80px;
	float:left;
}	
.zoekrij_bedrijf{
	width:270px;
	float:left;
}	
.zoekrij_naam{
	width:220px;
	float:left;
}	
.zoekrij_website{
	width:220px;
	float:left;
}	
.zoekrij_plaats{
	float:left;
}	
#footerspacer{
	margin-bottom:150px;
}	
.icon{
	margin-bottom:-3px;
	border:0px;
}
.iconup{
	margin-top:-3px;
	border:0px;
}
.iconautofact{
	border:0px;
}
.iconfact{
	margin-top:-8px;
	margin-left:-6px;
	border:0px;
}
.module {
	padding:10px;
	border:1px solid #7ca7b7;
	margin: 0 0 10px 0;
	background-color:#FFFFFF;
	height:15px;
	position:relative;
}
.factmodule {
	padding:10px;
	border:1px solid #7ca7b7;
	margin: 0 0 10px 0;
	background-color:#FFFFFF;
}
.factmodule label{
	clear:left;
	float:left;
	display:block;
	width:400px;
	height:15px;
	margin:0 0 10px 0;
}	
.factmodule input,textarea{
	border:1px solid #999;
}
.factmodule_left{
	width:280px; 
	float:left; 
	margin: 0 10px 0 0;
}
.factmodule_right{
	width:280px; 
	float:left;
}
.subtext {
	font-size:10px;
	color:#AAAAAA;
}	
/*----- TOOLTIP -----*/
#tooltip {
	position: absolute;
	z-index: 3000;
	color:#333;
	border: 1px solid #000;
	padding: 5px;
	opacity: 0.94;
	background:url(images/bg_tooltip.png) repeat-x top left #FFFFFF;
	min-height:180px;
}
#tooltip h3, #tooltip div { margin: 0; }
/*---------------------*/

.itemnav{
	padding:5px 5px 5px 490px;
}
.delete{
	float:left;
	background:url(images/delete.png) no-repeat;
	width:20px;
	height:25px;
	text-indent:-9999px;
	margin:0 5px 0 0;
	cursor:pointer;
}
.deletedis{
	float:left;
	background:url(images/deletedis.png) no-repeat;
	width:20px;
	height:25px;
	text-indent:-9999px;
	margin:0 5px 0 0;
}
.moveup{
	float:left;
	background:url(images/up.png) no-repeat;
	width:20px;
	height:25px;
	text-indent:-9999px;
	margin:0 5px 0 0;
	cursor:pointer;
}
.movedown{
	float:left;
	background:url(images/down.png) no-repeat;
	width:20px;
	height:25px;
	text-indent:-9999px;
	margin:0 5px 0 0;
	cursor:pointer;
}
.moveupdisabled{
	float:left;
	background:url(images/updis.png) no-repeat;
	width:20px;
	height:25px;
	text-indent:-9999px;
	margin:0 5px 0 0;
}
.movedowndisabled{
	float:left;
	background:url(images/downdis.png) no-repeat;
	width:20px;
	height:25px;
	text-indent:-9999px;
	margin:0 5px 0 0;
}
label.optielabel {
	float:left;
	display:block;
	width:140px;
	margin-bottom:5px;
}