/* THE CSS RESET */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body 
{
background: #ffd700 url(../images/bck_gradient.jpg) repeat-x top center;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.75em;
line-height: 170%;
}

#top {
width: 960px;
height: 524px;
background: url(../images/bck_top.jpg) no-repeat top center;
position: absolute;
z-index: -10;
top: 0;
left: 50%;
margin: 0 0 0 -480px;
padding: 0;
}

#center {
display: block;
width: 960px;
height: 400px;
background: url(../images/bck_center.jpg) no-repeat top center;
position: absolute;
z-index: -9;
top: 524px;
left: 50%;
margin: 0 0 0 -480px;
padding: 0;
}

#footer {
width: 890px;
height: 75px;
background: url(../images/footer_bottom.gif) repeat-x 0px 25px;
position: absolute;
z-index: -8;
top: 924px;
left: 50%;
margin: 0 0 0 -445px;
padding: 0 5px 0 5px;
}

#footer .right { float: right; }
#footer .left { float: left; }

#footer a { color: #000; text-decoration: underline; }
#footer a:hover { color: #ffd700; background: #000; text-decoration:none; }

#myslide {
width:360px;
overflow:hidden;
position: relative;
height:250px;
margin: 20px 0 0 35px; 
}

#myslide .cover{
width:720px; /* class mystuff width * number of mystuff divs (160 * 3 = 480) */
position: absolute;
height:auto;
color: #fff;
}

#myslide .mystuff {
width:360px;
float:left;
padding:0;
font-size: 13px;
line-height: 18px;
}

#myslide .mystuff a { color: #ffd700; text-decoration: underline; }
#myslide .mystuff a:hover { color: #222; background: #ffd700; text-decoration: none; }

#buttons {
width: 100px;
height: 24px;
float: left;
margin: 23px 0 0 150px;
}

.button1 {
background: url(../images/btn_en-nl.jpg) no-repeat top left;
padding:0;
display:block;
width: 36px;
height: 13px;
float:left;
margin: 0 10px 0 0;
}
.button2 {
background: url(../images/btn_en-nl.jpg) no-repeat top right;
padding:0;
display:block;
width: 36px;
height: 13px;
float:left;
margin: 0 10px 0 0;
}

.clear{clear:both;}

#flickr_fotos {
width: 360px;
height: 250px;
position: absolute;
top: 130px;
left: 570px;
}

h1.flickr {
display: block;
width: 264px;
height: 30px;
background: url(../images/titel_flickr.jpg) no-repeat;
}

#flickr_fotos img {
float: left;
margin: 0 5px 0 0;
border: 1px solid #000;
}

.tipsy { 
font-family: Helvetica, Arial, sans-serif;
color: #fff;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
padding: 10px;
font-size: 17px;
opacity: 0.9; 
filter: alpha(opacity=90);   
background: url(../images/tipsy.gif) no-repeat; 
}

.tipsy-inner { 
padding: 11px 45px 10px 11px;
background: #414141;
color: #fff;
max-width: 200px;
text-align: center; 
border: 1px #2b2b2b solid;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#676767', endColorstr='#2b2b2b'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#676767), to(#2b2b2b)) ; /* for webkit browsers */
background: -moz-linear-gradient(top,  #676767, #2b2b2b); /* for firefox 3.6+ */
}

.arrow {
float: right;
display: block;
margin: -40px 0 0 0;
padding: 0 0 0 5px;
width: 28px;
height: 40px;
background: url(../images/tipsy_arrow.png) no-repeat;
}

.tipsy-inner { -moz-border-radius:4px; -webkit-border-radius:4px; }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }

a.pin {
position: absolute;
display:block;
width: 52px;
height: 44px;
background: url(../images/pin.png) no-repeat right center;
text-indent:-90000px;
}

a.pin.n1 {margin: 100px 0 0 -17px; }
a.pin.n2 { margin: 130px 0 0 275px; }
a.pin.n3 { margin: 150px 0 0 250px; }
a.pin.n4 { margin: 160px 0 0 220px; }
a.pin.n5 { margin: 180px 0 0 280px; }
a.pin.n6 { margin: 230px 0 0 150px; }
a.pin.n7 { margin: 260px 0 0 130px; }
a.pin.n8 { margin: 260px 0 0 250px; }
a.pin.n9 { margin: 300px 0 0 220px; }
a.pin.n10 { margin: 340px 0 0 50px; }
a.pin.n11 { margin: 430px 0 0 150px; }
a.pin.n12 { margin: 400px 0 0 170px; }
a.pin.n13 { margin: 420px 0 0 200px; }
a.pin.n14 { margin: 430px 0 0 300px; }
a.pin.n15 { margin: 310px 0 0 620px; }
a.pin.n16 { margin: 440px 0 0 670px; }
a.pin.n17 { margin: 290px 0 0 710px; }
a.pin.n18 { margin: 300px 0 0 730px; }
a.pin.n19 { margin: 390px 0 0 820px; }
a.pin.n20 { margin: 280px 0 0 790px; }
a.pin.n21 { margin: 150px 0 0 740px; }

ul.sexyCycle-content  { list-style: none; margin: 0; padding: 0; width: 99999999; position: absolute }
li.sexyCycle-content  { margin: 0; padding: 0; }
.sexyCycle { 
position: absolute;
top: 110px;
left: 361px;
overflow: hidden;
cursor:pointer;
}
.sexyCycle-wrap { position: relative; width: 99999px; }
.sexyCycle-content { width: 99999; position: absolute; overflow: hidden; }