/* 
Gymnasion
=============================================================================================
URL:				http://www.gymnasion.nl/
Auteur: 			Stefan Efde [http://www.addnoise.nl]
=============================================================================================
*/



@import url(/addsite/css/iconen.css);

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	-webkit-text-size-adjust: none;
}


#topbar02
{
	width: 100%;
	height: 23px;
	background: #231F20 url("../images/white.gif") no-repeat top left;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}

#duobar
{
	margin: 0 auto;
	width: 860px;
	height: 23px;
}

#blackbar {
	float: left;
	width: 300px;
	height: 23px;
	background: #231F20 url("../images/adres.gif") no-repeat top left;
}

#top
{
	margin: 0 auto;
	width: 860px;
	min-height: 68px;
	position: relative;
}

/* Kruimelpad */

#kruimelpad {
	position: absolute;
	top: 8px;
	left: 0px;
	color: #FFF;
	height: 20px;
	width: 585px;
	float: left;
	font-size: 10px;
}

#kruimelpad a:link, #kruimelpad a:visited{ 
	color: #FFF;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#kruimelpad a:hover {
	color: #0E1B41;
}
#kruimelpad a.actief:link, #kruimelpad a.actief:visited{ 
	color: #FFF;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
#kruimelpad a.actief:hover {
	text-decoration: underline;
}

/* Linkjes rechtsboven */

#linkjesboven {
	position: absolute;
	top: 27px;
	right: 20px;
	height: 20px;
	width: 250px;
	float: left;
	font-size: 12px;
	letter-spacing: 1px;
}

#linkjesboven a:link, #linkjesboven a:visited{ 
	color: #231F20;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}
#linkjesboven a:hover {
	text-decoration: underline;
}
#linkjesboven a.actief:link, #linkjesboven a.actief:visited{ 
	color: #231F20;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	}
#linkjesboven a.actief:hover {
	text-decoration: none;
}


#middenstuk
{
	width: 100%;
	min-height: 300px;
	background-color: #7DA7D9;
}

#pagina
{
	margin: 0 auto;
	width: 860px;
	min-height: 300px;	
	position: relative;
}
*html #pagina 
		{
			height: 300px;
		}



.content {
	width: 385px;
	padding: 28px 0px 0px 0px;
	float: left;
}
.content2 {
	float: left;
	width: 640px;
	padding: 28px 20px 0px 0px;
	margin-top: 5px;
}


.nieuwsitem {
	width: 220px;
	margin: 0px 0px 15px 0px;
}

.nieuwsitem a:link, .nieuwsitem a:visited {
	display: block;
	color: #000000;
	text-decoration: none;
}
.nieuwsitem a:hover {
	text-decoration: underline;
}


.datumrood {
	color: #ED1C24;
	display: block;
}


.fotosrechts {
	float: right;
	width: 140px;
}
.fotosrechts img {
	width: 125px;
	height: 125px;
	margin: 15px 0px 0px 5px;
	border: 0px;
}



.blokjes
	{
		width: 860px;
		margin: 0 auto;
	}
	
	.blokjes ul
	{
		margin: 0px;
		padding: 0px 0px 0px 0px;
		text-align: center;	

	}

	.blokjes ul li
	{
		padding: 0px 0px 0px 0px;	
		margin: 0px;
		list-style-type: none;
		display: inline;
		line-height: 23px;
		float: left;
		width: 132px;
		color: #FFF;
		border-left: 1px solid #FFF;
		background: transparant;
	}
	.blokjes ul li.last
	{
		padding: 0px 0px 0px 0px;	
		margin: 0px;
		list-style-type: none;
		display: inline;
		line-height: 23px;
		float: left;
		width: 132px;
		color: #FFF;
		border-right: 1px solid #FFF;
		background: transparant;
	}
	





#adresgegevens
{
	margin: 0 auto;
	width: 860px;
	min-height: 26px;
	font-size: 10px;
	padding: 10px 0px 0px 0px;
}
#adresgegevens a:link, #adresgegevens a:visited {
	color: #000;
	font-size: 10px;
	text-decoration: none;
}
#adresgegevens a:hover {
	text-decoration: underline;
}




a:link, a:visited { 
	color: #000;

	text-decoration: underline;
	outline-color: invert;
	outline-style: none;
	outline-width: 0pt;
	}

a:hover, a:active{ 
	text-decoration: none;
	}

h1 {
	font-size: 22px;
	line-height: 30px;
	color: #000000;
	padding: 0px;
	margin: 0px;
	letter-spacing: 1px;
	float: left;
	z-index: 1;
}

.kop{
	float: left;
}





/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
	
	
	
	#menu {
		width: 620px;
		height: 24px;
		margin: auto;
		position: relative;
	}
	
  	#verznav
	{
		width: 620px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		position: absolute;
		top: 0px;
		left: 115px;
	}	
	



/* Foto overzicht
------------------------------------------------------------- */

.fotosoverzicht {
	width: 720px;
}
.fotosoverzicht img {
	width: 125px;
	height: 125px;
	margin: 19px 50px 0px 0px;
	border: 0px;
}

/* Formulier
---------------------------------------------------------------------------------------------- */

.form_buttons {
	position: relative;
	width: 300px;
	margin-top: 10px;
	z-index: 4;

}

input.button1 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: #BFBFBF;
	border: 0px;
	color: #ffffff;
	width: 60px;
	height: 24px;
	margin: 0px 10px 10px 0px; 
	padding: 3px 10px 3px 10px;
	cursor: pointer;
	}
	
input.button2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background: #231F20;
	border: 0px;
	width: 80px;
	height: 24px;
	color: #ffffff;
	margin: 0px 10px 10px 0px; 
	padding: 3px 10px 3px 10px;
	cursor: pointer;
	}	

.aanmelden {

	border: 1px solid #231F20;
	width: 165px;
	margin-left: 0px;
	font-size: 11px;
	line-height: 11px;
	height: 18px;
	margin: 2px 0px 10px 0px;
		}
	
.input {
	background: url(../images/invulbg.gif) repeat-x; 
	font-size: 11px;
	width: 203px;
	margin-left: 10px;
	line-height: 11px;
	height: 16px;	
		
		}
		
.invulNormaal {
	border: 1px solid #231F20;
	background: #FFFFFF;
	font-size: 11px;
	width: 310px;
	line-height: 11px;
	height: 15px;
	margin: 1px 0px 1px 0px;
	padding: 3px 3px 1px 3px;
		
		
		}		
		
.invulArea {
	border: 1px solid #231F20;
 	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: #FFFFFF; 
	font-size: 11px;
	width: 310px;
	line-height: 11px;
	height: 76px;
	margin: 1px 0px 1px 0px;
	padding: 3px 3px 1px 3px;
		
		}



.veld2pulldown select
{
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background: #FFFFFF url("../images/dropdown_bg.gif") no-repeat; 
 color: #000000;
border: 1px solid #231F20;
 margin-right: 0px;
 text-align: left;
 height: 25px;
 padding: 2px 3px 2px 3px;
 margin: 0 0 0 0;
}	

.invulSmall {
	border: 1px solid #231F20;
	background: #FFFFFF; 
	font-size: 11px;
	width: 134px;
	line-height: 11px;
	height: 17px;
	margin: 1px 0px 1px 0px;
	padding: 3px 3px 1px 3px;
		}
		
.invulPulldown {
	 background: url("../images/dropdown_bg.gif") no-repeat; 
	border: 1px solid #231F20;
	font-size: 11px;
	width: 318px;
	height: 18px;
		line-height: 18px;
		margin: 0px 0px 0px 0px;
		padding: 2px 3px 2px 5px;
		}		
		
.invulXSmall {
	background: #ffffff;
	border: 1px solid #231F20;
	font-size: 11px;
	width: 25px;
	line-height: 11px;
	height: 16px;
	margin: 1px 0px 1px 0px;
	padding: 2px 3px 1px 3px;
		}




.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.clearer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer75 {
	height: 75px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.spacer5 {
	height: 5px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer10 {
	height: 10px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer15 {
	height: 15px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer25 {
	height: 25px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.spacer35 {
	height: 35px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.spacer55 {
	height: 55px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}





/* There is a version of this file commented in great detail for educational purposes here:
 * http://users.tpg.com.au/j_birch/plugins/superfish/superfish.commented.css
 */

/*** ESSENTIAL STYLES ***/
.nav, .nav * {
	margin:0;
	padding:0;
	list-style:none;
}
.nav {
	line-height:1.0;
}
.nav ul {
	position:absolute;
	top:-999em;	
}
.nav ul li,
.nav a {
	width: 100%;	
}

.nav li ul li a:link, .nav li ul li a:visited {
	text-align: left;
	text-indent: 10px;
}

.nav li {
	float:left;
	position:relative;
	z-index:99;
}

.nav li#last{
	border-right: 1px solid #fff;	
}

.nav li ul li{
	border-right:1px solid #fff;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
	
.nav a {
	display:block;	
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:-1px;
	top: 25px;
	width: 150px;	
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;	
}
.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:150px;
	top:0px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/*** ORIGINAL SKIN ***/
.nav {
	float:left;
	margin-bottom:1.5em;
}
.nav li {
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	width: 87px;
}
.nav a:link, .nav a:visited {
	color: #fff;
	height: 24px;
	line-height: 24px;
	text-align: center;
	text-decoration:none;
}
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background:#FF3B37;
}
.nav li li {
	background:#ED1C24;
}
.nav li li li {
	background:#ED1C24;
}