
/* Stijlen Puppy Patrol */

html{
  width: 100%;
  height: 100%;
}

/* body */
/* 1600 breedte: landschap_bg_1600.jpg */
body{
background-color: #1c5e07;
background-image: url(/common/images/layout/algemeen/landschap_bg.jpg);
background-repeat: no-repeat;
background-position: 50% -100px;
font-family: arial;
font-size: 12px;
color:   #777777;
margin: 0 auto; 
padding: 0;
}

font.winner{color:#2be11d; font-weight:bold;}
h3.winner{ color: #2be11d; font-size:16px; margin:0px 0px 0px 0px;}

a:link { text-decoration: none; color:#b31c00; font-size: 12px; font-weight: normal;}
a:visited { text-decoration: none; color:#b31c00; font-size: 12px; font-weight: normal;}
a:active{ text-decoration: none; color: #b31c00; font-size: 12px; font-weight: normal;}
a:hover{ text-decoration: underline; color: #b31c00; font-size: 12px; font-weight: normal;}

a.wit:link { text-decoration: underline; color:#FFFFFF; font-size: 10px; font-weight: bold; }
a.wit:visited { text-decoration: underline; color:#FFFFFF; font-size: 10px; font-weight: bold;}
a.wit:active{ text-decoration: underline; color: #FFFFFF; font-size: 10px; font-weight: bold;}
a.wit:hover{ text-decoration: underline; color: #FFFFFF; font-size: 10px; font-weight: bold;}

a.inleiding:link { text-decoration: underline; color:#b31c00; font-size: 12px; font-weight: bold;}
a.inleiding:visited { text-decoration: underline; color:#b31c00; font-size: 12px; font-weight: bold;}
a.inleiding:active{ text-decoration: underline; color: #b31c00; font-size: 12px; font-weight: bold;}
a.inleiding:hover{ text-decoration: underline; color: #b31c00; font-size: 12px; font-weight: bold;}

a.normal_line:link { text-decoration: underline; color:#b31c00; font-size: 12px; font-weight: normal;}
a.normal_line:visited { text-decoration: underline; color:#b31c00; font-size: 12px; font-weight: normal;}
a.normal_line:active{ text-decoration: underline; color: #b31c00; font-size: 12px; font-weight: normal;}
a.normal_line:hover{ text-decoration: underline; color: #b31c00; font-size: 12px; font-weight: normal;}

/*standaard opmaak kopteksten*/
H1 { color: #b31c00; font-size:20px; margin:8px 0px 0px 0px;}
H2 { color: #b31c00; font-size:18px; margin:0px 0px 0px 0px;}
H3 { color: #b31c00; font-size:16px; margin:0px 0px 0px 0px;}
H3.kleurplaten { color: #b31c00; font-size:16px; margin:0px 0px 0px 8px;}
H3.weekkalender { color: #b31c00; font-size:16px; margin:0px 0px 0px 0px;}
H4 { color: #b31c00; font-size:14px; margin:8px 5px 0px 0px;}
H5 { color: #b31c00; font-size:13px; margin:8px 5px 0px 0px;}
H6 { color: #b31c00; font-size:12px; margin:8px 5px 0px 0px;}

/* afbeeldingen geen randen */
img
{  border-style: none;}

/* puppu patrol logo */
#logo{
  position: absolute;
  top: 75px;
  left: 30px;
}

#flashfamilie{
  position: absolute;
  left: 270px;
  top: 3px;
  width: 300px;
  height: 200px;
  z-index:900; /* overal boven behalve het hoofd menu*/
}

#vertel_je_vrienden{
  position: absolute;
  top: 89px;
  left: 602px;
}


/* Indien geen Flashplayer */
p.geen_flash_player{
padding-top: 30px;
color: #fff;
font-size: 10px;
}

/* /Flash familie ............................................................ */


/* hoofdmenu */
#hoofdmenu{
  position: absolute;
  top: 190px;
  left: 195px;
  word-spacing: 20px;
  color: #fff;
  font-size: 14px;
  font-weight:  bold;
}

/* Stijlen pagina met smal tekstvlak ........................................ */
#smal_tekstvlak {
  position: absolute;
  background:  url(/common/images/layout/algemeen/smal_tekstvlak.png);
  background-repeat: no-repeat;
  width: 711px;
  height: 480px;
  top: 150px;
  left: 55px;
}

#smal_tekstvlak_bg_schaduw{
  position: absolute;
  background-image: url(/common/images/layout/algemeen/smal_tekstschaduw.png);
  background-repeat: repeat-y;
  width: 711px;
  top: 630px;
  left: 55px;
}

#smal_tekst_container{
  position:  relative;
  width: 500px;
  min-height: 370px;
  left: 140px;
  margin-top: -380px;
  padding: 0px 0px 50px 0px;
  }

#smal_tekstvlak_schaduw_onder{
  background-image: url(/common/images/layout/algemeen/smal_tekstvlak_bottom.jpg);
  background-repeat: no-repeat;
  position: absolute;
  width: 669px;
  height: 43px;
  bottom: 0px;
}

/* /Stijlen pagina met smal tekstvlak ........................................ */

/* Stijlen pagina met breed tekstvlak ........................................ */

#breed_tekstvlak {
position: absolute;
  background:  url(/common/images/layout/algemeen/breed_tekstvlak.png);
  background-repeat: no-repeat;
  width: 915px;
  height: 500px;
  top: 150px;
  left: 38px;
}

#breed_tekstvlak_bg_schaduw{
  position: absolute;
  background-image: url(/common/images/layout/algemeen/breed_tekstschaduw.png);
  background-repeat: repeat-y;
  width: 872px;
  top: 650px;
  left: 59px;
}

#breed_tekst_container{
  position:  relative;
  width: 700px;
  left: 140px;
  margin-top: -380px;
  padding: 0px 0px 65px 0px;
  min-height: 357px;
}

#breed_tekstvlak_schaduw_onder{
  background-image: url(/common/images/layout/algemeen/breed_tekstvlak_bottom.jpg);
  background-repeat: no-repeat;
  position: absolute;
  width: 868px;
  height: 65px;
  bottom: 0px;
}

hr {
color: #b31c00;
background-color: #b31c00;
height: 1px;
border:  0px;
margin-top: 20px;
margin-bottom: 20px;
}

p.inleiding{
  color:  #646464;
  font-weight: bold;
}

p.inleiding_grey_n{
  	color:  #646464;
  	font-weight: bolder;
	font-size:14px;
}

.inleiding_grey_n {
  	font-weight: bolder;
	font-size:14px;
}

a.inleiding_grey_n {
  	font-weight: bolder;
	font-size:14px;
	color:#f79646;
	text-decoration:underline;
}

p.inleiding_grey_14{
  	color:  #646464;
  	font-weight: bold;
	font-size:14px;
}

p.inleiding_red_14{
	color: #b31c00;
  	font-weight: bold;
	font-size:14px;
}

p.inleiding_red_16{
	color: #b31c00;
  	font-weight: bold;
	font-size:16px;
}

p.inleiding_blue{
	color: #0180b7;
	font-family: "Comic Sans MS";
}

SPAN.price{
FONT-WEIGHT: bold;
COLOR: red
}

/* /Stijlen pagina met breed tekstvlak ....................................... */

#dvd_promo{
color:#9900CC;
size:15px;
letter-spacing:2px;
}

#logo_amp{
  position:absolute;
  top: 30px;
  left: 760px;
  width: 193px;
  height: 152px;
}

#logo_nickelodeon{
  position:absolute;
  top: 450px;
  left: -10px;
}

#logo_amp_email{
  position:absolute;
  top: 30px;
  left: 620px;
  width: 193px;
  height: 152px;
}

#sidebar{
position: absolute;
  background-image:  url(/common/images/layout/home/home_sidebar.png);
  background-repeat:  no-repeat;
  top: 125px;
  right: 0px;
  width: 221px;
  height: 507px;
}

/* klapper */

#klapbord{
  position:absolute;
  background-image: url(/common/images/layout/home/klapbord.jpg);
  background-repeat: no-repeat;
  top: 40px;
  left: 21px;
  width: 193px;
  height: 152px;
  color: #fff;
}

#videoplayer{
  position:absolute;
  top: 35px;
  left: 5px;
  width: 193px;
  height: 152px;

}

/* gids */
#gids{
  position:absolute;
  top: 210px;
  left: 32px;
  width: 193px;
  height: 152px;
  color: #fff;
}

#sponsors{
  position:absolute;
  top: 350px;
  left: 30px;
  width: 193px;
  height: 152px;
}

/* logo's */

#logo_kluitman{ position: absolute; float:left; top: 10px; left: 10px; }
#logo_pet_products{ position: absolute; top: 0px; left: 115px;}
#logo_ndg{ position: absolute; top: 50px; left: 5px;}
#logo_loekie{ position: absolute; top: 50px; left: 100px;}
#logo_sparta{ position: absolute; top: 90px; left: 0px;}
#logo_licg{ position: absolute; top: 85px; left: 80px;}
#logo_noorderstroom{ position: absolute; top: 118px; left: 0px;}

#prijsvraag{
 position: absolute;
 top: 320px;
 left: 30px;
}

/* Powered By */
#poweredby{
  position: relative;
  z-index:5000;
  width: 150px;
  right: -535px;
  bottom: 8px;
  }

a.poweredby:link { text-decoration: none; color:#FFFFFF; font-size: 12px; font-weight: normal; }
a.poweredby:visited { text-decoration: none; color:#FFFFFF; font-size: 12px; font-weight: normal;}
a.poweredby:active{ text-decoration: none; color: #FFFFFF; font-size: 12px; font-weight: normal;}
a.poweredby:hover{ text-decoration: underline; color: #FFFFFF; font-size: 12px; font-weight: normal;}

/* Stijlen voor individuele pagina's ........................................ */

/* Pagina Acteurs */

.tekst_links{
  float: left;
  width: 500px;
  padding-right: 50px;
}

.tekst_rechts{
 float: right;
  width: 500px;
  margin-right: 15px;
}

.tekst_fullwidth{
  width: 700px;
  margin-right: 15px;
}

.tekst_links_home{
  float: left;
  width: 300px;
  padding-right: 50px;
}

#locaties{
   width: 720px;
   height:1450px;
}

#loc_tekst{
   width: 360px;
   float:left;
   padding-right:10px;
}

#loc_beeld{
   width: 340px;
   float:right;
   height:235px;
}

/* Pagina Regisseur */
#reg_beeldl{
   width: 340px;
   float:right;
   height:310px;
}

#reg_beeldh{
   width: 340px;
   float:right;
   height:440px;
}

/* Pagina Kleurplaat */

#potloden{
   background-image:  url(/common/images/layout/kleurplaten/potloden.jpg);
   background-repeat: no-repeat;
   background-position: bottom right;
   width: 720px;
   height: 375px;
   }

.thumbnail{
  margin-right: 15px;
  float: left;
}

/* Pagina Kleurplaat einde*/

#tvkalender{
   width: 720px;
   height: 950px;
   margin-left: 8px;
   }

/* Pagina Weekkalender */

#weekkalender{
   width: 720px;
   height: 900px;
   margin-left: 8px;
   }

/* Weekkalender einde*/

