@import "button.css";
@import "ui.css";

body {
color:#333333;
font-family:'Trebuchet MS',Arial,Verdana,"Sans-Serif";
font-size:13px;
border:0 none;
margin:0;
padding:0;
}

body, p, h1, h2, h3, h4, h5, tr, table, form, span, img, ul, li {
border:0 none;
margin:0;
padding:0;
}


h1{font-size:20px;}

h2 {
font-size:18px;

font-weight:normal;
margin-bottom:10px;
}

h2 a{
color:#333333;
text-decoration:none;
}

a {
color:#0033FF;
}
a:hover {
color:#000000;
}
a:visited {
}
a:active {
color:#CC3333;
}
p {
line-height:125%;
margin-bottom:8px;
}

p.klein{font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:10px;}
.b {font-size:20px;}
.prijs{color:#CC3300;}

.i {
font-style:italic;
}


#main{
min-height:500px;
width:948px;
margin:0 auto;
}

#navigation{
text-align:left;
width:978px;
margin:0 auto;
}

.navigationbar {
background:#444444 url(images/bg/nav.gif) repeat-x scroll center top;
height:35px;
padding:0;
margin:0;
voice-family:inherit;
width:100%;
}

.navigationbar ul {
font-family:Trebuchet MS,Arial,Verdana,"Sans-Serif";
font-size:15px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

.navigationbar li {
display:inline;
margin:0 5px 0 0;
padding:0;
}

.navigationbar a {
border-right:1px solid #555555;
color:#CCCCCC;
float:left;
margin:0;
padding:6px 7px 6px 9px;
text-decoration:none;
}


.navigationbar a.selected {
background:transparent url(images/nav/nav-left-selected.gif) no-repeat scroll left bottom;
float:left;
padding:0;
text-decoration:none;
}

.navigationbar a.selected span {
background:transparent url(images/nav/nav-right-selected.gif) no-repeat scroll right bottom;
color:#000000;
display:block;
float:left;
padding:6px 15px 0 12px;
height:29px;
}

.bg {
background:#E9E4DA url(images/bg/main.gif)  repeat-y scroll center center;;
/*background:transparent url(images/bg/main.gif) repeat-y scroll center center;*/
clear:both;
margin:0;
padding:0;
}

#header{
width:976px;
margin-left: auto;
margin-right: auto;
}
#header .banner {
float:right;
margin:0;
padding:0;
margin-top:17px;
}
#header img.logo {
margin-top:2px;
}


#breadcrumbs {
clear:both;
font-size:11px;
width:100%;

}
#breadcrumbs .container {
background-color:#FFFFFF;
border-bottom:1px dotted #CCCCCC;
padding:6px 3px;
text-align:left;
width:938px;
margin:0 auto;
}


#topbar {
background:transparent url(images/bg/topbar-orange.gif) no-repeat scroll left top;
height:58px;
margin:0;
padding:0;
}


#topbar h1 {
color:#999;
float:left;
font-family:'Trebuchet MS';
font-size:20px;
padding:19px 15px 0 15px;
}

#footer {
background:#444444 none repeat scroll 0 0;
clear:both;
color:#FFFFFF;
font-size:11px;
margin-top:15px;
padding:10px 0;
width:979px;
height:110px;
}
#footer a {
color:#FFFFFF;
}
#footer{
text-align:left;
width:978px;
margin:0 auto;
}
#footer ul {
list-style-image:none;
list-style-position:inside;
list-style-type:none;
margin-bottom:10px;
margin-left:10px;
}
#footer li {
border-right:1px dotted #999999;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:4px;
padding-bottom:1px;
padding-right:7px;
}
#footer .copyright {
float:right;
}


div.abonnement .padding {
padding:6px 12px 5px;
}

.simonly-abo {
float:right;
}

#abonnementen1 {
float:left;
margin-right:20px;
padding:0;
width:300px;
}
.abonnement {
background:transparent url(images/bg/abonnementen.gif) no-repeat scroll center top;
height:135px;
margin:0 10px 0 0;
padding:0;
width:300px;
float:left;
}

#abonnementen2 {
float:left;
margin-right:20px;
padding:0;
width:300px;
}

#abonnementen3 {
float:right;
margin-right:0;;
padding:0;
width:300px;
}

/****************************************************TABS HOME ***********************************/
		div#feature_list {
			margin-top:10px;
			width: 934px;
			height: 240px;
			overflow: hidden;
			position: relative;
			border:0px solid #000000;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
			border:none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('images/bg/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 630px;
			height: 230px;
			position: relative;
			
			/*border:1px #E5E5E5 solid;*/
		}
	.t {background: url(images/bg/dot2.gif) 0 0 repeat-x; width:630px;}
	.b {background: url(images/bg/dot2.gif) 0 100% repeat-x}
	.l {background: url(images/bg/dot2.gif) 0 0 repeat-y;}
	.r {background: url(images/bg/dot2.gif) 100% 0 repeat-y;}
	.bl {background: url(images/bg/bl2.gif) 0 100% no-repeat;}
	.br {background: url(images/bg/br2.gif)  100% 100% no-repeat}
	.tl {background: url(images/bg/tl2.gif) 0 0 no-repeat}
	.tr {background: url(images/bg/tr2.gif) 100% 0 no-repeat;  height:230px;}

		ul#output li {
			position: absolute;
			width: 570px;
			height: 240px;
			padding:10px 35px 6px 35px;
		}
		ul#output form{width:500px;}
		ul#output .input{border:0; width:35px; color:#ff6600; font-weight:bold;}
		ul#output .submit{font-weight:bold;}
		ul#output p{font-size:13px;}
/*
		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			margin-left:400px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}
*/




/****************************************************TOPS DEALS RECHTS****************************/
#hp-deals {
float:right;
width:371px;
}

#goedkoopste-simonly {
background:transparent url(images/bg/home-tabs-container1.gif) no-repeat scroll right top;
height:314px;
padding:15px 0 0;
width:544px;
}
#goedkoopste-simonly select {
font-size:11px;
}
#goedkoopste-simonly input, #tab-search-tariff input {
font-size:18px;
}
#goedkoopste-simonly label {
display:block;
float:left;
width:90px;
}
#goedkoopste-simonly label.none {
display:inline;
float:none;
width:auto;
}

#zoeken{
background:transparent url(images/bg/home-tabs-container1.gif) no-repeat scroll right top;
height:314px;
padding:15px 0 0;
width:544px;
}

#hp-deals .simonly {
float:left;
margin:0 5px;
}
#hp-deals h1 {
font-family:arial;
font-size:21px;
font-weight:normal;
letter-spacing:-1px;
margin:4px 0 0;
}
#hp-deals h2 {
font-size:16px;
font-weight:bold;
margin-bottom:1px;
}

#hp-deals p{margin:0;}

#hp-deals .padding {
padding:10px 7px 4px 3px;
}
#hp-deals a {
color:#000000;
text-decoration:none;
}

#hp-deals .btn-see-deal {
float:right;
margin:0 20px 0 0;
padding:4px;
position:relative;
z-index:5;
}


#hp-deals .kpn {
background:transparent url(images/merchants/kpn/offer-background.gif) no-repeat scroll center top;
height:118px;
margin-bottom:12px;
padding:0;
width:371px;
}
#hp-deals .simpel {
background:transparent url(images/merchants/simpel/offer-background.gif) no-repeat scroll center top;
height:118px;
margin-bottom:12px;
padding:0;
width:371px;
}
#hp-deals .telfort {
background:transparent url(images/merchants/telfort/offer-background.gif) no-repeat scroll center top;
height:118px;
margin-bottom:12px;
padding:0;
width:371px;
}
#hp-deals .vodafone {
background:transparent url(images/merchants/vodafone/offer-background.gif) no-repeat scroll center top;
height:118px;
margin-bottom:12px;
padding:0;
width:371px;
}
#hp-deals .ben {
background:transparent url(images/merchants/ben/offer-background.gif) no-repeat scroll center top;
height:118px;
margin-bottom:12px;
padding:0;
width:371px;
}

.simonly-abo {
float:right;
}



.info{width:610px; /*float:left;*/ margin:10px 0 10px 0}
.info .border {
/*background:#FFFFFF url(images/bg/gradient-gray.gif) repeat-x scroll center bottom; */
border:1px solid #CCCCCC;
padding:3px;
}
.info h1 {
background:transparent url(images/headers/default.gif) no-repeat scroll right top;
border-left:1px solid #CCCCCC;
margin:0;
padding:2px 7px;
text-align:left;
font-size:14px;
color:#000000;
}
.info ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin-left:15px;
}
.info .button{
margin-top:10px;
}



#box{background-color:#ece9e9;
border:1px solid #CCC;
color:#333333;
width:280px;
margin-bottom:1px;
position:relative;
}

#boxWit{
border:1px solid #CCC;
color:#333333;
width:280px;
margin:4px 0 4px 0;
}
#boxWit .titel{background:#686868; color:#FFFFFF;  padding:4px; border-bottom:1px #CCC solid;}
#boxWit .padding{padding:4px;}

#box .right{position:absolute; right:4px; font-weight:bold;}
#box a{display:block; padding:4px; text-decoration:none; color:#1C94C4;}
#box a:hover{background:#FFF; color:#333333;}

.box-right{width:280px; float:right; margin-right:10px;}
.box-right a{text-decoration:none;}
.box-left{width:640px; float:left; margin-left:10px;}
.clear{clear:both;}