/* Reset!
----------------------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0;
  padding:0;
  border:0;
  font-weight:inherit;
  font-style:inherit;
  font-size:100%;
  font-family:inherit;
  vertical-align:baseline;
}
body {line-height:1.5;}

table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: top; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Shields up! Here we go!
----------------------------------------------------------------------------- */
body {font-size:13px; line-height:21px; font-family:Arial, Verdana, sans-serif; color:#000; background:#000 url(/images/bg.png) repeat-x;}
body.docenten, body.professionals {background-image:url(/images/bg2.png)}

#layout {width:905px; margin:0 auto 30px; 0;}
#subnav {width:165px; float:left; padding-top:62px;}
#main   {width:556px; float:left; margin:0 10px 0 0; background:#f09; padding:10px 0 0;}
body.docenten #main, body.professionals #main {background:#00adff;}
#worlds {width:174px; float:left; background:#000; text-align:center; padding-top:26px; position:relative;}

#subnav ul {list-style:none; margin:0 9px 0 8px; padding:0;}
#subnav ul li {padding:0; margin:0 0 7px;}
#subnav ul li a, #subnav ul li a:visited {text-decoration:none; font-size:12px; font-weight:bold; display:block; padding-left:6px; width:142px; height:21px; background:url(/images/button1.png) no-repeat; color:#00adff; border:0;}
#subnav ul li a:hover, #subnav ul li a:focus {background-position:0 -21px; color:#ff0;}

#subnav .extra {color:#fff; margin-top:100px;}
#subnav .extra blockquote {margin:0 0 30px 0; padding:0 10px 0 0;}
#subnav .extra blockquote p {color:#ff0; margin-bottom:5px; font-size:13px;}
#subnav .extra blockquote span.auteur {color:#fff; font-style:normal; font-size:11px; font-weight:normal}


body.docenten      #subnav ul li#l_docent       a {background-position:0 -21px; color:#ff0;}
body.professionals #subnav ul li#l_professional a {background-position:0 -21px; color:#ff0;}

#subnav ul #l_account {margin-top:21px;}

#main h1 {width:142px; height:110px;  margin-left:0px;}
#main h1 a {border:0;}
#main #mainnav {width:px; padding-top:5px; margin-left:6px;}
#main #mainnav ul {list-style:none; clear:both; color:#fff; padding:0; margin:0; line-height:19px;}
#main #mainnav ul li {display:block; float:left; margin:0; padding:0 5px 0;}
#main #mainnav ul li a, #main #mainnav ul li a:visited {color:#000; font-weight:bold; text-decoration:none; padding-left:4px; border:0;}
#main #mainnav ul li a:hover, #main #mainnav ul li a:focus {color:#ff0;}

#main .content {padding:0 16px 18px 16px;}
#main .columns {padding:20px 16px; margin:0; background:#000;}

.column_one {width:250px; min-width:250px; margin-right:10px; float:left;}
.column_two {width:250px; margin-left:10px; float:left;}

#worlds p {margin-bottom:14px;}
#worlds #world_menu {list-style:none; background:#000; position:absolute; left:0; top:313px; line-height:20px; font-size:14px; margin:0; padding:0 0 12px 0; width:174px;}
#worlds #world_menu li {color:#fff; padding:0; margin:0;}
#worlds #world_menu a, #worlds #world_menu a:visited {color:#f09; font-weight:bold; width:174px; padding:0 0 12px; display:block;}
#worlds #world_menu a:hover, #worlds #world_menu a:focus {color:#fff;}

h2 {background:url(/images/titelbalk.png) no-repeat; font-weight:bold; font-size:14px; margin:13px 0 13px 9px; padding-left:7px; color:#fff;}
h3, h4 {font-weight:bold; color:#fff;}
h3 {font-size:15px; margin-bottom:12px;}
h4 {font-size:13px;}

h3.with_margin {margin-bottom:12px;}

p           {margin:0 0 18px;}
blockquote  {margin:21px; color:#111; font-style:italic;}
strong      {font-weight:bold;}
strong.req  {color:#f00;}
strong a, strong a:visited {font-weight:bold;}

em,dfn      {font-style:italic;}
dfn         {font-weight:bold;}
sup, sub    {line-height:0;}

abbr, acronym {border-bottom:1px dotted #111;}
address     {margin:0 0 18px; font-style:italic;}
del         {color:#333;}

li ul,
li ol       {margin:0 18px;}
ul, ol      {margin:0 18px 18px 32px;}

ul          {list-style-type:disc;}
ol          {list-style-type:decimal;}

dl          {margin:0 0 18px 0;}
dl dt       {font-weight:bold;}
dd          {margin-left:21px;}

hr          {background:#000; color:#000; clear:both; float:none; width:100%; height:1px; margin:0 0 20px; border:none;}

td          {padding-right:18px; padding-bottom:6px;}

a,
a:visited   {text-decoration:none; color:#000; border-bottom:1px solid #000; font-weight:normal;}
a:focus,
a:hover     {color:#ff0; border-bottom:1px solid #ff0;}

.profile ul {list-style:none; margin:0 0 12px;}
.profile h3 {margin-bottom:3px;}
.p_even, .p_odd {border-bottom:1px solid #000; margin-bottom:12px; padding-bottom:12px;}
.no ul {color:#333;}

#search {background:#66ceff; margin-bottom:24px; padding:12px 6px;}
#search td {padding:0 3px 0 0; margin:0; vertical-align:middle;}
#search th {font-weight:bold;}
#search table {margin-bottom:12px;}
#search p {padding:0; margin:0;}

.links {float:left; margin:0 10px 10px 0}
.rechts {float:right; margin:0 0 10px 10px}

#worlds a, .admin strong a {border:none;}
.content p, .content li, .content td, content dd {font-size:14px;}

ul.video_meta_data {list-style:none; margin:0; padding:0;}

ul.movie_worlds {list-style:none; margin:12px 0 18px 0; padding:0;}
ul.movie_worlds li {width:168px; float:left; margin:0 6px 6px 0;}

a.button2, a.button2:visited {text-decoration:none; font-size:12px; font-weight:bold; display:block; padding-left:6px; width:168px; height:21px; background:url(/images/button2.png) no-repeat; color:#fff; border:0;}
a.button2:hover, a.button2:focus {background-position:0 -21px; color:#ff0;}

a.button3, a.button3:visited {text-decoration:none; font-size:12px; font-weight:bold; display:block; padding-left:6px; width:200px; height:21px; background:url(/images/button3.png) no-repeat; color:#fff; border:0;}
a.button3:hover, a.button3:focus {background-position:0 -21px; color:#ff0;}

ul.movie_types {list-style:none; margin:12px 0 18px 0; padding:0;}
ul.movie_types li {width:250px; float:left; margin:0 6px 6px 0;}

a.button4, a.button4:visited {text-decoration:none; font-size:12px; font-weight:bold; display:block; padding-left:6px; width:250px; height:21px; background:url(/images/button4.png) no-repeat; color:#fff; border:0;}
a.button4:hover, a.button4:focus {background-position:0 -21px; color:#ff0;}

p.feature {width:168px; margin-right:6px; float:left;}
.video_info {width:340px; margin-left:6px; float:left;}

a.world,
a.world:visited {text-decoration:none; color:#fff; border-bottom:none; font-weight:bold; margin-right:6px;}
a.world:focus,
a.world:hover, a.tag:hover {color:#ff0; border-bottom:1px solid #ff0;}

a.tag   {margin-right:6px; text-decoration:none; color:#fff; border-bottom:none;}

.columns {color:#f09;}
.columns h3 {color:#00adff;}

.columns a,
.columns a:visited   {text-decoration:none; color:#f09; border-bottom:1px solid #f09;}
.columns a:focus,
.columns a:hover     {color:#00adff; border-bottom:1px solid #00adff;}

.docenten .columns, .professionals .columns {color:#00adff;}
.docenten .columns h3, .professionals .columns h3 {color:#f09;}

.columns a,
.columns a:visited   {text-decoration:none; color:#f09; border-bottom:1px solid #f09;}
.columns a:focus,
.columns a:hover     {color:#00adff; border-bottom:1px solid #00adff;}

.docenten .columns a, .professionals .columns a,
.docenten .columns a:visited, .professionals .columns a:visited {text-decoration:none; color:#00adff; border-bottom:1px solid #00adff;}
.docenten .columns a:focus, .professionals .columns a:focus,
.docenten .columns a:hover, .professionals .columns a:hover {color:#f09; border-bottom:1px solid #f09;}

div.docenten, div.professionals {background:#00adff}

div.docenten, div.professionals, div.algemeen {padding-top:4px; margin-top:6px;}
.docenten .columns .random_movie a, .professionals .columns .random_movie a, .columns .random_movie a {border-bottom:none;}

#footer {background:#000; text-align:center; font-size:11px; padding-top:24px; color:#f09;}
#footer a {color:#f09; border-bottom:1px solid #f09;}

#logos {background:#fff; padding:5px 0;}
#logos ul {list-style:none; padding:0; margin:0;}
#logos ul li {float:left; margin:0; padding:0 50px;}
#logos ul li a {border:none;}

.pagination {padding:0;}
.pagination a, .pagination span {padding:3px 7px;}
.pagination span.disabled {color:#111; font-weight:normal}
.pagination span.current {font-weight:bold; color:#000; border:1px solid #000;}
.pagination a {color:#fff; text-decoration:none; border:1px solid #000; font-weight:bold;}
.pagination a:hover, .pagination a:focus {color:#000;}

/* Forms
----------------------------------------------------------------------------- */
input[type=text], input[type=password], textarea {font:13px/18px Arial, Helvetica, Verdana, sans-serif; padding:2px;}
textarea {font:13px/19px Consolas, Monaco, Courier; width:516px;}
fieldset textarea {width:460px}

.desc {padding:3px 0 3px; margin:0; font-size:12px; display:block; line-height:18px;}

.submit_block {padding:9px 0 0; border-top:1px solid #111;}
.button_or {color:#111; padding-left:6px;}

fieldset {border:0; border:1px solid #000; padding:12px 12px 1px 12px; margin:0 0 25px 0;}
fieldset legend {font-weight:bold; padding:0 5px;}

fieldset.floated label {float:left; width:100px;}
fieldset.floated p {clear:both, float:none;}

fieldset.floated textarea {width:380px;}

select {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:13px; font-weight:normal; line-height:18px;}
label {cursor:pointer; display:block; color:#000;}

label.world_choice {padding-right:12px; float:left; width:220px;}

div#formatting_guide table       {margin:12px 0 24px; width:307px;}
div#formatting_guide td          {padding:.5em 0; vertical-align:middle; border-bottom:1px solid #222;}
div#formatting_guide td.sep      {padding:0 1.5em; color:#222;}
div#formatting_guide p           {margin:1em 0 0 0;}
div#formatting_guide ol,
div#formatting_guide ul          {padding:0; margin:0 0 0 1.4em;}
div#formatting_guide ol li       {padding:0; margin:0; list-style-type:decimal}
div#formatting_guide ul li       {padding:0; margin:0; list-style-type:disc}
div#formatting_guide blockquote  {margin:0; margin-left:1.4em; color:black;}
div#formatting_guide cite        {font-style:italic;}
div#formatting_guide sup,
div#formatting_guide sub         {font-size:.9em;}
div#formatting_guide h3          {font-size: 120%; font-weight:bold; margin:0; padding:0;}
div#formatting_guide h4          {font-size: 100%; font-weight:bold; margin:0; padding:0;}
div#formatting_guide td table    {margin:0;}
div#formatting_guide td table td {padding:0 1em 0 0; border:0;}
div#formatting_guide td table th {padding:0 1em 0 0; border:0; font-weight:bold;}
div#formatting_guide hr          {padding:0; margin:0;}

span.delete {float:right; padding-right:14px; font-size:13px;}
span.delete a, span.delete a:visited {color:#fff;}
span.delete a:hover, span.delete a:focus {color:#ff0;}

.trash a {border:none; padding:8px 6px 0 0; float:right; display:block;}

* html span.delete {margin-top:-21px;}
* html .trash a {margin-top:-21px;}

span.delete, x:default {margin-top:-21px;}
.trash a, x:default {margin-top:-21px;}

.admin h4 {margin-left:16px;}
.admin p  {margin-bottom:16px;}

 .smaller {font-size:13px;}
.inline {display:inline}

ul#recentassets, ul#assets {margin:0 0 0 18px; padding:0;}
ul#recentassets li, ul#assets li {margin:0; padding:0;}
ul#recentassets a, ul#assets a {font-weight:bold;}
.more {margin-bottom:12px;}

#admin_column p {margin-bottom:6px;}
#admin_column h3 {margin-bottom:4px;}

.page_admin #subnav, .page_admin #worlds {display:none;}
#admin_column {margin-top:60px; padding:60px 16px 16px; width:307px; float:left; background:#f09;}
.docenten #admin_column, .professionals #admin_column {background:#00adff;}

#editbar {background:#f09; padding:10px 0; border-bottom:1px solid #fff;}
.edit {width:715px; margin:0 auto; padding-right:190px; text-align:right;}
.edit a {border-bottom:none; border-right:1px solid #222; margin-right:6px; padding-right:10px;}
.edit a.logout {border:none; padding:0; margin:0;}

.user_list {width:97%;}
.user_list td {padding:3px 6px 3px 3px;}
.even {background:#f0b}

#stats {margin-bottom:20px; border-bottom:1px solid #000; border-top:1px solid #000; margin-top:20px; padding-top:20px; padding-bottom:20px;}
#stats table {width:100%}
#stats table td {padding:0 10px; border-right:1px solid #000; text-align:center;}
#stats table td.last {border-right:0;}
#stats table td .count {font-size:24px; font-weight:bold;}

/* Errors
-------------------------------------------------------------- */
.fieldWithErrors textarea, .fieldWithErrors input  {border:3px solid #00adff;}
.docenten .fieldWithErrors textarea, .docenten .fieldWithErrors input,
.professionals .fieldWithErrors textarea, .professionals .fieldWithErrors input {border:3px solid #f09;}
#errorExplanation       {padding:9px 0 0; margin:0 0 12px;}
#errorExplanation h2    {font-size:14px; padding:0 0 0 5px; margin:0 0 3px 0; background:#fff; color:#f00;}
#errorExplanation p     {padding:0; margin:0 0 0 14px; display:none;}
#errorExplanation ul    {margin:0 0 0 14px;}
#errorExplanation ul li {list-style:disc; margin-left:21px;}

/* Flash
----------------------------------------------------------------------------- */
#flash-notice,
#flash-errors {padding:18px 12px 9px 9px; font-size:16px; line-height:14px; font-weight:bold; color:#000;}
#flash-notice {background:#fff; color:#f09;}
#flash-errors {background:#fff; color:#f00;}

div.auto_complete {width:240px !important; background:#fff; z-index:99999; margin:0; padding:0;}
div.auto_complete ul {margin:0; padding:0; width:100%; list-style-type:none;}
div.auto_complete ul li {margin:0; padding:3px 5px;}
div.auto_complete ul li.selected {background-color:#c2ebff;}
div.auto_complete ul strong.highlight {color: #000; font-weight:bold; margin:0; padding:0;}

/* Clearing floats
----------------------------------------------------------------------------- */
.clearfix:after, #layout:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix, #layout {display:inline-block;}
* html .clearfix, * html #layout {height:1%;}
.clearfix, #layout {display:block;}

.clear {clear:both;}