﻿body
{
  margin:0px;
  padding:0px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#000099;
}

.wrapper
{
    margin:0px auto;
	width:920px;
}

/* HEADER DIV */
.header{
  height:125px;
  float:left;
  width:100%;
}

.header-mid
{
    float:left;
    width:625px;
}

.header-title
{
  color:#FF6600;
  float:left;
  font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
  font-size:34px;
  font-weight:normal;
  margin:10px 0px 0px 58px;  
  width:auto;
}

.header-magic
{
  float:left;
  margin:0px 0px 0px 58px;
}

.rabowens
{
  float:left;
}

/* NAVIGATIE DIV */
.navigation{
  float:left;
  width:100%;
}

.navigation ul
{
  list-style:none;
  padding:0px;
  margin:0px;
}
.navigation ul li
{
  padding:0px;
  margin:0px;
  font-size:12px;
  font-weight:bold;
  float:left;
  color:#fff;
}

.navigation ul li a
{
  color:#fff;
  text-decoration:none;
  float:left;
}

.sf-menu
{
  background:url('/images/3dbalk.jpg');
  width:865px;
}

.sf-menu li
{
  background:url('/images/3dspacer.jpg') right no-repeat;
}

.sf-menu li a
{
  padding:9px 8px 10px 8px;
}

.sf-menu li a:hover
{
  background:url('/images/3dbalk_on.gif') no-repeat;
}

.home-menu li a
{
  background:url('/images/home-button.gif') no-repeat;
  padding:8px 8px 10px 8px;  
}

.crumbpath
{
  width:910px;
  margin:0px;
  padding:0px;
  float:left;
}
.crumbpath ul
{
  list-style:none;
  margin:0px;
  padding:0px;
}
.crumbpath ul li
{
  float:left;
  padding:2px 5px 4px 0px;
}

.contentdefault{
	float:left;
	width:700px;
	background-color: #E7EEF5;
	padding:8px;
    margin:0px;
    line-height:17px;
}

.contentdefault table td
{
    vertical-align:top;
}

.contentdefault h1
{
  font-size:26px;
  font-weight:bold;
  color:#000099;
  margin-top:25px;
}

.content-top
{
  width:100%;
}
.content-top table tr td
{
  padding:0px 10px 0px 0px;
}

/* PHOTOS AND TIMETABLE AREA */
.rightarea{
   margin:20px 0px 0px 0px;
	float:right;
	width:180px;
}

.fotos p
{
    padding:0px;
    margin:0px;
}

/* START OF FOOTER */
.footer{
	color:#000099;
	font-size:11px;
	margin-top:20px;
	float:left;
	width:99.5%;
	border-top: 1px solid #DDDDDD;
	padding:3px;
}
.footer .fleft{
	float:left;
	padding-left:20px;
}
.footer .fleft p{
	padding-right:10px;
}
.footer .fright{
	float:right;
	font-weight:bold;
}

.footer a{
    text-decoration : none;
	color:#000099;
}

.footer a:hover {
    text-decoration : none;
	color: #ff6600;
}
/* END OF FOOTER */


/* NEWS ITEM */
.news-area
{
  margin:25px 0px 0px 0px;
}

.news-item
{
  list-style:none;
  padding:0px;
  margin:0px;
}

.news-item li
{
  padding:0px;
  margin:0px 10px 0px 0px;
  float:left;
  width:47%;
}

.news-item h3
{
  padding:2px 0px 0px 0px;
  margin:0px;
  font-size:12px;
}

.news-item h3 a
{
    text-decoration:none;
    color:#000099;
}
.news-item h3 a:hover
{
    text-decoration:underline;
}

.news-date
{
  color:#737573;
  margin:0px 0px 5px 0px;
}

.news-item img
{
  float:left;
  margin:0px 5px 5px 0px;
}

.news-item p
{
  padding:0px;
  margin:0px;
}

.news-item-lnk
{
  float:left;
  width:100%;
  margin:10px 0 20px 0;
  padding:0 0 0 15px;
  text-decoration:none;
  color:#737573;
  font-weight:bold;
  background:url('/images/lnk-arrow.gif') 0 5px no-repeat;
}
.news-item-lnk:hover
{
  text-decoration:underline;
}
.news-article
{
    font-weight:bold;
    color:#ff6600;
}
.news-archive
{
    list-style:none;
    list-style-position:outside;
    padding:0px;
    margin:0px;
}
.news-archive li
{
    padding:0px;
    margin:0px;
}
.news-archive li a
{
    padding:0px 0px 0px 15px;
    margin:0px;
}


.logo
{
  margin:8px 0px 0px 6px;
  float:left;
}

/* TIMETABLE STATUS FIELD */
.status table tr td
{
  padding:5px;
}

.status table
{
  border:0;
}

.status a
{
    color:#000099;
    text-decoration:none;
}

.status a:hover
{
    text-decoration:underline;
}

/* PROGRESS BAR */
.bar-top, .bar-done, .bar-fase-1, .bar-open, .bar-end, .bar-active
{
  width:15px;
  height:15px;
  font-size:1px;
  color:#fff;
}

.bar-top
{
  background:url('/images/pb-top.gif') 0px 18px no-repeat;
}
.bar-done
{
  background:url('/images/pb-done.gif');
  border-bottom:1px dotted #909090;  
}
.bar-active
{
  background:url('/images/pb-active.gif');  
  border-bottom:1px dotted #909090;
}
.bar-fase-1
{
  background:url('/images/pb-fase-1.gif') no-repeat;  
  border-bottom:1px dotted #909090;
}
.bar-open
{
  background:url('/images/pb-bg.gif'); 
  border-bottom:1px dotted #909090;
}
.bar-end
{
  background:url('/images/pb-end.gif') no-repeat;  
}
.bar-name
{
  background:#ffeddc;
  border-bottom:1px solid #909090;
}
.legenda
{
  list-style:none;
  list-style-position:outside;
  margin:0px;
  padding:0px;
}
.legenda img
{
  margin:0px 10px 0px 0px;
}

/* STEM FORM */
.stemform h1, .stemform h2
{
    display:none;    
}

/* WISH FORM */
.wishForm .x-panel-body
{
    background:none;
}

/* LOGIN SCHEME */
.login-scheme
{
    width:315px;
    height:80px;
    border:15px solid #bb0000;
    background:#dddddd;
    left:50%;
    top:50%;
    margin-top:-80px;
    margin-left:-215px;
    position:absolute;
    padding:10px;
}
.login-scheme .title
{
    font-weight:bold;
    float:left;
    width:100px;
    color:#000;
}
.login-scheme .input input
{
    width:200px;
    border:1px solid #000;
    margin:1px;
}
.login-scheme .submit input
{
    width:100px;
    margin:10px 0px 0px 0px;
}

/* GALLERY TEMPLATE */

.bigImage   { width: 426px; height:270px; text-align:center; }
#imgTitle { display:none; }
#bigImage { height:270px; border:1px solid #fff; }

.thumbStripArea { background:url('/images/foto_gallery_background.gif'); overflow:hidden; position: absolute; top: 320px; left: 39px; width: 426px; height: 67px; font-weight: bold; }
#messageImage { text-align:center; }

.scrollLeftStart  { position: relative; cursor:pointer; text-align:center; padding-top: 25px; top: 0px; width: 25px;  height: 65px; float: left; }
.scrollLeft       { position: relative; cursor:pointer; text-align:center; padding-top: 25px; top: 0px; width: 15px;  height: 65px; float: left; }
.thumbs           { position: relative; top: 0px; width: 340px; height: 67px; overflow: hidden; float: left; }
.thumb            { text-align:center;cursor:pointer;display:block;height:55px;overflow:hidden;float:left;margin:5px; background:#000; border: 1px solid #dddddd;}
.selectedthumb    { border: 1px solid #000000;}
.thumb img { height:55px; }
.scrollRight      { position: relative; cursor:pointer; text-align:center; padding-top: 25px; top: 0px; width: 15px;  height: 65px; float: left; }
.scrollRightEnd   { position: relative; cursor:pointer; text-align:center; padding-top: 25px; top: 0px; width: 25px;  height: 65px; float: left; }
.MaxPicture 	  { text-align:center; display:none; position: fixed; left:0px; top:50px; z-index:1000; width:100%; height:100%; }
.MaxPicture img   { display:none; margin:auto; border:2px solid #fff; }
.thumbstrip       { float:left; width:100%; }
