/* ---- standaard fonts ---- */
body
{
background:#fff;
}
body,td,div     {
                    color: #000000;
                    font-family: verdana;
                    font-size: 11px !important;
                    text-decoration: none;
                    padding:0px;
                    margin:0px;
                  }

td
{
vertical-align:top;
}				  
h1{
               color:#000000;
               text-decoration:none;              
               font-size:35px;
			   font-stretch:expanded;
               font-weight:900;
			   text-align: center;
}
h2{
               color:#000000;
               text-decoration:none;              
               font-size:30px;
			   font-stretch:expanded;
               font-weight:900;
			   text-align: center;
			   padding:10px;
			   margin:0px;
}

#whatever {
 background:  url(../images/overlay.png);
 height:30px;
width: 100%;
 position: fixed;
 bottom: 0px;
padding-top:10px;
 margin-left:auto;
margin-right:auto;
}

form
{
padding:0px;
margin:0px;
}

IMG{border:0}

.krant_box
{
background:#fff;
border:1px solid #cccccc;
border-top:none;
padding:10px;
}
#campaign
{

}
.krant_hor_seperator
{
padding:0px;
margin:0px;
height:5px;
}
td.box_headlines
{
background:#fff;
border:1px solid #cccccc;
border-top:none;
padding:1px 0px 5px 4px;
line-height:16px;
}
.box_headlines a:link, .box_headlines a:visited
{
background:#fff url(../images/arrow_headline.gif) no-repeat 0px 6px;
padding-left:11px;
float:left;
width:143px;
font-size:10px;
}
.box_headlines a:hover
{
color:#ff0000 !important;
}
/* ---- knoppen rechts: weer, verkeer, tv, beurs etc... ---- */
.knop_weer a:link, .knop_weer a:visited
{
display:block;
background:#fff url(../images/button_weer.gif) no-repeat;
width:140px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
margin-bottom:5px;
color:#0060a0;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
.knop_weer a:hover
{
background:#fff url(../images/button_weer.gif) no-repeat;
width:140px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
color:#ff0000;
text-decoration:none;
}
.knop_verkeer a:link, .knop_verkeer a:visited
{
display:block;
background:#fff url(../images/button_verkeer.gif) no-repeat;
width:140px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
margin-bottom:5px;
color:#0060a0;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
.knop_verkeer a:hover
{
background:#fff url(../images/button_verkeer.gif) no-repeat;
width:140px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
color:#ff0000;
text-decoration:none;
}
.knop_tv a:link, .knop_tv a:visited
{
display:block;
background:#fff url(../images/button_tv.gif) no-repeat;
width:140px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
margin-bottom:5px;
color:#0060a0;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
.knop_tv a:hover
{
background:#fff url(../images/button_tv.gif) no-repeat;
width:140px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
color:#ff0000;
text-decoration:none;
}
.knop_beurs a:link, .knop_beurs a:visited
{
display:block;
background:#fff url(../images/button_beurs.gif) no-repeat;
width:140px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
color:#0060a0;
font-size:11px;
text-decoration:none;
font-weight:bold;
}
.knop_beurs a:hover
{
background:#fff url(../images/button_beurs.gif) no-repeat;
width:140px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
color:#ff0000;
text-decoration:none;
}

.knop_uit a:link, .knop_uit a:visited
{
display:block;
background:#fff url(../images/button_uit.gif) no-repeat;
width:140px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
color:#0060a0;
font-size:11px;
text-decoration:none;
font-weight:bold;
margin-top:7px;
}
.knop_uit a:hover
{
background:#fff url(../images/button_uit.gif) no-repeat;
width:140px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
color:#ff0000;
text-decoration:none;
}
.knop_favorieten a:link, .knop_favorieten a:visited
{
display:block;
background:#fff url(../images/button_favorieten.gif) no-repeat;
width:173px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
margin-bottom:5px;
color:#0060a0;
font-size:10px;
text-decoration:none;
font-weight:bold;
}
.knop_favorieten a:hover
{
background:#fff url(../images/button_favorieten.gif) no-repeat;
width:173px;
height:25px;
line-height:25px;
text-align:right;
padding-right:10px;
color:#ff0000;
text-decoration:none;
}


/* ---- standaard links ---- */
body a,td a,div a   {
                    color: #000000;
                    text-decoration: none;
                  }

/* ---- block waarin gegevens ingevuld kunnen worden bij Nieuwsbrieven  ---- */
table.panel       {
                    border-left:inset 1px #dedede;
                    border-top:inset 1px #dedede;
                    border-right:solid 1px #aaaaaa;
                    border-bottom:solid 1px #aaaaaa;
                  }

/* ---- verschillende onderdelen van formulieren  ---- */
input,select,textarea      {
                    font-size: 11px;
                    color: #513E3E;
                  }


/* ---- links naar channels ---- */
a.channellink     {
                    font-size: 12px;
                    text-decoration: none;
                  }

/* ---- actieve channel ---- */
a.activechannel   {
                    font-weight: bold;
                  }

/* ---- links naar bronnen (in kop van headlinesblock) ---- */
a.sourcelink      {
                    font-size: 11px;
                    font-weight: bold;
                  }

/* ---- registratielinks (in kop van headlinesblock) ---- */
a.registerlink    {
                    font-size: 10px;
                  }

/* ---- headlines  ---- */
a.headline        {
                  }

a.headline:hover  {
                    color: #ff0618
                  }

a.headline:visited  {
                    color: #8f8f8f
                  }


/* ---- proefabonnement link (onder headlinesblock) ---- */
a.subscribelink   {
                  }

/* ---- proefabonnement blok (onder headlinesblock) ---- */
div.subscribetext {
                    padding-top:14px;
                    padding-bottom:8px;
                  }

/* ---- cellen van 1 hoog die gebruikt worden om lijntjes weer te geven  ---- */
td.seperatorline  {
                    background-color: #513E3E;
                  }

/* ---- header van een headlines block ---- */
td.headlineblockheader   {
                    background-color: #8cbfff;
                    padding-left: 10px;
                    padding-right: 20px;
                    padding-top: 3px;
                    padding-bottom: 3px;
                    font-weight: bold;
                    font-size:11px;
                  }

/* ---- headlines block ---- */
td.headlineblock  {
                    padding-left: 10px;
                    padding-right: 20px;
                    padding-top: 8px;
                    padding-bottom: 8px;
                  }

/* ---- headlines block type 1 (om en om met type 2) ---- */
td.headlineblock1 {
                    background-color: #ffffff;
                  }

/* ---- headlines block type 2 (om en om met type 1) ---- */
td.headlineblock2 {
                    background-color: #fffcdf;
                  }

/* ---- blokje voor headlines  ---- */
td.headlinepoint  {
                    padding-top: 3px;
                    padding-right: 3px;
                  }

/* ---- tabel met 468 banner onder eerste headlinesblock  ---- */
table.banner468   {
                    margin-top: 8px;
                    margin-bottom: 8px;
                  }

/* ---- cel binnen tabel met 468 banner onder eerste headlinesblock  ---- */
table.banner468 td.banner468_cell {
  padding: 0px;
                    /* border: 1px solid #000000;*/
                  }

/* ---- header van contentpagina's ---- */
td.pageheader     {
                    font-weight: bold;
                    background-color: #8cbfff;
                    padding-left: 20px;
                    padding-right: 20px;
                    padding-top: 2px;
                    padding-bottom: 3px;
					border: 1px solid black;
					border-left:0; border-right:0
                  }

/* ---- middenkolom op contentpagina's  ---- */
td.maincontentblock {
                    background-color: #FFFFFF;
                    padding-left: 20px;
                    padding-right: 10px;
                    padding-top: 16px;
                    padding-bottom: 20px;
					
                  }

/* ---- hyperlinks in middenkolom op contentpagina's  ---- */
td.maincontentblock a {
                    text-decoration: underline;
                  }

/* ---- subheader op contentpagina's ---- */
td.maincontentsubheader {
                    background-color: #FFFFFF;
                    padding-left: 20px;
                    padding-right: 20px;
                    padding-top: 2px;
                    padding-bottom: 3px;
                  }

/* ---- middenkolom op DU-pagina's (verschil met maincontentblock is padding left en right ---- */
td.ducontentblock {
                    background-color: #FFFFFF;
                    padding-top: 16px;
                    padding-bottom: 20px;
                    padding-left: 0px;
                    padding-right: 0px;
                  }

/* ---- subblok in middenkolom op DU-pagina's (wel padding left en right, kleinere padding top en bottom)  ---- */
td.dusubcontentblock {
                    background-color: #FFFFFF;
                    padding-top: 6px;
                    padding-bottom: 6px;
                    padding-left: 20px;
                    padding-right: 20px;
                  }

/* ---- header van smalle blokken zoals Menu en Hot items ---- */
td.smallblockheader  {
                    font-weight: bold;
                    font-size:11px;
                    padding-left: 4px;
                    padding-right: 0px;
                    padding-top: 3px;
                    padding-bottom: 3px;
                    background-color: #ffffff;
                  }
				  
td.smallblockheaderyellow  {
                    font-weight: bold;
                    font-size:12px;
					color:#000000;
                    padding-left: 4px;
                    padding-right: 0px;
                    padding-top: 3px;
                    padding-bottom: 3px;
					background-color:#fff384;
					}				 

td.smallblockheaderblue  {
                    font-weight: bold;
                    font-size:12px;
					color:#000000;
                    padding-left: 4px;
                    padding-right: 0px;
                    padding-top: 3px;
                    padding-bottom: 3px;
					background-color:#8DD5EE;
					}	

/* ---- smalle blokken zoals Menu en Hot items  ---- */
td.smallblock     {
                    padding: 4px;
                    padding-bottom: 6px;
                    background-color: #FFFFFF;
                  }

td.smallblock a:hover   {
                    text-decoration: underline;
                  }

/* ---- blokje met sponsorboodschap per channel ---- */
div.channelsponsorblock
                  {
                    padding: 4px;
                    padding-bottom: 6px;
                  }

/* ---- links in blokje met sponsorboodschap per channel ---- */
div.channelsponsorblock a
                  {
                    text-decoration: none;
                  }

/* ---- header van menu (uitbreiding op smallblockheader) ---- */
td.menuheader     {
                    background-color: #8cbfff;
                  }

/* ---- menu blokje ---- */
div.menublock     {
                    padding-left: 4px;
                    padding-top: 10px;
                    padding-bottom: 10px;
                    background-color: #e1eeff;
                    text-align: left;
                  }

/* ---- tabel rondom per mail: DailyUpdate blokje  ---- */
table.permail     {
                    border: 1px solid #000000;
                  }

/* ---- header van per mail: DailyUpdate blokje (uitbreiding op smallblockheader) ---- */
td.permailheader  {
                    background-color: #8cbfff;
                  }

/* ---- per mail: DailyUpdate blokje  ---- */
div.permailblock  { background-color:#e1eeff;
                    padding: 6px;
                  }

div.permailblockyellow  
				{ background-color:#ffffde;
                    padding: 6px;
                  }

td.footer     {
                    background-color: #8cbfff;
                  }

/* ---- blok rondom banner om passend te maken in linker en rechter kolom ---- */
/*
table.bannerspacer {
                    border: 1px solid #000000;
                    padding: 10px;
                    background-color: #FFFFFF;
                  }
*/

div.googleblock   { margin-top:10px;
                    margin-bottom:10px;
                    border-top: 1px solid #02308A;
                    border-bottom: 1px solid #02308A;

                  }

/* ---- tabel rond weerblokje ---- */
table.weer        {
                    border-collapse:collapse;
                    border: 1px solid #000000;
                  }

/* ---- cellen van weerblokje ---- */
table.weer td     {
                    font-size: 10px;
                  }

/* ---- header van weerblokje ---- */
table.weer td.weerheader
                  {
                    color: #d3c9ce;
                    background-color: #594d53;
                    font-size: 11px;
                  }

/* ---- middelste stuk van weerblokje met icoontjes en aantal graden ---- */
table.weer td.weermidden
                  {
                    border: 1px solid #000000;
                  }

/* ---- onderste rij van weerblokje met namen van dagen ---- */
table.weer td.weerweekdagen
                  {
                    color: #ffffff;
                    background-color: #9b848e;
                  }

/* ---- form items in DU-aanmeldpagina's ---- */
input.du, select.du {
                  }

/* ---- kleine inputs ---- */
input.small, select.small
                 {
                   width: 40;
                 }

/* ---- langere inputs ---- */
input.large, select.large
                 {
                   width: 135px;
                 }

#divskyscraper
{
	/*position: relative;*/
	border: none;
	z-index: 5;
}

#vertlijn {
	top: 600px;
	left: 500px;
	width: 1px;
	background-color: #000000;
}

.krantenButton{
                    background-image: url("../images/achtergrond_knop.png");
                    border: 1px solid rgb(150, 150, 150);
                    color: rgb(80, 80, 80); 
                    padding: 2px;
					padding:4px;
					padding-top:2px;padding-bottom:2px;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
					border-radius: 8px;
}


.krantenButton:hover{
                    background-image: url("../images/achtergrond_knop_actief.png");
                    border: 1px solid rgb(50, 50, 50);
                    color: rgb(0, 0, 0); 
                    padding: 2px;
					padding:4px;
					border-radius: 8px;
					padding-top:2px;padding-bottom:2px;
}


.krantenInput{
					background: repeat-x scroll 50% 50%;
                    border: 1px solid rgb(200, 200, 200);
					background-color: #f9f9f9;
                    color: rgb(80, 80, 80); 
					padding: 5px;
					padding-top:2px;padding-bottom:2px;
					color: #777;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;

}

.krantenInput:focus{
                    background-image: url("http://o.imm.io/BYo.jpg");
					backnground-color: #f6f6f6;
                    border: 1px solid rgb(150, 150, 150);
                    color: rgb(0, 0, 0); 
					-moz-border-radius: 6px;
					-webkit-border-radius: 6px;
					border-radius: 6px;
					padding-top:2px;padding-bottom:2px;
}

.inputError{
					background: repeat-x scroll 50% 50%;
					background-image: url("http://o.imm.io/BYo.jpg");
                    border: 1px solid red;
					background-color: #f6f6f6;
                    color: rgb(80, 80, 80); 
					padding: 5px;
					padding-top:2px;padding-bottom:2px;
					color: #777;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
					border-radius: 3px;
}

.navBorder{
	display:inline;
	border: 1px solid red;
	padding: 2px; margin: 0 5px;
}

.headlineFooter{
	background-color: #8CBFFF;
	padding:2px 0 2px 8px;
	border: 1px solid #513E3E;
	border-left:0; border-right:0;
}

.container {
	position: relative;
	background: url("/images/incentives/werving/bg_beeld.jpg") no-repeat;
	width: 778px;
	height: 950px;
	margin: auto;
}

.bedankt { background: url("/images/incentives/werving/bg_beeld2.jpg") no-repeat; height: 750px; }

.formbox {
	position: absolute;
	background: #FFFFFF;
	width: 353px;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 0 20px 20px;
	top: 430px;
	left: 357px;
}

.bedankt .formbox {
	border: 1px solid #000000;
	padding: 20px 20px;
}