/*
Stylesheet for www.dotime.nl
Media:all, channel:home.
Copyright (c) 2004 Ylab, www.ylab.nl
*/
body, .teaser{
	background-color:#67a9d9;
}
.teaser a:link, .teaser a:visited{
	color:#004177;
}
/*LAY-OUT*/
div#courtesy{
	background:#000 url('../graphics/strip/home.gif') repeat-y;
}

td#banner{
  background-image:url('../graphics/banner/home.jpg');
}
div#index-caption, div.sliderCaption{
  background-color:#004177;
  border-top-color:#67a9d9;
  border-bottom-color:#0062b4;
}
div#arrowtop{
  background-image:url('../graphics/arrow/top-home.gif');
  color:#2E2E2E;
}
div#arrowbot{
  background-image:url('../graphics/arrow/bot-home.gif');
}
td#submenu{
  background-color:#0062b4;
}
td#submenu img{
  border-color:#67a9d9;
}
.sliderSheet, div#price, div#videoplayer{
  background-color:#0062b4;
}
td#pageheader, td#main, td#arrow, #footer{
  border-style:solid;
  border-color:#67a9d9;
}
td#banner{
  border-right:1px solid #004177;
}
div.selected, td#arrow, #footer{
  background-color:#004177;
}
td#pageheader, td#main, div#arrowtop, table.rounded, option.channel{
  background-color:#378ecd;
}
div#index-caption, div.sliderCaption{
  border-top:1px solid #378ecd;
}
div.sliderSheet{
}
#top3 th, #footer, #footer a:link, #footer a:visited, #footer a:hover{
  color:#FFFFFF;
}
.hint{
  color:#004177;
}
input.text-m, input.button{
  background-color:#fff;
}
input.text-m, input.image{
  border:1px solid #004177;
}
div{
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-base-color:inherit;
	scrollbar-face-color:#378ecd;
	scrollbar-track-color:#67a9d9;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-highlight-color:#378ecd;
	scrollbar-shadow-color:#378ecd;
	scrollbar-darkshadow-color:#FFFFFF;
}
h1, h2{
	color:#004177;
}
#price h2{
	color:#67a9d9;
}
h1, h2 {
  color: #FFFFFF;
}
div.content {
  color: black;
}
div.index a:link,
div.index a:visited {
  color: #FFFFFF; text-decoration: none;
}
#intro {
  margin-top: 15px;
  width: 500px;
}
#intro td {
  width: 250px;
}
#intro td div {
  padding: 5px;
}

.content div {
  width: 453px;
  margin-left: auto;
  margin-right: auto;
}

div#spot {
	background: url('../graphics/spotbg.gif') no-repeat top left;
  width: 453px;
  height: 353px;
  position: relative;
  margin: 20px auto 0;
}
#spot img {
  position: absolute;
  display: block;
  width: 133px;
  height: 108px;
}
#spot div {
  position: absolute;
  font-size: 16px;
  color: #fff;
  width: 123px
  height: 98px;
  padding: 5px;
}

#img-spot1 {left:  25px; top:  23px;}
#div-spot1 {left: 160px; top:  23px;}

#img-spot2 {left: 137px; top: 133px;}
#div-spot2 {left:   5px; top: 133px;}

#img-spot3 {left:  25px; top: 243px;}
#div-spot3 {left: 160px; top: 243px;}

#img-spot4 {left: 318px; top:  23px;}
#div-spot4 {left: 298px; top: 133px; text-align: right; width: 140px;}

#img-spot5 {left: 295px; top: 243px;}
#div-spot5 {left: 295px; top: 195px; width: 140px;}

#spot a:link,
#spot a:visited,
#spot a:hover {
  font: 12px/12px sans-serif;
  text-decoration: none;
  color: white;
}

#top4top, #top4mid, #top4bot {
  background-color: #DE7B00;
  background-repeat: no-repeat;
}
#top4top, #top4bot {
  width: 213px;
}
#top4mid{
  width: 105px;
  text-align: center;
}
#top4top {
  font: bold 16px/20px inherit;
  color: #67a9d9;
  text-align: center;
  background-image: url('../graphics/arrowtop-home.gif');
  background-position: top left;
}
#top4bot {
  background-image: url('../graphics/arrowbot-home.gif');
  background-position: bottom left;
}
div.top4caption {
  font: bold 14px/10px inherit;
  color: #67a9d9;
  border-top: 1px dashed #004177;
}
div.top4teaser {
  font: 11px/11px inherit;
}