/* PNG hack MSIE */
img {
   behavior: url("/css/pngbehavior.htc");
   border:0;
}

body {
    background-color: #000000;
    background-image: url(/img/bg.jpg);
    background-repeat: repeat-y;
    background-position: center top;
    margin: 0;
    padding: 0px;
    border: 0px;
}

#wrapper {
    background:url(/img/bg_stage.jpg) 50% 175px no-repeat;
    width: 950px;
    margin: 0 auto;
    text-align:center;
}

/* header */

#header {
    height: 145px;
    clear:both;
    margin-bottom: 0px;
}


/* navi div */

#navi {
    background-image: url(/img/hdr2008_950x150_nl01.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-left: 0px;
    margin-top: 0px;
    width: 950px;
    height: 110px;
    text-align: left;
    display: block;
}

#navi_sect_online { 
    text-align: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight:bold;
    color: #fff;
    width: 490px;
    height: 20px;
    padding-left: 10px;
    padding-top: 90px;
    float: left;
}

#navi_sect_online_2 { 
    text-align: right;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight:bold;
    color: #fff;
    width: 440px;
    height: 20px;
    padding-right: 10px;
    padding-top: 90px;
    float: left;
}


#navi_menu {
    width: 950px;
    height: 35px;
    float: left;
}

#navi_sect_lang {
    text-align: right;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight:bold;
    color: #ffffff;
    width: 200px;
    height: 30px;
    padding-right: 10px;
    padding-top: 5px;
    float: left;
}

#navi_select { 
    text-align: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight:bold;
    color: #ffffff;
    width: 700px;
    height: 30px;
    padding-left: 10px;
    padding-top: 5px;
    float: left;
}

#navi_select_gay { 
    text-align: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight:bold;
    color: #ffffff;
    width: 310px;
    height: 30px;
    padding-top: 5px;
    float: left;
}

#navi_home { 
    text-align: left;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11pt;
    font-weight:bold;
    color: #ffffff;
    height: 30px;
    padding-top: 5px;
    float: right;
}

#navi_home a {
    position: relative;
    font: bold 1em Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    text-align:center;
    padding-right: 10px;
    padding-left: 10px;
    border: solid #ffffff 2px;
    background-color: #000000;
    color: #ffffff;
    margin-bottom:3px;
    margin-top: 3px;
}

#navi_home a:hover {
    color: #ffffff;
    text-decoration: none;
    text-align:center;
    padding-right: 10px;
    padding-left: 10px;
    border: solid #ffffff 2px;
    background-color: #ffffff;
    color: #000000;
    margin-bottom:3px;
    margin-top: 3px;
}

#navi ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#navi li {
    float: left;
    margin: 0 0.15em 0.15em;
}

#navi li a {
    background: url(/img/bg_buttons.gif) #fff bottom left repeat-x;
    height: 2em;
    line-height: 2em;
    float: left;
    width: 10em;
    padding: 0 2px 0 2px;
    display: block;
    border-top: 0em solid #ffffff;
    border-right: 0.1em solid #ffffff;
    border-bottom: 0.1em solid #ffffff;
    border-left: 0em solid #ffffff;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 0.65em;
    font-weight:bold;
    color: #fff;
    text-transform:uppercase;
    text-decoration:none;   
}

/* Hide from IE5-Mac \*/
#navi li a {
    float: none
}

/* top div */

#toptitle {
    text-align:left;
    height: 1.5em;
    margin-left: 0px;
    margin-top: 0px;
}

#toptitle h1 {
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: #fff;
    margin-left:15px;
    line-height: 1.4em;
    border-bottom: 1px dotted #ffffff;
}   

/* topcontent */

#topcontent {
    background: url(/img/top_middle.png) center top no-repeat;
    height: 166px;
    width: 950px;
    margin-top: 0px;
    margin-left: 10px;
    padding-top: 15px;
}

* html #topcontent #toptitle {
    position: relative;
}

* html #topcontent p {
    position: relative;
}

* html #topframe {
    position: relative;
}

#topframe {
    width: 250px;
    height: 135px;
    text-align:left;
    margin-left:5px;
    margin-right:0px !important; margin-right: -150px;  
    overflow: auto; 
    float:left;
}

#topframe p {
    font: 0.8em Arial, Helvetica, sans-serif;
    color:#ffffff;
    line-height: 1.3em;
    padding-bottom: 1.3em;
}

#topcontent p {
    float:left !important; float:none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 5px !important; margin-left: 0px;
}

#topcontent img {
    border: 2px solid #ffffff;
    margin: 1px;
}


/* topcontentpages vervolgpaginas */

#topcontentpages {
    width: 950px;
    position: relative;
    margin: 0 auto;
}

#topcontentpages p {
    font: 0.8em Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding: 10px;
    text-align:left;
    margin: 0;
}

/* navipages */

#navipages {
    background-color: #000000;
    width: 940px;
    margin-left: 0px;
    padding: 10px 5px 5px 5px;
}

#navipages ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
}

#navipages ul li {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 0.8em;
    color: #ffffff;
    list-style: none;
    display: inline;    
    padding: 2px 2px 2px 2px;
    margin-right: 5px;
}

#navipages ul li.currentpage {
    color: #ffffff;
    text-decoration: none;
    text-align:center;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #ffffff;
    color: #000000;
    margin-bottom:3px;
    margin-top: 3px;
}

#navipages li a {
    position: relative;
    font: bold 1em Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-decoration: none;
    text-align:center;
    padding-right: 10px;
    padding-left: 10px;
    border: solid #ffffff 2px;
    background-color: #000000;
    color: #ffffff;
    margin-bottom:3px;
    margin-top: 3px;
}

#navipages li a:hover {
    color: #ffffff;
    text-decoration: none;
    text-align:center;
    padding-right: 10px;
    padding-left: 10px;
    border: solid #ffffff 2px;
    background-color: #ffffff;
    color: #000000;
    margin-bottom:3px;
    margin-top: 3px;
}

/* item div */

.itemtitle {
    text-align:left;
    height: 1.3em;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.itemtitle h1 {
    background: url(/img/arrows.gif) left no-repeat;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding-top: 0px;
    margin-left:15px;
    padding-left: 35px;
    margin-bottom: 0px;
    line-height: 1.4em;
    border-bottom: 1px dotted #ffffff;
}

.itemtitle a, a:active, a:hover, a:visited {
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top: 0px;
	margin-bottom: 0px;			
	line-height: 1.4em;
	text-decoration: none;
}   

#itemcontent {
    background-color: #000000;
    height: 340px;
    width: 950px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
}



#item_img1 { 
    width: 440px;
    height: 280px;
    float: left;
}

#item_info { 
    width: 500px;
    height: 300px;
    float: left;
}

#item_description {
    font: 0.8em Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-style: italic;
    line-height: 1.3em;
    padding-bottom: 1.3em;
    text-align: left;
    padding-top: 10px;
}

#thumbs { 
    width: 500px;
    height: 200px;
    float: left;
}

#img_thumb { 
    width: 200px;
    float: left;
    padding: 10px;
}

#item_footer { 
    width: 950px;
    float: left;
}

* html .itemtitle {
    position: relative;
}

* html .itemcontent p {
    position: relative;
}

* html .itemframe {
    position: relative;
}

#itemframe {
    width: 250px;
    height: 245px;
    text-align:left;
    margin-left:5px;
    margin-top:8px;
    overflow: auto; 
    float:left;
}

#itemcontent p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #ffffff;
    line-height: 1.3em;
    padding-bottom: 1.3em;
    text-align: left;
}

#itemcontent img {
    border: 2px solid #fff;
    margin: 8px;
}

#itemfooter {
    background: url(/img/item_bottom.png) center top no-repeat;
    text-align:left;
    height: 30px;
    margin-left: 0px;
    margin-top: 0;
    margin-bottom: 20px;
    width: 950px;
    float: left;
}

#itemfooter ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

#itemfooter li {
    float: left;
    height: 30px;
    margin: 0 0.15em 0 10px;
    padding-left: 35px;
    background: url(/img/arrows.gif) left no-repeat;
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: #fff;    
    line-height: 2.0em; 
}

#itemfooter li a {
    font: bold 0.9em Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-transform:uppercase;
    text-decoration:underline;  
}

#itemfooter img {
    border: 0px solid #fff;
    margin: 0px;
}

#footer {
    background-color:#00000;
    width: 950px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    text-align:center;  
}

#footer p {
    font: bold 0.7em Arial, Helvetica, sans-serif;
    color: #fff;
    padding-top: 0px;
    padding-bottom: 0.7em;
}

#addfooter {
    width: 950px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    padding-right: 0px;
    text-align:center;  
}

#addfooter p {
    font: bold 0.8em Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding-top: 0px;
}

#addfooter a {
    font-weight:bold;
    color: #ffffff;
    text-decoration:underline;
}

#addfooter a:hover {
    font-weight:bold;
    color: #ffffff;
    text-decoration:none;
}

td {
    font: 0.9em Arial, Helvetica, sans-serif;
    color: #ffffff;
    padding: 0px;
}