/**

 */

/* Reset browser default styles */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img {border:0;}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {content:'';}

abbr,acronym { border:0;}

input::-moz-focus-inner{padding:0;border:none;}

label,button,a {
	cursor:pointer;
}

object {
	display:block;
}

/* Default styles for various elements */

html,input,select,textarea {
	font-family: Verdana,sans-serif;
}

html {
	color:#636363;
	background:#fff;
}


body {
	font: 62.5%/1.5 Verdana, Tahoma, Arial, sans-serif;
	color: #636363;
}

input,select,textarea {
	font-size:1em;
}

a {
	font-family: Verdana, sans-serif;
	/*font-size: 0.8em;*/
	text-decoration: none;
	color: #cd0470;
}
a:hover {
	text-decoration:underline;
	color: #636363;
}

p a, .content a {
	font-family:Verdana, Tahoma, Arial, sans-serif;
	font-size: 1em;
}

.read-more a {
	/*background: right 5px no-repeat url("../img/sprite.png");
	padding-right: 15px;
	font-family: Verdana, sans-serif;*/
	/*font-size: 0.8em;*/
}
.read-more a:hover {
	background-position: right -13px;
}

/*.button a {display: block;}*/
strong { font-weight:bold;}
em { font-style: italic;}

p img {
	margin: 1em;
}

img.left {
	float:left;
	margin:1em 20px 1em 0;
}

img.right {
	float:right;
	margin:1em 0 1em 20px;
}

p {	margin-bottom: 1.5em;}

ul, ol, dl { margin: 0 0 1.5em 0;}
.content ul, .content ol, .content dl { clear: both;}

ul { margin-left: 1em;}
ol { list-style-position: inside;}
ul li {	margin-bottom: 0.5em;list-style-type: disc;}
ol li { list-style-type: decimal;}
dt { font-weight: bold;}
dd { margin-left: 1em;}

h1, h2, h3, h4 {font-weight: bold;}
h1 {
	font-size: 2.0em;
	line-height: 1em;
	margin:0 0 1.0em 0;
	color:#513b8d;
}
h2 {
	font-size: 1.6em;
	margin:1.0em 0;
	color:#513b8d;
}
h3 {
	margin-bottom: 0.2em;
}
h1 img, h2 img, h3 img, h4 img {
	margin: 0 0 -3px -5px;
}

table { margin-bottom: 1.5em;}
caption { font-weight: bold;margin-bottom: 0.5em;}
thead th, thead td { background-color: #E5E5E5;}
td, th {
	padding:5px 5px 5px 0;
	/*border: 1px solid #00aeef;*/
	text-align: left;
}
th { font-weight: bold;}

/* self clearing floats */
.clearfix{clear:both;}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility: hidden;
}

* html .clearfix { /* ie6 */
	height: 1%;
}

*:first-child+html .clearfix { /* ie7 */
	min-height: 1px;
}

/* Main layout and grid components */
html{height: 100%;}
body {
	padding:0;
	margin:0;
}
 
.wrapper {
	width:990px;
	padding:0;
	margin:0 auto 0 auto;
	background:#FFF url(../img/bg.png) 0 0 no-repeat;
	padding-left:10px;
	font-size:1.2em
}
.grid-items {
	clear:both;
	margin:0 -10px 10px;	
}
.grid-items-full {
	clear:both;
	margin:0;
	padding: 10px 10px;
	padding-left:20px;
	clear:both;
	background-color:#FFF;
}
.breadcrumb + .grid-items-full {
	padding-top: 0px;
}
.nobg-color{
	background-color:transparent;
	margin-bottom: 30px;
}

.social-media .grid-item {
	overflow:hidden;
}

/* self clearing floats */
.grid-items-full:after,.grid-items:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility: hidden;
}

* html .grid-items-full,* html .grid-items { /* ie6 */
	height: 1%;
}

*:first-child+html .grid-items-full ,*:first-child+html .grid-items { /* ie7 */
	min-height: 1px;
}
.span1of1,
.span1of2,
.span1of3,
.span1of4,
.span2of4,
.span3of4,
.span2of3,
.span1of5,
.span2of5,
.span3of5,
.span4of5,
.span1of6 { float:left; background-color:#FFF;}

.span1of1 { width: 100%;}
.span1of2,
.span2of4 { width:50%; }
.span1of3 { width:33.33%; }
.span2of3 { width:66.66%; }
.span1of4 { width:25%; }
.span3of4 { width:75%; }
.span1of5 { width:20%; }
.span2of5 { width:40%; }
.span3of5 { width:60%; }
.span4of5 { width:80%; }
.span1of6 { width: 16.66%;}

.grid-item { 
	/*position:relative;*/
	margin: 0px 10px;
}

.block {
	border : 1px solid #E5E5E5;
	padding: 20px;
	margin-bottom: 20px;
}


/* different background-images body */

body {background:transparent url(../img/body_bg.png) top left repeat-x; }


/* Page parts */

/* header */

#logo {
	margin:0;
	padding:0;	
}
#logo img{
	float:left;
}
.header{
	margin:0 0 40px 0;
	padding:0;
	background:transparent url(../img/bg_header.jpg) 0 0 no-repeat;
	/*position:relative;*/
	height:120px;
	width:990px;
}


.header .global-nav {
	float:right;
	margin:28px 0 7px 0;
	padding:0 7px 0 0;
}

.header .global-nav a {
	padding: 0 10px;
	color:#282828;
	font-size: 0.85em;
}

.global-nav a {
	padding: 0 10px;
	color:#282828;
	
}
.global-nav li {
	margin:0px;
}



/* search box */

#search {
	text-align: right;
	padding:0 7px 0 0;
}
#search p{
	float:right;
	margin:0;
	padding:2px 0 0 0;
	background:url(../img/sprite.png) no-repeat scroll 0 -252px transparent;
	width:343px;
	height:30px;
	white-space:nowrap;
}

#search input {
	margin-right:7px;
	vertical-align: middle;
	z-index:999;
} 

#search .button{
	background:url(../img/sprite.png) no-repeat scroll 80px -126px transparent;
	color: #000;
	border: none;
	font-size: 15px;
	padding: 0 8px 0 0;
	line-height:20px;
	width:100px;
	height: 26px;
	vertical-align: middle;
	cursor: pointer;
	margin-right:4px;
		
}
.search-txt{
	border: none;
	margin-right: 0px;
	height: 20px;
	padding: 3px 5px;
	font-size: 1em;
	width: 214px;
	vertical-align: middle;
}
/*
#search input[type=text]{
	border: solid 1px red;
	margin-right: 0px;
	height: 20px;
	padding: 3px 5px;
	font-size: 1em;
	width: 260px;
	vertical-align: middle;
}

input[type=submit]{
	background:url(../img/sprite.png) no-repeat scroll 0 -130px transparent;
	color: #000;
	border: none;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 15px;
	height: 26px;
	vertical-align: middle;
	cursor: pointer;
	margin-right:4px;
}


input[type=button]{
	background-color: #009ee0;
	color: #FFF;
	border: none;
	border-radius: 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 15px;
	height: 26px;
	vertical-align: middle;
	cursor: pointer;
}
*/

#page-content #search {
	width: 100%;
	text-align:left;
}

/* main navigation */

#main-nav {
	float:left;
	width: 100%;
	display:block;		
	list-style:none; 
	padding:0; 
	margin:0;
	z-index:1000;
}
		#main-nav li{
			float:left; 
			background:#FFF url(../img/bg_menu_p.png) no-repeat right 0;
			margin:0; 
			height:61px;
			color:#FFF;
			cursor:pointer;
			position:relative;
			}
			
		#main-nav li a {
			line-height:42px;
			padding:12px 22px 16px 20px;
			font-size:1.2em;
			text-decoration:none;
			outline:none;
			}	
			
		#main-nav  li:hover, #main-nav li.hover{							
			background:#FFF url(../img/bg_menu_a.png) no-repeat center 0;																								
			}
		#main-nav li a, #main-nav li a{color:#FFF;}
		
		#main-nav li:hover a, #main-nav li.hover a{color:#412682;}			
				
		#main-nav  li.active {background:#FFF url(../img/bg_menu_a.png) no-repeat center 0;}
			#main-nav li.active a {color:#FFF;}
			#main-nav li.active a:link,
			#main-nav li.active a:visited {}
			#main-nav li.active a:hover,
			#main-nav li.active a:active {}	
						
		#main-nav  li.home {
			background:transparent url(../img/sprite.png) no-repeat 0 -170px;  			
			margin:0;
			padding:0;
			height:42px;
			}
			#main-nav  li.home a {
				padding:12px 7px 16px 8px;
				width:40px;
				height:42px;
				display:block;
				text-indent:-9999px;
				outline:none;
			}
			#main-nav  li.home a span{	}
			#main-nav li.home a {color:#412682; }
			#main-nav li.home a:link,
			#main-nav li.home a:visited {}
			#main-nav li.home a:hover,
			#main-nav li.home a:active {}	
			
		#main-nav  li.shoppingcart {
			background:url(../img/bg_menu_p.png) no-repeat scroll 0 0 #FFFFFF;	
			margin:0;
			padding:0 6px 0 17px;
			}
			#main-nav li.shoppingcart a{
				background:url(../img/sprite.png) no-repeat scroll -10px -400px transparent;
				padding-left:30px;
				margin:0;
			}			
		#main-nav li.shoppingcart:hover,
		#main-nav li.shoppingcart_hover,
		#main-nav li.shoppingcart.active {							
			background:#FFF url(../img/bg_menu_a.png) no-repeat center 0;																					
			}
			#main-nav li.shoppingcart:hover a,
			#main-nav li.shoppingcart_hover a,
			#main-nav li.active.shoppingcart a{
				background:url(../img/sprite.png) no-repeat scroll -10px -500px transparent;
				padding-left:30px;
				margin:0;	
			}	
			
				
		#main-nav  li.shoppingcarttoggle {
			background:transparent url(../img/sprite.png) no-repeat left -311px;  			
			margin:0;
			padding:0;
			height:42px;
			}
		#main-nav  li.shoppingcarttoggle:hover,
		#main-nav  li.shoppingcarttoggle_hover {
			background:transparent url(../img/sprite.png) no-repeat right -371px;  			
			margin:0;
			padding:0;
			height:42px;
			}			
			
		#main-nav  li.shoppingcarttoggle-active {
			background-position: right -311px;  			
		}
		#main-nav  li.shoppingcarttoggle-active:hover,
		#main-nav  li.shoppingcarttoggle-active_hover {
			background-position: right -427px;  			
		}	
		
			
		#main-nav  li.shoppingcarttoggle a {
				padding:12px 7px 16px 8px;
				width:31px;
				height:42px;
				display:block;
				text-indent:-9999px;
				outline:none;
			}
		#main-nav li a:link,
		#main-nav li a:visited {}
		#main-nav li a:hover,
		#main-nav li a:active {}
		
		.shoppingcarttoggle{
			position:relative;
		}
		#cart{
			position:absolute;
			top:40px;
			right:4px;
			width:350px;
			background:#FFF;
			border:solid 1px #333;
			margin:0;
			padding:0;
			color:#636363;
			z-index:999;
			display:none;
		}
		#cart table{}
		#cart tr.odd{background-color:#FFF;}
		#cart tr.even{background-color:#E4E4E4 ;}
		#cart td{vertical-align:top; padding:4px 6px;}
		#cart td.price{white-space:nowrap; text-align:right;}
	    #cart tr.cart-subtotal{border-top:1px dashed #333; font-weight:bold;}
		#cart tr.total{font-weight:bold; }
		#cart tr.cart-discount{font-weight:bold; }
		
		#cart td.cart-total{white-space:nowrap; color:#CD0470;}
/* main nav uitklapper*/

#main-nav li ul{		
		background:transparent url(../img/sprite.png) no-repeat left -970px;
		display:none;
		position:absolute;
		z-index:999;
		font-size:0.8em;
		font-weight:normal;
		line-height:normal;
		padding:15px 12px 15px 3px;
		top:49px;
		left:-10px;
		min-width:150px;
		border:solid 1px #3f2682;
		border-top:0;
}			

	#main-nav li:hover ul,
	#main-nav li.hover ul
	{
	    z-index:1000;
		display:block;			
	}	
		
	#main-nav li ul li{
		float:none; 
		background:none;
		margin:0; 
		height:auto;
		color:#FFF;
		cursor:pointer;
		padding:4px 10px;
	}
	#main-nav  li ul li:hover, 
	#header li ul li.hover{							
			background:none;																								
			}
	#main-nav li ul li a {
			line-height:1em;
			padding:0;
			margin:0;
			font-size:1.2em;
			text-decoration:none;
			z-index:999;
			}			
	#main-nav li ul li a:hover{color:#e2007a;}
	
	#main-nav li.active ul li a {color:#412682;}
	#main-nav li.active ul li a:hover{color:#e2007a;}

/*main nav*/			
#page-content {
	clear:both;
	margin:0;
	padding: 0;
	width:980px;
	border:solid 1px #ccc;
	border-top:0px;
	border-bottom:0px;
}

/* footer */

#page-footer  {
	clear:both;
	margin-top:30px;
	overflow:hidden;
	margin:0 20px 20px 20px;	
	background-color:#3f2682;
	color:#FFF;
	}
	
	
#page-footer .top{
	float:none;
	clear:both;
	margin:0;
	padding:0 0 0 0;
	height:9px;
	background:#fff url(../img/sprite.png) no-repeat scroll left -868px;
	}
#page-footer .bottom{
	float:none;
	clear:both;
	margin:0;
	padding:0;
	height:9px;
	background:#fff url(../img/sprite.png) no-repeat scroll left -946px;
	}

#page-footer div{background-color:#3f2682; background-image:none; }
	
#page-footer h3 {
	font-size: 1.2em;
	color:#e2007a;
}
#page-footer ul {
	margin: 0;
	padding: 0.5em 0 0 0;
	}
#page-footer p.read-more {
	padding: 0.5em 0;	
}
#page-footer li {
	list-style-type: none;
}

#page-footer li a,
	#page-footer li a:link,
	#page-footer li a:visited,
	#page-footer li a:hover,
	#page-footer li a:active {
		padding:0 0 0 10px;
		text-decoration:none; 
		color:#FFF;		
		background:transparent url(../img/sprite.png) scroll no-repeat 0 -556px;
	}
	#page-footer li a:hover{text-decoration:underline;}	
#page-footer a,
	#page-footer a:link,
	#page-footer a:visited,
	#page-footer a:hover,
	#page-footer a:active {text-decoration:underline; color:#FFF;}	
#page-footer a:hover{text-decoration:none;}

.bottom{
	height:5px;	
	margin:-10px -7px 0;
	padding:0 0 0 0;
	position:relative;
}
	
.bottom .global-nav{
	position:absolute;
	top:-10px;
	right:20px;	
}
.bottom .global-nav a{
	color:#543d8f;
}
/* homepage */

.home #main-nav {
	border: 0;
	padding-bottom: 0;
}
.home h1 {
	font-size: 1.7em;
	margin-bottom: 0.2em;
	color:#513b8d;
	}
.home h2 {
	font-size: 1.7em;	
	margin-bottom:0px;
}
.grid-items-full.home:first-child {
	padding-left: 0px;
}
/*galleryview*/
.galleryview{position:relative;}
#gallery{min-height:340px; margin-bottom:20px}
.panel{
	position:absolute;
	top:0px;
	left:0px;
	width: auto; height: 340px; overflow: hidden; 
	/*background: none repeat scroll 0% 0% rgb(255, 255, 255); */
	text-align: left;
}

/* 
   panel on a product detail page, which shifts the image 
   100 pixels to the right to allign it better with the buy button
*/
.detailPanel
{
    left:100px;
}

#gallery h2{color:#FFF; font-size:1.6em; margin:0 0 0 0; line-height:1.0em;}
#gallery a{color:#e2007a; font-size:1.7em; font-weight:bold;}
.panel-overlay{width:600px; top:20px; left:20px; position:absolute;}
#gallery .pointer-container, #gallery .filmstrip li{border:solid 4px #fff;}
#gallery .pijl{background:transparent url(../img/sprite.png) no-repeat scroll left -816px;}
#gallery .arrow{background:transparent url(../img/sprite.png) no-repeat scroll left -455px;}
#gallery .innerbrdr{border:solid 2px #e2007a;}
#gallery  .strip_wrapper{
	width:60px;
	right:10px;
	top:10px;
}
#gallery-content .filmstrip
{
    position:absolute; right:0px; top:0px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    position: absolute;
    z-index: 900;
    top: 0;
    right: 0;
}

#gallery .filmstrip
{
    position:absolute; right:0px; top:0px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    position: absolute;
    z-index: 900;
    top: 20px;
    right: 0;
}

#gallery .filmstrip li{ width:46px; height:32px; float:none;}
#gallery-contentholder{position:relative; height:270px;}
#gallery-content .pointer-container{border:solid 4px #e2007a;}
#gallery-content .filmstrip li{border:solid 4px #ccc; width:46px; height:46px;}
#gallery-content .pijl{background:transparent url(../img/sprite.png) no-repeat scroll left -841px;}
#gallery-content .innerbrdr{border:none;}
#gallery-content .strip_wrapper{
	width:60px;
	right:0px;
	top:0px;
}

width: auto; height: 320px; overflow: hidden; background: none repeat scroll 0% 0% rgb(255, 255, 255); text-align: left;

#gallery-content .panel img{
    margin-left:85px;
}

.description{
	position:absolute;
	right:85px;
	bottom:0px;
	text-align:right;
	margin:0 0 0 0;
	top: 170px;
}
.description h3{color:#e2007a; font-size:1.2em;}
.description span{font-size:0.8em;}
.description p{margin:10px 0 0 0; padding:0;}


/**/

.extraInfoImages {
	margin:280px 0 0 -12px;
	padding:0;
}
.extraInfoImages li{
	list-style:none;
	padding:0;
	margin:0;
	border-bottom:solid 1px #d4d4d4;
}

.extraInfoImages li:last-child{
    border-bottom: none;
}


/*products*/
.products{
	margin:0; 
}

.products ul {
	margin: 0;
}
.products li{
	float:left;
	width:222px;
	height:265px;
	overflow:hidden;
	margin: 0 14px 30px 0;
	border-right:dashed 1px #373895;
	padding-bottom: 10px;
	list-style-type: none;
	position:relative;
}

.products li.nobrdr{border-right:none;}
.products li div {
	position:absolute;
	bottom:0px;
	right:15px;
	width:150px;
	text-align:right;
}
.products li h3 {
	font-size: 1.3em;
	line-height:1.1em;
}
.products li div h3{
	color:#CD0470;
	font-size: 1.2em;
}

.products li h4{ text-indent:-999px;}
.sticker{position:absolute; width:105px; height:75px; right:6px; top:15px; background:transparent url(../img/sprite_sticker.png) no-repeat scroll left 0px; }
.gratis{background-position:left 0px;}
.bestedeal{background-position:left -88px; height:100px;}
.topdeal{background-position:left -197px;}
.geenaansluitkosten{background-position:left -282px;}
.actie0-{background-position:left -378px;}


.products li p {
	text-align:right;
	position:relative;
}	
.products .read-more {
	margin-bottom: 0px;
}


/*products*/
/*shop elements*/
/*button*/

.products a,
.products a:link,
.products a:visited,
.products a:hover,
.products a:active {text-decoration:none;}

#page-content .moreinfo,#page-content .ordernow,#page-content .btn_add{text-decoration:none;}
	
.moreinfo{
	background:transparent url(../img/sprite.png) no-repeat scroll right 0;
	padding:0 10px 0 0;
	margin:0 0 10px 0;
	line-height:20px;
	display:block;
	width:auto;
	text-align:left;
	float:right;
    text-decoration:none;	
}
.moreinfo span{
	color:#FFF;
	background:transparent url(../img/sprite.png) no-repeat scroll left 0;
	padding:0 0 0 10px;
	margin:0;
	display:block;
	white-space:nowrap;
}

.ordernow {
	background:transparent url(../img/sprite.png) scroll no-repeat right -80px;
	padding:0 30px 0 0;
	margin:0;
	line-height:27px;
	display:block;
	text-align:left;
	float:right;
	text-transform:uppercase;
	text-decoration:none;
}
.ordernow span{
	color:#FFF;
	font-weight:bold;
	background:transparent url(../img/sprite.png) scroll no-repeat left -80px;
	padding:0 0 0 10px;
	margin:0;
	display:block;
	white-space:nowrap;
}

.btn_add {
	background:transparent url(../img/sprite.png) scroll no-repeat right -38px;
	padding:0 35px 0 0;
	margin:0;
	line-height:20px;
	height:24px;
	display:block;
	text-align:left;
	float:right;	
}
.btn_add span{
	color:#FFF;
	background:transparent url(../img/sprite.png) scroll no-repeat left -38px;
	padding:0 0 0 10px;
	margin:0;
	height:24px;
	display:block;	
	white-space:nowrap;
}

.btn_submit {
	background:transparent url(../img/sprite.png) scroll no-repeat right -80px;
	padding:0 27px 0 0;
	margin:0;	
	display:inline;
	text-align:left;
	text-transform:uppercase;
	border:none;
	line-height:28px;
}
.btn_submit span{
	color:#FFF;
	font-weight:bold;
	background:transparent url(../img/sprite.png) scroll no-repeat left -80px;
	padding:0 0 0 10px;
	margin:-1px 0 0 0;
	display:inline-block;
	white-space:nowrap;
	line-height:28px;
}

/*shop elements*/
/*home zieook*//*home hulp*/
.zieook{
	background:transparent url(../img/bg_zieook.png) scroll no-repeat 0 0;
	margin:0 0 10px 0;
	padding:0;
	}

.zieook h2{color:#FFF; margin:0 0 0 40px; padding:7px 0 10px 0; font-size:1.0em;}
.zieook ul{
	margin:0;
	padding:0 0 10px 0;
	background:transparent url(../img/bg_zieook_btm.png) scroll no-repeat 0 bottom;
	}
.zieook ul li,.hulp ul li{
	margin:0 10px;
	padding:4px 0;
	list-style:none;
	}
	
.zieook a,
	.zieook a:link,
	.zieook a:visited,
	.zieook a:hover,
	.zieook a:active {
		padding:0 0 0 10px;
		text-decoration:none; 
		color:#FFF;		
		background:transparent url(../img/sprite.png) scroll no-repeat 0 -556px;
	}	
.zieook a:hover{text-decoration:underline;}
/*home hulp*/
.hulp{
	background:transparent url(../img/bg_hulp.png) scroll no-repeat 0 0;
	margin:0 0 10px 0;
	padding:0;
	}
.hulp h2{color:#FFF; margin:0 0 0 30px; padding:7px 0 10px 0;font-size:1.0em;}	
.hulp ul{
	margin:0;
	padding:0 0 10px 0;
	background:transparent url(../img/bg_hulp_btm.png) scroll no-repeat 0 bottom;
	}

.hulp a,
	.hulp a:link,
	.hulp a:visited,
	.hulp a:hover,
	.hulp a:active {
		padding:0 0 0 10px;
		text-decoration:none; 
		color:#FFF;		
		background:transparent url(../img/sprite.png) scroll no-repeat 0 -556px;
		}	
.hulp a:hover{text-decoration:underline;}
/* global navigation */

.global-nav li,
#main-nav li {
	float: left;
	list-style-type: none;
	display: block;
}

/* global navigation onder footer */
.nobg-color .global-nav {
	width: auto;
	float: right;
	margin: 10px 0 0;
	font-size: 0.9em;
}

.nobg-color .global-nav a {
	color: #FFF;
	border-color: #FFF;
}

/* subnavigation in left bar */

#page-content .subnavigation{
    margin-top:15px;
}
.subnavigation h2 {
	padding: 0 0 12px 0;
	margin:0;
	color: #4b3587;
}
.subnavigation h2 a {
	color: #4b3587;	
}
.subnavigation ul {
	border-top: 1px solid #E5E5E5;
	padding-top: 3px;
	margin: 0;
}
.subnavigation ul ul {
    margin-left: 15px;
    border: none;
    padding-bottom: 0;    
}

.subnavigation ul li ul {
    display:none;    
}

.subnavigation ul li.active ul {
    display:block;    
}

.subnavigation ul ul a {
    font-weight: normal;
}
.subnavigation li {
	list-style-type: none;
	margin: 0.7em 0;
}
.subnavigation a {
	color: #cd0470;
	font-weight:bold;
}
.subnavigation a:hover,
.subnavigation li.selected a,
.subnavigation ul li a.selected,
.subnavigation ul ul a.selected{
	color: #cd0470;
}



/*document footer*/
.document-footer{
	margin:0;
	padding-top:12px;
	background:transparent url(../img/page-footer.png) no-repeat scroll 0 0;
}

#page-content .document-footer{padding-top:-20px; height:9px;}

.document-footer li{
	list-style:none;
	margin:0 8px 0 8px;
	padding:0;
	float:left;
}


/* overview list page */

.overview{
    margin: 0 0 0 20px
}

.filters {
	padding: 10px 10px 20px;
	background: top left repeat url("../img/filters-bg.png");
	margin-bottom: 30px;
}
.filters form {
	background: #FFF;
	padding: 20px 20px 10px;
}
.filters p {
	margin-bottom: 10px;
	clear:both;
}
.filters label {
	width: 100px;
	display:block;
	float:left;
}
.filters input {
	width: 300px;
}
.filters select{
	width: 304px;
}
.filters input[type=submit]{
	width: auto;
	margin-left: 100px;
}
.filters input[type=button]{
	width: auto;
	margin-left: 100px;
}

/* paging */

.paging {
	margin-bottom: 30px;
	
	text-align:center;
	padding: 6px 0;
}
.paging ul {
	margin: 5px 0px;
	
	display:inline;
	width: 60%;
	text-align: center;
}
.paging ul li {
	display: inline;
	padding: 8px 0;
}
.paging ul a {
	padding: 0 5px;
}
.paging .selected{}
.paging .selected a{
	color: #505050;
	border:solid 1px #c7c7c7;
	font-weight: bold;
	padding:2px 4px;
}
.paging .prev,
.paging .next {
	display:inline;	
	margin: 5px 0;
}

.paging .prev {	
}
.paging .next {	
	text-align: right;
}
.paging .prev a{
	
}
.paging .next a{
	
}

/* default content page */
.content {
	margin-bottom: 30px;
	overflow:hidden;
}

.content-full{
	padding-top:0;
}

/* detailpage */
p.intro {
	margin-top: 1.5em;
	font-weight: bold;
}
.image-list {
	overflow: auto;
	width:100%;
}
.detailpage .image-list li {
	display: inline;
}

/* skiplinks */

.skiplink {
position:absolute;
	top:-9999px;
	left: -9999px;
}
.skiplink:focus {
	top: -25px;
	left: 0px;
}
/*extravoordeel*/
.extravoordeel{margin-top:20px;}
.extravoordeel h3{color:#FFF; background-color:#e2007a; padding:1px 0 1px 5px;	}
.extravoordeel ul{}
.extravoordeel ul li{color:#009de0;}


/*table technical*/
.technical{
    width:350px;
    margin-top:20px;
}
.technical th{
   font-weight:normal;
   white-space:nowrap;
}
.technical caption{
	border:solid 1px #CCC;
	border-left:0;
	border-right:0;
	padding:2px 0 2px 0;
}

.abonnementen td, .abonnementen th{
	padding:5px 0;
}

/*table abonnementen*/
.abonnementen-header{
	background:transparent url(../img/sprite.png) no-repeat scroll left -659px;
	height:50px;
	margin:-10px 0;
	padding:0;
}

.abonnementen-header select{
    width:120px;
}

.abonnementen-footer{
	background:transparent url(../img/sprite.png) no-repeat scroll left -768px;
	margin:0 0 32px;
	padding:0 0 6px 0;
	height:15px;
}
.abonnementen-header div{
	background-color:transparent;
	margin:0;
	padding:0;
	width:20%;	
}
.abonnementen-header div select{
	border:outset #FFF 1px;
	margin:15px 20px;
	padding:1px 0  1px  4px;	
	color:#412683;
}

.extraopties{ margin:0 0 8px 0; padding-top:8px; padding-bottom:8px; border:solid 1px #009de0; border-top:0; background-color:#93defe; color:#333;}
.extraopties h3{color:#CD0470;}
.extraopties ul{margin:0;}
.extraopties ul li{list-style:none;}

.abonnementen{
	width:100%;
	margin:10px 0 0;
	padding:0;
}

.abonnementen td, .abonnementen th {
   font-size: 10px;
}

.abonnementen td:first-child{font-weight:bold;padding-left:8px}
.abonnementen thead th,.abonnementen thead td {
	background:#FFF;
	border:none;
	border-bottom:solid 2px #bfbfbf;
	white-space:nowrap;
	padding-left:0px;
}
.abonnementen tr{background:#e4e4e4; }

.abonnementen tr:hover,
.abonnementen tr.hover{
	background-color:#FFF;
	color:#cd0470;
}

.abonnementen tr.brand{background:#FFF none;  height:44px;}
.abonnementen tr:hover .brand,
.abonnementen tr.hover .brand{background:none; color:#636363;}
/*brands*/
.abonnementen tr.brand td{background:#fff url(../img/sprite_brands.png) no-repeat scroll; padding-left:80px; color:#AAAAAA;}
.abonnementen tr.brand td.vodafonedata{background-position:left 0; }
.abonnementen tr.brand td.vodafonedatainternationaal{background-position:left 0; }
.abonnementen tr.brand td.vodafonevoicedata{background-position:left 0; }
.abonnementen tr.brand td.t-mobilerelax{background-position:left -47px;}
.abonnementen tr.brand td.t-mobiledata{background-position:left -47px;}
.abonnementen tr.brand td.t-mobilerelaxonline{background-position:left -47px;}
.abonnementen tr.brand td.t-mobileiphone{background-position:left -47px;}
.abonnementen tr.brand td.hidata{background-position:left -102px;}
.abonnementen tr.brand td.hivoicedata{background-position:left -102px;}
.abonnementen tr.brand td.kpndata{background-position:left -154px;}
.abonnementen tr.brand td.kpnvoicedata{background-position:left -154px;}
.abonnementen tr.brand td.telfortdata{background-position:left -196px;}
.abonnementen tr.brand td.telfortvoicedata{background-position:left -196px;}
.abonnementen tr.brand td.xs4alldata{background-position:left -246px;}
/*brands*/

.abonnementen tr .btn_add{visibility:hidden; }
.abonnementen tr:hover .btn_add,
.abonnementen tr.hover .btn_add{visibility:visible; }

.abonnementen tr td.btn
{
    min-width:110px;
    padding:7px 10px;}
.abonnementen tr:hover td.btn,
.abonnementen tr.hover td.btn{background:#fff url(../img/sprite.png) no-repeat scroll right -243px; }

.abonnementen tr td{border:none; border-top:solid 1px #bfbfbf; border-bottom:solid 1px #bfbfbf; padding-left:0px;}

.abonnementen tr td.actie span{
	background:transparent url(../img/sprite.png) no-repeat scroll left -609px; 
	color:#FFF; 
	margin:0;  
	padding:0 0 0 8px;
	display:block;
	line-height:21px;
	float:left;
	min-width:58px;
	text-align:center;
}

.abonnementen tr td.actie span span{
	background:transparent url(../img/sprite.png) no-repeat scroll right -609px;
	margin:0;
	padding:0 10px 0 0;
	display:block;
	white-space:nowrap;
}

.abonnementen tr:hover td.actie span,
.abonnementen tr.hover td.actie span{background:transparent url(../img/sprite.png) no-repeat scroll left -571px; }
.abonnementen tr:hover td.actie span span,
.abonnementen tr.hover td.actie span span{background:transparent url(../img/sprite.png) no-repeat scroll right -571px;}

.abonnementen a,
.abonnementen a:link,
.abonnementen a:visited,
.abonnementen a:hover,
.abonnementen a:active {text-decoration:none;}

/*error*/
#errorPicture{}
#errorPicture img,
#errorPicture div{float:left; width:250px;}
#errorPicture div{margin:20px 0 0 20px; padding:20px 0 20px 20px; border-left:solid 1px #5eb4e3;}