@charset "utf-8";
/* CSS Document */

/* general tags */

body {
	background-color:#CCEFF5;
	font-family:Helvetica, Arial;
	background-image:url('/img/design/tringg_achtergrond.jpg');
	font-stretch:narrower;
	background-repeat:repeat-x;
}



/* Layout DIV */

div#container {
	width:960px;
	margin: 0 auto;
}

div#header {
	background-color:white;
}
div#header h1 {
	margin-top:0;
	padding-left:70px;
	font-weight:bold;
	font-size:32px;
}

div#header img {
	padding-left:10px;
}

img.divider {
	margin:5px;
}

div#menu {
	width:240px;
	float:left;
	background-image:url('/img/design/tringg_logonavigatie.png');
	background-repeat:no-repeat;
	height:285px;
	padding-left:10px;
	padding-top:10px;
	z-index:99;
	position:absolute;
	top:20px;
}

div#menu_buttons {
	margin-top:15px;
	margin-left:10px;
}

div#content_holder {
	width:860px;
	float:right;
	margin-top:40px;
}

div#content {
	background-color:white;
	padding:10px;
}


/* Styles for menu */

div#menu a {
	line-height:25px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}
div#menu a:hover {
	text-decoration:underline;
}

div.bottom {
	text-align:center;
	margin:0;
	padding:5px;
	margin-bottom:10px;
}

/* styles voor abonnementen pagina */

div.abonnement {
	width:415px;
	float:left;
	height:216px;
	background-repeat:no-repeat;
}

div.half {
	width:375px;
	float:left;
}

li sup { font-size:10px;}

div.gold {
 background-image:url('/img/design/tringg_aanbieding_gold.jpg');
}

div.silver {
 background-image:url('/img/design/tringg_aanbieding_silver.jpg');
 margin-right:10px;
}

div.lila {
 background-image:url('/img/design/tringg_aanbieding_lila.jpg');
}

div.aqua {
 background-image:url('/img/design/tringg_aanbieding_aqua.jpg');
 margin-right:10px;
}


div.abonnement ul {
	margin-left:20px;
	margin-top:80px;
	padding-left:20px;
	color:#FFF;
	font-size:18px;
	height:80px;
}

div.abonnement a {
	display:block;
	font-size:20px;
	background-color:#FFF;
	margin-left:40px;
	width:160px;
	padding:2px;
	text-align:center;
	border: 1px solid #999;
}

div.abonnement a:hover {
	border:1px solid #666;
	text-decoration:none;
	background-color:#EFEFEF;
}

div.aqua a {
	color:#009ABC;
}

div.lila a {
	color:#683CB8;
}

div.abonnement li {
	padding:0px;
}


ul.benefits {
	margin-left:0;
	padding-top:0;
	padding-left:0;
	color:#000;
	font-size:12px;
	font-weight:bold;
	margin-top:20px;
	margin-left:0px;
}

ul.benefits li {
	padding:5px;
	background-color:#FFF;
	list-style:none;
	margin:8px;
	margin-right:0;
	margin-left:0;
	
}

a {
	color:#7DD200;
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	text-decoration:underline;
}

ul.benefits li sup {
	font-size:8px;
	font-weight:normal;
}


img.prijs {
	float:right;
	margin-top:5px;
}


div.bottom p {
	font-size:12px;
	color:#666;
	padding:0;
	margin:0;
	margin-top:5px;
}

div.bottom p a {
	color:#333;
	text-decoration:none;
	font-weight:normal;
}

div.bottom p a:hover {
	text-decoration:underline;
}

div.page {
	padding:20px;
	min-width:0;
	font-size:12px;
}

div.page h1 {
	margin-top:0;
	font-size:22px;
	color:#7DD200;
}

div.page h2 {
	font-size:16px;
	margin-bottom:5px;
}

div.page p {
	font-size:12px;
	margin-top:5px;
	margin-bottom:20px;
	text-align:justify;
	color:#000;
	line-height:18px;
}

div.disabled { color:#BBB;}

div.page p.categorie { font-size:14px; padding:5px; margin:0; }

div.page h2.vraag_top {
	margin-bottom:0;
	font-weight:bold;
	font-size:18px;
	color:#7DD200;
	margin-top:25px;
	border-bottom:1px solid #000;
}

div.page h2.vraag {
	font-size:14px;
	background-color:#c3ff5e;
	border-top: 1px solid #7DD200;
	border-bottom: 1px solid #7DD200;
	padding:4px;
}

div.page p.antwoord {
	margin-top:10px;
	margin-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	font-size:14px;
	line-height:1.5em;
}

span.vraag_toggle { text-decoration:none; color:#2c8800; }
span.vraag_toggle:hover { text-decoration:underline; cursor:pointer; }
div.page h2.vraag img { border:0; top:10px; margin-left:5px; margin-right:5px;}

div.page a.top {
	float:right;
	font-size:10px;
}

img { border:0; }

img.left {
	float:left;
}

img.right {
	float:right;
}

div.page p.voorwaarden { color:#AAA; font-size:10px; padding:0px; padding-bottom:0; margin-bottom:5px; }
div.page p.voorwaarden:hover { color:#333; font-size:12px; }

div.voordelen { width:375px; float:left; background-color:#F6F6F6; margin-top:20px; padding-top:10px; padding-bottom:0; border-top:2px solid #7DD200;}
div.twitter_holder { width:375px; float:right; background-color:#F6F6F6; margin-top:20px; padding-top:10px; border-top:2px solid #7DD200;}
div.twitter_holder p { font-size:12px; text-align:justify; }

div.twitter { padding:5px; background-color:#FFF; border: 3px solid #2ACBFF }
div.tweet p.tweet { padding:10px; padding-left:0px; font-size:13px; padding-bottom:0; float:left; width:285px;}
div.tweet { clear:both;}
div.tweet img { float:left; width:48px; padding:5px; margin-right:5px; clear:both; margin-top:10px;}
p.tweet {}
div.tweet p.tweet a { color:#0084B4; text-decoration:none; font-size:16px; }
div.tweet p.tweet a:hover { text-decoration:underline; }
p.tweet span.small { color:#999; clear:left; font-size:10px; line-height:18px; }
p.tweet span.tweet_text { text-indent:20px;}
hr { border:0; border-bottom: 2px dashed #DDD; clear:both; }

div.bullet {
	background-image:url('/img/design/tringg_ball.jpg'); 
	height:52px; 
	float:left; 
	background-repeat:no-repeat; 
	width:60px; 
	color:white; 
	font-size:36px; 
	text-align:center; 
	padding-top:8px; 
	font-weight:bold;
	margin-right:5px;
	padding-bottom:10px;
	margin-bottom:20px;
}

div.bullet_text {
	float:left; 
	z-index:99;
	background-color:#c3ff5e;
	padding:8px;
	font-size:12px;
	font-family:helvetica;
	margin-left:20px;
	width:400px;
	min-height:44px;
}

div.clear { clear:both; }
span.clear { clear:both; }


div.steps {vertical-align:center;}
div.step { vertical-align:middle; clear:both;}
div.step p {vertical-align:middle; width:400px;}


/* FORMS */
form { font-family:helvetica; font-size:12px; background-color:#FFF;}
legend { color:#7DD200; font-weight:bold; font-size:18px; }
.size1 { width:40px; }
.postcode { width:50px;  }
.size2 { width:100px;}
.size3 { width:200px;}
.size4 { width:300px;}
input {margin-bottom:10px; border:1px solid #666; font-size:16px; margin-top:3px; margin-right:5px; padding:2px; float:left;}
textarea { float:left;}
.valid { border-color:green;}
.not_valid, input.form-error { border-color:red;}
.optional { border-color:#CCC;}
.feedback { border-color:#CCC; background-color:#EFEFEF}
legend {background-color:transparent;}
fieldset { position:relative; padding:20px; border: 1px solid #7DD200; background-color:#F5F5F5; margin-bottom:10px; clear:both;}
label {font-size:12px; display:block; margin-right:5px; text-align:left; color:#666; font-weight:bold;}
select {margin-bottom:10px; margin-top:3px; margin-right:5px; font-size:16px; padding:2px; font-family:helvetica; float:left;}
input.radio { margin-bottom:0;}
input.checkbox { border:0;}
select {border:1px solid #666;  }
div.input {clear:both;}
div.input img { float:left; margin-top:18px; margin-right:5px; border:1px solid #CCC; padding:4px; background-color:white;}
img.tooltip { cursor:pointer; margin-right:25px; }
div.input img.high { margin-top:-2px;}
label img { vertical-align:middle; margin-top:10px; margin-right:10px;}
label img:hover {cursor:pointer;}
input.abo { margin-top:35px;}
input[type=submit] {clear:both; display:block;}

div.button_align { text-align:center; width:100%; }

input.submit { 	
	float:none;
	display:block;
	font-size:20px;
	background-color:#FFF;
	padding:2px;
	text-align:center;
	border: 1px solid #999;
	color:#7DD200;
	padding-left:40px;
	padding-right:20px;
	background-repeat:no-repeat; 
	background-position:left;
}

input.bestellen { background-image:url('/img/icons/cart_space.png'); }
input.instellingen { background-image:url('/img/icons/telephone_go.png'); }
input.vragen { background-image:url('/img/icons/help_space.png'); }

input.submit:hover { border:1px solid #333; background-color:#efefef; cursor:pointer;}

span.error { background:#F9F9F9; font: 12px Helvetica, sans-serif; padding: 5px; border:2px solid red; color:red; margin-left:8px; float:left; margin-bottom:3px;}
div#authMessage { background:#F9F9F9; font: 12px Helvetica, sans-serif; padding: 5px; border:2px solid red; color:red; margin-left:8px; float:left; margin-bottom:3px;}
span.info { background:#F9F9F9; font: 12px Helvetica, sans-serif; padding: 5px; border:2px solid green; color:green; margin-left:8px; float:left; margin-bottom:3px;}

div.info { position:relative; clear:both;  border: 2px solid green; margin:20px 0 20px 0; padding:5px; color:green; }

table { margin:0; padding:0; font-size:12px; font-family:helvetica; margin-bottom:15px;}
tr { margin:0; padding:0;}
td { margin:0; padding:0; padding-right:10px;}

span.red { color:red; }

/* ALGEMENE VOORWAARDEN */

ol#av li { color:#7DD200; font-size:14px; font-weight:bold;}
ol#av ol li { color:#555; font-weight:normal; font-size:12px; }
ol#av li { padding:5px; }
ol#av ol { list-style-type:lower-alpha; }
ol#av ol ol { list-style-type:lower-roman; }


span.tarief { background-color:#7DD200; color:#FFF; font-size:16px; font-weight:bold; padding:10px; }

form.tariff_select div { display:inline; }
form.tariff_select label { display:inline; float:left; vertical-align:middle; height:30px; margin-top:8px; }
.hide{ display:none; }
form.tariff_select label.hide { display:none;}
form.tariff_select select { font-size:12px; }
form.tariff_select input { font-size:12px; }
form_tariff_select optgroup { font-style:normal; }

div.quarter { width:24%; float:left; font-size:10px;}
div.quarter a { color:#CCC;}
div.quarter:hover a { color:#7DD200; font-size:12px;}

table.month { width:100% }
table.month thead td { font-size:16px; padding:5px; text-align:center; }
table.month thead tr { background-color:#666; color:#FFF; }
table.month tbody td { font-size:14px; padding:5px; text-align:center; }
table.month tbody tr.last td { border-top:2px solid #333;}
table.month tbody tr.totals { font-weight:bold; font-size:16px; background-color:#DEDEDE;}
table.month tbody tr.weekend { background-color:#C8C8C8; }
table.month tbody tr { background-color:#EFEFEF; }


table.nice_table { width:100% }
table.nice_table thead td { font-size:14px; padding:5px; text-align:center; }
table.nice_table thead tr { background-color:#666; color:#FFF; }
table.nice_table tbody td { font-size:12px; padding:5px; text-align:center; }
table.nice_table tbody tr { background-color:#EFEFEF; }

div.other_tariffs { background-color:#F3F3F3; color:#666; padding:10px;}

div.page p.btw { margin-top:20px;}

div.submenu { border-bottom:1px solid #7DD200; height:28px;}
div.submenu a { padding:5px; background-color:#F3F3F3; color:#7DD200; font-size:12px; font-weight:bold; border:1px solid #7DD200;}
div.login {float:right; }
div.login a { border:0; color:#7dd200; background:none; padding:0;}