/* Start of CMSMS style sheet 'tipparijs' */
/* CSS Document
/* NEDERLANDS /
/* tipparijs.nl stylesheet opgesteld door Stefan van Daalen - www.stefanvandaalen.nl */
/* Alle inhoud behoort bij tipparijs.nl; copyright 2008,  www.tipparijs.nl */
/* 13 januari 2008 */

/* BELANGRIJK */
/* Dit ontwerp is geen 'template'. Het is niet toegestaan het ontwerp van de website danwel css sheet te reproduceren zonder de schriftelijke toestemming van de ontwerper. Maar, voelt u zich vrij om de CSS technieken te bestuderen en ergens anders te gebruiken. */
/* Deze stylesheet is geoptimaliseerd voor CMSMS */

/* Basis */

* {
margin: 0;
padding: 0;
}

body {
font-size:62.5%
font-family:Arial, Helvetica, sans-serif;
}

html {
background-image:url(images/bodybg.gif);
background-repeat:repeat-x;
background-color:#edf0fd;
}

img {
border: none;
}


/* Tekst */

h1, h2, h3, h4, h5, h6 {
color: #c3cf4b;
}

h1 {
	border-bottom: 2px #c3cf4b solid;
	font-size: 1.7em;
	margin-bottom: 24px;
}

h2 {
	font-size: 1.4em;
	margin: 24px 0 24px 0;
}

h3 {
font-size: 1.2em;
margin: 24px 0 24px 0;
}

.aanhaaltekstlinks { /* Stijlen stukken tekst ter accentuatie */
width: 150px;
height: auto;
background-image:url(images/aanhaal.png);
background-repeat:no-repeat;
float: left;
margin : 5px 15px 5px 0;
padding: 40px 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
color: #c3cf4b;
}

.aanhaaltekstrechts { /* Stijlen stukken tekst ter accentuatie */
width: 150px;
height: auto;
background-image:url(images/aanhaal.png);
background-repeat:no-repeat;
float: right;
margin : 5px 0 5px 15px;
padding: 40px 0 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 1.3em;
color: #c3cf4b;
}


/* EINDE Tekst */

#container {
width: 100%;
}

#header {
height: 339px;
width: 100%;
padding: 0;
margin: 0;
}

#header h1 {
display: none;
}

#head_links {
background-image: url(images/logo.png);
background-repeat:no-repeat;
width: 495px;
height: 250px;
float: left;
margin-left: 20px;
display:inline; /*voorkom IE double margin probleem */
}

#head_rechts {
width: 469px;
height: 339px;
float: right;
}

.breadcrumbs {
clear: both;
margin-left: 3%;
font-family:Trebuchet MS, Arial, Verdana, sans-serif;
}

.lastitem {
font-weight: bold;
}

/* Zoekveld */

#zoeken {
margin-top: 160px;
margin-left: 40px;
height: 27px;
width: 220px;
border: 1px #496c8c solid;
padding: 10px;
background-color:#396085;
}

/* EINDE Zoekveld */

#inhoud {
width: 100%;
margin-top: 50px; /* ruimte geven anders loopt ie door de header heen */
}

#links {
width: 25%;
margin-left: 3%;
float: left;
display: inline; /*voorkom IE double margin probleem */
}

#menu_vert {
width: 100%;
font-family:Georgia, "Times New Roman", Times, serif;
}

#advert {
padding-left: 34px;
padding-top: 24px;
}

/* navigatie */

/* LISTS */

/* lists in content need some margins to look nice */

div#main ul,

div#main ol,

div#main dl {

   font-size: 1.0em;

   line-height: 1.4em;

   margin: 0 0 1.5em 0;

}



div#main ul li,

div#main ol li {

   margin: 0 0 0.25em 3em;

}



/* definition lists topics on bold */

div#main dl dt {

   font-weight: bold;

   margin: 0 0 0 1em;

}

div#main dl dd {

   margin: 0 0 1em 1em;

}



div#main dl {

  margin-bottom: 2em;

  padding-bottom: 1em;

  border-bottom: 1px solid #c0c0c0;

}

/* MENU */

dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}


#menuwrapper { 
   width: 100%; 
}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; 
   
   }
#primary-nav ul { 
   position: absolute; 
   top: 0; 
   left: 100%; 
   display: none; 
   margin-left: -1px;
}
#primary-nav li { 
   
   position: relative;
   padding: 0.4em;
   border-bottom: 1px solid #c3cf4b;

}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   color: #000000;
   margin: 0px; 
   padding: 0.4em 0.5em 0.4em 2em; /* some air for it */
   text-decoration: none; 
   background: url(images/li.png) no-repeat 0.5em center;  
   min-height:1em; /* Fixes IE7 whitespace bug*/ 
   display: block;
}

#primary-nav li, #primary-nav li.menuparent { 
   min-height:1em; /* Fixes IE7 whitespace bug*/ 
}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive { 
   background-color: #dce59c; 
}

#primary-nav li.menuactive:hover {
background: #c3cf4b;
}

#primary-nav ul li {
background: #e5ebd0;
margin: 0;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav li.menuparent, 
#primary-nav li.menuparent:hover, 
#primary-nav li.menuparenth { 
   background-image: url(images/cms/arrow.gif); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #dce59c; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}


/* IE Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }


/* section header */
#primary-nav li.sectionheader {
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0.5em;
   background-color: #fff;
   margin: 0;
   width: 100%;
}


/* separator */
#primary-nav li hr.separator {
   display:block;
   height: 0.5em;
   background-color: #abb0b6;
   width: 100%;
   margin:0;
   padding:0;   
   border-top: 1px solid #006699;
   border-right: 1px solid #006699;
}

/*  EINDE MENU */

/* Sponsors */

#sponsors {
width: 90%;
font-family:Georgia, "Times New Roman", Times, serif;
margin: 24px 0 0 10%;
}

#sponsors li {
width: 100%;
list-style-type:none;
border-bottom: 1px #3d1302 dotted;
padding: 8px 0 8px 0;

}

#sponsors li a {
padding: 0 0.5em 0 0.5em; /* some air for it */
text-decoration:none;
color: #000000;
display:block;
}

#content {
width: 65%;
margin: 0 3% 0 3%;
float: left;
display:inline; /*voorkom IE double margin probleem */
font-family:Trebuchet MS, Arial, Verdana, sans-serif;
}

#sponsors li:hover {
background-color:#e5ebd0;
}

#content a:link {
color: #375d81;
font-weight: bold;
text-decoration: none;
border-bottom: 1px dotted #375d81;
}

#content a:hover {
text-decoration: underline;
border: 0;
}

#content a:visited {
font-weight:bold;
text-decoration: none;
border-bottom: 1px dotted #375d81;
}

#content p {
font-size: .9em;
text-align:justify; /* tekst netjes uitlijnen over de regel */
line-height: 150%
}

#content li {
margin: 10px 0 10px 30px;
list-style-type:none;
background-image: url(images/contentli.png);
background-repeat:no-repeat;
font-size: .9em;
}

#container #inhoud #content .error_message li {
padding-left: 20px;
}

#container #inhoud #content li {
padding-left: 20px;
}


#content li a {
margin-left: 20px;
}

#content li li {
list-style-type:none;
background-image: url(images/contentulul.png);
background-repeat:no-repeat;
}

/* links en rechts aanhouden van IMG */

.linksinline {
float : left;
margin : 5px 15px 5px 0;
}

.rechtsinline {
float : right;
margin : 5px 0 5px 15px;
}

.linksinline span, .rechtsinline span {
display: block;
padding-top: 5px;
font-size: 0.8em;
font-weight: bold;
text-align: center;
color: #375d81
}

#print {
margin-bottom: 15px;
margin-left: 95%;
}

#print img {
border: 0;
}

#print: a:link {
border:0;
}


/* infoveld, reisinfo, metro e.d. */

.info {
width: 175px;
height: 90px;
background-image:url(images/bginfo.png);
background-repeat:no-repeat;
float:left;
color: #FFFFFF;
font-size: .6em;
margin: 20px 0;
}

.info img {
float: left; /* uiterst link het plaatje */
}

.info p {
float: left; /* tegen het plaatje de tekst */
margin-left: 5px;
}


.info_item {
width: 160px;
height: 21px;
margin: 7px 0 3px 12px;
}

/* EINDE Stijlen comment orderd lists en form */

/* Data tabellen */

#content caption {
padding-top: 1em;
text-align: left;
text-transform: uppercase;
font-size: 1.4em;
}

#content td {
padding: 0.5em;
}

#content table {
margin: 1em 0;
font-size: 0.8em;
}

#content thead {
background: #375d81;
color: #ffffff;
font-size: 1.1em;
}

#content td, #content th, #content table {
border: 1px #666 solid;
border-collapse: collapse;
}

#content tfoot {
background: #6593be;
}

/* Stijlen comment orderd lists en form */

#comments li {
padding: 7px;
border: 1px solid #7f9db9;
background-color: #fff;
list-style-type: inherit;
background-image: none;
font-weight: bold;
color: #375d81;
}

#comments li p {
padding-top: 10px;
color: #000;
}

#comments table {
background-color: #fff;
color: #375d81;
}


/* footer */

#footer {
width: 65%;
height: 40px;
margin: 24px 3% 0 0%;
clear: both; /* footer forceren de ruimte onder div content te kiezen ipv onder 1 v/d boxen erboven */
float: right;
font-size: .7em;
border-top: 4px #375d81 solid;
display: inline; /*voorkom IE double margin probleem */
}

#disclaimer {
width: 40%;
height: 40px;
float: left;
}

#disclaimer li {
display: inline;
list-style-type:none;
padding: 5px;
}

#disclaimer a {
text-decoration:none;
color: #000000;
}

#disclaimer a:hover {
text-decoration:underline;
}

#copyright {
width: 58%;
height: 32px;
padding-top: 13px;
padding-left: 2%;
float: left;
background-color:#375d81;
color: #FFFFFF;
font-weight:bold;
text-align:center;
}

#copyright a {
text-decoration:none;
color: #fff;
}

#copyright a:hover {
text-decoration:underline;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;


}
/* End of 'tipparijs' */

/* Start of CMSMS style sheet 'sIFRscreen' */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}


.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/* End of 'sIFRscreen' */