/*########### main basic items ###########################################################*/

* {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}

body {
	font-family: "Courier New", Courier, monospace;
	font-size: 97.5%;
	color: #000;
/*	background-image: url(gfx/bg_overlay.jpg);*/
	background-repeat:no-repeat;
	background-position: 50% 140px;
	}
	
#wall {
	border: 0px solid green;
	width: 960px; /*--Specify Width--*/
	height: 600px; /*--Specify Height--*/
	position: absolute; /*--Set positioning to absolute--*/
	top: 50%; /*--Set top coordinate to 50%--*/
	left: 50%; /*--Set left coordinate to 50%--*/
	margin: -280px 0 0 -480px; /*--Set negative top/left margin Dit is aangepast!! Was wat minder maar dan hing ie wat laag browserchecken anders height 700 margin 260 dat was het verschil--*/  
	overflow:hidden;}
a:active {
 outline: none;
}
:focus {
  -moz-outline-style: none;
}
:-moz-any-link:focus {
  outline: none;
}


.popupz {
cursor: url('highslide/graphics/zoomin.cur'), pointer !important;
}


#closelink {
position:absolute;
display:block;
right: 0px;
padding-right: 20px;
top: 20px;
height:20px;
z-index:10000;
font-size: 100%;
font-weight:bold;

}






.oldbrowser{
width:100%;
position:absolute;
top:0px;
padding-top:5px;
height:22px;
background-color:#fcffa2;
border-bottom:2px solid #fff36e;
font-size:85%;
font-family:"Helvetica", "Arial", sans-serif;
text-align:center;
}



/*########### text styling ###########################################################*/


h1{
	font-size: 160%;
	font-weight: bold;
	*font-size:130%;
	}

h2{
	margin-bottom:12px;
	}

h4{
	font-size: 90%;
	font-weight: bold;
	margin:0px;
	padding:0px;
	}

a, a:link, a:visited, a:hover{
	text-decoration: none;
	color:#000;
	}
	
	
	h5{margin:12px 0px 0px 0px; font-size: 110%; }
	h6{margin:0px 0px 12px 0px; font-size: 85%; font-weight:normal;}
	
p {
font-size: 13px;
line-height: 16px;}

.oldbrowser a, .oldbrowser a:hover, .oldbrowser a:visited, .oldbrowser a:active{
color:blue;
text-decoration:underline;
}

	
/*########### fixed wall items ###########################################################*/

#logo {
	position: absolute;
	left: 680px;
	top: 0px;
	width: 263px;
	height: 124px;
	text-align: right;
	}
#detail {
	position: absolute;
	left: 485px;
	top: 166px;
	width: 80px;
	height: 180px;
	}
#menu {
	position: absolute;
	left: 320px;
	top: 170px;
	width: 133px;
	height: 172px;
	background-image: url(gfx/wall_menu.jpg);
	}
#news {
	position: absolute;
	left: 73px;
	top: 6px;
	width: 216px;
	height: 118px;
	background-image: url(gfx/wall_news.jpg);
	background-repeat:no-repeat;
	}	
#products {
	position: absolute;
	left: 250px;
	top: 350px;
	width: 281px;
	height: 196px;
	background-image: url(gfx/wall_products.jpg);
	background-repeat:no-repeat;
	padding:14px;
	}
#facebook {
	position: absolute;
	left: 545px;
	top: 475px;
	width: 200px;
	height: 80px;
	}



/*########### frame popups ###########################################################*/

#press {
	position: absolute;
	left: 185px;
	top: 450px;
	width: 55px;
	height: 126px;
	}
#current {
	position: absolute;
	left: 560px;
	top: 100px;
	width: 353px;
	height: 240px;
	}
#contact {
	position: absolute;
	left: 50px;
	top: 330px;
	width: 183px;
	height: 103px;
	}	
#studentportraits {
	position: absolute;
	left: 545px;
	top: 357px;
	width: 400px;
	height: 102px;
	z-index:1;
	}	
#studentportraits img{
	margin:0px;
	padding:0px;
}	
#students {
	position: absolute;
	left: 545px;
	top: 357px;
	width: 400px;
	height: 102px;
	z-index:10;
	}	
		
#info {
	position: absolute;
	left: 30px;
	top: 140px;
	width: 276px;
	height: 178px;
	}		

#past {
	position: absolute;
	left: 325px;
	top: 0px;
	width: 231px;
	height: 159px;
	}		
	
/*########### text styling ###########################################################*/

#wall #news p{
	color: #fff;
	padding: 20px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#wall #menu p{
	padding: 20px;
}
#wall #menu p a, #wall #menu p a:link, #wall #menu p a:visited, #wall #menu p a:hover{
	text-decoration: none;
	color:#000;
	font-weight: bold;
	font-size: 120%;
	line-height: 120%;
}




.info-text {
}


.contact-left {
float:left;
width: 250px;
}
.contact-right {
float:left;
width: 260px;
text-align: right;
}


.minislides {
float:left;
width: 500px;
height:430px;
margin: 0px;
overflow:hidden;

}
.content, .loader, .slideshow, .slideshow img {
margin: auto auto;
text-align:center;

}


.minitext {
float:left;
width: 300px;
height:470px;
margin-left:20px;
}


.studentthumbs{
float:left;
width:336px}

.studentdetail{
float:left;
margin-left:20px;
width: 200px;
}


.fadein { position:relative; width:500px; height:332px; }
.fadein img { position:absolute; left:0; top:0; }







/*slidefadeimagegallerific ++++++++++++++++++++++*/

a, a img {
border: 0px;
text-decoration: none;
}




div.slideshow-container {
	position: relative;
	clear: both;
	height: 430px; /* This should be set to be at least the height of the largest image in the slideshow */
	display: block;
	width: 520px;
	margin-left:-20px;
	height: 430px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 430px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	*background-image: url(gfx/loader.gif);
	background-position: center center;
	background-repeat: no-repeat;
}


div.slideshow img {
	vertical-align: middle;

}




/*#thumbs ipv .navigation*/
/*de cijfers 1/10*/
.navigation{
margin: 0px;
display: block;
position:absolute;
background-color:transparent;
visibility: visible;
font-size:85%;
z-index:100;	
font-weight:normal;
text-align:center;
height:18px;
width:58px;
padding: 6px 9px 4px 16px;
margin: 0px 0px 0px 00px; 
*margin:-10px 0px 0px -145px;
}

.navigation ul{
margin:0px;
}

.navigation ul li {
list-style: none;
list-style-type: none;
white-space:nowrap;
float: left;
display: block;
position:absolute;
height:1px;
width:1px;
}

/*.navigation ul li a {
padding: 4px 9px;
margin-top: 3px;
margin-right: 3px;
background: #eee;
color: #000;
display: block;
font-size:75%;
}

.navigation ul li a:hover {
background: #ccc;
color: #000;
}
*/

.navhidden{
visibility: hidden;
}

.navnumber{

}

ul.thumbs li.selected a.thumb {
	color: #000;
	font-weight: bold;
	

}


.controls{

position: absolute;
top:430px;
*top:420px;
left:04px;
display:block;

background-color:transparent;
visibility: visible;
font-size:85%;
z-index:150;	
font-weight:normal;
height:18px;
width:80px;
padding: 4px 9px;
margin: 0px 0px 0px 0px; 
line-height:18px;
}
/*voor elke slideshow dit invoegen*/
.slideshow{
display:block;
clear: both;
}

/*als er toch aanpassingen moeten zijn in plaatsing nummering
#thumbs ul{
margin-top:15px;
}
*/
/* Firefox */
@-moz-document url-prefix()
{
.slideshow {
margin-top:-19px;
}
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.slideshow {
margin-top:-19px;
}
}







.jumpnav{
font-size: 150%;
margin-top:10px;}


.studentthumbs img{
padding:0px;
margin:0px;
float:left;}


.logoplace {
position:absolute; 
display:block; 
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
}















/*
    anythingSlider v1.2
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 900px; height: 490px; position: relative; margin: 0px; }
.anythingSlider .ASwrapper                { width: 820px; overflow: auto; height: 471px; margin: 0 40px; position: absolute; top: 0; left: 0; 
*width: 830px; }

                                       /* Width below 32700 is max for Opera */
.anythingSlider .ASwrapper ul             { width: 12700px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 447px; width: 820px; *width: 860px; margin: 0; }
.anythingSlider .arrow                  { visibility:hidden; display: block; height: 200px; width: 67px; background: url(arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 453px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 453px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .ASwrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
/* float was none maar anders is de nav niet horizontaal*/
.anythingSlider .ASwrapper ul ul li       { float: left; height: auto; width: auto; background: none; }






.tweet, .query {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 80%;
  color: #ffffff;
  width: 170px; 
  padding: 0px 30px 0px 22px;
  text-align: center;}
  .tweet .tweet_list, .query .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: transparent; }
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
      text-transform: uppercase; }
    .tweet .tweet_list li, .query .tweet_list li {
      overflow-y: auto;
      overflow-x: hidden;
      padding: 0em; }
      .tweet .tweet_list li a, .query .tweet_list li a {
        color: #ffffff; }
    .tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {
      background-color:transparent; }
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
        vertical-align: middle; }