/* Copyright 2007 Estrate */

@import url(forms.css);

/******* Base styles ********/


        *
        {
            margin: 0;
            padding: 0;
            border: none 0;
            color: #213240;
            font-family: "Trebuchet MS", Verdana, sans-serif;
        }
        
        body, td
        {
            font-size: 12px;
            background-color: white;
            color: black;
        }
        
        p, ul, ol
        {
            margin: 0 0 1em 0;
        }
       
    p, li
    {
        line-height: 140%;
    }

        ul li
        {
            margin: 0 0 0 2em;
            list-style-image: url(/images/bullet.jpg);
        }
        
        ol li
        {
            margin: 0 0 0 2em;
        }
        
        h1, h2, h3, h4, h5, h6, #autoform .intro
        {
            font-size: 20px;
        }
        
        h1, #autoform .intro
        {
            font-family: 'Times New Roman', serif;
            font-weight: normal;
            letter-spacing: 1px;
            font-variant: small-caps;
            padding: 0 0 1em 0;
        }
        
        h2
        {
            font-size: 12px;
            padding: 0 0 1em 0;
        }
        
        h3
        {
            font-size: 12px;
        }
        
        h4
        {
        }
        
        h5
        {
        }
        
        h6
        {
        }
        
        a
        {
            text-decoration: none;
            color: rgb(80, 180, 255);
            color: #2878B4;
            cursor:pointer;
        }
        
        a:hover
        {
            text-decoration: underline;
        }
        
        td
        {
        	border: none;
        	vertical-align: top;
        }
        
        .leesverder
        {
            padding: 0 0 0 15px;
            font-weight: bold;
            background: url(/images/icon_pijl.gif) no-repeat center left;
        }

        .clear
        {
            clear: both;
        }

        .strong
        {
            font-weight: bold;
        }

        .hidden
        {
            display: none;
            width: 0;
            height: 0;
        }
        
        #header #subnavigation li.last
        {
        	border: 0px;
        }

		#header #subnavigation li.last a
		{
			padding-right: 0px;
		}

img.left,
div.caption.left {
    float: left;
}

img.right,
div.caption.right {
    float: right;
}

div.caption {
    width: auto;
}


/**** Airplane ****/
div#overlay {
    position: absolute;
    top: 0px;
    z-index: 1;
    left: 50%;
    margin-left: -350px;
}

/******** Lay out (afmetingen en positie) ********/




        #container
        {
            width:980px;
            height: auto;
            margin:0 auto;
        }
        
        #header
        {
            width: 980px;
        }
               
        #topwrapper
        {
            height: 75px;
            overflow: hidden;
        }
        
        #mainnavigation
        {
            width: 980px;
            height: 294px;
            position: relative;
        }
               
        #wrapper
        {
            float:left;
            width:100%;
        }
        
        #columnleft
        {
            float:left;
            width:490px;
            /*margin-left:-980px;*/
        }
        
        #columnright
        {
            margin: 0 0 0 490px;
        }
        
        #footer
        {
            clear:left;
            width:100%
        }

/******** Video's **********/

		
        #video
        {
            margin: 0 5px 24px 0;
            padding-bottom: 20px;
            width: 111px;
            float: left;
        }  
        
        table#video
        {
        	margin-top:5px;
        }
        
        #video p
        {
			padding: 7px 0;
			margin: 0px;
			border-bottom: 1px solid #e1e4e6;
			font-size: 8pt;
        }
        
        #video .waardering
        {
        	width: 111px;
        }
        
        #videoimage,
        #videotext
        {
            height: auto;
            overflow: hidden;
        }
    
    	#videotext
    	{
	        width: 331px;
		}
		
		#videotext p
		{
			padding: 8px 0;
		}
		
		#videotext h2, #video h2
		{
			margin: 0;
			padding: 0 0 10px 0;
		}
        
        #videoimage
        {
            width: 111px;
			float: left;
        }
        
        #videoimage a
        {
        	border:none;
        }
        
        #videoimage-content
        {
            height: 98px;
        }
        
        #videotitle
        {
			background: transparent url(/images/header_vlak-klein.gif) no-repeat scroll left top;        
			width: 111px;
			height: 25px;
			margin-bottom: 7px;
		}
		
        #videotitle h1 a
        {
        	display: block;
        	color: white;
        	width: 111px;
        	height: 25px;
        	padding: 3px 0;
        }
        
		#videotitle h1 a:hover
		{
			background: transparent url(/images/button_bekijken_actief.gif) no-repeat scroll left top;
		}
        
        #videotitle h1
        {
            text-align: center;
            font-size: 12px;
            font-weight: normal;
            font-variant: normal;
        }
        
        #videotext
        {
            float: right;
/*            margin: 0 0 0 12px;*/
        }

		#categorieoverzicht #video
		{
			float: left;
		}
		
	/* videos in table zoals op home */
	
		#video td
		{
			padding:0px 5px 0 0;
		}
		
		
	/* videos in overview template */

		#paginering
		{
			width: 100%;
			float: left;
			text-align: center;
			margin-bottom:40px;
		}
		
		#overviewheader
		{
			margin: 0 0 1em 90px;
		}             
        
        #video.overview
        {
            width: 700px;
            margin-left: 90px;
            margin-bottom:12px;
            padding-bottom:12px;
            border-bottom: 1px solid #E1E4E6;
        }
        
        #video.overview h2
        {
        	font-size: 14px;
        	margin-bottom:0.5em;
        }

        #video.overview p
        {
        	font-size: 12px;
        	margin-bottom:0.5em;
        	border:none;
        	padding:0px;
        }

        #video.overview .leesverder
        {
        	padding-left:20px;
        }
        
        #video #videotext
        {
            float: left;
            margin: 0 12px;
        }
        
        #video .statistics
        {
            width: 222px;
            height: 123px;
            overflow: hidden;
            float: left;
            margin: 0 12px 0 0;
        }
        
        #video .statistics p
        {
            margin-bottom: 0.5em;
        }


	/******** Meest recente video op home ********/
		
		#videomeestrecent
        {
			float: left;
			width: 466px;
            height: auto;
            margin: 0 24px 0 0;
            /*padding-bottom: 20px;*/
        }   
        
        #videomeestrecent p,
		#stemenwaardering
        {
			margin: 0px;
			border-top: 1px solid #e1e4e6;
		}
		
		#waarderingtab
		{
			padding: 5px 5px 5px 0;
		}
		
		#waarderingtab img
		{
			padding-right: 5px;
		}

        #videomeestrecent h2
		{
			padding: 0 0 9px 0;
			margin: 0px;
		}
		
		#vervolgvideotext
		{
			float: left;
			margin-bottom: 20px;
			width:100%;
		}
		
		#vervolgvideotext p
		{
			padding-top: 7px;
		}
			
		.stemopwaardering
		{
			float: left;
			color: #2878B4;
		}
		
		.waardering
		{
			float: right;
			padding: 5px;
			width: 170px;
		}
		
		#videomeestrecent p.leesverder
		{
			border-top: none;
			border-bottom:  1px solid #e1e4e6;
			padding: 7px 0;
		}
		
		#videomeestrecent p.leesverder a
		{
			padding-left: 15px;
		}



/******** De twee meer recente en gewaardeerde mislukkingen op home ********/



		#meerrecent, 
		#meergewaardeerd
		{
			width: 232px;
			float: left;
		}
		
		#meergewaardeerd
		{
			margin-left: 40px;
		}



/******** top 10 meest gewaardeerde op home ********/



		.top10
		{
			float: left;
			margin: 50px 0px 0 10px;
			width: 212px;
		}
		
		.top10 h2
		{
			margin: 0;
			padding: 0 0 5px 0;
		}
		
		.top10 ul
		{
			border-bottom: 1px solid #e1e4e6;
			padding-bottom: 5px;
			margin: 0px;
		}
		
		.top10 img
		{
			vertical-align: bottom;
		}
				
		.top10 td
		{
			padding: 0px;
		}

    .top10 td.firstrow_new
    {
      width: 40px;
    }
		
		.top10 td.firstrow
		{
			width: 20px;
		}
		.top10 td.secondrow
		{
			width: 200px;
		}
		
		.top10 p
		{
			padding: 0 0 7px 0;
			border-bottom: 1px solid #e1e4e6;
		}
		
		#mislukkingverzameling .top10
		{
			margin: 12px 0 0 0;
		}
		
		.top10 table.helelijst
		{
			border-bottom:  1px solid #e1e4e6;			
			border-top:  1px solid #e1e4e6;			
			padding: 7px 0;
			margin-top: 7px;
		}
			
			
		
/******** Mislukkingenverzameling *******/




        #mislukkingverzameling
        {
            width: 221px;
            float: left;
            padding: 48px 12px 24px 12px;
            overflow: hidden;
        }
             
        #verzamelingimage-content
        {
            width: 221px;
            height: 98px;
            background: url(/images/thumb_leeg.jpg) no-repeat top center;
        }
        
        #verzamelingtitle
        {
            width: 221px;
            height: 25px;
            background: url(/images/ivbm_titelbalkje.png) no-repeat top center;
        }
        

        #verzamelingtitle h1, #verzamelingtitle a
        {
            color: white;
            text-align: center;
            padding: 3px 0;
            font-size: 12px;
            font-weight: normal;
            font-variant: normal;
        }
		
		#verzamelingtitle a
		{
			display: block;
			width:221px;
		}

        #verzamelingtitle a:hover
        {
            background: no-repeat top center url(/images/button_bekijken_actief_breed.gif);
            border: none;
        }

        #verzamelingtext
        {
            padding: 12px 0 0 0;
            width: 221px;
            height: 123px;
            height: auto;
            overflow: hidden;
        }

		#verzamelingtext img
		{
			padding: 0 7px 1px 4px;
			vertical-align: bottom;
		}

/******** Container - achtergrondplaatjes ********/






        body
        {
           	background: url(/images/background_body.jpg) top left repeat-x;

        }
        
        #container
        {
        	background: url(/images/bg_header_nl.jpg) top center no-repeat;
        }
        
        .english #container 
        {
        	background-image: url(/images/bg_header_en.jpg);
        }
        




/******** Header --- subnavigation ********/





        #header #subnavigation
        {
            float: right;
            margin-top: 10px;
        }
        
        #language 
        {
        	width: 30px;
        	height: 26px;
	        float: right;
	        padding: 4px 4px 0 0;
        }
        
        #rssfeed
        {
        	width: 27px;
        	height: 30px;
        	float: right;
        	padding: 1px 0 0 0;
        	margin-top: 3px;
        }

		#header a.logo
		{
			display: block; 
			float:left;
			width: 180px; 
			top: 30px; 
			left: 124px;
			height: 200px; 
			position: relative;
		}
		
		#header a:hover
		{
			text-decoration: none;
			border-bottom: none;
		}


	/******** Hier wordt de layout van het zoekschermpje gedefinieerd ********/


		#searchform
		{
			height: 32px;
			width: auto;
			float: right;
			padding-right: 15px;
		}
		
		#searchform input
		{
			vertical-align: bottom;
		}
        
        #searchform input.searchfield
        {
			height: 22px;
            width: 105px;
            background: no-repeat url(/images/2_zoek_invoerveld.gif) top right;
            padding: 7px 7px 3px 7px;
       }
        
        #searchform input.searchbutton
        {
			height: 32px;
            width: 65px;
            background: no-repeat url(/images/2_button_zoeken.gif) top right;
        }



/******** Header --- mainnavigation ********/




        #navigationbutton1, 
        #navigationbutton2, 
        #navigationbutton3, 
        #navigationbutton4
        {
            float: left;
            text-align: center;
        }
        
        #navigationbutton1 a, 
        #navigationbutton2 a, 
        #navigationbutton3 a, 
        #navigationbutton4 a
        {
            display: block;
            width: 138px;
            height: 19px;
            color: white;
            text-decoration: none;
            font-size: 11px;
            padding-top: 6px;
            border: none;
        }
        
        #navigationbutton1 a:hover, 
        #navigationbutton1 a:active,
        #navigationbutton1 a:focus,
        #navigationbutton2 a:hover, 
        #navigationbutton2 a:active,
        #navigationbutton2 a:focus,
        #navigationbutton3 a:hover, 
        #navigationbutton3 a:active,
        #navigationbutton3 a:focus,
        #navigationbutton4 a:hover,
        #navigationbutton4 a:active,
        #navigationbutton4 a:focus
        {
            background-image: url(/images/flash-button_actief.png);
        }    
        
        #navigationbutton1
        {
            position: relative;
            top: 124px;
            left: 84px;
        }
        
        #navigationbutton2
        {
            position: relative;
            top: 124px;
            left: 91px;
        }
        
        #navigationbutton3
        {
            position: relative;
            top: 124px;
            left: 166px;
        }
        
        #navigationbutton4
        {
            position: relative;
            top: 124px;
            left: 173px;
        }


/******* Titel in de header ********/



        #header h1
        {
            text-align: center;
            font-size: 30px;
            padding: 0;
        }
        
        .home #header h1
        {
            position: relative;
            top: 245px;
            left: 340px;
        }
        
        #mainnavigation
        {
            clear: both;
        }




/******** Layout text divje ********/




        #text
        {
        padding: 0 12px;
        }
        
        #text h1
        {
        padding: 0 0 1em 0;
        }




/******* layout other categories ********/




        #category_others
        {
            width: 490px;
            overflow: hidden;
        }

        #others_verzameling
        {
            padding: 0 0 36px 0;
            height: 123px;
        }
        
        #others_verzameling a:hover
        {
			border: none;
	    }
        

        .other
        {
            float: left;
            padding: 0 8px 12px 0;
            width: 111px;
            height: 170px;
            overflow: hidden;
        }
        
        .other_image
        {
            width: 111px;
            height: 98px;
        }
        
        .other_title
        {
            float: left;
            background: url(/images/header_vlak-klein.gif) top left no-repeat;
            width: 111px;
            height: 25px;
            margin-bottom: 5px;
        }
    
        .other_title h1
        {
            padding: 0 0 0 0;
            width: 111px;
            text-align: center;
            font-variant: normal;
            font-weight: normal;
            font-size: 13px;
        }
        
        
        .other_title h1 a
        {
            padding: 3px 0 0 0;
            color: white;
            display: block;
            width: 111px;
            height: 22px;
        }
  
        .other_title h1 a:hover
        {
            background: url(/images/button_bekijken_actief.gif) top left no-repeat;
        }

        #others_verzameling .title
        {
        	text-align: left;
        }


/******* layout other commentary ********/



        #commentary h3,
        #commentary p,
        #commentary a,
        #commentary_header
        {
        }
        
        #commentary
        {
            border-top: 1px solid #e1e4e6;
            border-bottom: 1px solid #e1e4e6;
            margin-top: 10px;
        }
        
        #commentary h1
        {
            padding: 0 0 10px 0;
        }
        
        #commentary p
        {
        	margin: 5px 0 0 0;
        	padding: 0 0 5px 0;
        }
        
        #commentary_header
        {
            height: 40px;
        }
        
        #place_commentary
        {
            float: left;
            padding: 3px 0 3px 20px;
            background: url(/images/icon_comments.gif) no-repeat left center;
        }
        
        #place_commentary a
        {
        	font-weight: bold;
        }


        #commentary_amount
        {
            padding: 3px 0;
            float: right;
        }
        
        #specific_commentary
        {
            padding: 0 0 24px 0;
            border-top: 1px solid #e1e4e6;
        }
        
        #specific_commentary h3
        {
            font-size: 12px;
            padding: 0 0 0.5em 0;
        }
        
        #specific_commentary .beantwoorden
        {
            float: right;
            width: 100px;
        }
        
        #specific_commentary .naarboven
        {
            float: right;
            width: 390px;
        }
        
        
        

/******** Layout details mislukking ********/        
 
 
 
 
        #mislukking_details
        {
            width: 464px;
        }
        
        #verhaal
        {
        	padding-bottom: 10px;
        }
        
        #mislukking_details .movieorimage img
        {
        	padding-bottom: 21px;
        }
        
        .details_block
        {           
            border-top: 1px solid #e1e4e6;
        }
        
        .details_block.last
        {
            border-bottom: 1px solid #e1e4e6;
            height: auto;
        }
        
        .details_blockje_left
        {
            width: 222px;
            height: 20px;
            padding: 5px;
            float: left;
        }
        
        .details_blockje_right
        {
            width: 222px;
            height: 20px;
            padding: 5px;
            float: right;
        }
        
        #mislukking_details .details_blockje_left img,
        #mislukking_details .details_blockje_right img
		{
			padding: 0px 5px 0 0;
		}

        #mislukking_details .waarderingssterren img
		{
			padding: 0px;
		}
		
		.inspringen span.strong
        {
            padding-left: 20px;
        }
        
        .details_blockje_left.inspringen span.strong
        {
            background: url(/images/icon_mail.gif) no-repeat center left;
        }
        
        .details_blockje_right.inspringen span.strong
        {
            background: url(/images/icon_stemmen.gif) no-repeat center left;
            background: none;
            cursor:pointer;
        } 
        
        #video_afbeelding_image
        {
            width: 464px;
            height: 265px;
        }
        
        #specific_image_video
        {
            padding: 0 12px 24px 12px;
        }
        
        #brede_titelbalk
        {
            background: no-repeat top left url(/images/ivbm_titelbalk_464px.png);
            height: 25px;
        }
        
        .details_block .submit
        {
        	color: #2878B4;
        }
        
        
/****** Forms in details mislukking area ******/
        
        
        
        #beoordelings_formulier, 
        #mailformulier
        {
            height: auto;
            padding: 5px;
            background-color: #eee;
        }
        
        #beoordelings_formulier table,
        #mailformulier table
        {
        	margin: 0;
        }
               

        #beoordelings_formulier td,
        #mailformulier td
        {
        	padding: 2px 0;
            background-color: #eee;
            width: 100%;
            vertical-align: middle;
        }	
        
        #beoordelings_formulier td.nieuwsbriefcheckbox,
        #mailformulier td.nieuwsbriefcheckbox
        {
        	width: 100%;
        }
               
        #beoordelings_formulier input.text,
        #mailformulier input.text
		{
			width: 223px;
			height: 22px;
			padding: 3px;
			float:right;
			background: top right no-repeat url(/images/2_invoerveld_230px.gif);
		}
        
        #beoordelings_formulier .verzend,
        #mailformulier .verzend
        {
        	background: top right no-repeat url(/images/2_button_verzenden_2.gif);
        }
        
        #beoordelings_formulier .verzend input,
        #mailformulier .verzend input
        {
        	border: none;
        	width: 109px;
        	height: 25px;
        	background-color: transparent;
        	background-image:none;
        }
        
        #beoordelings_formulier .errorlist,
        #mailformulier .errorlist
        {
			width: 100%;
		}

        #beoordelings_formulier .errorlist li,
        #mailformulier .errorlist li
        {
        	color: red;
        	font-weight: bold;
        	font-style: italic;
        	background-color: transparent;
        }
        
        #mailtab img
        { 
        	margin-top:5px;
        }
        

/********* Mislukking inzenden ***********/


		#mislukking_inzenden th.required
		{
			background: no-repeat top right url(/images/2_icon_verplicht.gif);
		}


/* footertekst */



		#footertext 
		{
			clear:both;
			font-size: 10px;
			text-align: center;
			margin-bottom: 20px;
		}
		
		
/* aanvulling voor autoforms formulieren */


			
			
/* Afwijkende layout voor intro pagina ivbm met filmpje */


		#introduction_movie
		{
			float: left; 
			margin-right: 20px; 
			margin-bottom: 20px;
		}
		
		#introtext
		{
			display: block;
			float: left;
			width: 500px;
		}
		
		
/* sterrenwaardering */

		#sterrenwaardering
		{
			height: auto;
		}
		
		#sterrenwaardering a
		{
			display: block;
			float: left;
			height: 25px;
			width: 25px;
			background: top center url(/images/star.gif);
		}

		#sterrenwaardering a:hover
		{
			background-position: bottom;	
		}
		
/* scherm met de zoekresultaten en specifieke categorie */		


		#zoekresultaten #search
		{
			text-align:center;
			border-bottom: 1px solid #E1E4E6;
			padding-bottom: 10px;
			margin-bottom: 10px;
		}
	
        #zoekresultaten input
        {
            background: bottom left no-repeat url(/images/2_invoerveld-klein.png);
            width: 275px;
            height: 14px;
            padding: 8px 16px 8px 8px;
        }

        #zoekresultaten input.submit
        {
            background: top left no-repeat url(/images/2_button_zoeken.gif);
            height: 40px;
            font-size: 0;
            width: 65px;
            padding: 0;
        }
	
		#zoekresultaten #video,
		#specifiekecategorie #video
		{
			width: 50%;
			float: left;
			margin-right:0px;
			height: 140px;
			border-bottom: 1px solid #E1E4E6;
		}
		
		#zoekresultaten .leesverder,
		#specifiekecategorie .leesverder
		{
			padding-left: 20px;
			margin-top: 10px;
		}
		
		#zoekresultaten h2,
		#specifiekecategorie h2
		{
			font-size: 14px;
		}
		
		#zoekresultaten p,
		#specifiekecategorie p
		{
			padding: 0px;
			font-size: 12px;
			border: none;
		}
		
/* newspages */

		
		#newsitem
		{
			margin-right: 10px;
		}
		
		#news_page
		{
			margin-left:20px;
		}
		
		#news_page table
		{
			border-collapse: collapse;
			width: 100%;
		}
		
		#news_page td 
		{
			border-bottom: 1px solid #E1E4E6;
			padding: 5px 20px 5px 0;
			vertical-align: top;
		}
		
		#news_page td img
		
		{
			padding-right: 0;
		}

.videotitle {
  background: transparent url(/images/header_vlak-klein.gif) no-repeat scroll left top;        
  width: 111px;
  height: 25px;
  margin-bottom: 7px;
}

.videotitle h1 a {
  display: block;
  color: white;
  width: 111px;
  height: 25px;
  padding: 3px 0;
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  font-variant: normal;
}

.videotitle h1 a:hover {
  background: transparent url(/images/button_bekijken_actief.gif) no-repeat scroll left top;
}

.videotitle h1 {
  text-align: center;
  font-size: 12px;
  font-weight: normal;
  font-variant: normal;
}