/* used colours 

#c7c8ca - grey
#094EA3 - blue


*/

a#WebkrachtLogo 
 {z-index: 10;
  position: absolute;
  padding-top: 50px;
  margin-left: 561px;}

body 
{background: url(/sites/jmr/images-new/bg-body.gif) #fff;
 color: #6B6B6B;
 margin: 0;
 padding: 20px 0 50px 0;
 text-align: center;
 font-family: verdana, arial, sans-serif, 'courier new', tahoma, 'trebuchet ms', 'franklin gothic medium', ;
 font-size: 11px;
 letter-spacing: 1px;
 line-height: 140%;}

h1 
 {font-size: 13px;
  margin: 10px 0 2px 0;
  padding: 0;}

p {margin-top: 0px;}

img     {border: 0;}
a       {color: #1B4199; text-decoration: none;}
a:hover {text-decoration: underline;}

a.sendemail 
 {xdisplay: block;
  xwidth: 11px;
  xheight: 9px;
  xfloat: left;
  border: 1px solid red;
  xbackground: url(/file/28679/icon_mail.png) 0 0 no-repeat;}

a.sendemail:hover 
 {text-decoration: none!important;}

a#homeLink 
 {width: 62px;
  height: 62px;
  display: block;
  position: absolute;
  margin: -48px 0 0 114px;
  background: url(/sites/jmr/images-new/arrow-home.png) no-repeat;}

input.searchfield
 {border: 1px solid #b2b2b2;
  font-family: 'courier new', courier, fixed-sys;
  font-size: 11px;
  padding: 3px;
  width: 160px;}
input.searchbutton
 {border: 0;
  height: 19px;
  width: 20px;
  background: url(/sites/jmr/images-new/but-search.gif) 50% 50% no-repeat;
  margin: 5px 0 0 148px;}

#container 
 {margin: 0 auto 0 auto;
  width: 830px;
  text-align: left;
  background: url(/sites/jmr/images-new/bg-container.gif) repeat-y;}
#containerInner
 {padding: 50px 0 0 15px;}

#topmenu 
 {margin: 0 auto 0 auto;
  width: 776px;
  font-size: 13px;
  letter-spacing: 0px;
  text-align: right;}
#topmenu ul
 {margin: 0;
  padding: 0;
  height: 20px;
  list-style: none;}
#topmenu ul li 
 {float: right;
  height: 20px;
  margin-left: 12px;}
#topmenu ul li a 
 {color: #b2b2b2;
  display: block;
  text-decoration: none;
  font-weight: bold;}
#topmenu ul li a:hover 
 {color: #094EA3;}


#mainmenu
 {margin: 0 auto;}



/* hoofdmenu */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav 
 {padding: 10px 0 0 188px;
  z-index: 80;
  position: absolute;}

#nav a 
 {display: block;}
#nav a:hover 
 {color: #094EA3;
  text-decoration: none;}

#nav li { /* all list items */
	float: left;
        border: 1px solid #fff;
}

#nav li li a 
 {font-family: 'franklin gothic medium';
  font-size: 14px;
  display: block;
  width: 19em;
  font-weight: bold;
  background-color: #BFC0C4;
  color: #fff;
  padding: 3px;}


#nav li ul { /* second-level lists */
	position: absolute;
	width: 18em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
li.first 
 {width: auto;}
li.first a 
 {width: auto;}





#header
 {width: 771px;
  height: 111px;
  display: block;
  background: url(/sites/jmr/images-new/bg-header.gif) left repeat;
  margin-bottom: 10px;}
#header div 
 {margin-top: 48px;
  float: right;
  color: #094EA3;
  text-transform: uppercase;
  font-size: 13px;
  font-family: verdana;}
  
#logo
 {display: block;
  float: left;
  padding: 13px 14px 14px 16px;
  z-index: 0;}
 
#menufile
 {margin-bottom: 10px;
  height: 250px;
  width: 770px;
  display: block;}


#leftCol
 {float: left;
  width: 190px;}


hr.containerHr, hr.containerHr2, hr.containerHr2vervolg 
 {width: 806px;
  float: left;
  margin: 0;
  padding: 0;
  height: 1px;
  font-size: 1px;
  border: none;
  color: #ccc;
  background-color: #b2b2b2;}
hr.containerHr 
 {position: absolute;}
hr.containerHr2
 {position: absolute;}
hr.containerHr2vervolg
 {width: 821px;
  height: 20px;
  background: url(/sites/jmr/images-new/bg-bottomnew.png);}
div.containerHr2vervolg
 {background: url(/sites/jmr/images-new/bg-bottomnew.png);
  height: 32px;
  width: 821px;
  position: absolute;
  margin-top: -12px;}

#submenu, #submenuvervolg, #submenuvervolghide
 {position: absolute;
  width: 188px;
  height: 200px;
  background: url(/sites/jmr/images-new/bg-submenu.gif);
  border: 1px solid #b2b2b2;}

#submenuvervolg 
 {margin-left: -30px;
  width: 218px;
  height: 230px;}

#submenuvervolghide 
 {background: none;}

#submenu a, #submenuvervolg a
 {display: block;
  width: 130px!important;
  float: left;
  height: 25px;}

#submenu a:hover, #submenuvervolg a:hover 
 {padding-left: 20px;
  width: 100px!important;
  background: url(/sites/jmr/images-new/bg-arrowleft.png) 0px 3px no-repeat;}


#contentstart 
 {float: right;
  width: 616px;}

#content 
 {width: 616px;
  float: right;
  padding-bottom: 20px;
  font-size: 11px;
  line-height: 140%;
  margin-bottom: -30px;
  z-index: 4;
  xbackground: url(/sites/jmr/images-new/bg-contentright.png) top right no-repeat;}
#contentinner 
 {  _height: 300px;
  min-height: 300px;
  padding: 14px;
  margin-right: 9px;
  background-color: #fff;
  border: 1px solid #b2b2b2;}
#contentbottom 
 {height: 10px;
  background: url(/sites/jmr/images-new/bg-contentbottom.png) bottom left no-repeat;}

#startcol1 
 {width: 321px;
  float: left;}

#startcol2 
 {width: 275px;
  float: right;}


div.startblock1, div.startblock2
 {border: 1px solid #b2b2b2;
  width: 321px;
  margin-bottom: 14px;
  background-color: #fff;}
div.startblock2 
 {width: 265px!important;}
div.startblock1 div, div.startblock2 div 
 {padding: 12px;}
 

div.startblock2outer
 {background: url(/sites/jmr/images-new/bg-startblock2-right.png) top right no-repeat;
  width: 275px;
  padding: 0!important;}

div.startblock2bottom
 {width: 274px;
  height: 10px;
  margin: 0;
  margin-top: -14px;
  padding: 0!important;
  font-size: 0px;
  background: url(/sites/jmr/images-new/bg-startblock2-bottom.png) top left no-repeat;}


div.leftColStartbox
 {border: 1px solid #b2b2b2;
  margin-top: 10px;
  padding: 8px;}
div.leftColStartbox form
 {padding: 0;
  margin: 0;}
div.leftColStartboxSpecial 
 {margin-top: 10px;
  padding: 8px;
  border: 1px solid #b2b2b2;
  background-color: #BFC0C4;
  color: #fff;}

/* evenementen ====================================== */

ul.evenementen, ul.medewerkers
 {margin: 0 0 -15px 0;
  _margin: 0 -30px 0 0;
  padding: 0;
  list-style: none;}
ul.evenementen li, ul.medewerkers li
 {margin: 0 -15px 0 -15px;
  padding: 10px;
  border-bottom: 1px solid #b2b2b2;}
ul.evenementen li div, ul.medewerkers li div 
 {float: left;
  width: 100px;
  padding-right: 10px;}
ul.medewerkers li div 
 {width: 50px;}

div.evenementenRight, div.medewerkersRight
 {float: right;
  padding-right: 0!important;
  width: 380px!important;}

#relatedEvents
 {position: absolute;
  border: 1px solid #b2b2b2;
  background-color: #D3CFC8;
  margin: 65px 0 20px 0;
  padding: 8px;
  list-style: none;
  width: 172px;
  left: 50%;
  top: 413px;
  margin-left: -400px;}
#relatedEvents ul 
 {margin:0;
  padding: 8px;
  list-style: none;}
#relatedEvents ul li a 
 {color: #fff;
  font-family: verdana;
  display: block;}
#relatedEvents ul li a:hover 
 {color: #094EA3!important;
  text-decoration: none!important;}


a.relatedEventsBacklink 
 {display: block;
  width: 150px;
  padding: 4px;
  margin-top: 50px;
  color: #fff;
  background: url(/sites/jmr/images-new/el-arrowsmall-left.gif) right 50% no-repeat;}
a.relatedEventsPresslink 
 {display: block;
  width: 150px;
  padding: 4px;
  margin-bottom: 10px;
  color: #fff;
  background: url(/sites/jmr/images-new/el-arrowsmall-right.gif) right 50% no-repeat;}

#eventHeader
 {height: 242px;
  width: 771px;
  position: absolute;
  left: 50%;
  top: 218px;
  margin-left: -400px;}

#menufilespace
 {height: 266px;}

#introimgwide img
 {border: 1px solid #b2b2b2;
  margin-bottom: 8px;}

img.artistImg
 {border: 1px solid #b2b2b2;
  margin-right: 5px;}

#introimgsmall
 {border: 1px solid #b2b2b2;
  float: left;
  width: 200px;
  height: 140px;}
#introimgsmall img 
 {float: left;}

#footnote
 {float: right;
  border: 1px solid #b2b2b2;
  background: #BFC0C4;
  padding: 5px 10px 5px 10px;
  margin-bottom: 15px;}

ul#relatedpagegroup 
 {border: 1px solid #b2b2b2;
  background-color: #D3CFC8;
  margin: 40px 0 20px 0;
  padding: 8px;
  list-style: none;}

ul.relatedpages
 {margin: 10px 0 10px 0;
  padding: 0;
  list-style: none;}

ul.relatedpages li 
 {padding: 6px;
  border: 1px solid #b2b2b2;
  margin-bottom: 10px;}

a.arrowRight 
 {display: block;
  width: 20px;
  height: 20px;
  padding-left: 145px;
  background: url(/sites/jmr/images-new/el-arrow-right.gif) right no-repeat;}


ul#searchPage
 {margin: 0;
  padding: 0;
  list-style: none;}
ul#searchPage li 
 {padding: 0;
  margin: 0 0 15px 0;}

#starttitle 
 {float: right; 
  width: 300px; 
  height: 20px; 
  display: block; 
  margin-top: -50px;
  text-align: right;}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

.popup_title{
padding:5px;

color:#eb8017;

font-size:16px;
font-weight:bold;
}

.popup_content {
padding:15px;
font-size:10px;
}

.popup_content input, .popup_content textarea {
border:1px #555555 solid;
}