/* CSS Document for http://www.troubedwaters.be by Ontwwwerp.be, 2007 */
* {
padding:0;
margin:0;
}
body {
background-color:#3A3A3A;
color:#999;
font-family:Verdana, Arial, Lucida, Helvetica, sans-serif;
font-size:0.7em;
}
div#container {
width:770px;
margin-top:60px;
margin-left:auto;
margin-right:auto;
}
div#taalkeuze {
background: url(../assets/troubledwaters.jpg) no-repeat bottom;
width:738px;
height:320px;
padding-top:110px;
}
div#taalkeuze h1 span, div#taalknoppen a span, div#header h1 span, div#header li a span {
display:none;
}
div#taalknoppen {
margin-left:620px;
padding-top:255px;
}
div#taalkeuze div#taalknoppen a {
display:block;
}
div#taalkeuze div#taalknoppen a#nederlands {
background: url(../assets/taalkeuze_nl.gif) no-repeat;
width:91px;
height:15px;
}
div#taalkeuze div#taalknoppen a#frans {
margin-top:30px;
background: url(../assets/taalkeuze_fr.gif) no-repeat;
width:65px;
height:15px;
}
img {
border:none;
}
img.foto {
border:1px solid #101010;
margin-top:17px;
}
img#introfoto{
border:1px solid #101010;
}
img#affiche {
border:1px solid #101010;
margin-top:15px;
margin-right:30px;
float:left;
}
div#header {
margin-left:40px;
}
div#header h1 {
background: url(../assets/troubledwaters_klein.jpg) no-repeat;
width:290px;
height:36px;
}
div#header li {
list-style:none;
float:left;
}
div#header li a{
display:block;
height:11px;
padding-left:11px;
}
div#header ul {
margin-top:45px;
padding-left:55px;
}
div#header li#tentoonstelling a {
background: url(../assets/tentoonstelling.gif) no-repeat 0px 0px;
width:131px;
}
div#header li#tentoonstelling a:hover {
background: url(../assets/tentoonstelling.gif) no-repeat 0px -11px;
}
div#header li#pakket a {
background: url(../assets/pakket.gif) no-repeat 0px 0px;
width:132px;
}
div#header li#pakket a:hover {
background: url(../assets/pakket.gif) no-repeat 0px -11px;
}
div#header li#boek a {
background: url(../assets/boek.gif) no-repeat 0px 0px;
width:47px;
}
div#header li#boek a:hover {
background: url(../assets/boek.gif) no-repeat 0px -11px;
}
div#header li#forum a {
background: url(../assets/forum.gif) no-repeat 0px 0px;
width:100px;
}
div#header li#forum a:hover {
background: url(../assets/forum.gif) no-repeat 0px -11px;
}
div#header li#initiatief a {
background: url(../assets/initiatief.gif) no-repeat 0px 0px;
width:72px;
}
div#header li#initiatief a:hover {
background: url(../assets/initiatief.gif) no-repeat 0px -11px;
}
div#header li#foto a {
background: url(../assets/foto.gif) no-repeat 0px 0px;
width:65px;
}
div#header li#foto a:hover {
background: url(../assets/foto.gif) no-repeat 0px -11px;
}
div#contentbox {
padding-top:60px;
}
div#contentbox p.intro{
margin:15px 110px 0 130px;
}
div#contentbox ul{
margin:5px 50px 0 30px;
}
div#contentbox a{
color:#999;
}
div#contentbox a:hover {
color:#FFF;
}
div#contentbox a.alleenstaand {
display:block;
margin:30px 30px 40px 300px;
}
div#contentbox a.alleenstaandfr {
display:block;
margin:30px 30px 40px 400px;
}
div#fotobox {
width:270px;
margin-left:95px;
float:left;
}
img#sponsorslogos{
width:250px;
margin-left:95px;
float:left;
}
div#contentbox p.breed{
margin: 10px 110px 0 95px;
}
div#tekstboxforum {
margin-left:95px;
padding-top:15px;
}
div#tekstbox, div#sponsors p {
width:315px;
margin-left:375px;
}
div#tekstbox p {
margin-top:15px;
}
div#sponsors {
clear:left;
padding-top:15px;
}
div#sponsors p a#design {
display:block;
margin-top:130px;
color:#555;
}
div#sponsors p a#design:hover {
color:#777;
}
div#header li#tentoonstellingfr a {
background: url(../assets/tentoonstelling_fr.gif) no-repeat 0px 0px;
width:95px;
}
div#header li#tentoonstellingfr a:hover {
background: url(../assets/tentoonstelling_fr.gif) no-repeat 0px -11px;
}
div#header li#pakketfr a {
background: url(../assets/pakket_fr.gif) no-repeat 0px 0px;
width:163px;
}
div#header li#pakketfr a:hover {
background: url(../assets/pakket_fr.gif) no-repeat 0px -11px;
}
div#header li#boekfr a {
background: url(../assets/boek_fr.gif) no-repeat 0px 0px;
width:49px;
}
div#header li#boekfr a:hover {
background: url(../assets/boek_fr.gif) no-repeat 0px -11px;
}
div#header li#forumfr a {
background: url(../assets/forum_fr.gif) no-repeat 0px 0px;
width:134px;
}
div#header li#forumfr a:hover {
background: url(../assets/forum_fr.gif) no-repeat 0px -11px;
}
div#header li#initiatieffr a {
background: url(../assets/initiatief_fr.gif) no-repeat 0px 0px;
width:83px;
}
div#header li#initiatieffr a:hover {
background: url(../assets/initiatief_fr.gif) no-repeat 0px -11px;
}
div#header li#fotofr a {
background: url(../assets/foto_fr.gif) no-repeat 0px 0px;
width:79px;
}
div#header li#fotofr a:hover {
background: url(../assets/foto_fr.gif) no-repeat 0px -11px;
}
div#contentbox p.download {
margin-top:30px;
}
div#contentbox p.speciallink {
margin-top:60px;
}