a{ color: #000000; text-decoration: none;}
a:visited { color: #000000; text-decoration: none;}
a:hover { color: #000000;  text-decoration: underline;}
a:active { color: #000000; text-decoration: underline;}


a.ahref_achor{ color: #000000; text-decoration: underline;}
a.ahref_achor:visited { color: #000000; text-decoration: underline;}
a.ahref_achor:hover { color: #000000;  text-decoration: underline;}
a.ahref_achor:active { color: #000000; text-decoration: underline;}


/* http://deconstructingplanning.com/2009/11/19/bad_research_example/ */

.tags{
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(http://10.0.0.203/mozart4_hans/iconset/icons_bar.gif) no-repeat scroll 0px 0px;
    display:block;
    height:16px;
    line-height:16px;
    text-indent:-999em;
    width:16px;
}

.tags{
    float:left;
    margin-right:6px;
    background-position: 0 -400px;
}

.under {
    float:left;
    padding-bottom:6px;
}

.fixed, .clear {
    clear:both;
}

#thumbnail_wrapper {
    width: 430px;    
}

#player img {
border: 2px solid #000000;
}

#thumbnail{
    float: left;
    margin: 2px;
}

.content_title_bold {
    font-family:"arial";
    color:#58595b;
    font-size:12px;
    font-weight:bold;
    line-height:10px;
}

.logo{
	position:absolute;
	top:18px;
	height:151px;
	width:294px;
	background-image:url(../../../images/general/logo.png);
}
/* HOME CSS */
.home_wrapper{
	margin: 0px 0 0 156px;
}

.home_outer_wrapper{
        padding: 124px 0 0 0px;
	background-image:url(../../../images/general/wrapper_home.png);
	height: 750px;
        
}

.home_button_wrapper{
    height: 150px;
    margin: 32px 0px 0px 0px;
}

.home_select_title {
    margin: 50px 0 50px 0;
    text-align: center;
}

.home_home_details{
    text-align: center;
}

.home_footer{
    text-align: left;
    margin: 80px 0 50px 85px;
}

.footer{
    text-align: left;
    margin: 15px 0 15px 0px;
    border-top: 1px solid #cccccc;
    width: 100%;
    text-align: right;
}

.business{
display:block;
text-indent:-99999;
background-image:url(../../../images/navigation/home_business.png);
background-repeat:no-repeat;
background-position:center;
height:139px;
width:142px;
float:left;
margin: 0 0 0px 0px;
}

.beachsport{
display:block;
text-indent:-99999;
background-image:url(../../../images/navigation/home_beachsport.png);
background-repeat:no-repeat;
background-position:center;
height:139px;
width:142px;
float:left;
margin: 0 12px 0px 0px;
}

.nightlife{
display:block;
text-indent:-99999;
background-image:url(../../../images/navigation/home_nightlife.png);
background-repeat:no-repeat;
background-position:center;
height:139px;
width:142px;
float:left;
margin: 0 0 0px 12px;
}

/* GENERAL */
.nav_inner_wrapper {
    padding:8px;
	
}

.div_content_wrapper {
    background-image:url(../../../images/general/background.png);
    float: left;
    width: 960px;
}

.div_content_inner_wrapper {
    margin:15px;  
}

.items_nav_wrapper{
    margin-right: 20px;
    float: left;
}

.items_nav_wrapper_right {
    float: right;
}

#bg_image{
        width: 100%;
	height: 100%;
        padding: 0;
	margin: 0;
        position: absolute;
	top: 0;
	left: 0;
        z-index: -100;
}

/* GENERAL */

/* CONTACT*/
.form_wrapper {

}

.form_wrapper .label {
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
}

.form_wrapper .error_tekst {
	font-size:9px;
	color:#cc0000;
}
/* CONTACT*/

/* NIGHTLIFE */

.months_wrapper {
    padding: 10px;
    color: #ffffff;
    float: left;
    text-transform: uppercase;
}

.months_wrapper a {  
   color:#ffffff;
}

.months_wrapper a:hoover {  
   color:#ffffff;
}

.months_wrapper a:active {  
   color:#ffffff;
}

.article_wrapper_nonactive {
    background-image:url(../../../images/nightlife/upcomming_background.png);
    background-repeat:no-repeat;
    width:485px;
    height:35px;
}

.article_innerwrapper_nonactive {
    padding:7px 0 0 25px;
    font-size:14px;
    color:#ffffff
}

.article_innerwrapper_nonactive p {
    margin-top:0px;
    text-transform:uppercase;
   
}

.article_innerwrapper_nonactive a {  
   margin-top:0px;
   color:#ffffff;
}

.article_picture_wrapper{
	float:left;
	width:305px;
	overflow:hidden;
	
}

.article_picture_wrapper img{
	margin:0 0 5px 0;
}

.article_picture_wrapper_nonactive {
	float:left;
	padding:0 0 0 5px;
	height:423px;
        overflow: auto; overflow-x: hidden;
}

.article_picture_inner_wrapper{
	margin:0 0 10px 0;

	
}

#left {
float:left;
}

#rechts {
float:left;
}


#fotolog_full{
width: 930px;
}

#thumbnail_pic_current {
    padding: 0 0 11px 14px;
    float: left;
}

#thumbnail_pic_current img {
    border: 1px #000000 solid;
}

#thumbnail_pic {
    float: left;
    padding: 0 0 11px 14px;
}

#thumbnail_pic img {
   border: 1px #ffffff solid;
}



#player_pictures {
    width: 586px;  
    position: relative;
	text-align:center;
	background-color:#000000;
}



#player_video {
    height: 358px;
    width: 586px;
    overflow: hidden;
}

a.item_vorige_pag {
    text-indent:-99999;
    display: block;
    width: 72px;
    height: 136px;
    position: absolute;
    z-index: 10px;
    left: 10;
    top: 30%;
    background-image:url(../../../images/nightlife/item_left.png);
    background-repeat:no-repeat;
}
a.item_volgende_pag {
    text-indent:-99999;
    display: block;
    width: 72px;
    height: 136px;
    position: absolute;
    z-index: 10px;
    right: 10;
    top: 30%;
    background-image:url(../../../images/nightlife/item_right.png);
    background-repeat:no-repeat;
}

a.vorige_pag {
    text-indent:-99999;
    width: 11px;
    height: 22px;
    float: left;
    margin: 0 0 0 0px;
    background-image:url(../../../images/nightlife/left_page.png);
    background-repeat:no-repeat;
}

a.volgende_pag {
    text-indent:-99999;
    width: 11px;
    height: 22px;
    float: right;
    background-image:url(../../../images/nightlife/right_page.png);
    background-repeat:no-repeat;
}

#buttons_pag{
    padding: 0 25px 0 25px;
}

#player_buttons_aantal {
    float: left;
    text-align: center;
    width: 270px
}

/* END NIGHTLIFE */

/* NAVIGATION */
.nav_rechts {
	align:right;
}
/* NAVIGATION */

/* CONTENT */
h2 {
   font-size:14px;
   margin-top:0px;
   text-transform:uppercase;
}

.article_wrapper {
    margin-bottom:15px;
}

.article_wrapper_single {
    margin-bottom:15px;
	padding:0 10px 0 0;
	height:400px;
	overflow:auto;
}
.article_wrapper_nightlife{
    margin-bottom:15px;
	padding:0 10px 0 0;
	height:250px;
	overflow:auto;
}
#player_wrap_horizontal {
    width:400px;
   
}
#player_horizontal {
    float:left;
    width:310px;
    margin-right:5px;
}
#thumbnail_wrapper_horizontal {
    float:left;
    width:80px;
}

#thumbnail_horizontal img{
    border:0px;
    display:block;
    margin-bottom:10px;
}


/* FOOTER */
.footer {
	padding:10 0 20 0;
}
.footer_left {
   float:left;
   padding-left:10px;
}

.footer_right {
    float:right;
}

.footer_sub_wrapper {
	float:left;
	padding-right:10px;
}

/* FOOTER */


#makeMeScrollable div.scrollableArea *
{
	position: relative;
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../../../images/nightlife/item_left.png);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: -68;
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../../../images/nightlife/item_right.png);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

	#makeMeScrollable
		{
			width:100%;
			height: 60px;
			position: relative;
		}

		#makeMeScrollable div.scrollableArea *
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
		}