html{ height: 100%; width:100%; background:url(../images/bg.jpg) repeat-x top #ffffff;}
body{ height: 100%; min-height: 100%; margin:0px; color:#58595b; font-size:0.75em; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg_top.jpg) no-repeat top;}
body a{ text-decoration:none; color:#731472; font-weight:bold;}
body a:hover{ text-decoration:underline; color:#731472; font-weight:bold;}

.clear {clear:both; overflow:hidden; height:0px;} img{border:0px; display:block;} ul, li{list-style:none; } form, fieldset {margin:0px; padding:0px; border:0;}

#container{ z-index:1; position:relative; width:100%; padding:0px; height:auto !important; height:100%; min-height:100%;}
.container_index{ background:url(../images/bg_inner.jpg) repeat-y top;}
.container_vervolg{ background:url(../images/bg_inner_vervolg.jpg) repeat-y top;}
.container_vervolg2{ background:url(../images/bg_inner_vervolg02.jpg) repeat-y top;}
#container #inner{ position:relative; width:980px; margin:0px auto; padding:0px;}

#container #left{ z-index:2; position:relative; width:245px; float:left; padding:0px 0px 120px 0px; }
#container #left #menu{ width:244px; padding:16px 0px 0px 0px; background:#e0e0e0; font-size:1.1em;}
#container #left #menu ul{ width:244px; margin:0px; padding:0px;}
#container #left #menu ul li{ width:244px; height:53px; display:block;}
#container #left #menu ul li a{ width:244px; height:53px; text-indent:65px; line-height:53px; display:block; color:#58595b; background-image:url(../images/bg_menu02.jpg);}
/*#container #left #menu ul li a:hover{ background-image:url(../images/bg_menuover.jpg); color:#fff; text-decoration:none;}*/
#container #left #menu ul li a.selected{ /*background-image:url(../images/bg_menuover.jpg); color:#fff;*/ text-decoration:underline;}

#container #left #menu ul li.home a{ background-position:0 0px;}
#container #left #menu ul li.product a{ background-position:0 -53px;}
#container #left #menu ul li.referenties a{ background-position:0 -106px;}
#container #left #menu ul li.kosten a{ background-position:0 -159px;}
#container #left #menu ul li.gratis_demo a{ background-position:0 -212px;}
#container #left #menu ul li.contact a{ background-position:0 -371px;}
#container #left #menu ul li.overstap_service a{ background-position:0 -265px;}
#container #left #menu ul li.website_pakket a{ background-position:0 -318px;}

#container #left #menu ul li.home a:hover, #container #left #menu ul li.home a.selected{ background-position:0 0px;}
#container #left #menu ul li.product a:hover, #container #left #menu ul li.product a.selected{ background-position:0 -53px;}
#container #left #menu ul li.referenties a:hover, #container #left #menu ul li.referenties a.selected{ background-position:0 -106px;}
#container #left #menu ul li.kosten a:hover, #container #left #menu ul li.kosten a.selected{ background-position:0 -159px;}
#container #left #menu ul li.gratis_demo a:hover, #container #left #menu ul li.gratis_demo a.selected{ background-position:0 -212px;}
#container #left #menu ul li.contact a:hover, #container #left #menu ul li.contact a.selected{ background-position:0 -371px;}
#container #left #menu ul li.overstap_service a:hover, #container #left #menu ul li.overstap_service a.selected{ background-position:0 -265px;}
#container #left #menu ul li.website_pakket a:hover, #container #left #menu ul li.website_pakket a.selected{ background-position:0 -318px;}

#container #left #clouds{ border-top:2px solid white; background:#f5f4f4; text-align:center; padding:20px 0px 30px 0px;}
#clouds h1, #clouds h2, #clouds h3, #clouds h4, #clouds h5{ color:#B2B2B2; margin:0px; padding:0px 3px 0px 0px; font-weight:normal; display:inline; max-width:245px;}
#clouds h1 a, #clouds h2 a, #clouds h3 a, #clouds h4 a, #clouds h5 a{ color:#B2B2B2; font-weight:normal;}
#clouds h1 a:hover, #clouds h2 a:hover, #clouds h3 a:hover, #clouds h4 a:hover, #clouds h5 a:hover{ text-decoration:none;border-bottom:1px dotted silver;}
#container #left #clouds h1{ font-size:1.6em;}
#container #left #clouds h2{ font-size:1.5em;}
#container #left #clouds h3{ font-size:1.4em;}
#container #left #clouds h4{ font-size:1.2em;}
#container #left #clouds h5{ font-size:1.0em;} 

#container #left h2.titel{ color:#FFF; display:block; text-indent:5px; font-size:1.05em; line-height:31px; margin:12px 0px 0px 12px; padding:0px; width:225px; height:31px; background:url(../images/bg_h2.jpg) no-repeat;}
#container #left h2.titel img{ float:left;margin:4px 0px 0px 20px; }
#container #left .login{ color:#888888; display:block; margin:0px 0px 0px 12px; padding:10px 23px 14px 23px; width:179px; background:url(../images/bg_login.jpg) no-repeat bottom;}
#container #left .login form fieldset label{ display:block; padding:0px 0px 0px 3px; }
#container #left .login form fieldset input{ display:block; width:161px; color:#a19f9f; height:20px; margin:0px 0px 5px 0px; padding:2px 0px 0px 3px; border:1px solid #8d8b8b; }
#container #left .login form fieldset button{ cursor:pointer; display:block; width:95px; height:34px; border:0; margin:3px 0px 0px 0px; background:url(../images/btn_login.jpg) no-repeat; float:right;}
#container #left .login form fieldset button:hover{ filter:alpha(opacity=60); opacity:0.6;  }

#container #right{ position:relative; width:735px; padding:0px 0px 120px 0px; float:right; z-index:100;}
#container #right #header{ padding-bottom:17px; background:url(../images/bg_header.jpg) no-repeat bottom;z-index:10; }

#container #right h1, h1.h1 , h1 a{ font-size:1.2em; color:#731472; margin:0px; padding:0px 0px 18px 0px;}
#container #right p{ margin:0px; padding:0px 0px 18px 0px;}

#container #right .kolom1{ float:left; width:198px; padding:26px 23px 0px 23px; line-height:16px;}
#container #right .kolom1_wide{ float:left; width:443px; padding:26px 23px 0px 23px; line-height:16px;}
#container #right .kolom_kosten{ float:left; padding:26px 0px 0px 0px; line-height:16px;}
#container #right .kolom_kosten_wide{ width:443px; padding:0px 0px 0px 23px; line-height:16px;}
#container #right .kolom2{ float:left; width:245px; }
#container #right .kolom2 a:hover img{ filter:alpha(opacity=60); opacity:0.6; }
#container #right .kolom3{ float:right; width:245px; padding:0px 0px 0px 0px; }
#container #right .kolom3 #logos{ width:190px; padding:10px 3px 10px 22px; }
#container #right .kolom3 .blok{ width:175px; margin:0px 0px 19px 16px; padding:8px 18px 10px 22px; border:1px solid #cecece; background:url(../images/bg_blok.jpg) repeat-x #ffffff; }
#container #right .kolom3 .blok h3{ margin:0px 0px 5px -12px; color:#c4c4c4; display:block; font-size:1.05em;}
#container #right .kolom3 .blok p{ margin:0px 0px 0px 0px; padding:16px 0px 0px 0px; display:block; color:#731472; font-size:1.5em; line-height:18px; font-weight:bold;}
#container #right .kolom3 .blok em{ display:block; padding:30px 0px 0px 0px; }
#container #right .kolom3 .blok em img{ float:right; }
#container #right .kolom3 #logos ul.logos{ margin:0px; padding:0px;}
#container #right .kolom3 #logos ul.logos li{ display:block; padding:0px 0px 8px 0px;}
#container #right .kolom3 #logos ul.logos li img{ display:inline;}
#container #right .kolom3 #logos ul.logos li.rechts{ text-align:right;}
#container #right .kolom3 #logos ul.logos li a:hover img{ filter:alpha(opacity=60); opacity:0.6;}

#footer{ background:#fff; position:relative; width:100%; margin:-119px auto 0px auto; height:119px; z-index:100; background:url(../images/bg_footer.jpg) repeat-x; }
#footer #innerfooter{ position:relative; width:100%; height:119px; margin:0 auto; text-align:center;  }
#footer .innerfooter_index{ background:url(../images/bg_innerfooter.jpg) no-repeat top; }
#footer .innerfooter_vervolg{ background:url(../images/bg_innerfooter_vervolg.jpg) no-repeat top; }
#footer .innerfooter_vervolg2{ background:url(../images/bg_innerfooter_vervolg02.jpg) no-repeat top; }
#footer #innerf{ position:relative; width:980px; height:119px; margin:0 auto; }
#footer ul{ position:absolute; left:15px; top:93px; width:950px; display:block; padding:0px; margin:0px;}
#footer ul li{ float:left; display:block; }
#footer ul li a{ color:#c297c2; float:left; display:block; line-height:12px; padding:2px 9px 0px 9px; border-right:1px solid #c297c2; }
#footer ul li.last a{ border-right:0px solid #c297c2; }
#footer ul li a:hover{ color:#fff; text-decoration:none;}
#footer ul li.mm{ float:right; }
#footer ul li.mm a{ float:right; border:0; width:22px; height:20px; background:url(../images/bg_mm.jpg) no-repeat; text-indent:-3333px; padding:0; margin:0; }

/*EDITOR*/ 
#editor { width:433px; }
#editor , #editor * {
  font-family:Arial, Verdana, Tahoma, Helvetica, Sans-serif;
	font-size:12px;;
	color: #414042;
	line-height:20px;
}

#editor_acc {
  width:190px;
  font-family:Arial, Verdana, Tahoma, Helvetica, Sans-serif;
	font-size:12px;
	color: #414042;
	line-height:20px;
}

#editor_acc * , #editor * , .accwide_content * , .nieuws_content *{
  font-family:Arial, Verdana, Tahoma, Helvetica, Sans-serif;
	font-size:12px;
	color: #414042;
}
#editor_referentie {
  width:280px;
  font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	line-height:150%;
}


#editor ul,#editor_acc ul,.accwide_content ul,.nieuws_content ul{
  
}
#editor ol,#editor_acc ol,.accwide_content ol,.nieuws_content ol{
  
}
#editor ul li,#editor_acc ul li,.accwide_content ul li,.nieuws_content ul li{
  list-style-type: disc;
}
#editor ol li,#editor_acc ol li,.accwide_content ol li,.nieuws_content ol li{
  list-style-type: decimal;
}

#editor h1,#editor h1 *,#editor_acc h1,#editor_acc h1 *,.accwide_content h1,.accwide_content h1 *,.nieuws_content h1,.nieuws_content h1 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#editor h2,#editor h2 *,#editor_acc h2,#editor_acc h2 *,.accwide_content h2,.accwide_content h2 *,.nieuws_content h2,.nieuws_content h2 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#editor h3,#editor h3 *,#editor_acc h3,#editor_acc h3 *,.accwide_content h3,.accwide_content h3 *,.nieuws_content h3,.nieuws_content h3 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#editor h4,#editor h4 *,#editor_acc h4,#editor_acc h4 *,.accwide_content h4,.accwide_content h4 *,.nieuws_content h4,.nieuws_content h4 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#editor h5,#editor h5 *,#editor_acc h5,#editor_acc h5 *,.accwide_content h5,.accwide_content h5 *,.nieuws_content h5,.nieuws_content h5 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}

#editor h6,#editor h6 *,#editor_acc h6,#editor_acc h6 *,.accwide_content h6,.accwide_content h6 *,.nieuws_content h6,.nieuws_content h6 *{
	padding:0px;
	margin:0px;
	font-weight:bold;
}
/*END EDITOR*/


.input{
  border: 1px solid Black;
  background: #FFFFFF;
  width:  250px;
}
.textarea{
  border: 1px solid Black;
  background: #FFFFFF;
  width:  250px;
  height:  100px;
}
.error{
  border: 1px solid red;
  background: #FFCCCC;
}

#kosten_top{          background:url(../images/kosten-tabel01_01.jpg) no-repeat; height:35px; width:490px;}
#kosten_content{      background:url(../images/kosten-tabel01_03.jpg) repeat;}
#kosten_item{         background:url(../images/kosten-tabel01_02.jpg) no-repeat;height:39px; width:490px;}
#kosten_item_content{ padding-top:12px;padding-left:80px;font-weight:bold; }

#kosten_spacer{       margin-top:20px;}
#kosten_lijn{         border-top:2px solid #731374;margin-right:30px;margin-top:15px;margin-bottom:5px;}
#kosten_overzicht{    font-size:15px;font-weight:bold;margin-left:210px;color:#731374 }
.overzicht{           font-size:15px;color:#E82372}
.prijs{               font-size:15px;color:#E82372}
#kosten_index{        float:left;}
#kosten_prijs{        margin-right:35px;float:right;}

#kosten_bottom{       background:url(../images/kosten-tabel01_04.jpg) no-repeat;height:123px; width:490px;}
#innerkosten_bottom{  position:relative; width:480px; height:123px; margin:0 auto; }

#innerkosten_bottom ul{ position:absolute; left:0px; top:53px; width:480px; display:block; padding:0px; margin:0px;}
#innerkosten_bottom ul li{ float:left; display:block; }
#innerkosten_bottom ul li.demo{ float:left; }
#innerkosten_bottom ul li.demo a{ float:left; border:0; width:162px; height:40px; text-indent:-3333px; padding:0; margin:0;margin-left:145px; }
#innerkosten_bottom ul li.mm{ float:right; }
#innerkosten_bottom ul li.mm a{ float:right; border:0; width:162px; height:40px; text-indent:-3333px; padding:0; margin:0; }

.product_normal{   background:url('../images/balk-productinfo01_01.jpg');padding-top:15px;padding-left:55px;height:33px;color:#731472;width:435px; }
.product_selected{ background:url('../images/balk-productinfo02_01.jpg');padding-top:15px;padding-left:55px;height:33px;color:white;width:435px; }
.product_content{  padding-left:34px;padding-top:8px;}

.gebruikers{ height:240px;margin-bottom:20px; }
#gebruiker{ height:240px;margin-bottom:10px; }