/* Afmetingen */

#container{
	width:720px;
	margin: auto;
	position:relative;
	padding-top:20px;
}

#sidebar-holder{
	padding:4px 0px 0 0px;
	vertical-align:top;
	width:178px;
	margin-right:4px;
}
#content{
	padding:24px 30px 0 30px;	
	width:646px;
}


body{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin:10px 6px;background-color:#ddd;}
body, td, th{font-size:11px;line-height:120%;}

#shop-navigation{
	position:absolute;
	right:20px;
	top:-9px;
	height:40px;
	z-index:20;
}

#shop-navigation li{
	display:inline;
}

#header{position:relative;background:url('../../images/webshop/m-header.png') repeat-x;height:95px;margin-right:5px;margin-bottom:4px;}
#header .left{background:url('../../images/webshop/l-header.png') no-repeat top left;height:95px;width:10px;float:left;}
#header .right{background:url('../../images/webshop/r-header.png') no-repeat top right;height:95px;width:30px;float:right;}
#header .pdawijzer-logo{ float:left;margin-top:4px;}
#header .pdawijzer-text{ float:left;margin-top:4px;}

#content-container{

}

#content, 
#content td, 
#content th{font-size:11px; line-height:140%;}
/*.content-holder{padding:10px 10px;}*/

#content{color:#333;}
#content ol{ padding: 0 0 0 26px;margin:10px 0;}
#content ul{padding: 0 0 0 26px;margin:10px 0;}

ol.informatie li{font-size:12px;font-weight:bold;color:#333;}
ol.informatie ol li{font-size:11px;font-weight:normal;}

a{text-decoration:none;color:#36C;}
a:hover{text-decoration:underline;color:#00cc00;}

p{
	margin:4px 0 14px 0;
}

#content .small_header{
	font-weight:bold;
	color:#1C3771;
	font-size:13px;
}

/*h1 a{float:left;display:block;color:#555;height:96px;width:213px;background:url('../../images/pdawijzer/pdawijzer_logo.gif') no-repeat top left;}*/

h1,h2,h3 {color:#113366;font-weight:bold;}
h2{font-size:13px;}
h3{font-size:13px;margin:7px 0 7px 0}
h4{font-size:13px;margin:7px 0 7px 0;}
#content h1{margin:0 0 6px 0!important;padding:5px 0 5px 0;font-size:16px;border-bottom:2px #00cc00 solid;color:#1C3771;}
#content h2{margin:0 0 6px 0!important;padding:5px 0 5px 0;font-size:14px;border-bottom:2px #00cc00 solid;color:#1C3771;}
#content h3{margin:10px 0;padding-bottom:5px;font-size:13px;border-bottom:1px #eee solid;/*color:#1C3771;*/color:#1C3771;}
#content h4{margin:6px 0;padding:3px 0px;font-size:12px;border-bottom:1px #00cc00 solid;color:#113366;font-weight:bold;}
#content h4.simple{margin:6px 0;padding:0px;font-size:12px;background:none;border:none;}

#navigation ul{text-align:right;margin:0;}
#navigation li{padding:0;list-style:none;padding:0 2px;display:inline;}
#navigation a{color:#fff;font-weight:bold;padding:1px 4px 2px 4px;text-decoration:none;}
#navigation a:hover{color:#00cc00;}

#quick-links{padding:2px 0;text-align:right;height:18px;margin:0;}
#quick-links li{list-style:none;display:inline;font-size:11px;padding:0 6px;}
#quick-links a{text-decoration:none;color:#333;}
#quick-links a:hover{color:#000;}
#admin-links{top:34px;}
/*.prijs_normaal{font-size:11px;font-weight:bold;text-decoration:line-through;color:#003399;}
.prijs_korting{font-size:11px;color:#009900;font-weight:bold;}
.prijs_zonder_abbo{font-size:16px;color:#003399;font-weight:bold;}
.prijs_met_abbo,
.prijs_totaal{font-size:16px;color:green;font-weight:bold;}*/
/*
.rounded h3{margin:0;padding:4px 0 0 0;}
.rounded .center{text-align:center;}
.rounded .content{padding:10px 4px 6px 4px;}
.side ul{margin:0 0 8px 0;padding:0;}
.side li{padding:0;list-style:none;margin:0;}
.rounded a{color:#1d3d80;}
.rounded li a{line-height:130%;color:#2e58ae;text-decoration:none;}
.rounded a:hover{text-decoration:underline;} 

*/



#footer{clear:left;text-align:center;padding:10px;}

.client-info,
.cart-shortlist,
.cart-shortlist td{font-size:10px;}
.tech-spec th, .tech-spec td{font-size:10px;padding:1px 4px;margin:0; }
.tech-spec th{background-color:#ddd;text-align:left;}
.tech-spec .kop{font-size:11px;border:0;padding:4px 4px;}

.ondertekst{color:#bbb;font-size:10px;}
.shadow-text{color:#555;}
/*
.open-470{height:36px;background:url('../../images/pdawijzer/sidebar_grey_470px_top.gif') no-repeat top left;}
.close-470{clear:both;height:20px;background:url('../../images/pdawijzer/sidebar_470px_bottom.gif') no-repeat bottom left;}
*//*
.open-620{height:14px;background:url('../../images/pdawijzer/sidebar_620px_top.gif') no-repeat top left;}
.close-620{clear:both;height:20px;background:url('../../images/pdawijzer/sidebar_620px_bottom.gif') no-repeat bottom left;}
*/

#footer{margin:10px 0 0 0;}
form textarea,
form input, 
form select {border:1px #999 solid;font-size:99%;padding:2px;}
.fieldWithErrors{display:inline;}
.fieldWithErrors input{border:1px red solid;background-color:#FFEAEA;}

table.list{/*border:1px #ccc solid;width:100%;*/}
/*table.list th{background-color:#efefef;border-bottom:1px #ff9900 solid;text-align:left;}*/
table.list td, table.list th{font-size:11px;}
table.list ul{margin:0;}
table.list p{margin:0;color:#555;}
table.list th a{}

table.smooth th{font-weight:bold;color:#4A566D;border-bottom:1px #ccc solid;}
table.smooth td{border-bottom:1px #ededed solid;color:#333;}
table.smooth ul{margin:0;}
table.smooth p{margin:0;}
table.smooth td td,
table.smooth td th{border-bottom:none;}


table.abbo-list th{background-color:#efefef;/*border:1px #ccc solid;*/text-align:left; }
table.abbo-list td{/*border:1px #ccc solid;*/}
table.abbo-list th, 
table.abbo-list td{font-size:11px;padding:2px;}

.small_header{font-weight: bold;}

.handle{cursor:move;}
.clear{clear:both;}
label{font-weight:bold;margin:4px 0;}
.example{color:#aaa;font-size:11px;font-weight:normal;}
.options li{color:red;font-size:12px;line-height:150%;}
.aaa_dotted{height:16px;background:url(../../images/pdawijzer/aaa_dotted.gif) repeat-x center;}
.tracker{margin:6px 0;font-size:11px;}

.ruler{margin:10px 0 4px 0;border-top:1px #ccc solid;height:1px;line-height:1px;}

table.grey td{color:#aad;font-size:10px;}
table.grey td:hover{background-color:#ff0;}
table.grey b{color:#222;font-weight:bold;margin-right:4px;}
table.grey{/*border:1px #ccc solid;width:100%;*/}
table.grey th{text-align:left;font-family:arial;font-size:10px;font-weight:normal;}
table.grey td, table.grey th{padding:0 4px;}
table.grey ul{margin:0;}
table.grey p{margin:0;color:#555;}
table.grey th a{}


.sidebar-header{
	color:white;
	text-decoration:none;
}


/*#leverings-voorwaarden{margin:auto;width:60%;margin-top:20px;}
#leverings-voorwaarden .kop{text-align:center;background-color:#0066cc;color:white;font-weight:bold;color:white;}
*/
.product_voorwaarden #leverings-voorwaarden{
	margin:0;
	width:auto;
}
.product_voorwaarden #leverings-voorwaarden ul,
.product_voorwaarden #leverings-voorwaarden li{
	margin:0;
	padding:0;
}
.product_abbo_table, .product_abbo_table th{
	border-color:#2154AD;
}
.product_abbo_table th{
	background-color:#E6EDF7;
}


/* GSMSHOP */
.brand_title{
	font-size:12px;
	margin:10px 0 4px 0;
	border-bottom:1px #ddd solid;
}

#gsmshop_product_price_back,
#order_product_selected_products,
.special_background{
	padding:10px;
	margin:20px 0;
	font-size:11px;
	border:1px #113366 solid;
	background:#eee;
}
.special_background_white{
	padding:10px 20px;
	margin:20px 0;
	font-size:10px;
	border:1px #eee solid;
	background:#FFF;
}

#gsmshop_product_price_back a{

}
#gsmshop_product_price_back .example{
	font-size:normal;
}
.form_fieldset{
	border:1px #ccc solid;
	padding:10px 20px;
}

.cart{
	padding:2px 2px;
}
.cart .item-row td, .cart .item-row th{
	border-bottom:1px #eee solid;
}
.cart .item-row a{
	display:block;
}
.cart .item-row a:hover{
	background:white;
}
.cart td, cart th{	 
	line-height:110%;
	font-size:11px;	
	padding:2px;
}
#order_product_selected_products td{
	border:0;
}
#order_product_selected_products .darker-borders td{
	border-bottom:1px #00cc00 solid;
}

/* Frontpage Tabs */
ul.frontpage_tabs li a.active {
	background-color:#00cc00!important;
}

ul.frontpage_tabs li.tmobile a.active{
	background-color:#EC008D!important;
}
ul.frontpage_tabs li.telfort a.active{
	background-color:#006!important;
}
ul.frontpage_tabs li.hi a.active{
	background-color:#210F85!important;
}
ul.frontpage_tabs li.kpn a.active{
	background-color:#060!important;
}
ul.frontpage_tabs li.vodafone a.active{
	background-color:#F00!important;
}

ul.frontpage_tabs li.debitelkpn a.active{
	background-color:#1E3F7F!important;
}
ul.frontpage_tabs li.orange a.active{
	background-color:#F60!important;
}

/* Home Posts */
#home_posts{
	margin:0!important;
	padding:0!important;
}
#home_posts a:hover{
	background:none;
}

#home_posts .home_post {
	margin:0 2px 0 2px;	
	padding:0;
	position:relative;
	float:left;
	list-style:none;
	text-align:center;
}
#home_posts .home_post .rounded{margin-bottom:3px;}

#home_posts .home_post p{margin:0;}
#home_posts .home_post_title{
	font-size:11px;
	font-weight:bold;
	text-align:center;
	margin:0;
	padding:0;
	height:27px;
}
#home_posts .home_post_title td{
	vertical-align:middle;
	line-height:110%;
}

#home_posts .home_post_title h3{
	padding:0;
	margin:0;
	border:0;
	position:relative;
	z-index:10;
}
#home_posts .home_post_title h3 a{
	font-weight:bold;
	display:block;
	text-align:center;
	color:#193469;
	font-size:11px;
	text-decoration:none;
	line-height:108%;
}
#home_posts .home_post_title h3 a:hover{
	color:#00cc00;
}

#home_posts .home_post_content{
	height:108px;
}
#home_posts .home_post_custom_content{
	height:232px;
	line-height:110%;
}


#home_posts .home_post_content table{
}
#home_posts .home_post_content table td{
	vertical-align:middle;
	text-align:center;
	line-height:110%;
}
#home_posts .home_post_content table td img{
}

#home_posts .home_post .product_price,
#home_posts .home_post .gsm_price{
	float:right;
	width:50px;
	font-size:12px;
	margin-left:10px;	
}
#home_posts .home_post .product_price{	
	background:#193469;
}
#home_posts .home_post .gsm_price{
	background:#00cc00;
}
#home_posts .home_post .product_price a,
#home_posts .home_post .gsm_price a{
	color:white;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	display:block;
	padding:5px 2px;
}
#home_posts .home_post .meer-informatie{
	display:none;
}
#home_posts .home_post .home_post_price{
	margin-top:2px;
	height:42px;
}


/* Product */
.price-table{
	border-top:2px white solid;
	border-left:2px white solid;
	background:white;
	padding:4px;
	width:100%;
}
.price-table td, .price-table th{
	border-right:2px white solid;
	border-bottom:2px white solid;
	font-weight:bold;
}
.price-table td, .price-table th{
	margin:0px 2px 2px 0;
	padding:2px;
}
.price-table th{
	background:#193469;
	width:110px;
	text-align:right;
	white-space:nowrap;
	color:white;
	padding-right:10px;
}
.price-table th.center{
	text-align:center;
}
.price-table th.product-version{
	background:#eee;
	color:#555;
}
.price-table td.product-voorwaarden{
	color:#999;
	padding:4px 0 0 0;
	margin:0;
	font-weight:normal;
	font-size:10px;
}

#leverings-voorwaarden ul,
#leverings-voorwaarden li{
	margin:0;
	padding:0;
	line-height:110%;
}

.product-information{
	padding:8px 0;
}


/* Product GSM abbo */

#content ul.gsm-abbo-plans{
	margin:0 0 10px 0;
	padding:0;	
}
#content ul.gsm-abbo-plans li{
	display:inline;
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#content div.gsm-abbo-plan{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px #eee solid;
}

/* Product Leveringsvoorwaarden */
#content .product-voorwaarden ul{
	margin:4px 0 4px 0;
	padding:0;
}
#content .product-voorwaarden li{
	font-size:10px;
	margin:0;
	padding:0;
	line-height:110%;
}

/* Product accessoires */

.accessories-table .accessory-group{
	padding:1px 4px 1px 1px;
}
.accessories-table .accessory-group table{
	border:1px #eee solid;	
	text-align:center;
}

.accessories-table td.category-group-name,
.accessories-table td.category-group-illustration,
.accessories-table td.category-group-text{
	vertical-align:middle;
	text-align:center;
}

.accessories-table td.category-group-name{
	vertical-align:middle;
	text-align:center;
	line-height:12px;
	background-color:#eee;
	font-weight:bold;
}
.accessories-table td.category-group-name a{
	color:#333;
}
.accessories-table td.category-group-illustration{
	height:70px;
}
.accessories-table td.category-group-text{
	height:22px;
	background:#eee;
}

.accessory-info{
	border:1px #ddd solid;
	padding:20px;
	margin-top:10px;
	height:100%;
}
.accessory-info h4{
	
}

.accessory-info .preview-image{
	background:#fff;
	padding:2px;
	border:1px #999 solid;
}
.accessory-info .darker-borders{
	background:#eee;
}
.accessory-info .darker-borders td{	
	vertical-align:middle;
	border-bottom:1px #ccc solid;
	padding:2px;
}

/* Combinations */

table.combination-table{
	border:1px #ddd solid;
	margin-bottom:10px
}

table.combination-table .title{
	font-size:12px;
	margin:0 0 0 0;
}

#content table.combination-table .title h4{
	padding:5px 10px;
}

table.combination-table .combination-item{
	float:left;
	width:100px;
	text-align:center;
	line-height:100%;
	padding:0px;
	margin-right:1px
}
table.combination-table .combination-item .combination-image{
	padding:10px 0px;
	height:50px;
}

table.combination-table .plus-symbol{
	float:left;
	height:26px;
	padding:22px 0px;
}
table.combination-table .combination-text-container{
	background-color:#eee;
	height:50px;
	vertical-align:middle;
}

table.combination-table .combination-text{
	font-size:10px;
	line-height:110%;
	padding:10px 2px
}


table.combination-table .normal-price{
	text-decoration:line-through;
	color:red;
	font-size:15px!important;
}

table.combination-table .new-price{
	font-weight:bold;
	color:#113366;
	font-size:18px!important;	
}

table.combination-table .order-now{
	font-size:15px;
	font-weight:bold;
}

/* Order form */

table.order-form{
	
}


table.order-form th, table.order-form td{
	padding:2px;
}

table.gsm-plan-table th{
	background:#eee;
	font-weight:bold;
	color:#333;
}
table.gsm-plan-table th.head{
	width:50px;
}
table.gsm-plan-table{
	border-top:1px #ddd solid;
	border-left:1px #ddd solid;
}
table.gsm-plan-table td, table.gsm-plan-table th{
	padding:3px;
	text-align:right;
	border-right:1px #ddd solid;
	border-bottom:1px #ddd solid;
}

#content ul.catalog-list{
	padding:0;
	margin:10px 0 10px 0;
}

#content ul.catalog-list li{
	margin:0;
	padding:0;
}

#content ul.catalog-list li.active{
	font-weight:bold;
	font-size:13px
}

#content table.catalog-list{	
}

#content table.catalog-list td, #content table.catalog-list th{
	padding:2px;
}

#content table.catalog-list h4{
	margin-top:0;
}
#content table.catalog-list h4 a{
	color:#193469;
	text-decoration:none;
	font-size:14px;
}
#content table.catalog-list h4 a:hover{
	color:#00cc00;
	text-decoration:underline;
}
#content table.catalog-list .price{
	float:right;
	font-weight:bold;
	color:#193469;
}

#content table.catalog-list-small{
	border-top:1px #ddd solid;
	border-left:1px #ddd solid;
}

#content table.catalog-list-small td, #content table.catalog-list-small th{
	border-right:1px #eee solid;
	border-bottom:1px #eee solid;	
	padding:4px;
}

#content table.catalog-list-small th{
	background:#eee;
	border-color:#ccc;
	color:#193469;
	font-weight:bold;
	font-size:12px;
	padding:1px 4px;
}

#content table.catalog-list-small td.price{
	font-weight:bold;
	color:#193469;
}

table.default-list{border:1px #ccc solid;padding:1px;margin:8px 0;}
table.default-list td, table.list th{padding:1px 3px;}
table.default-list th{background:#eee;padding:1px 5px;}
table.default-list th label{color:#193469;}


/* Pick provider */

ol.top-10{
	padding:0 0 0 24px;
	margin:2px 0 10px 0px;
}

ol.top-10 li{
	list-style-type:decimal;	
}

/* pick provider */
div.pick-provider-short-description{
	margin-top:4px;
	font-weight:bold;
	color:#1C3771;
}


/* Mobiel internet */

ul.provider_tabs li a{
	border-color:white;
}
ul.provider_tabs li a:hover{
	border-color:#2456AD;
}
ul.provider_tabs li a.active {
	border-color:#2456AD;
	border-color:#00cc00;
}
div.provider_tab{
	border:1px #2456AD solid;
	border:1px #00cc00 solid;
}
table.mobiel-internet tr.heading td{
	color:#2456AD;
}

table.mobiel-internet tr.rows td{
	background:#E0E6F3;
	border-top:2px white solid;
	color:#2456AD;
}
table.mobiel-internet tr.rows td a{
	color:#00cc00;
	text-decoration:underline;
}



/* Formulier elementen */

textarea, 
select, 
input, 
label.form{ vertical-align: middle; margin-right: 2px; }

label.form, 
input.text_field, 
input.button, 
input.submit,
textarea { font-family: Arial, Sans; font-size: 11px;}

select{ font-size: 11px; }

label.form { font-weight: bold; }

input,
select,
textarea{
	border: 1px #999 solid;
}

input,
textarea{
	padding: 2px;
}

input.check_box, 
input.radio_button{
	border: 0px;
	padding: 0px;
}

input { }
input.text_field { }
input.radio_button {}
input.check_box {}
input.button { }
input.submit { }
textarea { }
select { }
option { }