/* -------------------------------------------------------------- 
   
  screen_v01.css - Global screen stylesheet

  by: Johan Harteveld | detached.nl

   COLORS
   ----------------------------
	 off-white					#f7f4ee
	 yellow txt					#e1bd87
	 mute txt						#72442f
	 link pink					#b63e5e
	 terra bg						#a05e40
	 terra content			#7d4932
	 terra inset				#643a28
	 border content			#aa6e53
	 gold								#ad9860
	 blue								#718995
	 

/* Layout  
-------------------------------------------------------------- */

body {
	border-top: 4px solid #718995;
}

#container {
  position: relative;
  width: 710px;
  margin: 0 auto;
  padding-left: 240px;
}

.content-head {
	background: #7d4932;
	padding: 10px;
	min-height:200px;
	width: 690px;
	overflow: hidden;
}

#page-home .content-head { background: #7d4932 url(../img/contenthead_bg_1.jpg) no-repeat right bottom; }
#page-plan .content-head { background: #7d4932 url(../img/contenthead_bg_2.jpg) no-repeat right bottom; }
#page-viering .content-head { background: #7d4932 url(../img/contenthead_bg_3.jpg) no-repeat right bottom; }
#page-contact .content-head { background: #7d4932 url(../img/contenthead_bg_4.jpg) no-repeat right bottom; }

.content-main {
	float: left;
	width: 450px;
	margin: 40px 5px 15px 15px;
}

#page-viering .content-main,
#page-plan .content-main {
	width: 680px;
	margin-right: 15px;
}

.content-side {
	float: left;
	width: 230px;
	margin: 40px 0 15px 10px;
}

.column {
	background: #94573b;
	border: 1px solid #a6684c;
	padding: 10px;
}

#footer {
	clear: both;
	min-height: 58px;
	margin: 40px 0 50px;
	padding: 10px 96px 0 0;
  text-align: right;
  color: #72442f;
  font-size: 0.916em;
	border-top: 1px solid #aa6e53;
	background: url(../img/logo_pkn.png) no-repeat right 10px;
}

#footer-content {
	float: right;
	margin-right:15px;
}

#footer-logos {
	float: right;
}

#footer-logos img {
	border: 2px solid #7f4a33;
}

#footer p {
	margin: 0;
}

#links p {
	display: inline;
}

#links ul {
	display: inline;
	margin:0;
	list-style: none;
}

#links ul li {
	display: inline;
	margin-left: 10px;
}

#links ul li:first-child {
	margin-left: 0;
}

#masthead,
.content-head,
#footer {
	position: relative;
	z-index: 1;
}

/* Content
-------------------------------------------------------------- */

.inset p {
	margin:0;
	color: #d6618c;
}

.head-inset {
	overflow:hidden;
}

.head-inset.head-inset-conf a {
	float: none ;
	display:inline-block;
}

.content-head p {
	margin: 1em 110px 1em 5px;
	color: #e1bd87;
}

.content-head p.last {
	margin: 1em 110px 3em 5px;
}

.head-inset a {
	float: left;
	}

.head-inset a,
a.download-link {
	display: block;
	margin-right: 15px;
	background: #643a28;
	border: 1px solid #8f5d47;
	padding: 8px 15px 8px 35px;
	font-size:1.167em;
	text-transform: uppercase;
}

.head-inset a span {
	text-transform: lowercase;
	font-style: italic;
}

.head-inset a.event-date,
.head-inset a[href^=conferentie] {
	background: #643a28 url(../img/icon_calendar.png) no-repeat 10px 50%;
}

.head-inset a[href^=uitgangspunten],
.head-inset a[href^=stappenplan] {
	background: #643a28 url(../img/icon_book.png) no-repeat 10px 50%;
}

a[href*=pdf] {
	background: #643a28 url(../img/icon_pdf.png) no-repeat 10px 50%;
}

a.inline-pdf {
  background: none !important;
}

.head-inset a.email-alt {
	padding: 8px 15px 8px 40px;
	background: #643a28 url(../img/icon_mail.png) no-repeat 10px 50%;
}

.head-inset a:hover,
.head-inset a:focus,
a.download-link:hover,
a.download-link:focus {
	background-color: #583323;
	color: #f7f4ee;
}

.content-head h3 {
	margin: 0 5px;
}

.quote_wrap {
	width: 200px;
}

/* Content programma
-------------------------------------------------------------- */

.content-program > div {
	margin-bottom: 1em;
}

.content-program ul {
	display: inline;
	float: left;
	list-style: none;
	width: 180px;
	margin: 6px 15px 0;
	text-align: right;
	color: #d9c7af;
	text-transform: uppercase;
}

.content-program li span {
	font-style: italic;
	text-transform:none;
}

.content-program div div {
	display: inline;
	float: right;
	width: 485px;
	margin-right: 15px;
}

.program-sub {
	margin: 0 15px 0 210px;
	padding: 10px;
	border: 1px solid #4f3c40;
	background: #372529;
}

/* Navigation
-------------------------------------------------------------- */

#nav {
	position:relative;
	z-index: 2;
	margin: 0 15px 5px 0;
	list-style:none;
}

#nav li {
	display: inline;
	border-left: 1px solid #b67659;
	padding-left: 10px;
	margin-left:10px;
}

#nav li:first-child {
	border-left: none;
}

#nav li a {
	font-size: 1.167em;
}

#nav li a:hover {
	text-decoration: underline;
}

#nav li.current a {
	border-bottom: 1px dotted #e1bd87;
	color: #f7f4ee;
}

#nav li.current ul a {
	border-bottom: 0;
	color: #E1BD87;
}

#nav ul {
	display: block;
	position: absolute;
	top: 16px;
	left: 0;
	margin: 0;
	z-index: 22;
}

#nav ul li{
	display:block;
	border-left: 0;
	margin:0;
	padding: 0;
	background: #2F1B13;
}

#nav ul li a {
	display: block;
	width: 120px;
	padding: 4px 10px;
	border-top: 1px solid #674233;
}

#nav ul li:first-child a {
	border-top: 0;
	margin-top:4px;
}

#nav ul li a:hover {
	background: #E1BD87;
	color: #2F1B13;
	text-decoration:none;
}

#nav ul {
	display: none;
}

li.top-nav-item {
	position:relative;
	padding-right: 10px;
	background: url(../img/nav_arrow.png) no-repeat right 7px;
	}
	


/* Logo (tekst/engel)
-------------------------------------------------------------- */

#masthead {
  height: 27px;
  padding-top: 93px;
  padding-bottom: 73px;
}

#logo {
  width: 221px;
  margin-left: 15px;
}

#logo a {
  display: block;
  width: 314px;
  height: 29px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/feestvanaardeenhemel-trans.png) no-repeat;
}

img#engel {
	position: absolute;
	z-index: 0;
	top: 0;
	left: -70px;
}

/* Theme block
-------------------------------------------------------------- */

h2#theme-title {
  display: block;
  width: 682px;
  height: 56px;
  margin-bottom: 0.3em;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/thema_titel.png) no-repeat;
}

#nav-events {
  width: 682px;
	margin:0 5px 8px;
	list-style: none;
}

#nav-events li {
	float: left;
	margin-right:1px;
	padding: 0 50px 10px 10px;
	background: #a05e40;
	border: 3px solid #a05e40;
}

#nav-events li.active {
	border: 3px solid rgba(255,255,255,0.3);
}

#nav-events li h2 {
	font-size: 36px;
	letter-spacing: -1px;
	margin: 0;
}

#nav-events li span {
	display: block;
}

#nav-events li a {
	color: #2F1B13;
}

/* Clearing
-------------------------------------------------------------- */
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

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

/* Regular clearing */
.clear { clear:both; }