body { background-color: #fff; font-family: "Tahoma"; font-size: 12px; }
img { border:0}
a {text-decoration: none;}
ul li {margin:0; padding:0; list-style-type: none}
fieldset {padding: 0; margin: 0; border: 0;}
#gridTitle a, a#rssfeed {color: #3f3d3f; font-size: 8pt; position: absolute; right: 0}

#video_wrapper { width: 863px; position: relative; }
#video_wrapper #flashcontent {}

#videoContainer { width: 863px; margin-bottom: 10px; height: 335px; }
#videoContainer #playerContainer { width: 600px; height: 335px; float: left; }
#videoContainer #currentVideo { float: left; width: 234px; height: 314px; background-color: #fff; padding: 10px; position: relative; border: 2px solid #dadada; margin-left: 5px;}
#videoContainer #currentVideo p { margin: 0; padding: 0 0 10px 0}
#videoContainer #currentVideo h2 { color: #0071AA; font-weight: normal; text-align: center; font-size: 1.5em; padding: 0px 0px 10px 0px; line-height: 1.4em }
#videoContainer #currentVideo label, #videoContainer #currentVideo input {margin-top: 5px; } 
#videoContainer #currentVideo label {display:block; color: #595959}
#videoContainer #currentVideo input {border: 2px solid #dadada; width: 150px; height: 18px; font-size: 11px; padding-top: 3px }
#videoContainer #currentVideo #smContainer {}
#videoContainer #currentVideo #smContainer a.download {display: block }
#videoContainer #currentVideo #views {border-top: 2px solid #dadada; display: block; width: 210px; padding: 10px 0}
#videoContainer #currentVideo #feeds { width: 230px; text-align: right;}
#videoContainer #currentVideo #feeds a {font-size: 11px; font-weight:bold; color: #404040; text-decoration: none;}
#videoContainer #currentVideo a#rssfeed {bottom:5px; right:5px}

.videoGrid #gridTitle a:hover {text-decoration: underline; }

#pagination a.volgende {background: url(http://www.zuidlimburg.nl/img/t36/arrow_red_right.gif) no-repeat center center; }
#pagination a.vorige {width: 10px;  background: url(http://www.zuidlimburg.nl/img/t36/arrow_red_left.gif) no-repeat center center; }

.loader {position: absolute; left: 430px; }
.videoGridContainer, #pagination {margin: 10px 0;}
.videoGridContainer {border: 1px solid #cccccc; padding: 0; background-color: #fff  }
.videoGridLegend {display: block; clear: both; padding: 5px 5px 5px 10px; border-bottom: 1px solid #ccc; color: #007fbd; font-weight: bold }

.videoGrid {padding:10px 10px 0px 10px; height: 139px}
.videoGrid li {background: url(http://www.zuidlimburg.nl/img/t36/video_thumb_bg.gif) no-repeat; position: relative; margin: 0px 15px 10px 0px; float: left; width: 150px;}
.videoGrid li a {display: block; width: 150px; height: 157px }
.videoGrid li a:hover {text-decoration: none}

.videoGrid li .functie {display:block; clear: both; margin: 0; padding: 0; font-size: 100%}
.videoGrid li .vidname {position: absolute; bottom: 0px; left: 0px; width: 150px; }
.videoGrid li .vidname:hover { }
.videoGrid li .vidname {position: absolute; bottom: 8px; left: 8px;color: #000; font-size: 90%;font-weight: bold; width: 110px;height: 45px}
.videoGrid li .vidduration {position: absolute; bottom: 48px; right: 8px;color: #5b5b5b; font-size: 90%;font-weight: bold; }
.videoGrid li img {width: 130px; height: 72px; position: absolute; top: 10px; left: 10px}
.viddesc {display:none; position:absolute; background: transparent url(http://www.zuidlimburg.nl/img/t36/tooltip_bg.png) no-repeat; top: -10px; right: -70px; font-weight:bold; font-size: 90%; padding: 15px; width: 110px; height: 50px; color: #1088c1; z-index: 999998}
.playbutton {position: absolute; bottom: 0px; left: 0px; width: 150px; height: 165px; background: url(http://www.zuidlimburg.nl/img/t36/play_button.png) no-repeat; background-position: center;z-index: 999999 }
.playbutton:hover {background-image: url(http://www.zuidlimburg.nl/img/t36/play_button_over.png);}

#gridTitle {display:block; clear: both; position: relative; margin-bottom: 10px }

#all_videos { height: 500px}
#overige_videos #all_videos { height: 330px}
#tagcloud {margin-top: 10px; padding: 10px}
#tagcloud a {color: #007fbd; text-align: center; font-weight: bold }
#tagcloud a:hover {color: #595959; }

#videoContainer #smContainer a.download {color: #3f3d3f; margin-top: 5px; text-decoration: underline}
#videoContainer #currentVideo #socialMediaList {border-top: 2px solid #dadada; border-bottom: 2px solid #dadada; width: 220px; padding: 10px 0}
#videoContainer #currentVideo #socialMediaList a {padding-right: 4px; padding-left: 20px; padding-bottom:5px; padding-top:2px}
#videoContainer #currentVideo #socialMediaList a#twitter { background: url(http://www.zuidlimburg.nl/img/t36/twittericon.png) no-repeat left top; }
#videoContainer #currentVideo #socialMediaList a#facebook { background: url(http://www.zuidlimburg.nl/img/t36/facebookicon.png) no-repeat left top; }
#videoContainer #currentVideo #socialMediaList a#linkedin { background: url(http://www.zuidlimburg.nl/img/t36/linkedinicon.png) no-repeat left top; }

#videoContainer #currentVideo input {color: #595959}

#meest_bekeken, #gerelateerd {height: 195px}

#searchBar {display: block; clear: both; background-color: #A7C0E0; padding: 3px; height: 24px }
#searchBar input {float: left}
#searchBar input.searchInputField { width: 805px; color: #ccc; height: 17px; font-size: 12px; padding-top: 2px}
#searchBar input.zoek_btn {border: none; cursor: pointer; background: url(http://www.zuidlimburg.nl/img/t36/zoek_button.gif) no-repeat left top; width: 46px; height:21px; text-indent: -9999px } 

#searchResults { padding-bottom: 30px }

#pagination {height: 25px; width: 862px; text-align: center; position:relative; }
#pagination ul {border:0; margin:0; padding:0;  display: block; }
#pagination ul#pages li { display: block; float:left;border:0; }
#pagination a {text-decoration: none; padding: 3px 6px; font-size: 0.9em; color: #007fbd;}
#pagination a.current {background-color: #cad9ea; border: 1px solid #aaa}

a#rssfeed {background: url(http://www.zuidlimburg.nl/img/socialmedia/feed.png) no-repeat top left; padding-left: 19px; margin-top: 0px; color: #3f3d3f; font-size: 8pt; position: absolute; bottom: 0; right:0 }
a#rssfeed.footer {display:none}
a#rssfeed:hover {text-decoration: underline;}

#cloud a.tag11 { font-size: 11px; }
#cloud a.tag12 { font-size: 12px; }
#cloud a.tag13 { font-size: 13px; }
#cloud a.tag14 { font-size: 14px; }
#cloud a.tag15 { font-size: 15px;}
#cloud a.tag16 { font-size: 16px; }
#cloud a.tag17 { font-size: 17px; }
#cloud a.tag18 { font-size: 18px;  }
#cloud a.tag19 { font-size: 19px;}
#cloud a.tag20 { font-size: 20px;  }

#cloud { padding: 2px; text-align: center; }
#cloud a { padding: 0px; }
#cloud { margin: 0; }
#cloud li { display: inline; }
.warning { background: url(http://www.zuidlimburg.nl/img/t36/warning_bg.gif) no-repeat top left; position: absolute; top: 20px; left: 180px; width: 242px; padding-top: 85px; padding-left: 40px; height: 255px; padding-top: 80px}
#video_wrapper #flashcontent .warning { top: 0px; left: 324px;}
.warning strong {color: #b10000; }
.warning span { color: #b10000; }
.warning a { color: #000; text-decoration: underline }
.warning p { margin-bottom: 10px; font-size: 10px; color: #000; line-height: 15px; width: 160px }
.warning p.small { font-size: 10px; color: #8f8f8f; }
.warning p.videodownload {font-weight: bold; text-align: center}
.warning p.videodownload a { display: block; }

.warning_javascript { padding-top: 70px}