/* 
 * Auteur: GBWebdesign 
 * Datum: 15-06-2009
 * Versie: 1.0
 * Beschrijving: CSS voor de website rondreizenaustralie.nl  
 */

p,li,span,div,td{
  font-family: Tahoma, Arial;
  font-size: 12px;
  color: #000;
  font-weight: normal;
  text-decoration: none;
}

h1,h2,h3,h4,h5{
  font-family: Tahoma, Arial;
}

a{
  text-decoration: none;
}

p{
  margin: 0px 0px 15px 0px;
}

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

img{
  border: 0px;
}

/* ALGEMENE VORMGEVING */

div.holder{
  width: 1000px;
  position:absolute;
  margin-left:-500px;
  left:50%;
  top: 40px;
}

div.top{
  /*position:relative; /**/
  top: 0px;
  left: 0px;
  background-image: url('../image/top.jpg');
  height: 192px;
  width: 1000px;
}

div.menu{
  position:relative;
  left: 0px;
  background-image: url('../image/menu/menu_back.jpg');
  height: 54px;
  width: 1000px;
}

div.body{
  position:relative;/**/
  top: 0px;
  left: 0px;
  background-image: url('../image/background2.jpg');
  background-color: #f9f7f3;
  padding-bottom:30px;
  width: 1000px;
  min-height: 900px;
}

img.logo{
  position: absolute;
  top: -20px;
  left: 5px;
}

/* MENU */

div.menu ul{
  list-style-type: none;
}

div.menu li{
  display: block;
  position: absolute;
  top: 4px;
}

div.menu span{
  position: relative;
  top: -19px;
  left: 3px;
  font-size: 14px;
  font-weight: bold;
  color: #999;
}

/* TABS/TEKST */

div.main{
  width: 730px; 
  float: left;
  top: 12px;
  left: 0px;
}

div.tekst{
  /*position: relative;    /**/
  /*top: 6px;           /**/
  margin-top:5px;
  margin-right:8px;
  border-top: 2px solid black;
  padding: 20px 10px 10px 10px;
  z-index: 1;
  min-height: 900px;
}

ul.submenu{
  position: relative;
  top: 2px;
  list-style-type: none;
  margin: 0px;
}

ul.submenu li{
  display: inline;
  float: left;
}
ul.submenu li a{
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #999;
  padding: 2px 10px;
  margin: 1px;
}

.submenu li a.on{
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #000;
  padding: 4px 10px;
  position: relative;
  top: -2px;
  margin: 1px;
}

.text_right{
  float: right;
  margin-top: 21px;
  /*left: 730px;/**/
}

/* RECHTS */

div.right{
  position: absolute;
  left: 760px;
  width: 190px;
  top: 28px;
}

h6{
  font-size: 20px;
  color: #999;
  font-weight: normal;
  display: inline;
  font-family: Futura BK, Arial;
  position: relative;
  top: -8px;
  left: 15px;
}

div.aanbieders img{
  margin: 1px;
}

div.extra_tips, div.reisverslagen, div.rss{
  margin: 20px 0px 0px 0px;
}

div.vak-top{
  width: 188px;
  height: 16px;
  background-image: url('../image/vak_top.png');
}
div.vak-bottom{
  width: 188px;
  height: 16px;
  background-image: url('../image/vak_bottom.png');
}
div.vak-tekst{
  width: 188px;
  background-image: url('../image/background-tekst.png');
}

div.vak-tekst ul{
  margin: 0px 0px 0px 25px;
}

div.vak-tekst li{
  margin: 0px 0px 5px 0px;
  color: #031885;
}

div.deel2{
  display: none;
}

#meer, #minder{
  text-decoration: underline;
  color: blue;
}

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none;}
#wrapper {width:506px; margin:5px 20px; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px; color: white;}
#information p a {color: white; font-weight: bold;}
#image {width:500px; height: 300px;}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(../image/left.gif) left center no-repeat}
#imgnext {right:0; background:url(../image/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(image/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(../image/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(../image/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/* KLOKKEN */

.klokken{
  text-align: center;
  width: 134px;
  position: absolute; 
  left: 10px;
  top: 17px;
}
.klokken_nieuws_top{
  background-image: url('../image/klokken_top.png');
  height: 19px;
  width: 134px;
}
.klokken_nieuws_inhoud{
  padding: 10px;
  border-left: 2px solid black;
  border-right: 2px solid black;
  background-image: url('../image/background-tekst.png');
}
.klokken_nieuws_bottom{
  background-image: url('../image/klokken_bottom.png');
  height: 19px;
  width: 134px;
}

/* LAASTE NIEUWS */

.laatste_nieuws{
  width: 574px; 
  position: absolute; 
  left: 155px;
  top: 17px;
}
.laatste_nieuws_top{
  background-image: url('../image/nieuws_top.png');
  height: 19px;
  width: 574px;
}
.laatste_nieuws_inhoud{
  padding: 10px;
  border-left: 2px solid black;
  border-right: 2px solid black;
  background-image: url('../image/background-tekst.png');
  height: 405px;
}
.laatste_nieuws_bottom{
  background-image: url('../image/nieuws_bottom.png');
  height: 19px;
  width: 574px;
}

/* TEKST HOME */

.tekst_home{
  width: 574px; 
  position: absolute; 
  left: 155px;
  top: 490px;
}
.tekst_home_inhoud{
  padding: 0px 10px 10px 10px;
  border-left: 2px solid black;
  border-right: 2px solid black;
  background-image: url('../image/background-tekst.png');
}