/* Color Styling */
html, body, form
{
 height: 100%;
 margin: 0;
 padding: 0;
 font:12px century gothic, arial,verdana,sans-serif;

}
table
{
 width: 100%;
 height: 100%;
 vertical-align: middle;
}
 
form > div.initPopupContainer,
div > div.initPopupContainer {height:1px;overflow:hidden;width:1px;position:absolute;left:-99999px;}
 
*
{
 margin: 0;
 padding: 0;
 
}
#pubPage
{
 font: 12px arial,verdana,sans-serif;
  position:relative;
}
 
#pubPage #container
{
 width: 952px;
 margin: 0 auto;
 position:relative;
}
 
/* Photo
________________________________________________
*/
#pubPage #photo
{
 border-width:0px; /* lijn om het complete kader heen color class7 */
 border-style:solid;

 margin-top: 22px;
 margin-bottom: 7px;
 height:546px;
 overflow:hidden;
}
 
#pubPage #photo a
{
 
}
 
#pubPage #photo a:hover
{
}
 
#pubPage #photo .header
{
 
 height: 85px;
 margin-bottom: 30px;
 position: relative;
}
 
#pubPage #photo .header .logo span
{
 display: none;
}
 
#pubPage #photo .header a.naarWebsite
{
 
 padding-top: 62px;
 display: block;
 padding-left: 10px;
 text-decoration: none;
}
 
#pubPage #photo .header .logo
{
 display: block;
 width: 950px;
 height: 85px;
 position: absolute;
 z-index: 99999;
}
 
#pubPage #photo .header #title
{
 font: 22px century gothic, arial,sans-serif;
 padding-top: 59px;
 text-transform: none;
 float: right;
 padding-right: 17px;
 letter-spacing: 1px;
 
}
 
#pubPage #photo .header #title div
{
 display: inline;
}
 
#pubPage #photo .header #title #datum
{
 
}
 
#pubPage #photo .photo img
{
 border: 1px solid red margin:0 15px;
 margin-bottom: 15px;
 float: left;
}
 
#pubPage #photo .photo #flashcontainer
{
 border: 0px solid #fff;
 margin: 0 15px;
 margin-bottom: 15px;
 float: left;
 height: 398px;
 width: 598px;
 display: inline;
}
 
#pubPage .photo .left
{
 float: left;
 width: 615px;
 height: 430px;
 overflow:hidden;
}
 * html #pubPage .photo .left 
 {
 	width:627px;
 }
#pubPage .photo .right
{
 width: 300px;
 padding: 0;
}
#pubPage .photo > .right
{
 float: left;
 width: 310px;
 padding-left: 15px;
}
 
/* persoonlijke titel*/
#pubPage .photo .right h1
{
 font-family: century gothic, arial;
 font-size: 14px;
 font-weight: bold;
 text-align: justify;
 font: arial;
 text-transform: none;
 letter-spacing: 2.1px;
 padding-bottom: 10px;
}
/**/
 
#pubPage .photo .right .contentbox
{
 height: 246px;overflow:hidden
}
#pubPage .photo .right p
{
 font: 11px verdana,arial,sans-serif;
 line-height: 20px;
}
a.button
{
 display: block;
 width: 294px;
 height: 34px;
 font-size: 16px; /*14*/
 font-weight: bold;
 text-transform: lowercase;
 text-decoration: none;
 letter-spacing: 0px;
 padding: 5px;
 
 margin-bottom: 8px;
}
 

#pubPage .photo .right a.button:hover, #pubPage .options a.button:hover
{
 
}
 

#pubPage .photo .right a.button small, #pubPage .options a.button small
{
 display: block;
 font-weight: normal;
 font-size: 11px;
 text-transform: none;
 letter-spacing: normal;
}
 
.clearfix:after, #reacties:after
{
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}
 
.clearfix,#reacties
{
 display: inline-block;
}
/* Reacties
________________________________________________
*/
#pubPage #reactiecontainer
{
 display: none;
}
#pubPage #closereactions
{
 display: none;
}
#pubPage #arrow span
{
 display: none;
}
#pubPage #arrow
{
 display: block;
 height: 20px;
 width: 20px;
 float: left;
 background: url(../../images/frontend/arrowright.gif) center left no-repeat;
}
#pubPage #reacties
{
 margin-top: 2px;
 margin-bottom: 7px;
 cursor: pointer;
 border-width:0px;
 border-style:solid;
}
 
#pubPage #reacties, #pubPage #reacties a
{
}
 
#pubPage #reacties a:hover
{
}
 
#pubPage #reacties h2
{
 line-height: 20px;
 font-size: 16px;
 font-weight: bold;
 text-transform: lowercase;
 letter-spacing: 0px;
 padding: 5px;
}
 
#pubPage #reacties h2 span#closereactions
{
 font: 11px verdana,arial,sans-serif;
 line-height: 20px;
 text-transform: none;
 letter-spacing: normal;
 float: right;
 font-weight: normal;
}
 
#pubPage #reacties h2 span#openreactions,
#pubPage #SEOCompanyNameAndPlace a,
#pubPage #SEO a
{
 font: 11px verdana,arial,sans-serif;
 line-height: 20px;
 text-transform: none;
 letter-spacing: normal;
 float: right;
 font-weight: normal;
}
 

#pubPage #reacties .reactie
{
 border-style:solid;
 margin: 10px;
 border-width: 1px ; /* kleur kader van afzonderlijke reactie color class7 */
}
 
#pubPage #reacties .reactie .messagebox
{
 line-height: 21px;
}
 

#pubPage #reacties .reactie .namebox
{
 display: block;
 font: bold 14px century gothic, arial,verdana,sans-serif;
 line-height: 27px;
 padding: 0 5px; /*text-transform: lowercase;*/
}
 
#pubPage #reacties .reactie .namebox a.name
{
 text-transform: lowercase;
 font: bold;
 text-decoration: none;
 letter-spacing: 0px;
 padding-left: 10px;
}
#pubPage #reacties .reactie .namebox a.name div
{
 display:inline;
}
#pubPage .reactie .namebox a.name .name
{
 display: inline;
}
#pubPage #reacties .reactie p
{
 line-height: 21px;
 padding: 18px 15px;
 font: 11px verdana, sans-serif;
}
 
#pubPage #reacties .reactie .namebox .datum
{
 font-size: 11px;
 float: right;
 font-weight: normal;
 font-family: verdana, sans-serif;
 text-transform: none; /*?*/
}
 
#pubPage #reacties .reactieformulier
{
 margin: 10px;
 border-style:solid;
 border-width: 1px; /* kleur van kader van in te vullen reactievak color class3 */
 font-family: verdana, sans-serif;
 font-size: 11px;
}
 
#pubPage #reacties .reactieformulier a
{
 }
 
#pubPage #reacties .reactieformulier h3
{
 line-height: 20px;
 font-size: 16px;
 font-weight: bold;
 font-family: century gothic, arial, sans-serif;
 letter-spacing: 0px;
 text-transform: lowercase;
 padding: 5px;
 padding-left: 15px;
 margin-bottom: 5px;
 }
#pubPage #reacties .reactieformulier h3 a
{
 float: right;
 font-weight: normal;
 font-size: 12px;
 text-transform: none;
 padding-right: 5px;
 letter-spacing: normal;
}
 
#pubPage #reacties .reactieformulier a:hover
{
 
}
 
#pubPage .formGrid .requiredfields
{
 float: left;
}
 
.formGrid input, .formGrid textarea
{
 border: 1px solid #dcdcdc;
 color: #666666;
 font-family: verdana;
 font-size: 11px;
 font-style: italic;
 padding: 2px;
 padding-left: 8px;
}
 
#pubPage fieldset.formGrid div.formRow input.button
{
 width: auto;
 border: 0;
}
#pubPage fieldset.formGrid div.formRow input.formbutton
{
 margin-right: -2px;
 width: auto;
 border: 0;
 float: right;
}
 
#pubPage fieldset.formGrid div.formRow > input.formbutton
{
 width: auto;
 border: 0;
 margin: 0;
 float: right;
}
 
/* Hides from IE-mac \*/
* html .clearfix
{
 height: 1%;
}
.clearfix
{
 display: block;
}
/* End hide from IE-mac */
 
/* popup */
#popupForm form,
#popupForm
{
 height:auto;
}
#popupForm h1, #popupForm h2, #popupForm h3, #popupForm h4, #popupForm h5, #popupForm h6, #popupForm #title
{
 text-transform: lowercase;
 letter-spacing: 1.1px;
}
#popupForm #popup .header
{
 
 margin-bottom: 30px;
 height: 50px;
 position: relative;
}
 
#popupForm #popup .header .logo span
{
 display: none;
}
 
/* anti IE 6 knipper bug*/
#popupForm #popup .header
{
 background:  url(../style_demoos/.../logosmall.gif) no-repeat;
 width: 438px;
}
 
#popupForm #popup .header .logo
{
 display: block;
 width: 438px;
 height: 49px;
 position: absolute;
 z-index: 9999;
}
 
#popupForm #popup .header #title
{
 font: bold 13px century gothic, arial,sans-serif;
 position: absolute;
 top: 30px;
 right: 14px;
 
 letter-spacing: 1px;
 z-index: 1;
}
 
#popupForm #popup
{
 width: 438px;
 border-style:solid;
 border-width: 0px; /* kleur kader */
 margin: 10px auto;
 font: 11px verdana,arial,sans-serif;
 
}
 
.login
{
 padding:10px 0;
}
 
.login #popupForm #popup 
{
 margin:0 auto;
}
 
#popupForm #popup a
{
 
}
 
#popupForm #popup a:hover
{
 
}
 
#popupForm #popup #form h3
{
 font-family: century gothic, arial;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 3.1px;
 padding-left: 15px;
 text-transform: lowercase;
}
#popupForm #popup #form .ontvangers
{
 float: right;
 padding-right: 6px;
 line-height: 36px;
}
 
#popupForm fieldset.formGrid div.formRowBig label, #popupForm fieldset.formGrid div.formRow label
{
 width: 140px;
 padding-left: 10px;
}
#popupForm fieldset.formGrid div.formRow input, #popupForm fieldset.formGrid div.formRow textarea, #popupForm fieldset.formGrid div.formRow select, #popupForm fieldset.formGrid div.formRow div.verticalCheckBoxes, #popupForm fieldset.formGrid div.formRow div.horizontalCheckBoxes, #popupForm fieldset.formGrid div.formRow div.horizontalRadioButtons, #popupForm fieldset.formGrid div.formRow div.verticalRadioButtons
{
 width: 260px;
}
#popupForm .formGrid input, #popupForm .formGrid textarea
{
 border: 1px solid #dcdcdc;
 color: #666666;
}
#popupForm fieldset.formGrid div.formRow input.button
{

 margin-left: 90px; *margin-left:78px;
width:auto;
}
 
#popupForm h1
{
 font-family: century gothic, arial;
 font-size: 14px;
 font-weight: bold;
 font: arial;
 text-transform: lowercase;
 letter-spacing: 3.1px;
 padding-bottom: 10px;
 padding-left: 15px;
}
#popupForm p
{
 font: 11px verdana,arial,sans-serif;
 line-height: 20px;
 padding-left: 15px;
}
 
 
 

#popupForm .right
{

 float: left;
 padding-left: 15px;
 width: 423px;
}
#popupForm .right h1
{
 font-family: arial;
 font-size: 14px;
 font-weight: bold;
 font: arial;
 text-transform: lowercase;
 letter-spacing: 3.1px;
 padding-bottom: 10px;
}
#popupForm .right p
{
 font: 11px verdana,arial,sans-serif;
 line-height: 20px;
}
#popupForm p.privacy
{
 padding-right: 5px;
}
 
/* login */
 
#popup fieldset#login input.textBox
{
 padding: 2px 2px 2px 8px;
 width: 160px;
}
 
#popup fieldset#login label
{
 width: 100px;
}
 
#popup fieldset#login input
{
 padding: 0;
 width: auto;
}
 
#popup fieldset#login .formRow .checkBox input
{
 margin-left: 112px;
 margin-right: 10px;
 border:0;
 width: auto;
}
 
 

div#reportageDetails
{
 padding: 10px;
}
#ReportageDetails #pubPage #photo  .header
{
	margin:0;
}
#ReportageDetails #pubPage
{
	position:static;
}
#ReportageDetails #pubPage #container
{
	position:static;
}
  *html div#reportageDetails 
 {
 	overflow:hidden;
 	height:546px;
 	width:940px;
 	padding-right:0;
 }

div#reportageDetails .block
{
 border: 1px solid #000;
 padding-top: 11px;
 padding: 10px;
 height: 310px;
}
 
div#reportageDetails h2,.uxDialog h2
{
 
 margin-bottom: 20px;
 display:none;
 font-family: century gothic, arial,sans-serif;
 font-size: 16px;
 text-transform: lowercase;
 font-family: arial,sans-serif;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 1.7px;
}
 div#reportageDetails .c1 h2,
  div#reportageDetails .c2 h2,
   div#reportageDetails .c3 h2
 {
 	display:block;
 }
div#reportageDetails h3
{
 font-size: 12px; /*14*/
 font-weight: bold;
 
 text-transform: lowercase;
 text-decoration: none;
 letter-spacing: 1px;
}
 
div#reportageDetails .c1, div#reportageDetails .c2, div#reportageDetails .c3
{
 float: left;
}
 
div#reportageDetails .c1
{
 width: 305px;
 padding-right: 12px;
}
 

div#reportageDetails .c2
{
 width:294px;
overflow:hidden;
}
div#reportageDetails fieldset.formGrid {width:929px;}
div#reportageDetails .c3
{
 width: 305px;
 float: right;
}
 
div#reportageDetails .c1 label
{
 width: auto;
 line-height: 18px;
 padding-top: 2px;
 padding-left:0;
 
 clear:both;
}
div#reportageDetails fieldset.formGrid .c1 div.formRow,
div#reportageDetails fieldset.formGrid .c2 div.formRow,
div#reportageDetails fieldset.formGrid .c3 div.formRow {height:auto;}
div#reportageDetails fieldset.formGrid .c1 div.formRow label
{
 display:block;
 clear:both;
 float:none;
}
 
div#reportageDetails .c1 input,
div#reportageDetails .c1 textarea
{
 width:260px;
}
div#reportageDetails .c1 textarea
{
 height:190px;
}
#pubPage div#reportageDetails fieldset.formGrid 
 .c1 div.formRow input.button
{
 width:270px;
}
 
div#reportageDetails .c1 h3 .radio
{
 margin-bottom: -2px;
 margin-right: 8px;
}
 
div#reportageDetails .c2 .block .first
{
 margin-top: 8px;
 margin-bottom: 3px;
}
 
div#reportageDetails .c2 .block #currentMusic
{
 margin-left: 17px;
}
 
div#reportageDetails .c2 p
{
 margin: 0px !important;
}
 

div#reportageDetails .c2 h3 .radio
{
 margin-bottom: -2px;
 margin-right: 8px;
 
}
div#reportageDetails .c2 h3 input 
{
 border:0;
}
div#reportageDetails .c3 h3 .radio
{
 margin-bottom: -2px;
 margin-right: 8px;
}
 
div#reportageDetails .c2 .checkBox input
{
 margin-left: 11px;
 margin-right: 6px;
 border:0;
 float: left;
 width: auto !important;
}
div#reportageDetails .c2 .fileUpload
{
 margin-top: 12px;
 margin-bottom: 12px;
 margin-left: 15px;
 width: 225px;
}
 
div#reportageDetails .c2 p
{
 float: left;
 width: 200px;
 line-height: 18px;
 margin-bottom: 10px;
}
div#reportageDetails .c1 h2, div#reportageDetails .c2 h2, div#reportageDetails .c3 h2
{
 border: 0;
 height: 35px;
 margin: 0;
}
 
 
 
div#reportageDetails fieldset.formGrid .c3  div.formRow
{
 padding:0;
}
div#reportageDetails .c2 li input 
{
 width:auto;
}
 
div#reportageDetails .c2 li
{
 line-height: 20px;
 
 width: 220px !important;
 list-style:none;
}
 
div#reportageDetails .c2 li object
{
 position: absolute;
 top: 0;
 right: 0;
}
div#reportageDetails .c2 ul
{
 padding-left: 25px;
 position:relative;
 clear:both;
 
}
div#reportageDetails .c2 ul li input {border:0;}
div#reportageDetails .c2 .formRow
{
 padding-bottom: 0px;
}
 
div#reportageDetails .c2 h3.two
{
 
}
 
div#reportageDetails .c2 div.fakefile input, div#reportageDetails .c3 div.fakefile input
{
 width: 140px !important;
}
 
div#reportageDetails .c2 div.fakefile input
{
 margin-left: 16px;
}
 
div#reportageDetails .c2 div.fakefile #browseButton, div#reportageDetails .c3 div.fakefile #browseButton
{
 position: absolute;
 top: 0px;
 left: 153px;
 z-index: 3;
 width: 70px !important;
}
 
div#reportageDetails .c2 input.file, div#reportageDetails .c3 input.file
{
 margin-top: 0px;
 margin-left: 16px;
}
 

div#reportageDetails .c3 h3
{
 padding-bottom: 13px;
}
 
div#reportageDetails .c3 p
{
 padding-bottom: 8px;
 line-height: 18px;
}
 
div#reportageDetails .c3 h4
{
 float: left;
 width: 60px;
 line-height: 22px;
 font-size: 12px;
}
 
div#reportageDetails .c3 p.statusText
{
 float: left;
 line-height: 22px;
 width: 150px;
}
 
div#reportageDetails .c3 input.file
{
 margin: 0;
}
 
div#reportageDetails .c3 .block .formRow input
{
 width: 223px;
 margin-top: 12px;
}
div#reportageDetails .options
{
 width: 864px;
}
 
div#reportageDetails .options p
{
 width: 360px;
}
 
div#reportageDetails .options
{
 margin-top: 12px;
 padding-top: 11px;
 clear: both;
 width: 948px;
}
 
div#reportageDetails .options a, div#reportageDetails .options p
{
 float: left;
}
 
div#reportageDetails .options p
{
 width: 268px;
 padding: 0 25px;
 line-height: 18px;
 padding-top: 8px;
}
 
#gastenBoekBeheer  ul
{
 height:345px;
 overflow:auto;
 list-style-type:none;
}
#gastenBoekBeheer li p
{
 padding:10px;
}
 

.uxDialog
{
 border-width:1px;
 border-style:solid;
 width:400px;
 height:400px;
 padding:10px;
}
 
DIV#reportageDetails .c2 UL {padding-left: 13px; padding-top: 7px;}
DIV#reportageDetails .c2 LI .flashplayer {left:185px; right: 0px; top:7px; position: absolute; }
 
.modalBackground
{
  opacity:.50;
  filter: alpha(opacity=50); 
  -moz-opacity: 0.5;
  background:black;
}
.help 
{
 float:right;
 font-size:12px;
 text-transform:none;
}
 div.initPopupContainer,
 div.initPopupContainer {height:1px;width:1px;margin-left:-99999px;margin-top:-99999px; background-color:White;}
 
 form > div.initPopupContainer,
 div > div.initPopupContainer {z-index:10001;height:1px;width:1px;overflow:hidden;margin-left:0px;margin-top:0px;position:absolute;left:-99999px; background-color:White;}
 
 .publicpanel
 {background-color:White;}
  
.ok 
{
 height:auto;
 z-index:10001;
}
.ok h2 {margin-bottom:5px;}
.ok p { padding:10px;}

#pubPage #reacties
{
 *height:1%;
 width:950px;
}

DIV#reportageDetails .c2 LI {position:relative}
DIV#reportageDetails .c2 LI .flashplayer { top:0px; }