/* GOBAL ELEMENTEN */
body {
	margin:0;
	padding:0;
	background-color:#D8EDEB;
	background-image:url("../images/snelstart/bg_verloop.jpg");
	background-repeat:repeat-x;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:140%;
}
body h1{
	font-size:12px;
	color:#F4A600;
	font-size:18px;
	margin:0;
	margin-bottom:5px;
}
body h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F4A600;
	font-size:20px;
	margin:0;
	margin-bottom:5px;
}
body h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F4A600;
	font-size:17px;
	margin:0;
	margin-bottom:5px;
}
body h4 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#F4A600;
	font-size:14px;
	margin:0;
	margin-bottom:5px;
}

body A:link {
	color:#F4A600;
}
body A:visited {
	color:#F4A600;
}
body A:active {
	color:#F4A600;
}
#bodyContainer {
	/*padding:0;
	margin:0;*/
	padding:15px 2px 0 2px;
	text-align:left;
}
#topContainer {
	height:244px;
	text-align:left;
}

/*#bodyTop {
	background-image:url("../images/snelstart/schema.gif");
	height:291px;
	padding:0;
	margin:0 2px;
}*/

#bodyTopLeft {
	width:356px;
	float:left;
}
#bodyTopRight {
	padding-top:259px;
	padding-left:22px;
	float:left;
}
#bodyFooter {
	background-image:url("../images/snelstart/bg_bodyfooter.gif");
	background-repeat:repeat-x;
	padding:0;
	margin:0 2px;	
}


/* begin schema */
div.schemaMenu a{
	display:block;
	height:31px;
	background:url("../images/snelstart/schemaSprite.png") 0 0 no-repeat;
}
.floatLeft {
	float:left;
}

div.schemaContainer {
	height:291px;
	padding:0;
	margin:0 2px;
}
div.schema1 {
	background-image:url("../images/snelstart/schema1.png");
}
div.schema2 {
	background-image:url("../images/snelstart/schema2.png");
}

div.tab_xcart a {
	width:150px;
}
div.tab_xcart a:hover {
	width:150px;
	background-position:0 -31px;
}
div.tab_xcart a.active {
	background-position:0 -62px;
}

div.tab_magento a{
	width:146px;
	background-position:-150px 0;
}
div.tab_magento a:hover {
	background-position:-150px -31px;
}
div.tab_magento a.active  {
	background-position:-150px -62px;
}

div.tab_oscomm a {
	width:146px;
	background-position:-296px 0;
}
div.tab_oscomm a:hover {
	background-position:-296px -31px;
}
div.tab_oscomm a.active {
	background-position:-296px -62px;
}

/* end schema */

/*
#tab_xcart_active {
	width:222px;
	height:32px;
	background-image:url("../images/snelstart/schema_tabxcart_active.gif");
	float:left;
	
}


#tab_xcart_inactive {
	width:222px;
	height:32px;
	background-image:url("../images/snelstart/schema_tabxcart_inactive.gif");
	background-position:top;
	float:left;
}

#tab_xcart_inactive:hover{
	background-position:bottom;
	cursor: pointer;
}

#tab_magento_active {
	width:222px;
	height:32px;
	background-image:url("../images/snelstart/schema_tabmagento_active.gif");
	float:left;
	
}


#tab_xcart_inactive {
	width:222px;
	height:32px;
	background-image:url("../images/snelstart/schema_tabmagento_inactive.gif");
	background-position:top;
	float:left;
}

#tab_xcart_inactive:hover{
	background-position:bottom;
	cursor: pointer;
}


#tab_oscomm_active {
	width:222px;
	height:32px;
	background-image:url("../images/snelstart/schema_taboscomm_active.gif");
	float:left;
}

#tab_oscomm_inactive {
	width:222px;
	height:32px;
	background-image:url("../images/snelstart/schema_taboscomm_inactive.gif");
	background-position:top;
	float:left;
}
#tab_oscomm_inactive:hover{
	background-position:bottom;
	cursor: pointer;
}*/

#mainContainer {
	width:853px;
	background-color:#FFFFFF;
	background-image:url("../images/snelstart/bg_top.gif");
	background-position:top;
	background-repeat:no-repeat;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#menuContainer {
	height:31px;
	width:450px;
	float:left;
	margin-left:165px;
	margin-top:103px;
	padding-top:3px;
}

.menuButtonInActive {
	display:block;
	float:left;
	height:25px;
	margin-left:18px;
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
}
.menuButtonInActive:hover {
	height:25px;
	background-position:bottom;
}

.menuButtonActive {
	display:block;
	float:left;
	height:25px;
	margin-left:18px;
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:center;
}

#subMenuTabsContainer {
	width:833px;
	height:54px;
	background-image:url("../images/snelstart/bg_submenu.gif");
}
#subMenuLeft{
	width:10px;
	height:54px;
	background-image:url("../images/snelstart/submenu_left.gif");
	float:left;
}
.subMenuMain{
	padding:5px 10px 0 10px;
	background-image:url("../images/snelstart/bg_submenubut.gif");
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#01595a;
	font-size:11px;
	height:44px;
	float:left;
}
.subMenuMain a:link, .subMenuMain a:visited, .subMenuMain a:active{
	text-decoration:none;
	color:#01595a;
}
.subMenuMain h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	margin:0;
	margin-bottom:0px;
}
.subMenuMain:hover{
	background-image:url("../images/snelstart/bg_submenubut_over.gif");
	height:50px;
	float:left;
}


.subMenuMainActive{
	padding:5px 10px 0 10px;
	background-image:url("../images/snelstart/bg_submenubut_over.gif");
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#01595a;
	font-size:11px;
	height:50px;
	float:left;
}
.subMenuMainActive a:link, .subMenuMainActive a:visited, .subMenuMainActive a:active{
	text-decoration:none;
	color:#01595a;
}
.subMenuMainActive h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	margin:0;
	margin-bottom:0px;
}



.subMenusplit{
	background-image:url("../images/snelstart/submenu_split.gif");
	width:4px;
	height:54px;
	float:left;
}
#subMenuRight{
	width:10px;
	height:54px;
	background-image:url("../images/snelstart/submenu_right.gif");
	float:right;
}

#footerContainer {
	height:71px;
	background-image:url("../images/snelstart/bg_footer.jpg");
	background-repeat:no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	line-height:150%;
	text-align:left;
}
.footerTxt {
	float:left;
	display:block;
	padding:8px 0 0 15px;
}
.footerTxt A:link {
	color:#FFFFFF;
	text-decoration:underline;
}
.footerTxt A:visited {
	color:#FFFFFF;
}
.footerTxt A:active {
	color:#FFFFFF;
}
.footerTxt A:hover {
	color:#FFFFFF;
	text-decoration:underline;
}


/* DESIGN ELEMENTEN */
#schemamenu a {
  position: relative;
  /*height: 100px;*/
  text-decoration: none;
}
a#article { left: 520px;  top:58px }
a#customer { left: 400px; top:90px; }
a#snelstart { left: 140px; top:160px; font-size:25px;}
a#syncit { left: 180px; top:160px; font-size:22px;}
a#xcart { left: 200px; top:158px; font-size:15px;}
a#magento { left: 200px; top:158px; font-size:16px;}
a#onestopwebshop { left: 100px; top:205px; }
a#oscommerce { left: -30px; top:240px; }
a#orders { left: 530px; top:230px; }


#schemamenu a i { visibility: hidden; }

  
#uspContainer {
	width:340px;
	display : block;
}
#uspContainer ul {
	list-style:none;
	margin:0;
	padding-left:15px;
}

#uspContainer li {
	margin:0;
	padding:0;
	padding-left:30px;
	padding-bottom:10px;
	background-image:url('../images/snelstart/li_dot.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
 
#verloopTxtkaderContainer {
	background-image:url('../images/snelstart/bg_verlooptxt.gif');
	background-repeat:repeat-x;
}

.verloopTxtKader {
	display:block;
	padding:15px 0 15px 15px;
	float:left;
}

#compareTable {
	border-collapse:collapse;
	border:solid 1px white;
}

#compareTable td {
	border:solid 1px #19b0b1;
	padding: 2px 4px 2px 4px;
	background-color:#ecf8f8;
}

.textboxChat {
	background-color:transparent;
	overflow-y: auto;
}

.buttonChatSend 
{
	width:85px;
	height:37px;
	background-color:White;
	display:block;
}
	


/* Sitemap tree */

ul.tree li.last  
{
	background: white url(/images/snelstart/sitemap_lastnode.png) no-repeat;

}
 
ul.tree, ul.tree ul  
{
	list-style-type: none; 
	background: url(/images/snelstart/sitemap_vline.png) repeat-y; 
	margin: 0px 0px 0px 15px; padding: 0; 
} 

ul.tree ul  
{
	margin-left: 10px; 
} 

ul.tree li  
{
	width: 500px;
	margin: 0; 
	padding: 0 12px; 
	line-height: 20px; 
	background: url(/images/snelstart/sitemap_node.png) no-repeat; 
	font-weight: bold; 
}