html,body {
  width			: 100%;
  height		: 100%;
  font			: 12px 'Arial';
}

body {
  margin: 0 auto;
  margin		: 0;
  color			: #666666;
  background: #7f7f7f;
  position: relative;
}

p {
	margin: 0 0 1em 0;
}

h1,h2,h3,h4 {
	margin: 0 0 0 0;
}

#framework{
  position: relative;
  width: 100%;
  height: 100%;
  margin-top: -10px;
}

#flash-container{
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 1600px;
  height: 100%;
  min-height:	605px;
  z-index: 0;
}
#flashshizzle { margin-top: 34px; }

#floating-elements-container {
  max-width:1600px;
  margin: 0 auto;
  position: relative;
}

#banner-box {
  position:absolute;
  bottom:81px;
  right:17px;
  width:120px;
  height:600px;
  background-color:#cccccc;
  display:none;
}

#banner-frame {
  position:relative;
  width:120px;
  height:600px;
  border:0;
  overflow:hidden;
  
}

#links-box {
  position: absolute;
  bottom: -29px;
  right: 550px;
}

#links-box ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#links-box ul:after{
  content: '.';
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden; 
}

#links-box li {
  display:block;
  float: left;
  margin-right: 15px;
}

#links-box a:hover{
  text-decoration:underline;
}

#main_container {
	position: relative; 
	margin: 0px auto 0 auto;
	width: 994px;
	min-height:	600px;
	padding-top: 53px;
	background	: url('/Images/main_container_background.png') no-repeat;	
	background-color: #7f7f7f;
}


#logo{
  position		: absolute;
  top					: 35px;
  left				: -5px;
  width				: 223px;
	height			:	176px;
  background	: url('/Images/logo.png') no-repeat;
}


.flashplayer #main-container,
.flashplayer #main_container{
  display: none;
}


#tv_links{
  position		: absolute;
  top					: 140px;
  left				: -23px;
  width				: 225px;
}


.inner-menu {
	background: url('/Images/menu-top.png') no-repeat;	
	background-position: top right;
	width: 225px;
	min-height: 129px;
}


.bottom-menu {
	background: url('/Images/menu-bottom.png') no-repeat 0 100%; 	
	background-position: top right;
	width: 243px;
	height:123px;
	
}


#contentblock {
	position :	relative;
  padding-top:1px;
  padding-bottom:15px;
	margin-left	:	220px;
	width				: 741px;
	background	: url('/Images/contentblock_background_top.png') no-repeat;
  line-height:150%;
  font-size:14px;
}

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

#contentblock_bottom {
  position		:	relative;
	height:22px;
	margin-left:220px;
	width	: 741px;
  clear:both;
  background	: url('/Images/contentblock_background_bottom.png') no-repeat;
}

#contentblock-close {
	position		:	absolute;
	left				: 714px;
	top					: 5px;
	width				: 17px;
	height			:	19px;
	background	: url('/Images/close.gif') no-repeat;
	text-indent: -999em;
	overflow:hidden;
}

.contentblock-title {
	position		:	absolute;
	top					:	4px;
	left				: 12px;
	/*	arial bold 18px in design */
	font				: 17px 'Arial';
	color				: #FFFFFF;
	font-weight	: 700;
	}


/* breadcrumb */ 
#breadcrump {
	position		:	absolute;
	top					:	45px;
	left				: 25px;
	font				: 14px 'Arial';
	color				: #666666;
	font-weight	: 700;
	width: 500px; 
  height: 20px;
}
#breadcrump ul{
  margin:0;
  padding:0;
  list-style:none;
}
#breadcrump li{
  float:left;
  margin: 0 10px 0 0;
}
#breadcrump li a{
  color:#666666;
  padding:0 0 0 15px;
  background: url('/Images/arrow-right.gif') 0 2px no-repeat;
  text-decoration:underline !important;
}

#contentblock-mainvisual {
	position		:	relative;
	top					:	70px;
	left				:	25px;
	width				: 683px;
	height			:	154px;
	background	: url('/Images/contentblock_topbanner.png') no-repeat;
	z-index			:	2;
}

#content_contentblock {
	position		:	relative;
  padding-top:80px;
	left				:	25px;
	width				: 440px;
	border-right: 1px solid #ccc;
	padding-right:	10px;
}


/* content styles */
#content_contentblock strong{
  font-family	: Georgia; 
}
#content_contentblock a{
  color:#182982;
  text-decoration:underline;
}

#robot {
	position		:	absolute; 	
	top					:	380px;
	left				:	65px;
	width				: 100px;
	height			:	263px;
	background	: url('/Images/robot_rocket.png') no-repeat;
	z-index			:	2;
}


.banner {
	width				: 218px;
}

#related {
  float:right;
	width				: 218px;
  margin:80px 35px 0 0;
}

.related-title {
	font					: 13px 'Arial';
	margin-left		: 10px;
}

.related-txt {
	font					: 13px 'Arial';
	margin-left		: 10px;
}

#word_abonnee {
}

.illustration-cp {
	position		:	absolute; 	
	top					:	-23px;
	left				:	100px;
	width				: 127px;
	height			:	104px;
	background	: url('../visuals/tape.png') no-repeat;
	text-indent: -999em;
}



#actietxt {
	padding-top	:	40px;
	padding-left:	14px;
	font-weight	:	700;
}

.button {
  padding:0;
  text-decoration:none !important;
  background:none;
  border:0px;
  font-family	: Georgia;
  font-size 	: 13px;
}

.btn-left {
	width				:	4px;
	height			:	22px;
	background	: url('/Images/btn_left.png') no-repeat;
	float				:	left;
}

.btn-mid {
	height		 	: 22px;
	padding-top	:	0px;
	padding-left:	10px;
	padding-right:	10px;
	font-weight	:	700;
	color				:	white;
	background	: url('/Images/btn_mid.png');
	float				:	left;
	background-repeat:repeat-x;
}


.btn-txt {
	padding-top	:	2px;
	font-weight	:	700;
	font-family	: "Verdana", sans-serif; 
	color				:	white;
	float				:	left;
	}

.btn-right {
	width				:	4px;
	height			:	22px;
	background	: url('/Images/btn_right.png') no-repeat;
	float				:	left;
	}



	
/* buttons */

.btn_lft {
	width				:	4px; 
	height		 	: 22px;
	background	: url('/Images/btn_lft.png') no-repeat;
	float				:	left;
}

.btn_rht {
	width				:	4px; 
	height		 	: 22px;
	background	: url('/Images/btn_lrh.png') no-repeat;
	float				:	left;
}

/*end btn*/

.clearer{
  clear: both;
}

img{
  border: none;
}

.screen-reader{
  display: none;
}




#nav-generic{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 38px;
  width: 100%;
  min-width: 990px;
  background: url('/Images/nav-generic_bg.png') repeat-x;
  z-index: 4;
}

#menu-aligner {
  position: relative;
  margin:0 auto;
  width: 994px;
}

#menu-aligner ul {
  position: absolute;
}

#content-framework{
  position: absolute;
  left: 300px;
  top: 55px;
  width: 536px;
  background: #959595;
  border: 2px;
  border-style: solid;
  border-color: #464646;
  padding: 0 7px 23px 7px;
  z-index: 2;
}

/* Text styles*/

h1 {
/* Arial bold 36 182982*/
	font			: 36px 'Arial';
  color			: #182982;
  font-weight: 700;
}

h2 {
/* Arial bold 24 182982*/
	font			: 24px 'Arial';
  color			: #182982;
  font-weight: 700;
}

h3 {
/* Arial bold 21 182982*/
	font			: 21px 'Arial';
  color			: #182982;
  font-weight: 700;
}

h4 {
/* Arial bold 18 182982*/
	font			: 18px 'Arial';
  color			: #182982;
  font-weight: 700;
}

h5 {

}


a {
	color			: #333399;
}

.content stro {
	/* Georgia bold 14 666666*/
	font				: 14px 'Georgia';
  color				: #666;
}


.title {
	margin-top		: 3px;
}



.banner-content {
	padding-top		:20px;
}

.title-actie {
	padding-left	:	10px;
	font-family		: "Arial", sans-serif; /*FIXME: in design Cholla*/
	font-size 		: 16px;
	font-weight		:	700;
	color					:	white;
	text-indent		:	0;
}


.new-subscriber-field {
	width:225px;	
	height:20px;	
	border:1px solid #b2c0c5;
	color: #b2c0c5;
	text-indent: 5px;
	padding-top: 3px;
	padding-bottom: -3px;
	font: 15px 'Arial';
}

input[type=text] {
border-radius:4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

a {
	text-decoration : none;
	color: white;
}

.menu-items {
	margin: 0;
	padding: 0;
	font-weight: 700;
	color: white;
	list-style: none;
	font-family		: "Arial", sans-serif; /*FIXME: in design Cholla*/
	font-size 		: 13px;
}

.menu-item {
		border-bottom: 1px dotted #0398c3;
		margin-top:3px;
		padding-bottom:3px;
}

.menu-items a:hover{
  color: #F1753C;
}

.menu-box {
	margin-left: 55px; 
	padding-top: 15px;
	width: 160px;
}


.white {
	color: #FFF;
}


.footer {
	color: #666;
	border-top: 1px dotted #f9f9f9;
	width: 994px;
	margin: auto auto;
	margin-top: 40px;
	margin-bottom: 20px;
  padding-top:2px;
	font-family		: "Arial", sans-serif; 
	font-size 		: 12px;
	font-weight		:	bold;
	padding-left: 0;
	list-style: none;
}
.footer a {
	color: #f9f9f9;
}
.footer ul {
	margin: 0; 
	padding:0;
	position: relative;
	list-style: none;
	margin-bottom: 10px;
}
.footer li {
	padding:0;
	margin: 0;
	float: left;
	margin-left: 20px;
	list-style: none;
}


.off-screen {
	text-indent	: -999em;
}


.inner-gray {
	background: url('/Images/banner-top-gray.png') no-repeat;	
	width: 240px;
	min-height: 166px;
}

.bottom-gray {
	background: url('/Images/banner-bottom-gray.png') no-repeat 0 100%; 	
	width: 240px;
	height:10px;
}

.actie-content {
	padding-top: 21px;
	padding-left: 10px;
}


.bannerlink {
	font-family	: Georgia; 
	font-size 	: 13px;
	color				: #666;
	}
  
  /* buttons */
  #button-word_abonnee {
    margin:10px 0 0 0;
  }
  
  .button {
    font-family	: Georgia; 
  }
  
  
  

/*Banners*/



.banner {
	width: 240px;
	min-height:166px;
  font-family:Georgia;
  font-weight:bold;
  margin-bottom:10px;
}

.banner .title {
	padding-left: 10px;
	font				: 14px 'Arial';
	color				: #FFFFFF;
	font-weight	: 700;
	padding-top: 2px;
}

.banner .title h5 {
  margin: 0;
  padding:0;
  font:14px 'Arial';
  font-weight: 700;
  }

.banner .inner {
	background: url('/Images/banner-top-grey.png') no-repeat;	
	width: 218px;
	min-height: 166px;
  padding-top:1px;
}

.banner .bottom {
	background: url('/Images/banner-bottom-grey.png') no-repeat 0 100%; 	
	width: 218px;
	height:10px;
}

.banner .content {
  float:left;
  padding-top: 10px;
  padding-left: 10px;
  font-family	: Georgia;
  font-size 	: 13px;
  width: 110px;
}

.banner .content a {
  font-family	: Georgia;
  font-size 	: 13px;
  color				: #4C7121;
  text-decoration:underline;
}

.banner .button {
	clear: both;
	padding-top	:	4px;
	padding-bottom	:	7px;
	padding-left:	20px;
}

.banner-picture {
	float: left;
	margin-left:20px;
	margin-top:10px;
	width: 65px;
	height: 95px;
	background-color: #999;
	border: 1px solid #999;
	border-radius:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}


/*End banners*/

/* speciale buttons */
#button-word_abonnee{
 display:block;
 margin:0;
 width:160px;
 padding-top:10px;
}

/* Teaserbar */
.teaserbar {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 32px;
  z-index: 100;
  background: url('/Images/teaserbar_bg.gif') repeat-x;
}
.teaserbar ul,
.teaserbar li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.teaserbar ul {
  margin: 0 auto;
  width: 466px;
}
.teaserbar li { float: left; }
.teaserbar .to-subscribe { margin-right: 50px; }
.teaserbar a { display: block; }
.teaserbar img {
  border: 0;
  display: block;
}