/* ================================ +
	    	UITMARKT 2009
 + ================================ */



/* 
** Made by: Studio Parkers / Edgar Vijgeboom, Ines Gall, Thomas Lievestro
** Email:	info@studioparkers.nl
** Website:	www.studioparkers.nl
*/


/* ================================ +
               STANDAARDS
+  ================================ */

/* start RESET DEFAULT styles */
*{ margin:0; padding:0; }
*:focus { outline: 0; }

body { 
	font-family: 		arial,verdana,tahoma;
	font-size:			12px;
	line-height: 		17px;
	color: 				#552222;
	text-align: 		left;
}
	
img { border:			0px; }	

ul { 
	list-style:			none;
	overflow:			hidden;
	}

a {
	text-decoration:	none; 
	color:				#ee0011;
 }
 
a:hover {
	text-decoration:	underline;  
 }

.clear {
	clear:				both;
 }

.float_left {
	float: 				left;
 }

.float_right {
	float: 				right;
}


	
/* end RESET DEFAULT styles */


/* ================================ +
             GLOBAL LAYOUT
+  ================================ */

#wrapper {
	position:     relative;
	width: 				995px; 
	margin:			  0 auto;
	background-repeat:	no-repeat;
  }

#head {
	width: 					100%;
	height:					219px;
  }

#content {
	  width:           100%;
}

#content_vervolg {
  width:           901px;
  background-color:  #ffffff;
  margin-left:     18px;
  padding-bottom:    80px;
	padding-top:       20px;
	padding-left:    60px;
}

#content_vervolg_breed {
  width:           931px;
  background-color:  #ffffff;
  margin-left:     18px;
  padding-bottom:    80px;
	padding-top:       20px;
  padding-left:    30px;
}

.column1_klein {
	display:				inline;
	width:					270px;
	float:					left;
}

.column_klein {
	width:					265px;
	float:					left;
}

.column_290 {
	display:				inline;
	width:					290px;
	margin-left:			25px;
	margin-right:			5px;
	float:					left;
}

.column_310 {
  display:        inline;
  width:          300px;
  xmargin-left:      25px;   /*was 25*/
  margin-right:     30px;  /*was 17*/
  float:          left;	  /*was right*/
}

.column_340 {
	display:				inline;
	width:					340px;
	float:					left;
	margin-left:			60px;
}
.column_340_markt {
  display:        inline;
  width:          340px;
  float:          left;
  margin-left:    12px;
}

.column2_breed {  /*zoekresultaat, acties, bereikbaarheid, colofon*/
	display:				inline;
	width:					570px;
	float:					left;
}

.column_breed {
	width:					670px;
	float:					left;
}

.column_pers {/* alleen op perspagina */
  width:          600px;
	margin-left:    60px;
  float:          left;
}

.column_breed_620 {/* fotogallery */
  display:        inline;
  width:          620px;
  margin-right:   10px;
  float:          right;
}


/* ================================ +
             head
+  ================================ */

.bg_wolken{
  background:     url(../images/bg_home.jpg) 50% 0px;
  background-attachment:fixed;
}

#logo {
  position:       absolute;
  left:           18px;
  top:            10px;
  width:          320px;
  height:         125px;
}

#menu {
  position:       absolute;
  width:          840px;
  height:         32px;
  left:           140px;
  top:            165px;
  background:     #ee0011;
  z-index:        1000
}

#menu ul li{
  display:        inline;
  float:          left;
}


/* HEADNAV */

#nav span{
  display:        block;
  text-indent:      -1000em; 
  text-decoration:    none;
  overflow:       hidden;
  height:         31px;
  cursor:         pointer;
}

#nav {
  margin-left:  120px;
}

#headnav_programma  {width:107px;   background: url('../images/nav.gif') no-repeat  -12px 0px;  margin-left:12px; margin-right:24px;}
#headnav_uitgelicht {width:97px;   background: url('../images/nav.gif') no-repeat -150px 0px;  margin-right:24px;}
#headnav_plattegrond{width:119px;   background: url('../images/nav.gif') no-repeat -279px 0px;  margin-right:24px;}
#headnav_organisatie{width:120px;   background: url('../images/nav.gif') no-repeat -430px 0px;}


.submenu{
  display:        none;
  position:       absolute;
  margin-left:    -12px;
  margin-top:     -2px;
  padding:        5px;
  background:     #EE0011;
}

#menu ul li .submenu li{
  display:        block;
  float:          none;
}

#menu ul li .submenu li a{
  display:        block;
  height:         17px;
  padding:        4px 7px;
  color:          #ffffff;
  text-transform:     uppercase;    
}

#menu ul li .submenu li a:hover{
  display:        block;
  color:          #ffffff;
  background:       #990000;
  text-decoration:    none;
}

.submenu.first {
  margin-left:0px
}

#zoeken {
  position:       absolute;
  left:         714px;
  top:          94px;
  background:   #ffffff;
  width:          265px;
  height:         75px;
}

.zoekveld {
  margin:         15px 0 0 24px;
  padding-left:   4px;
  width:          170px;
  height:         30px;
  float:          left;
  background:     url(../images/bg_zoeken.gif) no-repeat 0px 0px;
  border:        0px;
  font-size:     15px;
  color:         #552222;
}

a.btn_zoek {
  display:        block;
  width:          47px;
  height:         30px;
  float:          left;
  margin:         14px 0 5px 7px;
  background:     url(../images/btn_zoek.gif) no-repeat 0px 0px;
}

a.btn_zoek:hover {
  background:     url(../images/btn_zoek.gif) no-repeat 0px -30px;
}

a.zoekopties {
  display:       block;
  width:          105px;
  margin:        0;
  float:right;
  color:   #ee0011;
  text-decoration:   underline;
}

a.zoekopties:hover {
  color:   #552222;
  text-decoration:   underline;
}

#bg_head_1 {
  background:     #9372b9 url(../images/bg_head_1.jpg) no-repeat 50% 0;
}

#bg_head_2 {
  background:     #9372b9 url(../images/bg_head_2.jpg) no-repeat 50% 0;
}

#bg_head_3 {
  background:     #d79ebf url(../images/bg_head_3.jpg) no-repeat 50% 0;
}

#bg_head_4 {
  background:     #d79ebf url(../images/bg_head_4.jpg) no-repeat 50% 0;
}

#bg_head_5 {
  background:    #53b290 url(../images/bg_head_5.jpg) no-repeat 50% 0;
}

#bg_head_6 {
  background:    #53b290 url(../images/bg_head_6.jpg) no-repeat 50% 0;
}

/* ================================ +
             footer
+  ================================ */

.footer_sponsoren {
	 position:     relative;
	 width:          961px;
	 height:         99px;
	margin:       0 auto;
	margin-top:    30px;
}

.footer_sponsoren .aublogo {
  position:    absolute;
  top:         55px;
  left:        25px;
}


.footer {
  width:          961px;
  height:         165px;
	margin:       0 auto;
	background-color:  #ee0011;
}

.footerproduct {
	width:         235px;
	height:        125px;
	border-left:   1px solid white;
	color:         white;
	float:         left;
	margin-left:   15px;
	margin-top:    7px;
	padding-left:  15px;

	}

.footerproduct_last {
  width:         280px;
  height:        125px;
  border-left:   1px solid white;
  color:         white;
  float:         left;
  margin-left:   20px;
  margin-top:    7px;
  padding-left:  18px;
  }

.footerproduct_first {
  width:         230px;
  height:        125px;
  border-left:   1px solid white;
  color:         white;
  float:         left;
  margin-left:   120px;
	margin-top:    7px;
  padding-left:  18px;
}

.footerproduct img,
.footerproduct_first img,
.footerproduct_last img{
  float:         left;
	margin-right:  10px;
	margin-top:    -2px
}


.footer a{
  color:    #ffffff;
	text-decoration: underline;
}

.footer a:hover{
  color:    #000000;
  text-decoration: underline;
}

#sponsors {
  position:     absolute;
	top:         2px;
	left:        150px;
	/*background:     url(../images/bg_sponsors.gif) no-repeat 0px 0px;*/
}


#sponsors a{
  float:    left;
}

#iamsterdam {
	width:				961px;
	height:				30px;
	background-color:#ee0011;
	margin:				0 auto;
	padding-top:	3px;
	margin-bottom: 10px;
	border-bottom: 17px solid #ffffff;
}

#iamsterdam img{
	float:				right;
}


/* ================================ +
            homepage
+  ================================ */


/* CARROUSEL */

#carrousel {
  position:         relative;
  width:            960px;/*945*/
  height:           214px;
  margin-left:      18px; /*25*/
  border-top:       1px solid #ffffff;
  border-bottom:    1px solid #ffffff;
  border-right:    1px solid #ffffff;
  overflow:         hidden;
}

.carrousel_item {
	width:			119px;
  height:           214px;
  border-left:      1px solid #ffffff;
  float:            left;
  background-position:  center center;
  cursor:           pointer;

}

.carrousel_item.active {
  width:           359px;
}

.carrousel_item.last {
  height:           214px;
  border-left:      1px solid #ffffff;
  float:            left;
  background-position:  center center;
  cursor:           pointer;
}

.carrousel_item_header {
  width:            119px;
  height:           214px;
  float:            left;
}

.carrousel_item_spacer {
  width:            0;
  height:           214px;
  overflow:         hidden;
  float:            left;
}

#carrousel .carrousel_item_content {
  position:         absolute;
  display:			none;
  width:            359px;
  top:              170px;
  color:            #ffffff;
  font-size:        12px;
}

#carrousel .carrousel_item.active .carrousel_item_content {
  display:			block;
}

#carrousel .carrousel_item_content .label{
  display:          inline;
  padding:          5px 8px;
  font-size:        15px;
  font-weight:      bold;
  background:       #ee0011;
  text-transform:   uppercase;
}

#carrousel .carrousel_item_content .content{
  padding:          5px 8px 0;
  background:       #ee0011;
  height:           25px;
}

#content_home {
	width:           961px;
	background-color:  #ffffff;
	margin-left:     18px;
	margin-top:      30px;
	padding-bottom:    80px;
}

#home_acties {
	width:           240px;
	float:           left;
}

.home_intro {
  width:            430px;
	float:             left;
	margin-top:        30px;
	margin-right:      50px
}

.home_tip {
  width:            420px;
  border-top:        4px solid #552222;
	margin-top:        50px;
	padding-top:       25px;
}

.home_tip img{
  float:            left;
	margin-right:     30px;
	margin-bottom:     5px;
}


#uitcast {
  width:            437px;
  border-top:        4px solid #552222;
  margin-top:        50px;
  padding-top:       25px;
}


#social {
  position:          relative;
	width:            140px;
	float:           left;
	margin-top:        30px;
	font-family:       arial;
}

a.phone {
  display: block;
  width:            145px;
  height:            203px;
  margin:            40px 0 0 30px;
  background:      url(../images/btn_phone.png) no-repeat 0px 0px;
}
a.phone:hover {
 background:      url(../images/btn_phone.png) no-repeat 0px -190px;
}


#bg_countdown {
	position:        absolute;
	width:           220px;
	height:          90px;
	top:             455px;
	left:            0px;
	background:      url(../images/bg_countdown.png) no-repeat 0px 0px;
}

#countdown {
  position:        absolute;
  width:           30px;
  height:          35px;
  top:             37px;
  left:            85px;
  color:           #ffffff;
	font-size:       26px;
	font-weight:     bold;
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
}

.icon {
	display:         block;
	width:           24px;
	height:          24px;
	margin-right:    7px;
	float:           left;
}

.facebook {
	width:120px; 
	height:21px;
	position:    absolute;
	top:473px;
	left:95px;
	border:none;
	overflow:hidden;
}


#bg_home_1 {
  background:     #9372b9 url(../images/bg_home_1.jpg) no-repeat 50% 0;
}

#bg_home_2 {
  background:     #d79ebf url(../images/bg_home_2.jpg) no-repeat 50% 0;
}

#bg_home_3 {
  background:     #53b290 url(../images/bg_home_3.jpg) no-repeat 50% 0;
}

#content_home hr {
	  width:            420px;
  border-top:        4px solid #552222;
  margin-top:        50px;
}

a.btn_youtube {
  display:          block;
	width:            420px;
	height:          35px;
  margin-top:        10px;
	background:        url(../images/btn_youtube.gif) no-repeat 0 0;
}

/* ================================ +
            programma
+  ================================ */


#bg_programma_1 {
  background:     #9372b9 url(../images/bg_programma_1.jpg) no-repeat 50% 0;
}

#bg_programma_2 {
  background:     #d79ebf url(../images/bg_programma_2.jpg) no-repeat 50% 0;
}

#bg_programma_3 {
  background:     #53b290 url(../images/bg_programma_3.jpg) no-repeat 50% 0;
}

#wrapper_programma {
	position: relative;
  width:        970px; 
  margin:       0 auto;
	background-color:  #ffffff;
}

.column_programma {
  display:        inline;
  width:          975px;
  float:          left;
  margin-left:      20px;
}

#filter {
  width:         330px;
  margin-bottom:   15px;
  float:left;
}


#schema{
  position:       relative;
	width:          99%;
	margin-bottom:   50px;
}

.banners{
	width:					610px;
	float:					left;
	margin:		      15px 0 0 0;
  }
	
.banner {
	float:           left;
	margin-left:     5px;
	margin-bottom:   5px
  }
	
.programmatab {
	width:					 280px;
	height:					 35px;
	margin-left:     20px;
  }

#programma-slider {
	  width: 								850px;
	  height: 							10px;
	  background-color: 		#00bbff;
		border: 							1px solid grey;
	  position: 						relative;
		margin:								0 0 10px 108px
  }

.ui-slider-handle {
	  width: 								8px;
	  height: 							14px;
	  position: 						absolute;
	  top: 									-4px;
	  background: 					#ee0011;
	  border: 							solid 1px black;
  }

#programma-main {  
    position:             absolute;
		width:                85%;           
		left:                 150px;
	}
		
.programma-holder {
	  position:             absolute;
		width:                100%;
    overflow:           	hidden;
    }

.tijdlijn {
		height:								25px;
		/*width:								6266px;*/
    width:                7225px;
		background-color:			#ee0011;
		color:								#ffffff;
		font-weight:					bold;
		font-size:          15px;
		margin-bottom:      2px;
	}
	
a.btn_pijl_back {
		position:             absolute;
    top:                  5px;
    left:                151px;
		display:							block;
		width:								40px;
		height:								30px;
		background:						url(../images/btn_pijltjes.gif) no-repeat -10px 0px;	
		float:								left;		
}	
a.btn_pijl_back:hover {
		background:						url(../images/btn_pijltjes.gif) no-repeat -10px -31px;			
}	

a.btn_pijl_forward {
    position:             absolute;
    right:                0px;
    display:              block;
    width:                40px;
    height:               30px;
		margin-top:           -30px;
    background:           url(../images/btn_pijltjes.gif) no-repeat -48px 0px;
		z-index:                1000
} 

a.btn_pijl_forward:hover {
    background:           url(../images/btn_pijltjes.gif) no-repeat -48px -31px;      
  } 

a.btn_pijl_forward.bottom {
	   margin-top:           -34px
  }

a.btn_pijl_back_bottom {
    position:             absolute;
    left:                 151px;
    display:              block;
    width:                40px;
    height:               30px;
    background:           url(../images/btn_pijltjes.gif) no-repeat -10px 0px;  
  } 

a.btn_pijl_back_bottom:hover {
    background:           url(../images/btn_pijltjes.gif) no-repeat -10px -31px;      
  } 

	
.periode{	
	width:									239px;
	height:									24px;
	float:									left;
	border-left:						1px solid #ffffff;
	}


#podia {
    width:                130px;
		float:                left;
		margin-left:          20px;
    }
		
.roodbalk {
    width:                130px;
		height:               25px;
		background-color:     #ee0011;
		margin-bottom:      3px;
    }


#podia .podiumnummer {
    float:                left;
    width:                24px;
    height:               20px;
    background-color:     #ee0011;
    color:                #ffffff;
    text-align:           center;
    font-weight:          bold;
		font-size:            16px;
    padding-top:           7px;
		margin:               4px 0 0 4px;
    }
    
#podia .podiumnummer.red {
    background-color:     #ee0011;
    }
    
#podia .podium {
    float:                left;
    overflow:             hidden;
    width:                90px;
    height:               34px; 
    padding:              3px 0 0 3px;
		line-height:					14px;
		font-size:						11px;
   }
	 
a.podiumrij {
	display:block;
	width:   128px;
	height:   37px;
	background-color:  #ffffff;
	color:                #552222;
	margin-bottom: 2px;
}

a.podiumrij:hover {
    background-color:     #552222;
    color:                #ffffff;
    text-decoration:      none;
   } 
   
#programma {
    width:                6266px;
		background:						url(../images/bg_programma_unit.png) repeat 0 0;
    height:               1210px;
    }

#programma .optreden {
    height:               39px; 
    float:                left;
    }

#programma .optreden img{
    float:                left;
		margin:								0 3px 0 2px;
    }
		
#programma .optreden a{
   	color:								#552222;
    }	
		
#programma a.optredendetail {
    display:							block;
		float:                left;
    line-height:          13px;
    height:               33px; 
    background-color:     #ffffff;
    color:                #552222;
    border-top:           2px solid #0ab0fa;
		padding-top:					2px;
   }
	 
			
#programma a.optredendetail:hover {
    background-color:     #552222;
		color:								#ffffff;
   }
   
#programma .optredendetail.red {
    border-top:           2px solid #ee0011
   }

	 
a.btn_download_programma {
	display:				block;
	width:					313px;
	height:					32px;
	float:					left;
	margin-bottom:	15px;
	background:				url(../images/btn_download_programma.gif) no-repeat 0 0;
}

a.btn_download_programma:hover {
	background:				url(../images/btn_download_programma.gif) no-repeat 0 -33px;
}


/* genrefilter */

a.subhead{
  display: block;
	width:230px;
	height:30px;
	font-size:      18px;
  line-height:    20px;
  color:        #552222;
}

a.subhead:hover{
  color:        #ee0011;
}

  
#filter input{
  margin-right:  5px;
	border:        none;
	width:         16px;
	height:        16px;
	vertical-align:  -2px;
  cursor:hand;
  }

#filter input:hover, #filter label:hover {
  cursor:pointer;
  }
  
#filter a{
  display:        block;
  width:          120px;
  height:         16px;
	color:      #552222;
	font-size:       14px;
	margin:          0 2px 3px 0;
	float:left;
}

#filter a:hover{
	text-decoration:   none;
  background-color:  #ee0011;
	 color:      #ffffff;
}


#filter a.check{
  display:        block;
  width:          185px;
  height:         16px;
  color:      #552222;
  font-size:       14px;
  margin:          0 0 3px 0;
  float:left;
}

#filter a.check:hover{
  text-decoration:   none;
  background-color:  #ee0011;
}


/* ================================ +
           zoekresultaat
+  ================================ */

#zoekopties {
	width:						280px;
	height:						330px;
	background-color:	#eee8e8;
	padding:					15px 0 0 20px;	
}

#zoekopties .zoekveld{
  margin:         15px 0 0 0;
  padding-left:   4px;
  width:          220px;
  height:         30px;
  background:     url(../images/bg_zoeken_wit.gif) no-repeat 0px 0px;
  border:        0px;
  font-size:     13px;
	font-family:   arial;
	font-weight:     bold;
  color:         #552222;
}

#zoekopties input{
	height:						18px;
	vertical-align:    -3px;
}

#zoekopties select{
	margin-top:				15px;
	padding:					1px;
	color:						#552222;
	font-weight:			bold;
	font-size:				13px;
	font-family:		arial;
	height:        25px;
}

.width200	{
	width:						220px;
}

.width150	{
	width:						123px;
	margin-right:			6px;
}

#zoekopties input.check{
	width:					25px;
	margin-top:			7px;
}


a.btn_zoek2 {
	display:				block;
  width:          47px;
  height:         28px;
	float:					right;
	margin:					10px 20px 15px 0;
	background:			url(../images/btn_zoek.gif) no-repeat 0px 0px;
}

a.btn_zoek2:hover {
	background:			url(../images/btn_zoek.gif) no-repeat 0px -30px;
}

.resultaat {
	width:					580px;  /*was 655px*/
	border-top:			2px solid #552222;
	margin-bottom:	20px;
	padding:				10px 0 10px 0;
}

.resultaat_img	{
	width:					135px;
  min-height:     96px;
	float:					left;
	}
	
.resultaat_content	{
	width:					430px;
	float:					left;		
}	

.tijd {
	background-color:		#ee0011;
	color:							#ffffff;
	padding:						2px 8px;
	line-height:				19px;
}


.title {
	width:					140px;
	font-size:			18px;
	line-height:		20px;
	color:					#ee0011;
	float:					left;
	margin-top:			10px;
	margin-left: 5px;
}


.beschrijving {
	width:					260px;  /*was 365px*/
	float:					left;
	margin-top:			8px;
	margin-left: 10px;
}

.genre {
	font-size:			12px;
	color:				#00aaff;
}

/* resultaat variaties tip en actie*/
.resultaat_tip {
  width:          570px;  /*was 655px*/
  border-top:     2px solid #552222;
  margin-bottom:  20px;
  padding:        10px 0 10px 0;
	background-color:  #ebf1f3;
}


.paginas {
	/*width:					655px;*/
	border-top:			2px solid #552222;
	margin-bottom:	10px;
	padding:				10px 0 10px 0;
	text-align:			right;
}

.paginas_kort {
  width:          560px;
  border-top:     2px solid #552222;
  margin-bottom:  10px;
  padding:        10px 0 10px 0;
  text-align:     right;
}


a.blokje {
	display: 				block;
	padding:				5px;
	background-color:	#ee0011;
	color:					#ffffff;
	font-weight:		bold;
	float:					left;
	margin-right:		5px;
	text-decoration:	none;
}

a.blokje:hover {
	background-color:	#552222;
	text-decoration:	none;
}


a.blokje_active {
	display: 				block;
	padding:				5px;
	color:					#ee0011;
	font-weight:		bold;
	float:					left;
	margin-right:		5px;
	text-decoration:	none;
	cursor:					default;
}

a.blokje_active:hover {
	text-decoration:	none;
	cursor:					default;
}

/* ================================ +
           v2 (boeken)
+  ================================ */

.intro {
	width:					255px;
	float:					left;
	padding-top:		7px;
	margin-right:		25px;
  }

.intro2 {
	width:					265px;
	float:					left;
	padding-top:		7px;
  }

.resv2 { /*resultaat breed*/
	width:					565px;
  }

.rescov2 {/*resultaat_content breed*/
	width:					420px;
  }

.titv2 {/*resultaat titel breed*/
	width:					  350px;
	padding-right:		5px;
  }

.bev2 {/*resultaat beschrijving breed*/
	width:					350px;
  }

.lijst a.btn_kraam{
	display:				block;
	width:					62px;
	height:					20px;
	float:					left;
	margin-top:				3px;
	background:				url(../images/btn_kraam.gif) no-repeat 0 0;
}
.lijst a.btn_kraam:hover{
	background:				url(../images/btn_kraam.gif) no-repeat 0 -20px;
}

.lijst a.btn_uitgever{
	display:				block;
	width:					80px;
	height:					20px;
	float:					left;
	margin-top:				3px;
	background:				url(../images/btn_kraam.gif) no-repeat -80px 0;
}
.lijst a.btn_uitgever:hover{
	background:				url(../images/btn_kraam.gif) no-repeat -80px -20px;
}

.lijst a.btn_musea{
	display:				block;
	width:					60px;
	height:					20px;
	float:					left;
	margin-top:				3px;
	background:				url(../images/btn_kraam.gif) no-repeat -250px 0;
}
.lijst a.btn_musea:hover{
	background:				url(../images/btn_kraam.gif) no-repeat -250px -20px;
}

.lijst a.btn_naam{
	display:				block;
	width:					60px;
	height:					20px;
	float:					left;
	margin-top:				3px;
	background:				url(../images/btn_kraam.gif) no-repeat -180px 0;
}
.lijst a.btn_naam:hover{
	background:				url(../images/btn_kraam.gif) no-repeat -180px -20px;
}

.lijst .pulldown {
	width:					135px;
	height:					15px;
	float:					right;
}

.lijst table {
	width:					320px;
	margin-top:				5px;
	background-color:		#eee8e8;
}

.lijst td {
	padding:				2px 0;
	border-bottom:			2px solid #d6c5c5;
}

.lijst .kraamnr {
	width:						62px;
	font-size:				18px;
	padding:					5px 0;
	text-align:				center;
}

.lijst .actielink {
	color:					#ee0011;
	}
	
.lijst .actielink a{
	color:					#ee0011;
	text-decoration:		underline;
	}	
	
.lijst .actielink a:hover{
	color:					#552222;
	text-decoration:		underline;
	}		

/* ================================ +
           		acties
+  ================================ */


#content_actie {
  width:           931px;
  margin-left:     18px;
  padding-bottom:    80px;
  padding-top:       20px;
  padding-left:    30px;
  background:    #ffffff url(../images/bg_actie_laatjeraken.gif) no-repeat 0 0;
}
	
	
.actie_new {
	position:				relative;
	width:					270px;
	margin:				  20px 0 15px 0;
	border-bottom:   1px solid #b78585;
	}

.actie {
  position:       relative;
  width:          270px;
  float:          left;
  margin-top:     5px;
  margin-bottom:  10px;
  }	

.actie img{
	margin-bottom:		10px;
	}
	
#content_actie .introactie {
	margin:          280px 0 30px 20px;
	width:           280px;
	font-size:       15px;
	line-height:     18px;
}
	
.actie_title {
	position:					absolute;
	top:							10px;
	left:							0;
	background-color:	#ee0011;
	color:						#ffffff;
	font-size:				18px;
	padding:					5px 10px;
	}
	
	.actietable {
	width:						300px;
	float:						left;
	margin-left:			30px;
	}
	
	.actietable td.kraamnrklein{
	width:				60px;
	font-style:			italic;
	color:				#00aaff;
}

.raken-actie {
	width:         500px;
	padding:       20px;
	border-bottom:          2px dashed #CABDBD;
	font-size:     14px;
}


a.btn_actie_home {
	display:       block;
	width:         215px;
	height:        260px;
	margin-top:    30px;
	margin-left:   5px;
	background:    url(../images/btn_actie_home.gif) no-repeat 0 0;
}

a.btn_actie_home:hover {
  display:       block;
  width:         215px;
  height:        260px;
  background:    url(../images/btn_actie_home.gif) no-repeat 0 -300px;
}

/* ================================ +
        remix (andere tiplijst)
+  ================================ */	
	
.tip {
	width:					310px;
	padding:				10px;
	background-color:		#eee8e8;
	border-top:				4px solid #552222;
	margin-top:				5px;
	margin-bottom:			25px;
	}	
	
.tip img{
	float:					left;
	margin-right:			10px;
	}	
		
	
a.btn_vr {
	display:				block;
	width:					40px;
	height:					35px;
	float:					left;
	margin-right:			2px;
	background:				url(../images/vrzazo_tabs.gif) no-repeat -3px -5px;
}	

a.btn_vr:hover {
	background:				url(../images/vrzazo_tabs.gif) no-repeat -3px -50px;
}	
a.btn_vr_active {
	display:				block;
	width:					40px;
	height:					35px;
	float:					left;
	margin-right:			2px;
	cursor:					pointer;
	background:				url(../images/vrzazo_tabs.gif) no-repeat -3px -50px;
}	

a.btn_za {
	display:				block;
	width:					40px;
	height:					35px;
	float:					left;
	margin-right:			2px;
	background:				url(../images/vrzazo_tabs.gif) no-repeat -50px -5px;
}	

a.btn_za:hover {
	background:				url(../images/vrzazo_tabs.gif) no-repeat -50px -50px;
}	
a.btn_za_active {
	display:				block;
	width:					40px;
	height:					35px;
	float:					left;
	margin-right:			2px;
	cursor:					pointer;
	background:				url(../images/vrzazo_tabs.gif) no-repeat -50px -50px;
}	
	
a.btn_zo {
	display:				block;
	width:					40px;
	height:					35px;
	float:					left;
	margin-right:			5px;
	background:				url(../images/vrzazo_tabs.gif) no-repeat -93px -5px;
}	

a.btn_zo:hover {
	background:				url(../images/vrzazo_tabs.gif) no-repeat -93px -50px;
}	
a.btn_zo_active {
	display:				block;
	width:					40px;
	height:					35px;
	float:					left;
	margin-right:			5px;
	cursor:					pointer;
	background:				url(../images/vrzazo_tabs.gif) no-repeat -93px -50px;
}
	
.zazotab {
	width:				100px;
	height:35px;
	margin-left:135px;
	margin-top:30px;
}	
	
/* ================================ +
               tips
+  ================================ */
	
.hoofdtip {
	width:          840px;
  padding:        40px 0 20px 0;
}	

.hoofdtip img{
  float:          left;
	margin-right:    30px;
} 

.tipinfo {
	xwidth:         420px;
  width:         416px;
	float:         left;
}
	
	
.tip_small {
	width:					275px;
	padding:				15px 10px 20px 10px;
	background-color:		#eee8e8;
	border-top:				2px solid #552222; 
	margin-top:				5px;
	margin-bottom:			35px;
	}	
	
.tip_small a{ 
	text-decoration:		underline;
	}		 
	
.tip_small img{
	float:					left;
	margin-right:			10px;
	}		
	
.tip_big {
  position:       relative;
	width:          270px;
  padding:        10px 0 20px 0;
  border-top:     3px solid #552222; 
  margin:         5px 25px 35px 0;
  float:           left;
  }
	
.tip_big img{
  margin-top:     10px;
	margin-bottom:   15px;
  } 
  
.tiprij {
	margin-bottom: 25px;
}	

.datum_block {
	background-color:  #ee0011;
	color:       #ffffff;
	padding: 4px 4px;
	font-size:   13px;
	margin-top:15px;
	line-height:20px;
}

.datum_lable {
  position:      absolute;
  top:           180px;
  left:          15px;
  z-index:       100;
  background-color:  #ee0011;
  color:       #ffffff;
  padding: 4px 4px;
  font-size:   13px;
  margin-top:15px;
  line-height:20px;
}

.locatie_lable {
  position:      absolute;
  top:           205px;
  left:          15px;
  z-index:       100;
  background-color:  #ee0011;
  color:       #ffffff;
  padding: 4px 4px;
  font-size:   13px;
  margin-top:15px;
  line-height:20px;
}

	
/* ================================ +
           podium
+  ================================ */

#shortlist {
	width:						270px;
	background-color:	#eee8e8;
}

#shortlist td{
	padding:			7px 0 7px 5px;
	border-top:		5px solid white;
	line-height:	19px;
}

.bg_rood {
	background-color:	#ee0011;
	width:					35px;
}

.width25 {
	width:		30px;
}

.podiumnr {
  width:          38px;
  height:         30px;
  float:          left;
  background-color:   #ee0011;
  color:          #ffffff;
  font-weight:      bold;
  text-align:       center;
}


/* ================================ +
           keuze van
+  ================================ */

.keuze_charakter{
	width:						270px;
	float:						left;
	margin:						0 0 0 45px;
	color:						#00bbff;
}

.keuzelijst {
	width:						285px;
	color:						#00bbff;
}




/* ================================ +
           plattegrond
+  ================================ */

#content_plattegrond {
  width:           951px;
  background-color:  #ffffff;
  margin-left:     18px;
  padding-bottom:    80px;
  padding-top:       10px;
  padding-left:    10px;
}

.plattegrond {
	display:				block;
	width:					270px;
}

.plattegrond:hover {
	text-decoration:		none;
	cursor:						pointer;
}

.plattegrond:hover .podiumnr {
	background-color:		#552222;
}

.plattegrond:hover .podiumnaam {
	color:					#552222;
}

.plattegrond .podiumnr {
	width:					22px;
	height:					18px;
	float:					left;
	background-color:		#ee0011;
	color:					#ffffff;
	font-weight:			bold;
	text-align:				center;
}

.plattegrond .podiumnaam{
	width:					220px;
	height:					20px;
	float:					left;
	color:					#ee0011;
	margin-left:			5px;
}


a.btn_download_plattegrond {
	display:				block;
	width:					313px;
	height:					32px;
	float:					right;
	margin:	        25px 20px 15px 0;
	background:			url(../images/btn_download_plattegrond.gif) no-repeat 0 0;
}

a.btn_download_plattegrond:hover {
	background:				url(../images/btn_download_plattegrond.gif) no-repeat 0 -33px;
}


/*bereikbaarheid*/
.column_ns {
  display:        inline;
  width:          300px;
	margin-top:      40px;
  float:          left;   /*was right*/
}


/* ================================ +
            optredens a-z
+  ================================ */

.abc a{
	display:				block;
	width:					26px;
	height:					32px;
	float:					left;
	margin:					5px 6px 0 0;
}

a.btn_a {background:				url(../images/az.gif) no-repeat 0 0;}
a.btn_a:hover {background:			url(../images/az.gif) no-repeat 0 -33px;}

a.btn_b {background:				url(../images/az.gif) no-repeat -30px 0;}
a.btn_b:hover {background:			url(../images/az.gif) no-repeat -30px -33px;}

a.btn_c {background:				url(../images/az.gif) no-repeat -60px 0;}
a.btn_c:hover {background:			url(../images/az.gif) no-repeat -60px -33px;}

a.btn_d {background:				url(../images/az.gif) no-repeat -90px 0;}
a.btn_d:hover {background:			url(../images/az.gif) no-repeat -90px -33px;}

a.btn_e {background:				url(../images/az.gif) no-repeat -120px 0;}
a.btn_e:hover {background:			url(../images/az.gif) no-repeat -120px -33px;}

a.btn_f {background:				url(../images/az.gif) no-repeat -150px 0;}
a.btn_f:hover {background:			url(../images/az.gif) no-repeat -150px -33px;}

a.btn_g {background:				url(../images/az.gif) no-repeat -180px 0;}
a.btn_g:hover {background:			url(../images/az.gif) no-repeat -180px -33px;}

a.btn_h {background:				url(../images/az.gif) no-repeat -210px 0;}
a.btn_h:hover {background:			url(../images/az.gif) no-repeat -210px -33px;}

a.btn_i {background:				url(../images/az.gif) no-repeat -240px 0;}
a.btn_i:hover {background:			url(../images/az.gif) no-repeat -240px -33px;}

a.btn_j {background:				url(../images/az.gif) no-repeat -270px 0;}
a.btn_j:hover {background:			url(../images/az.gif) no-repeat -270px -33px;}

a.btn_k {background:				url(../images/az.gif) no-repeat -300px 0;}
a.btn_k:hover {background:			url(../images/az.gif) no-repeat -300px -33px;}

a.btn_l {background:				url(../images/az.gif) no-repeat -330px 0;}
a.btn_l:hover {background:			url(../images/az.gif) no-repeat -330px -33px;}

a.btn_m {background:				url(../images/az.gif) no-repeat -360px 0;}
a.btn_m:hover {background:			url(../images/az.gif) no-repeat -360px -33px;}

a.btn_n {background:				url(../images/az.gif) no-repeat -390px 0;}
a.btn_n:hover {background:			url(../images/az.gif) no-repeat -390px -33px;}

a.btn_o {background:				url(../images/az.gif) no-repeat -420px 0;}
a.btn_o:hover {background:			url(../images/az.gif) no-repeat -420px -33px;}

a.btn_p {background:				url(../images/az.gif) no-repeat -450px 0;}
a.btn_p:hover {background:			url(../images/az.gif) no-repeat -450px -33px;}

a.btn_q {background:				url(../images/az.gif) no-repeat -480px 0;}
a.btn_q:hover {background:			url(../images/az.gif) no-repeat -480px -33px;}

a.btn_r {background:				url(../images/az.gif) no-repeat -510px 0;}
a.btn_r:hover {background:			url(../images/az.gif) no-repeat -510px -33px;}

a.btn_s {background:				url(../images/az.gif) no-repeat -540px 0;}
a.btn_s:hover {background:			url(../images/az.gif) no-repeat -540px -33px;}

a.btn_t {background:				url(../images/az.gif) no-repeat -570px 0;}
a.btn_t:hover {background:			url(../images/az.gif) no-repeat -570px -33px;}

a.btn_u {background:				url(../images/az.gif) no-repeat -600px 0;}
a.btn_u:hover {background:			url(../images/az.gif) no-repeat -600px -33px;}

a.btn_v {background:				url(../images/az.gif) no-repeat -630px 0;}
a.btn_v:hover {background:			url(../images/az.gif) no-repeat -630px -33px;}

a.btn_w {background:				url(../images/az.gif) no-repeat -660px 0;}
a.btn_w:hover {background:			url(../images/az.gif) no-repeat -660px -33px;}

a.btn_x {background:				url(../images/az.gif) no-repeat -690px 0;}
a.btn_x:hover {background:			url(../images/az.gif) no-repeat -690px -33px;}

a.btn_y {background:				url(../images/az.gif) no-repeat -720px 0;}
a.btn_y:hover {background:			url(../images/az.gif) no-repeat -720px -33px;}

a.btn_z {background:				url(../images/az.gif) no-repeat -750px 0;}
a.btn_z:hover {background:			url(../images/az.gif) no-repeat -750px -33px;}


.letter {
	width:				580px;
	border-top:			2px solid #552222;
	padding-top:		10px;
}

.letter img,
.letter table{
	float:				left;
}

.letter td{
	padding-top:		3px;
}

.letter td.artiest{
	width:				180px;
}

.letter td.genre{
	width:				155px;
	font-style:			italic;
	color:				#00aaff;
}

.letter td.dag{
	width:				40px;
	color:				#ee0011;
}

.letter td.podium{
	width:				210px;
	color:				#552222;
	text-transform:lowercase;
}

.letter a{
	color:				#552222;
	text-decoration:	none;
}

.letter a:hover{
	color:				#ee0011;
	text-decoration:	underline;
}


/* LIGHTBOX */

#overlay_bg {
  display:      none;
  position:     fixed;
  top:          0;
  left:         0;
  width:        100%;
  height:       100%;
  background-color: #552222;
  z-index:      9999;
  opacity:      .80;
  filter:       alpha(opacity=80)
  }
	
#overlay_bg_container {
  display:      none;
  position:     absolute;
  width:        100%;
	top:          50px;
  z-index:      10000;
  padding-bottom: 100px
 }

#overlay_details{
  position:      relative;
	margin:        auto auto;
	width:         840px;
  height:        auto;
	background-color: #ffffff;
  padding:          60px;
  }

#optreden_detail{
  position:      relative;
  margin:        auto auto;
  width:         840px;
  min-height:    570px;
  /*height:        auto;*/
  background-color: #ffffff;
  padding:          60px;
  }
	

#sticker {
	position:      relative;
	margin:      auto;
	width:       486px;
}

.detail_img {
	width:				390px;
	float:				left;
  margin:       0 30px 20px 0;
  }
	
.detail_img .icon {
  display:         block;
  width:           24px;
  height:          24px;
  margin:           17px 7px 0 0;
  float:           left;
}

.detail_img  .facebook {
  width:120px; 
  height:21px;
  position:    absolute;
  top:370px;
  left:125px;
  border:none;
  overflow:hidden;
}

.detail_img a.play {
  display:          block;
  width:            50px;
  height:           40px;
	position:        absolute;
	top:             185px;
	left:            230px;
  background:       url(../images/play.png) no-repeat 0 0;   
}
.detail_img a.play:hover {
  background:       url(../images/play.png) no-repeat 0 -40px;   
}

.detail_content {
	width:			420px;
	float:			left;
	margin-bottom: 10px;
  }

.detail_content h1{
	width:					420px;
	font-size:			30px;
	line-height:		32px;
	margin-top:			15px;
	color:					#ee0011;
	text-transform:  uppercase;
  }
	
.detail_content hr{
  width:          420px;
  height:         5px;
  color:          #552222;
	background-color:#552222;
	border:          1px solid #552222;
	margin:          20px 0;
  }

.close_lightbox {
	display:			block;
	position:			absolute;
	width:				17px;
	height:				17px;
  right:        35px;
  top:          10px;
	z-index:			2221;
  }

a.btn_volgende {
	display:					block;
	width:						145px;
	height:						32px;
	margin:						15px 0 0 485px;
	background:				url(../images/btn_highlights.gif) no-repeat -250px 0px;		
  }

a.btn_volgende:hover {
	background:				url(../images/btn_highlights.gif) no-repeat -250px -38px;		
  }

.lightbox_detail .nieuws{
	width:				300px;
	float:				left;
	margin-left:	15px;
  }

.videolaag {
  display:        none;
  height:         440px;
  }

.videolaag h1 {
  font-size:      20px;
  line-height:    35px;
  color:          #ee0011;
  }
  
a.videolink {
  display:        none;
  }

/* ================================ +
          Mijn programma
+  ================================ */


#mijnprogramma {
	width:				720px;
	margin:				80px 0 0 20px;
	float:				left;
}

.mijn_item {
	width:					710px;
	border-top:			1px solid #552222;
	margin-bottom:	40px;
	margin-top:			3px;
	padding:				10px 0 10px 0;
}
	
.mijn_content	{
	width:						570px;
	margin-left:			10px;
	color:						#ee0011;
	font-size:				22px;
	float:						left;
}

.lineheight {
	line-height:       24px;
}	

.mijn_genre {
	width:					110px;
	margin-top:			7px;
	font-size:			12px;
	color:					#00aaff;
	float:					left;	
}

.mijn_beschrijving {
	width:					350px;
	float:					left;	
	margin-top:			7px;
	font-size:			12px;
	color:					#552222;
}

#mijnprogramma .header {
	font-size:			14px;
	color:					#552222;
}

a.btn_print {
	display:					block;
	position:					absolute;
	top:							150px;
	left:							800px;
	width:						90px;
	height:						32px;
	background:				url(../images/btn_print.gif) no-repeat 0px 0px;		
}
a.btn_print:hover {
	background:				url(../images/btn_print.gif) no-repeat 0px -33px;		
}


a.btn_sluiten {
	display:					block;
	position:					absolute;
	top:							110px;
	left:							800px;
	width:						90px;
	height:						32px;
	background:				url(../images/btn_sluiten.gif) no-repeat 0px 0px;		
}
a.btn_sluiten:hover {
	background:				url(../images/btn_sluiten.gif) no-repeat 0px -33px;		
}


a.terug {
	display:					block;
	width:						140px;
	float:						left;
	margin-left:				20px;
}

a.verwijder {
	display:					block;
	width:						80px;
	font-size:					12px;
	float:						left;
	margin:						22px 0 0 30px;
}

#sponsors_programma {
  width:          750px;
  height:         65px;
  margin-top:      80px;
	margin-left:     170px;
}

#sponsors a{
  float:    left;
}

#sponsors_print{
  display:    none;
}




/* ================================ +
           perspagina
+  ================================ */

#pers .column1_klein { 
  display:        inline;
  width:          270px;
  float:          left;
}

#pers .column_breed { 
  width:          580px;
  margin-left:    40px;
  float:          left;
}


.pers a{
	display:						block;
	float:							left;
	width:							165px;
	height:							105px;
	margin-top:						10px;
}

.campagne a{
	display:						block;
	float:							left;
	width:							223px;
	height:							270px;
	margin-top:					10px;
}


/* ================================ +
              OP TV
+  ================================ */

#intro_tv p{
	width:           295px;
	margin-right:    30px;
}

#intro_tv img{
  float:           right;
  margin-right:    30px;
}

#promo {
	float:           right;
  margin-right:    30px;
	width:           570px;
}

a.extern{
  color:          #ee0011;
  text-decoration:    underline;
  } 
	
table.optv {
	width:           870px;
	float:           right;
	margin:          50px 30px;
}	
	
td {
	padding-top:     10px;
	padding-bottom:  1px;
	vertical-align:  top;
	border:0px
}	

td.first {
	width:           265px;
	text-align:      right;
  padding-right:    25px;
	padding-top:     15px;
	color:           #ee0011;
}


td.first .subheader {
  height:         1px;
  color:           #ee0011;
}

td.logo {
  width:           185px;
	text-align:      right;
	border-bottom:   1px solid #ccbcbc;
	vertical-align:   top;
}	
	
.border_bot {
	border-bottom:   2px solid #552222;
}	

.border_bot-light {
	border-bottom:   1px solid #ccbcbc;
}


/* ================================ +
             	typo
+  ================================ */

.header_groot {	/*zoekresultaat aantal*/
	font-size:			28px;
	color:				#552222;
  line-height:  28px
}

.tipheader {  /*title van hoofdtip*/
  font-size:      30px;
  line-height:    20px;
  color:        #552222;
	text-transform:uppercase;
}

.head24 {  /*title van raakactie*/
  font-size:      26px;
  line-height:    20px;
  color:        #552222;
  xtext-transform:uppercase;
}
.head24arial {  /*title van raakactie*/
  font-size:      26px;
  line-height:    20px;
  color:        #552222;
  xtext-transform:uppercase;
}

.ondertitle {  /*subtitle van raakactie*/
  font-size:      18px;
  line-height:    32px;
  color:        #ee0011;
}


.videoheader {  /*title van nagenieten videos*/
  display:        block;
	width:           270px;
	height:          50px;
	margin:        15px 0 5px 0;
	font-size:      22px;
  color:        #552222;
  text-transform:uppercase;
}

.fotoheader {  
  display:        block;
  width:           270px;
  height:          25px;
  margin:        15px 0 5px 0;
  font-size:      24px;
  color:        #552222;
  text-transform:uppercase;
}

.subheader {  /*title OP tip div*/
  display:      block;
	height:        45px;
	width:         270px;
	font-size:      20px;
  color:        #552222;
}

.subheader_laag {  /*title bij podiapagina*/
  display:      block;
  height:        25px;
  width:         270px;
  font-size:      18px;
  line-height:    20px;
  color:        #552222;
}

.subheader_thema {  /*title bij themapagina, title bij podiapagina, podiumnaam boven mini-plattegrond op podiumpagina*/
  width:         270px;
  font-size:      18px;
  line-height:    20px;
  color:        #552222;
}

.header {
	font-size:			18px;
	color:				#552222;
	line-height:   22px;
}

.head_small { /*title IN tip div en zoekresultaat*/
	font-size:     14px;
  color:        #552222;
	font-weight:   bold;
	line-height:20px;
}


.subtitle {	/*subtitle in lightbox*/
	font-size:			18px;
	font-weight:		bold;
	line-height:		26px;
	color:					#552222;
}

.oproep {	/*titel bij keuze van*/
	font-size:			18px;
	color:				#ee0011;
	line-height:	26px;
}

.red {
	color:				#ee0011;
}

a.underline {
	text-decoration:underline;
}

a.underline:hover {
	text-decoration:underline;
	color:				#00aaff;
}


.introtekst {
	font-size:			14px;
	line-height:		18px;
	color:				#ee0011;
}


.marg30 {
	margin-left:			30px;
	}
	
.marg20	{
  margin-left:      20px;
  }


/* ================================ +
             	highlight
+  ================================ */

.highlight {
	width:						195px;
	height:						265px;
	float:						left;
	color:						#ee0011;
	font-weight:			bold;
	line-height:			22px;
	margin:						0 11px 11px 0;
	background-color:	#ffffff;
	padding:					15px 10px 0 10px;	
	text-decoration:	none;
}

.highlight img{
	margin-top:				3px;	
}

.highlight_detail {
	width:					450px;
	background-color:#ffffff;
	margin:					10px 0 0 220px;
}

.tekst {
	width:						205px;
	float:						left;
	margin-bottom:		15px;
}

 /* buttons */
a.sluiten {
	display:					block;
	width:						15px;
	height:						40px;
	float:						right;
	margin-top:				3px;
	background:				url(../images/btn_highlights.gif) no-repeat -400px 0px;		
}
a.sluiten:hover {
	background:				url(../images/btn_highlights.gif) no-repeat -400px -38px;		
}

a.btn_terug {
	display:					block;
	width:						215px;
	height:						32px;
	margin:						110px 0 0 220px;
	background:				url(../images/btn_highlights.gif) no-repeat 0px 0px;		
}

a.btn_terug:hover {
	background:				url(../images/btn_highlights.gif) no-repeat 0px -38px;		
}



/* ================================ +
          highlight video
+  ================================ */


#video a.btn_terug {
	display:					block;
	width:						215px;
	height:						32px;
	margin:						0 0 0 220px;
	background:				url(../images/btn_highlights.gif) no-repeat 0px 0px;		
}

#video a.btn_terug:hover {
	background:				url(../images/btn_highlights.gif) no-repeat 0px -38px;		
}

#videoplayer {
	position:	absolute;
	top:							260px;
	left:							310px;
	width:						420px;
	height:						360px;
	background-color:	#ffffff;
	padding:					7px;
	z-index:10;
}


/* ================================ +
          nieuws
+  ================================ */


.nieuws_detail {
	width:					450px;
	background-color:#ee0011;
	margin:					10px 0 0 220px;
}

.nieuws_detail .tekst {
	width:						425px;
	color:						#ffffff;
	padding:		15px;
}


.nieuws_detail h2 {
	font-family:	Arial;
	font-size:		24px;
	line-height:	26px;
	color:			#ffffff;
}

a.sluiten_nieuws {
	display:					block;
	width:						15px;
	height:						35px;
	float:						right;
	background:				url(../images/btn_x_rood.gif) no-repeat -5px -10px;		
}
a.sluiten_nieuws:hover {
	background:				url(../images/btn_x_rood.gif) no-repeat -5px -48px;		
}



/* ================================ +
          nagenieten
+  ================================ */

.column_breed3 {
	width:					870px;
	float:					left;
}

.video {
  width:        270px;
  height:       420px;
  float:        left;
  margin-right: 30px;
	border-top:    4px solid #552222;
}

.video2 {
  width:        270px;
  height:       400px;
  float:        left;
	border-top:    4px solid #552222;
}

.video p,
.video2 p {
  margin-top:   12px;
}


.video_title {
	font-size:   18px;
}


.fotos {
	width:					540px;
	margin-top:     10px;
	margin-right:		16px;
	float:					left;
}

.fotos p {
  border-top:   4px solid #552222;
	margin-top:    10px;
	padding-bottom: 2px;
}

.fotos img {
	float:					left;
	margin-right:		5px;
	margin-bottom:		5px;
}

.banner_rec {
	width:         300px;
	float:         left;
	margin-top:    60px;
}

.banner_rec_add {
  border-top:     2px solid #cabdbd;
  padding-top:   14px;
	padding-bottom: 14px;
}


.banner_rec-right {
  width:         300px;
  float:         right;
  margin-top:    30px;
	margin-right:  20px;
}

.banner_rec-contact {
  width:         300px;
  float:         right;
  margin:        60px 20px 0 0;
}

.banner_rec-contact .banner_rec_add,
.banner_rec_lightbox .banner_rec_add,
.banner_rec-left .banner_rec_add,
.banner_rec-right .banner_rec_add {
  border-top:     0px solid #cabdbd;
}

.banner_rec-left {
  width:         300px;
  float:         left;
  margin-top:    20px;
}

.banner_rec_lightbox {
  position:      relative;
  margin-left:   480px; 
  width:         300px;
}


/* ================================ +
           Fotogallerij
+  ================================ */

.fotogallerij {
  height:         600px;
  overflow:       hidden;
  overflow-y:     scroll;
  margin-left: -10px
  }

.fotogallerij a{
  display:            block;
  float:              left;
  width:              165px;
  margin-top:         10px;
  }
	
.foto_th {
	display:           block;
	width:              110px;
	height:              135px;
	margin-right:      14px;
	margin-top:        15px;
	float:             left;
	position:          relative;
  }
	
#gallery select {
	width:       200px;
	height:      28px;
	color:       #552222;
	float:       left;
	vertical-align:  -10px;
	padding-top:   2px;
	padding-bottom:2px;
	font-weight:   bold;
	background-color:  #eee8e8;
  } 	
	
a.btn_start {
  display:        block;
  width:          90px;
  height:         30px;
  margin-top:     10px;
  background:     url(../images/btn_start.gif) no-repeat 0 0;    
  }

a.btn_start:hover {
  background:     url(../images/btn_start.gif) no-repeat 0 -30px;    
  }

  
a.btn_zoek_blauw {
  display:        block;
  width:          60px;
  height:         30px;
	float:          left;
	margin-top:    -2px;
	margin-left:   10px;
  background:     url(../images/btn_zoek_blauw.gif) no-repeat 0 0;    
  }

a.btn_zoek_blauw:hover {
  background:     url(../images/btn_zoek_blauw.gif) no-repeat 0 -30px;    
  }



h4 { /*keuze van en fotogallery*/
	font-size:       18px;
	color:           #ee0011;
	text-transform:  uppercase;
	margin-bottom:   10px;
	margin-top:      5px;
  }

.datum_header {
	display:       block;
  height:        20px;
  width:         500px;
  font-size:     24px;
  line-height:   20px;
  color:         #552222;
  padding-top:   20px;
	padding-bottom: 5px;
	clear:         both;
  }

.datum {
	display:     block;
	padding:     2px 4px 2px 4px;
	background-color:  #ee0011;
	color:       #ffffff;
	position:    absolute;
	top:         3px;
	left:        3px;
	z-index:     10;
  }

a.fotodetail {
	 display:     block;
	 position:    absolute;
	 }
	 
.logo-foto {
	position:    absolute;
	top:         10px;
	right:       10px;
	z-index:     2
	}
	
		
.column_breed_620 .paginas { /*andere width bij fotogallery */
  width:          608px;
  border-top:     2px solid #552222;
  margin-bottom:  10px;
	margin-top:      10px;
  padding:        10px 0 10px 0;
  text-align:     right;
}

.column_breed_620 .fotodetail {
	display:        block;
	margin:         60px 0 0 110px;
  }
	
	
a.addthis_button_compact {
  position:     absolute;
  top:            740px;
  display:        block;
  width:          92px;
  height:         30px;
  margin:         0 0 0 235px;
  background:     url(../images/btn_share.gif) no-repeat 0 0;    
  }

a.addthis_button_compact:hover {
  background-position:   0 -30px;    
  }

a.addthis_button_compact span  {
	background:  none;
	}