/*
 * css jamboree :: markup.css :: info - dirkjan.degroot@accensible.nl
 * 13-10-2008
 */

/* eric meyer's css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

body {
	color: black;
 	background-color:#003399;
	text-align:center;
	line-height:1.7em;
	font-size:1em;
	font-family:"Trebuchet MS", verdana, arial;
}

div#container {
	width:98%;
	margin:1em auto 1em auto;
	border:2px solid #fff;
	overflow:hidden;
}

div#head {
	background:#99ccff url(../img/jamboree-header.jpg) 0% 0% no-repeat;
	height:8.72em;
	background-color:#99ccff;
}

div#head span.building {
	display:block;
	float:right;
	background:url(../img/deco-building.jpg) 100% 0% no-repeat;
	height:86px;
	width:242px;
}

div#head ul.breadcrumb {
	clear:both;
	width:100%;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#6fb3f7;
	border-style:solid;
	font-size:.7em;
	height:2em;
	background-color:#fff;
}

div#head ul.breadcrumb li {
	color:#ccc;
	line-height:2em;
	background-color:#fff;
	float:left;
	padding-left:2em;
}

div#head ul.breadcrumb li a {
	color:#333;	
	background:url(../img/icon-arrow.png) 0% 50% no-repeat;
	padding-left:1em;
}

div#content {
	background-color:#e3ebf2;
	border-top-width:1px;
	border-bottom-width:1px;
	border-color:#fff;
	border-style:solid;
	overflow:auto;
}

div.leftpane, div.rightpane {
	width:20%;
	border-width:6px;
	border-color:#fff;
	border-style:solid;
	background-color:#fff;
	margin:.5em;
	float:left;
	text-align:left;
	overflow:hidden;
	padding-bottom:15em;
}

div.servicemenu {
	width:98%;
	position:relative;
	margin-right:.5em;
	height:.5em;
}

div.servicemenu ul {
	position:absolute;
	right:0;
	line-height:.9em;
}

div.servicemenu a {
	color:#fff;
	font-size:.7em;
	text-decoration:underline!important;
}

div.servicemenu a:hover,div.servicemenu a:focus,div.servicemenu a:active {
	color:#ccc;
}


div.rightpane {
	width:72%;
	float:right;
	clear:right;
	text-align:left;
}

a {
	color:#000;
	text-decoration:underline;
}

a:hover {
	color:navy;	
}

a:focus, a:active {
	background-color:#eee;
	color:purple;
}

a.external {
	padding-right:1em;
	background:#fff url(../img/external.png) 98% 50% no-repeat;
	position:relative;
	top:0;
}

.tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
	background-color:#ffffcc;
    border:1px solid #ccc;
    width:250px;
	width:14em;
}

.tooltip p{
    margin:0;
    padding:0;
    color:#000;
    background-color:#ffffcc;
    padding:2px 7px;
}

span.tooltip-end {
	display:block;
	height:.9em;
	width:13.8em;
	position:absolute;
	bottom:-.5em;
	right:0;
	background:url(../img/tooltip.png) 50% 100% no-repeat;
}


h1,h2,h3 {
	font-family:georgia, verdana;
	font-weight:normal;
	color:#e78d0e;
	height:2em;
	font-size:1.4em;
	width:100%;
	background:url("../img/deco-gradient-h1.jpg") repeat-x;
	border-top:1px solid #eee;
	padding:.3em 0 0 .2em;
	margin-bottom:1em;
}

abbr {
	color:#e78d0e;
	cursor:pointer;
}

h2,h3 {
	font-size:1.2em;
	margin-top:1em;
}

h3 {
	margin-top:0;
}

.textbrowse {
	position:absolute;
	left:-999em;
}

hr.textbrowse {
	position:relative!important;
	clear:both;
	visibility:hidden;
}

ul.details li {
	line-height:1.8em;
}

ul.details li strong {
	width:8em;
}

ul.menu {
	border-bottom:1px solid #ccc;
	margin-bottom:2em;
}

ul.menu li a {
	display:block;
	border-top:1px solid #ccc;
	border-left:1px solid #eee;
	width:100%;
	line-height:1.6em;
	text-decoration:none;
	background:url(../img/deco-gradient-menu.jpg) 0% 0% no-repeat;
	position:relative;
}

ul.menu li a:hover, ul.menu a:focus, ul.menu li a.focus {
	background:url(../img/deco-gradient-menu-rollover.jpg) 0% 0% no-repeat;
	background-color:#eee;
}

/* ul.menu li a:active {
	background:url(../img/deco-gradient-menu-active.jpg) 0% 0% no-repeat;
} */


ul.menu li span.selector {
	display:block;
	width:.2em;
	background-color:#f4f2bd;
	position:absolute;
	right:0;
	top:0;
	height:1.6em;
	border-left-width:1px;
	border-right-width:1px;
	border-color:#d9d9d9;
	border-style:solid;
}

ul.menu li a {
	color:#000;
}

ul.menu li a span {
	padding-left:1.5em;	
}

ul.menu li a:hover span.selector, ul.menu span.selector.focus {
	background-color:#adf29e!important;
}

ul.menu span.selector.active {
	background-color:#edb1f6!important;
}

/* form main page */

fieldset {
	position:relative;
	top:0;
	padding:.5em;
}

fieldset.focus, dl.focus {
	background-color:#f4f2bd;
}

fieldset.blur {
	background-color:#fff;
}

dl dt, dl dd { 
	float:left;
	line-height:1.6em; 
}

dl dt {
	clear:left;
	margin-bottom:.25em;
}

dl dd {
	float:right;
	clear:right;
}

dl dd input {
	margin-bottom:.5em;
	width:9em;
	border:1px solid #666;
	background-color:#fff!important;
}

dl dd input:focus, dl dd textarea:focus {
	background-color:#fff;
	border:1px solid green;
}

fieldset p {
	margin-top:0;	
}

button {
	border:0;
	background:none;
	position:absolute;
	right:0;
	bottom:-2em;	
	cursor:pointer;
	color:#000;
	border:1px solid #000;
}

fieldset.footerform button {
	right:1.3em;
	margin-top:1em;
}


form button span {
	display:block;
	line-height:1.4em;
	padding:.2em 1em .2em 1em;
}

button span.hover {
	border-color:#409af4;
	color:#409af4;
}

fieldset label {
	display:block;
	width:8em;
	font-size:1em;
	position:relative;
	text-align:right;
}

fieldset label span {
	position:absolute;
	right:-1.2em;
	top:.1em;
}

fieldset label.error, span.error {
	color:#ba3360;
}

fieldset.footerform label {
	width:4em;
}

fieldset.large label {
	width:95%;
	text-align:left;
	display:inline;
}

fieldset.large input {
	width:5%;
}

fieldset.large ul li {
	background:url("../img/deco-gradient-h1.jpg") repeat-x;
	width:100%;
	border-top:1px solid #eee;
}

fieldset.large ol li {
	background:none;
}

fieldset.large {
	padding:0;
}

/* workshops */

table {
	font-size:.8em;
	width:100%;
	margin-bottom:3em;
}

table td, table th {
	border:1px solid #ccc;
	margin:0;
	padding:.5em;
	border-spacing:0 0;
}

table th {
	font-weight:bold;
	background:url("../img/deco-gradient-vcards.jpg") 0% 0% repeat-x;
}

table caption {
	visibility:hidden;
}

table td a {
	position:relative;
	padding-left:1.5em;
	display:block;
	color:#333;
}

a.fr { background:url(../img/fr.png) 0% .6em no-repeat; }
a.de { background:url(../img/de.png) 0% .6em no-repeat; }
a.at { background:url(../img/at.png) 0% .6em no-repeat; }
a.ee { background:url(../img/ee.png) 0% .6em no-repeat; }
a.dk { background:url(../img/dk.png) 0% .6em no-repeat; }
a.it { background:url(../img/it.gif) 0% .6em no-repeat; }
a.pt { background:url(../img/pt.png) 0% .6em no-repeat; }
a.ro { background:url(../img/ro.png) 0% .6em no-repeat; }
a.se { background:url(../img/se.png) 0% .6em no-repeat; }
a.uk { background:url(../img/gb.png) 0% .6em no-repeat; }
a.nl, span.nl { background:url(../img/nl.png) 0% .3em no-repeat; }
a.sk { background:url(../img/sk.png) 0% .6em no-repeat; }

span.nl { padding-left:1.5em; }

div.more-info {
	width:98.5%;
	border:1px solid #ccc;
	margin-bottom:2em;
	padding:0 .3em 1em .3em;
}

div.hide {
	position:absolute;
	left:-999em;
}

div.more-info.bubble {
	border:6px solid #ccc;
	padding:1em;
	background-color:#fff;
	position:absolute;
	display:block;
	width:40em;
	height:5em!important;
	left:0;
	z-index:10;
}

div.more-info ul {
	list-style:disc;
}

div.more-info ol {
	list-style:decimal;
	margin:.5em 0 .5em 0;
}

div.more-info ul li, div.more-info ol li {
	margin-left:2em;
}

div.more-info h2 {
	margin:.3em 0 .5em 0;
	position:relative;
}

div.more-info h2 a.close {
	position:absolute;
	right:1.5em;
	width:15px;
}

div.more-info h3 {
	background:none;
	border:0;
	font-size:1em;
	margin:.5em 0 .5em 0;
	color:#003399;
	font-family:"Trebuchet MS";
}

div.more-info p {
	margin:.5em 0 .5em 0;
}

/* contact vcards */

ul.vcards li {
	border-top:1px solid #eee;
	background:url("../img/deco-gradient-vcards.jpg") 0% 0% repeat-x;
	margin-bottom:1.5em;
}

div.vcard {
	width:100%;
	padding-left:.5em;
	
}

div.vcard a.email {
	display:block;
	clear:left;
}

/* sitemap */

ul.sitemap a.icon {
	padding-left:2.5em;
	background:url(../img/icon-sitemap.png) 0% 60% no-repeat;	
	font-weight:bold;
	line-height:1.3em;
}

/* booking form */

div.left {
	float:left;
	width:32%;
	position:relative;
	height:28.5em;

}

div.right {
	float:right;
	width:58%;
	border-left:1px solid #ccc;
	padding-left:2em;
}

fieldset.small {
	width:35%;
}

fieldset.medium {
	width:100%;
}

/* fieldset.medium dd input {
	width:100%;	
	float:right;
} */

fieldset.medium textarea {
	width:9em;
	height:6em;
	background-color:#fff;
}

button.form {
	position:absolute;
	bottom:.5em;
	right:0;
}

div.errors {
	width:100%;
	background-color:#f7ccd7;
	border:1px solid #a5173c;
	border-right:0;
	border-left:0;
	margin:.5em 0 1em 0;
	padding:.5em 0 .5em 1em;
}

div.errors a {
	background:url(../img/icon-warning.png) 0% .2em no-repeat;
	padding-left:1.6em;
}

div.succes {
	background-color:#98f0c3;
	border:1px solid #169d58;
	border-right:0;
	border-left:0;
	margin:.5em 0 1em 0;
}

div.succes p {
	padding:0 1em 0 1em;
}

.clear {
	clear:both;
	height:1px;
}

hr.clear {
	background-color:#ccc;
	line-height:1px;
	height:1px;
}