/* Site Naam Stylesheet */

/* General Styles */

* {
	margin:					0;
	padding:				0;
	border: 				none;
}

img, a img, a, input, input:focus {
	outline: 				none;
}

ul {
	list-style: 			none;
}

object { 
	outline:none;
}

body{
	font: 					normal 12px/19px Arial;
	color: 					#666;
}

div.spacer {
	
	height:					14px;	
}

div.clear {
	clear:					both;	
}

.hidden {
	display:				none;	
}

#wrapper {
	width:					100%;
	display:				none;
}

.bounding-box {
	width:					1007px;
	margin:					0 auto;
	position:				relative;
}

span.magenta {
	font-weight:			bold;
	color:					#E20074;
}

/* header definitions */

#header { 
	position: 				relative; 
	height:					67px;
	width:					100%;
	font:					0/0 Arial;
	background:				#E20074 url(../img/t-mobile-logo-repeater.jpg) repeat-x center top;
}

#header #logo {
	position:				absolute;
	height:					67px;
	margin-left:			8px;
}

#header #life-is-for-sharing {
	position:				absolute;
	top:					8px;
	left:					321px;
}

#header #menu {
	position:				absolute;
	display:				block;
	height:					22px;
	top:					6px;
	right:					36px;
	list-style:				none;
	font-size:				11px;
}

#header #menu li {
	float:					left;
	margin-left:			12px;
	padding:				4px;
}

#header #menu li.selected {
	background-color:		#ff3399;
}

#header #menu li a {
	text-decoration:		none;
	color:					#fff;
	line-height:			14px;	
}

#pushbox {
	width:					100%;
	height:					500px;
}

#pushbox-aanbiedingen {
	height:					580px !important;
	background:				url(../img/pushbox-aanbiedingen.jpg) scroll center top no-repeat;	
}

#flash-player {
	height:					580px;
	width:					1007px;	
}

#flash-player p {
	padding-top:			120px;
	width:					400px;
	color:					#fff;
	margin:					0 auto;
	text-align:				center;
}

#flash-player p a {
	color:					#000;
}
.pushbox-main {
	height:					645px !important;
	background:				url(../img/pushbox-main.jpg) scroll center top no-repeat;			
}

.pushbox-home {
	height:					474px !important;
	position:				relative;
	background:				url(../img/pushbox-home.jpg) no-repeat scroll center top;	
}

.pushbox-klant {
	height:					445px !important;
	position:				relative;
	background:				url(../img/pushbox-klanten.jpg) no-repeat scroll center top;	
}

.pushbox-hetnieuwerelax {
	height:					445px !important;
	position:				relative;
	background:				url(../img/pushbox-hetnieuwerelax.jpg) scroll center top no-repeat;	
}

#scribble-vrouw {
	position:				absolute;
	top:					240px;
	right:					0px;		
}

#scribble-jeugd {
	position:				absolute;
	top:					240px;
	left:					76px;
}
/* ik ben al klant */

#klant-balloon-top {
	position:				absolute;
	top:					10px;
	right:					100px;		
}

#klant-balloon-top h1 {
	color:					#e20074;
	font:					normal 26px/24px Arial;
	width:					410px;	
}

#klant-balloon-top p {
	font:					normal 15px/22px Arial;
	width:					370px;
	margin-top:				4px;
}

#klant-balloon-bottom {
	position:				absolute;
	top:					300px;
	left:					90px;	
}

#klant-balloon-bottom h1 {
	color:					#e20074;
	font:					normal 26px/24px Arial;
	width:					260px;	
}

#klant-balloon-bottom p {
	font:					normal 16px/24px Arial;
	width:					356px;
	margin-top:				14px;
}

#klant-balloon-bottom a {
	display:				block;
	margin-top:				24px;	
}

#klanten-iframe {
	margin-top:				10px;
	width:					360px;
	height:					140px;
	overflow:				hidden;
}

/* het nieuwe relax */

#hetnieuwerelax-balloon-bottom {
	position:				absolute;
	top:					200px;
	left:					160px;	
}

#hetnieuwerelax-balloon-bottom h1 {
	color:					#e20074;
	font:					normal 26px/28px Arial;
	width:					360px;	
}

#hetnieuwerelax-balloon-bottom p {
	font:					normal 18px/24px Arial;
	width:					400px;
	margin-top:				14px;
}

#hetnieuwerelax-balloon-bottom ul {
	list-style:				disc;
	padding-top:			6px;
	padding-left:			16px;
}

#hetnieuwerelax-balloon-bottom li {
	font:					normal 14px/22px Arial;
	line-height:			22px;
}

#hetnieuwerelax-balloon-bottom .buttons {
	
	margin-top:				20px;	
}

#hetnieuwerelax-balloon-top {
	position:				absolute;
	top:					14px;
	right:					16px;		
}

#hetnieuwerelax-balloon-top h1 {
	color:					#e20074;
	font:					normal 26px/28px Arial;
	width:					400px;	
}

#hetnieuwerelax-balloon-top p {
	font:					normal 15px/20px Arial;
	width:					340px;
	margin-top:				8px;
}

#hetnieuwerelax-nokia-n97-bottom {
	position:				absolute;
	top:					330px;
	right:					26px;
	width:					230px;
}

#hetnieuwerelax-nokia-n97-bottom p {
	color:					#fff;	
	font:					normal 16px/20px Arial;
}

#hetnieuwerelax-nokia-n97-bottom a {
	display:				block;
	margin-top:				16px;	
}

#youtube-player {
	position:				absolute;
	top:					128px;
	left:					230px;
	height:					344px;
}

#thumb-previous {
	position:				absolute;	
	top:					280px;
	left:					60px;
	height:					205px;
}

#thumb-previous-video {
	width:					141px;
	padding-bottom:			35px;
	display:				block;	
}

#thumb-next {
	position:				absolute;	
	top:					280px;
	right:					50px;
	height:					205px;
}

#thumb-next-video {
	width:					143px;
	padding-bottom:			35px;
	display:				block;		
}

#thumb-previous-video {
	height:					105px;	
}

#thumb-next-video {
	height:					105px;	
}

/* main page */
#continue {
	width:					100px;
	margin:					0 auto;
	background:				url(../img/arrow.jpg) no-repeat;
	padding-top:			2px;
	padding-left:			26px;
	margin-bottom:			30px;
}

#continue a {
	color:					#e20074;
	text-decoration:		none;
}

.quotes-shadow {
	background:				#fff url(../img/background-quotes-shadow.jpg) no-repeat scroll center top;	
}

.quotes {
	background:				#fff url(../img/background-quotes.jpg) no-repeat  scroll center top;
}

#content .bounding-box {
	position:				relative;
	height:					610px;
	padding:				52px 0px 0px 104px;
}

#content #bounding-box-aanbiedingen {
	padding-top:			2px;
}

#content .bounding-box-klanten-home {
	height:					478px !important;	
}

p.note {
	position:				absolute;
	bottom:					10px;
}

/* generic box definitions */

.box-container {
	float:					left;
	margin-right:			20px;	
	width:					292px;
}

.box {
	display:				block;
}

.box .header {
	font:					0/0 Serif;
	height:					8px;
	background:				url(../img/box-header.png) no-repeat;
}

.box .header-purple {
	font:					0/0 Serif;
	height:					5px !important;
	background:				url(../img/box-header-purple.png) no-repeat;
}

.box .content {
	background-color:		#e5e5e5;
	padding-left:			22px;
}

.box .content-purple {
	background-color:		#e20074 !important;	
}

.box .content h3 {
	font-size:				18px;
	color:					#e20074;
	margin-bottom:			14px;
}

.box .content-purple h3 {
	color:					#fff !important;
}

.box .content p {
	font:					normal 12px/21px Arial;
	color:					#1e1e1e;
	margin-top:				8px;
}

.box .content p strong {
	/*display:				block;*/
}

.box-spacer {
	height:					20px;	
}

.box .footer {
	height:					6px;
	background:				url(../img/box-footer.png) no-repeat;
}

.box .footer-purple {
	height:					5px !important;
	background:				url(../img/box-footer-purple.png) no-repeat;
}

/* het nieuwe relax */

.nieuwerelax-box-content {
	height:					278px;		
}

.nieuwerelax-box-content .buttons {
	margin-top:				26px;	
}

/* youtube */

.youtube-box-content {
	height:					130px;
}

.youtube-box-content p {
	float:					left;
	width:					170px;
}

.youtube-box-content p a {
	color:					#e20074;	
}

.youtube-box-content img {
	margin-top:				48px;
	margin-left:			10px;
	float:					left;	
}

/* hyves */

.hyves-box-content {
	height:					290px;
}

.hyves-box-content .btn-plaats-gadget {
	margin-top:				20px;
}

/* voor nieuwe klanten */

.voornieuweklanten-box-content {
	height:					190px;
}

.voornieuweklanten-box-content p {
	margin-top:				20px;	
}

.voornieuweklanten-box-content .btn-nog-geen-klant {
	margin-top:				20px;	
}

.videos-box-content {
	height:					392px;
}

.videos-box-content .btn-bekijk-video {
	margin-top:				16px;	
}

.videos-box-content .youtube {
	margin-top:				8px;
}

.videos-box-content .youtube p {
	float:					left;
	width:					160px;
}

.videos-box-content .youtube p a {
	color:					#e20074;	
}

.videos-box-content .youtube img {
	margin-top:				10px;
	margin-left:			20px;
	float:					left;	
}

.speciaal-box-content {
	height:					160px;	
}

.speciaal-box-content h3 {
	color:					#fff !important;	
}

.speciaal-box-content p {
	padding-right:			20px;
	color:					#fff !important;	
}

.sub {
	background-color:		#e20074;
	padding-bottom:			20px;
}

.slide-in {
	width:					100px;
	height:					22px;
	padding-top:			2px;
	background:				#fff url(../img/rounded-border-left.jpg) no-repeat 115px 0px !important;
	padding-left:			20px;
}

.slide-in a {
	color: 					#e20074;
	font:					normal 12px/21px Arial;
	font-weight:			bold;
	text-decoration:		none;
}

.aanbiedingen-box-content {
	height:					550px;
	position:				relative;
}

ul.informatie {
	color:					#1e1e1e;
	font:					normal 11px/14px Arial;
}

ul.informatie .type {
	color: 					#e20074;
	font-weight:			bold;
}

.nokia-n97 {
	position:				absolute;
	width:					271px;
	height:					170px;
	background: 			url(../img/nokia-n97-mini.jpg) no-repeat !important;
}

.nokia-n97 .informatie {
	position: 				absolute;
	left:					80px;
}

.blackberry {
	position:				absolute;
	width:					271px;
	height:					90px;
	background: 			url(../img/blackberry.jpg) no-repeat 190px 0px !important;
	top:					192px;
	padding-top:			8px;
}

.blackberry .informatie { 
	position:				absolute;
	right:					86px;
}

.blackberry .informatie li {
	text-align:				right;	
}

.nokia-e72 {
	
	position:				absolute;
	width:					271px;
	height:					100px;
	background: 			url(../img/nokia-e72.jpg) no-repeat !important;
	top:					250px;
	padding-top:			10px;		
}

.nokia-e72 .informatie {
	position: 				absolute;
	left:					62px;
}

.samsung-jet {
	position:				absolute;
	width:					271px;
	height:					100px;
	background: 			url(../img/samsung-jet.jpg) no-repeat !important;
	top:					250px;
	padding-top:			10px;
}

.samsung-jet .informatie {
	position: 				absolute;
	left:					62px;
}

.satio {
	position:				absolute;
	width:					271px;
	height:					90px;
	background: 			url(../img/sony-satio.jpg) no-repeat 190px 0px !important;
	top:					324px;
	padding-top:			14px;
}

.satio .informatie { 
	position:				absolute;
	right:					86px;	
}

.satio .informatie li {
	text-align:				right;	
}

.btn-bekijk-aanbiedingen {
	position:				absolute;
	bottom:					126px;
}

.extra {
	position:				absolute;
	bottom:					16px;
}


/* footer definitions */

#footer {
	height:					1%;
	clear:					both;
	background-color:		#202121;
	padding-bottom:			30px;
}

#footer .bounding-box { 
	padding-top:			44px;
	padding-left:			104px;
}

#footer .column-one {
	float:					left;	
	width:					292px;
}

#footer .column-two {
	float:					left;
	padding-left:			20px;
	width:					292px;
}

#footer .column-three {
	float:					left;
	padding-left:			20px;
}

#footer .column p {
	font:					normal 11px/19px Arial;
	color:					#696969;
}

#footer .column p strong {
	font:					normal 12px/19px Arial;
	color:					#fff;
	display:				block;
	margin-bottom:			10px;
}

#footer .column p a {
	color:					#696969;
}

/* overlay */

#overlay-wrapper {
	
	width:					690px;
	padding:				30px 5px 0px 20px;
	font:					normal 11px/18px Arial;
	color:					#1e1e1e;
}

#overlay-wrapper #close {
	float:					right;
	text-decoration:		none;
	color:					#000;
	font-size:				12px;
}

#overlay-wrapper #close span.x {
	color:					#e20074;
}

#overlay-wrapper h1 {
	color:					#e20074;
	font:					normal 21px/24px Arial;
}

#overlay-wrapper p {
	padding-top:			10px;
}

#overlay-wrapper table.tarieven {
	width:					630px;
	border:					1px solid #dcdcdc;
	border-collapse:		collapse;
	color:					#666;
}

#overlay-wrapper table.tarieven td {
	height:					48px;
	border-left:			1px solid #e4e4e4;
	padding-top:			10px;
	padding-bottom:			10px;
	line-height:			12px;
}

#overlay-wrapper table.tarieven td.bundle {
	width:					280px;
	padding-left:			18px; 
}

#overlay-wrapper table.tarieven td.bundle-price {
	padding-left:			4px; 
}

#overlay-wrapper table.tarieven td.inclusive-minute-or-sms {
	padding-right:			13px; 
	text-align:				right;
}

#overlay-wrapper table.tarieven td.price-minute-or-sms {
	padding-right:			19px; 
	text-align:				right;
}

#overlay-wrapper table.tarieven tr.header th {
	background-color:		#dcdcdc;
	border-left:			1px solid #fff;
}

#overlay-wrapper table.tarieven tr.header th.upper-left {
	border-left:			0;
}

#overlay-wrapper table.tarieven tr.even {
	background-color:		#eee;
}

#overlay-wrapper table.tarieven tr.odd {
	background-color:		#fff;
}

#overlay-wrapper table.tarieven span.price-old {
	text-decoration:		line-through;
}

#overlay-wrapper a {
	color:					#e20074;
}

#overlay-wrapper .infobox {
	width:					166px;
	border:					2px solid #e4e4e4;
	float:					left;
	margin-right:			20px;
	padding-bottom:			12px;
}
#overlay-wrapper .infobox a {
	color:					#666666;
	text-decoration:		none;
}

#overlay-wrapper .infobox .header {

	padding:				4px 0px 4px 8px;
	border-bottom:			2px solid #e4e4e4;
	background: 			url(../img/box-top-gradient.gif) repeat-x left bottom !important;
}

#overlay-wrapper .infobox .content {
	padding:				0px 2px 0px 8px;
	background: 			url(../img/box-bottom-gradient.gif) repeat-x !important;
}

#overlay-wrapper .infobox .content ul {
	padding-top:			4px;	
}

#overlay-wrapper .infobox .content ul li {
	background: 			url(../img/block.gif) no-repeat left center !important;
	padding-left:			8px;
}

#overlay-wrapper .infobox .content ul li.no-block {
	background:				none !important;
}

#overlay-wrapper .infobox h3 {
	
	color:					#e20074;
	font-size:				14px !important;
}