/*
***
**** Overschrijf alle standaarden
***
*/
*{
	padding: 0px;
	margin: 0px;
}

body{
	color: #666666; 
	font-family: arial;
	font-size: 12px;
	background-image: url('../../images/template/background.png');
	background-color: #caf1fa;
	background-repeat: repeat-x;
	line-height:1.6;
}

/*
***
**** Uitlijning in het midden van de browser
***
*/

div#wrapper{
	position: relative;
	margin: 0 auto;
	width: 1039px;
}

div#container{
	position: relative;
	height: 100%;
	width: 100%;
}

/*
***
**** Header, met logo en topmenu
***
*/

div#header{
	position: relative;
	margin-left: 28px;
	margin-right: 28px;
	width: 100%;
}

div#logo{
	position: relative;
	float: left;
	height: 120px;
	width: 597px;
}

/*
***
**** Banner, jquery, slogan, support buttons
***
*/

div#promo{
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('../../images/template/background_promo.png');
	z-index: 1000;
}

div#inner_promo{
	position: relative;
	top: 15%;
	left: 30%;
	height: 430px;
	width: 640px;
	z-index: 999;	
}

span.counter{
	position: relative;
	padding-top: 5px;
	padding-left: 5px;
	float: left;
	width: 160px;
	height: 24px;	
	color: #fff;
	font-weight: bold;
}

span.close{
	position: relative;
	float: right;
	width: 24px;
	height: 29px;
}

span.close{
	position: relative;
	right: 0px;
	cursor: pointer;
	z-index: 2000;
}

div#banner{
	position: relative;
	margin-top: 17px;
	margin-left: 22px;
	margin-right: 22px;	
	padding-left: 6px;
	padding-right: 6px;
	width: 982px;	
	height: 638px;
	background-repeat: no-repeat;	
}

div#banner_left{
	position: relative;
	margin-top: 10px;
	float: left;
	width: 574px;
	text-align:justify; 	
}

div#banner_left table tr td{
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
}

div#banner_left h1{
	margin-left: 10px;
	margin-bottom: 10px;
}

div#banner_left h3{
	margin-bottom: 5px;
}

div#banner_right{
	position: relative;
	margin-top: 105px;
	float: left;
	height: 225px;
	width: 400px;
	text-align: center;
}

div#banner_right a{
	display: block;
	height: 225px;
	width: 400px;
	background: url('../../images/template/background_promotie.png');	
}

div#banner_right a:hover{
	background-position: 0 100%;
}	

/*
***
**** banners 1, 2 en 3
***
*/

div#banner1{
	position: relative;
	width: 982px;
	height: 175px;
	background-image: url('../../images/homeBanner1_1.png');
}

div#banner2{
	position: relative;
	width: 982px;
	height: 175px;
	background-image: url('../../images/homeBanner2_1.png');
}

img.starten_banner1{
	position: absolute;
	top: 100px;
	left: 320px;
	
}

img.starten_banner2{
	position: absolute;
	top: 50px;
	left: 320px;
	
}

img.overstappen_banner3{
	position: absolute;
	top: 115px;
	left: 350px;
	
}

div#banner3{
	position: relative;
	width: 982px;
	height: 175px;
	background-image: url('../../images/homeBanner3_1.png');
}

div#banner ul.buttons li{
	float: left;
	list-style: none;
}


div#banner ul li.banner1 {
	background: #01b7e3;
	height: 43px;
	width: 327px;	
	text-align:center;
	text-decoration:none;
}

div#banner ul li.banner2 {
	background: #f9a01c;
	height: 43px;
	width: 328px;	
	text-align:center;
}

div#banner ul li.banner3 {
	background: #4ecfee;
	height: 43px;
	width: 327px;	
	text-align:center;
}

a.banner1,
a.banner2,
a.banner3{
	position: relative;
	padding-top: 15px;
	display: block;
	height: 28px;
	width: 100%;
	color: #fff;
	text-decoration: none;
}
/*
***
**** nieuws
***
*/


/*
***
**** banner content
***
*/

div.content{
	position: relative;
	margin-top: 5px;
	float: right;
	width: 754px;
	color: #ffffff;
	font-size:14px;
}

div.content ul li{
	float: none;
	list-style: none;
	margin-left: 15px;
}

div#info{
	position: relative;
	float: left;	
	margin-top: 10px;
	margin-left: 6px;
	padding-top: 20px;
	padding-left: 20px;
	height: 95px;
	width: 730px;
}

/*
***
**** bellen, live support
***
*/


div.buttons{
	position: relative;
	margin-top: 30px;
	margin-left: 12px;
	float: left;
	width: 100px;
	text-align: center;
}

div.buttons h2{
	font-size: 14px;
}

/*
***
**** tabs
***
*/

div#tab_container{
	position: relative;
	margin-top: 31px;	
	margin-left: 27px;	
	margin-right: 28px;
	height: 52px;
}	

div#tab_container ul#tabs {
	position: relative;
}

div#tab_container ul#tabs li {
	float: left;
	list-style: none;
	height: 51px;
	border-bottom: 1px solid #cdf1f9;	
}

/*
*** Kies uw template
*/

div#tab_container ul#tabs li.kies_tempalte a.kies_template{
	display: block;
	width: 165px;
	height: 51px;
}

div#tab_container ul#tabs li.kies_template{
	display: block;
	width: 165px;
	height: 51px;
	background: url(../../images/template/home/tab_kies_uw_template.png) no-repeat;
}

/*
*** SEO Optimalisatie
*/

div#tab_container ul#tabs li.seo_optimalisatie a.seo_optimalisatie{
	display: block;
	width: 168px;
	height: 51px;
}

div#tab_container ul#tabs li.seo_optimalisatie{
	display: block;
	width: 168px;
	height: 51px;
	background: url(../../images/template/home/tab_seo_optimalisatie.png) no-repeat;
}

div#sea_image{
	position: relative;
	float: left;
	width: 210px;
}

div#tab_content{
	position: relative;
	margin-left: 20px;
	float: left;
	width: 700px;
}

div.items ul li{
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 25px;
	height: 50px;
	width: 675px;
	background: url(../../images/template/icons/icon_vinkje.png) top left no-repeat;
}

/*
*** Video tutorials
*/

div#tab_container ul#tabs li.video_tutorials a.video_tutorials{
	display: block;
	width: 145px;
	height: 51px;
}

div#tab_container ul#tabs li.video_tutorials{
	display: block;
	width: 145px;
	height: 51px;
	background: url(../../images/template/home/tab_video_tutorials.png) no-repeat;
}

/*
*** Nieuws
*/

div#tab_container ul#tabs li.nieuws a.nieuws{
	display: block;
	width: 674px;
	height: 51px;
}

div#tab_container ul#tabs li.nieuws{
	display: block;
	width: 674px;
	height: 51px;
	background: url(../../images/template/home/tab_nieuws.png) no-repeat;
}

div#tab_container ul#tabs li.tab_active{
	height: 51px;
	background-position: 0 100%;
	border-bottom: 1px solid #fff;	
}

div#tab_container ul#tabs li:hover{
	height: 51px;
	background-position: 0 100%;
	
}

div#tab_container ul.tabs li a{
	text-decoration: none;
}

/*
***
**** Templates
***
*/

div#templates{
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 38px;
	padding-right: 38px;
	height: 173px;
	width: 963px;
	background-image: url('../../images/template/background_templates.png');
	background-repeat: no-repeat;		
}

/*
***
**** Pakketten
***
*/

div#pakketten{
	position: relative;
	margin-top: 36px;
	margin-left: 28px;
	margin-right: 28px;
	padding: 0px;
	height: 227px;
	width: 984px;
	background-image: url('../../images/template/background_pakketten.png');
	background-repeat: no-repeat;		
}

/*
***
**** Enkele referenties
***
*/

div#extra1{
	position: relative;
	float: left;
	margin-top: 35px;
	margin-left: 28px;
	padding: 10px;
	height: 158px;
	width: 399px;
	background-image: url('../../images/template/background_extra1.png');
	background-repeat: no-repeat;	
}

div#extra1 a{
	text-decoration: none;
}

/*
***
**** Waarom shoptrader
***
*/

div#extra2{
	position: relative;
	float: left;
	margin-top: 35px;
	margin-left: 16px;
	padding: 10px;	
	height: 158px;
	width: 246px;
	background-image: url('../../images/template/background_extra2.png');
	background-repeat: no-repeat;	
}

div#extra2{
	color: #014656;
	font-weight: bold;
}

div#extra2 div.items{
	position: relative;
	float: left;
	width: 221px;
}

div#extra2 div.items ul li{
	float: left;
	list-style: none;
	width: 100%;
	height: 11px;
	background: url(../../images/template/icons/icon_vinkje_home.png) top left no-repeat;
}

div#extra2 div.items ul li span.waarom{
	position: relative;
	top: -3px;
	font-size: 12px;
	color: #16a0d3;
}

/*
***
**** Referentie van...
***
*/

div#extra3{
	position: relative;
	float: left;
	margin-top: 35px;
	margin-left: 17px;
	padding: 10px;	
	height: 158px;
	width: 246px;
	background-image: url('../../images/template/background_extra3.png');
	background-repeat: no-repeat;	
	text-align:center;
	color:#808080;
}

/*
***
**** Footer
***
*/

div#outer_footer{
	position: relative;
	margin-top: 52px;
	height: 322px;	
	width: 100%;
	background: #caf1fa;
}

div#footer{
	position: relative;
	margin: 0 auto;
	line-height: 22px;
	width: 980px;
	background: #caf1fa;
	padding-left:150px;
}

div#footer ul{
	float: left;
	margin-top: 10px;
}

div#footer ul li {
	list-style: none;
	color: #3c7888;
	font-weight: bold;
}

div#footer ul li a{
	color: #3c7888;
	font-weight: bold;
	text-decoration: none;
}

div#footer ul li.start_uw_webwinkel{
	width: 200px;
}

div#footer ul li h3{
	margin-top: 12px;
}

div#footer ul li.shoptrader{
	display: block;
	margin-right: 10px;
	width: 159px;
	height: 37px;
	background: url(../../images/logo_small.png) no-repeat;
}

div#footer ul.kolom2{
	margin-right: 10px;
	width: 176px;
}

div#footer ul.kolom3{
	margin-right: 10px;
	width: 135px;
}

div#footer ul.kolom4{
	margin-right: 10px;
	width: 190px;
}

div#footer ul.kolom5{
	margin-right: 10px;
	width: 175px;
}

div#footer ul.kolom6{
	margin-right: 10px;
	width: 135px;
}

div#footer ul.kolom7{
	width: 130px;
}

/*
***
**** Content
***
*/

div#column_left{
	position: relative;
	float: left;	
	margin-left: 28px;
	padding: 10px;
	width: 217px;
}

div#content{
	position: relative;
	padding: 10px;
	float: left;	
	width: 726px;
}

/*
***
**** Headings en classes
***
*/

h1{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 20px;
	color: #004457;
}

h2{
	font-size: 18px;
	color: #04b4e4;
}

h3{
	font-size: 14px;
	color: #004457;		
}

h4{
	font-size: 14px;
	color: #80bc44;		
}

h5{
	font-size: 12px;
	color: #004457;		
}

h1.bigwhite{
	font-size: 22px;
	color: #ffffff;
	font-weight:bold;
}

h2.bigblue{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 20px;
	color: #004457;
}

span.mediumwhite{
	font-size: 18px;
	color: #ffffff;
	font-weight:bold;
}

span.producten{
	position: relative;
	margin-top: 5px;
	font-size: 13px;
	color: #16a0d3;
	font-weight: bold;
}

span.meerinfo{
	font-size: 18px;
	color: #74d700;
	font-weight:bold;
}


span.dataverkeer{
	font-size: 11px;
	color: #404040;
	font-weight:bold;
}

span.gb{
	font-size: 13px;
	color: #6bad12;
	font-weight:bold;
}

div.prijs{
	position: absolute;
	top: 197px;
	left: 50px;
	font-size: 15px;
	color: #000;
	font-weight:bold;
	color: #fff;
}

div.prijs_pro{
	position: absolute;
	top: 222px;
	left: 50px;
	font-size: 15px;
	color: #000;
	font-weight:bold;
	color: #fff;
}

span.pm{
	font-size: 12px;
}

div#templates ul.tabs li h3{
	font-size: 10px;
}

div.clear{
	clear: both;
}

/*
***
**** templates anyslider
***
*/

div.textSlideimage1
{
position: relative;
float:left;
text-align: left;
padding-right:28px;
}
div.textSlideimage2
{
position: relative;
float:left;
text-align: left;
padding-right:28px;
}
div.textSlideimage3
{
position: relative;
float:left;
text-align: left;
padding-right:28px;
}
div.textSlideimage4
{
position: relative;
float:left;
text-align: left;
padding-right:0px;
}
img.textSlideimageimg{
	border: 1px solid #c5ebf4;
	margin-bottom:15px;
	margin-top:10px;
}
img.textSlideimageimgbekijk{
border: 0px;
		margin-left:6px;
}

/*
***
**** pakketten
***
*/
div.pakketten
{
	position: relative;
	float:left;
	text-align: center;
	width:161px;
	height:210px;
}

div.pakketten div.info{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
}

div.pakketten h2{
	margin-top: 10px;
}

hr.pakketten{
	border: 0px;
	height: 1px;
	background: #b5e5f6;	
}

div.pakketten_pro
{
	position: relative;
	float:left;
	text-align: center;
	width:168px;
	height:270px;
	padding-right:8px;
	top:-18px;
	border: 0px solid #c5ebf4;
	background-image: url('../../images/homebackgroundpro.png');
	background-repeat: no-repeat;	
	padding-top:5px;
}


div.pakketten_pro div.info{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
}

img.euro{
	padding-bottom:0px;
}
/*
***
**** meerbezoekers
***
*/
div.meerbezoekersmain
{
	float: left;
	list-style: none;
	width: 960px;
	padding-left:5px;
	}

	div.meerbezoekerstop
{
	float: left;
	list-style: none;
	width: 950px;
	padding-top:5px;
	padding-bottom:5px;
	}

div.meerbezoekers
{
	float: left;
	list-style: none;
	margin-top: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left:20px;
	background: url(../../images/template/icons/icon_vinkje.png) top left no-repeat;
	width:460px;	
}

div.meerbezoekersbut
{
	float: left;
	padding-left:20px;
	}
	
div#nieuwsleft{
	float: left;
	list-style: none;
	width: 440px;
	 color: #000;
	 padding-left:10px;
}

div#nieuwsleft img{
	max-width: 60px;
	max-height: 60px;
}

div#nieuwsleft a{
	 color: #666666; 
	text-decoration: none;
}

	
div#nieuwsright {
	float: left;
	list-style: none;
	width: 470px;
	padding-left:38px;
	padding-top:3px;
}
	
div#nieuwsright a{
	
	color: #45a0d3;
}
	
/*** homeklantvoorbeelden **/

div#slideshow {
	position:relative;
	float: left;
	width:155px;
}

div#slideshow a {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	border: 1px solid #cdf1f9;
}

div#slideshow a.active {
	z-index:10;
}

div#slideshow a.last-active {
	z-index:9;
}

div#slideshow a img {
	border: 0;
}


/*
**
*** De selectbox
**
*/

.selectbox {
	padding-left: 10px;
	font-style: italic; 	
	color: #1388a8;		
	width : 272px; 
	display : block;
	text-align:left; 
	background: url(../../images/template/background_dropdown.png) no-repeat;
	height: 40px;
	cursor: pointer;
	border: 0px;
	line-height: 35px;	
}

/*
**
*** Dropdown van de selectbox 
**
*/

div.selectbox-wrapper {
	position:absolute;	
	font-size: 12px;
	top: 199px;
	left: 161px;
	text-align:left;
	background-color: #fff;
	border-left: 1px solid #a4e4f4;
	border-right: 1px solid #a4e4f4;
	border-bottom: 1px solid #a4e4f4;
	z-index: 1;
}

div.selectbox-wrapper ul li{
	list-style: none;
	padding: 2px;
	display:block;
	cursor:pointer;
	width: 268px;
}

div.selectbox-wrapper ul li.selected { 
  background-color: #eaf2fb;
}

div#preload {
	display: none;
}
 
a { color: #45a0d3;	}