/*STYLESHEET FJ Webdesign - Het Griendencollege*/

html, body {
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	background: #c0c0c0 url(../img/global/bg.jpg) top left repeat-x;
}

body {
	overflow-y:scroll;
}

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	line-height:15px;
	color:#00496c;
}

h1 {
	color:#83d23f;
	font-size: 20px;
	margin: 0;
	padding-bottom: 10px;
	font-weight:normal;
}

h2 {
	color: #36b2e6;
	font-size: 15px;
	margin: 0;
	padding-bottom: 10px;
	font-weight:normal;
}

h3 {
	color: #ffffff;
	font-size: 15px;
	margin: 0;
	padding-bottom: 10px;
	font-weight:normal;
}

a {	
	font-weight:bold;
	text-decoration: underline;
	font-size:11px;
	color:#83d23f;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

:-moz-any-link:focus {
  	outline: none;
}

.radio, 
table.radio td input,
span.radio input,
.checkbox input 
{
	border-width:0
}

textarea {
	border:1px solid #cdcdcd;
	overflow:auto;
	color: #000;
}

.textinput {
	border:1px solid #20769a;
	color: #000;
}

iframe{
	border:1px solid #ffffff;
}

/* global */
#wrapper {
	width:898px;/*RFRF was 880*/
	height:100%;
    margin: 0 auto;
    text-align: left;
}

#top{
	width:880px;
	height:32px;
	background:url(../img/global/bg_top.gif) repeat-x;
}

#left {
	width:9px;
	background:transparent url(../img/global/shade-left.png) repeat-y;
}

#right {
	width:9px;
	background:transparent url(../img/global/shade-right.png) repeat-y;
}

#nav{
	margin-left:34px;
	float:left;
	color:#ffffff;
}


.first {
	padding-left:0!important;
}

#search{
	float:right;
	color:#ffffff;
	font-size:10px;
	padding:6px 34px;
}

.searchterm {
	border:1px solid #20769a;
	width:100px;
}

.searchresult {
	margin-bottom:10px;
}

.input {
	float:left;
	color: #fff;
	font-size:10px;
}

.button {
	float:left;
	padding: 1px 0 0 2px;
}

#header {
	width:880px;
	height:170px;
}

#main{
	width:880px;
	background-color:#fff;
}

#bottom {
	width:880px;
	height:20px;
	background:url(../img/global/bg_bottom.gif) repeat-x;
}

#copyright {
	color:#ffffff;
	font-size:10px;
	float:left;
	margin-left:34px;
}

#copyright a{
	color:#ffffff;
	font-size:10px;
	text-decoration:underline;
	font-weight:normal;
}

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

#footermenu {
	color:#ffffff;
	font-size:10px;
	float:right;
	margin-right:34px;
}

#footermenu a{
	color:#ffffff;
	font-size:10px;
	text-decoration:underline;
	font-weight:normal;
}

#footermenu a:hover{
	text-decoration:none;
}

/* home */
.home{
	background:url(../img/home/bg_main.gif) repeat-y;
}

.left {
	width:314px;
}

.middle {
	width:251px;
}

.right {
	width:314px;
}

#introtext{
	margin:19px 17px;
	height:200px;
}

#quickmenu{
	margin:19px 17px;
	background:url(../img/home/bg_quickmenu.jpg) bottom;
	height:180px;
}

.quickmenu_item{
	width:140px;
	float:left;
}

#quickmenu a{
	color:#00496c;
	font-weight:normal;
	text-decoration:underline;
	background:url(../img/global/bullet_blue.gif) bottom left no-repeat;
	padding-left:10px;
	line-height:18px;
}

#quickmenu a:hover{
	text-decoration:none;
}

#column{
	margin:19px 17px;
	width:280px;
	overflow:hidden;
}

#quicklinks{
	margin:19px 17px;
	background:url(../img/home/bg_quicklinks.jpg);
	height:90px;
	padding:15px;
}

#quicklinks a{
	color:#ffffff;
	font-weight:normal;
	text-decoration:underline;
	background:url(../img/global/bullet_white.gif) bottom left no-repeat;
	padding-left:10px;
	line-height:18px;
	font-weight:bold;
}

#quicklinks a:hover{
	text-decoration:none;
}


#news{
	width:217px;
	margin:19px 17px 4px 17px;
	float:left;
}

#news a{
	color:#00496c;
	font-weight:normal;
}

.newsyear {
	margin-bottom:20px;
}

.newslistheader {
	margin-bottom:1em;
}

.newslistimage {
	float:left;
}

.newslistimage img {
	margin-right: 10px;
} 

.newslistsummary {
	float:left;
}

.newslistitem {
	margin-bottom:2em;
}

#homepagenewsitems{
	margin-top:5px;
	float:left;
}

#homepagenewsitems td {
	padding-bottom:10px;
}

.image{
	width:70px;
}

.bt_overzicht{
	text-align:right;
}

.bt_overzicht a{
	font-weight:bold!important;
	color:#36b2e6!important;
}

#vacatures{
	width:217px;
	margin:19px 17px;
	padding:15px 0;
	float:left;
	border-top:1px solid #a5ddf4;
	border-bottom:1px solid #a5ddf4;
}

#vacatures a{
	color:#00496c;
	font-weight:normal;
	text-decoration:underline;
	background:url(../img/global/bullet_blue.gif) bottom left no-repeat;
	padding-left:10px;
	line-height:18px;
}

#vacatures a:hover{
	text-decoration:none;
}

/* content */

.content{
	background:none;
}

#contenttext{
	width:521px;
	margin:19px 17px;
	float:left;
}

#contentimage{
	overflow:hidden;
	width:287px;
	margin:19px 17px;
	font-weight:bold;
}



.contentfooter{
	width:525px;
	border-top:solid 1px #36b2e6;
	float:left;
	padding:5px 0px;
	margin:10px 0;
}

#downloads{
	float:left;
	color:#36b2e6;
	font-weight:bold;
}

#downloads div {
	padding-bottom:4px;
}

#downloads a {
	font-size:10px;
	color:#36b2e6;
	font-weight:normal;
}

#backprint{
	float:right;
}

#backprint a{
	color:#36b2e6;
	text-decoration:none;
}

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

.clr {
	clear:both;
}

/*menu*/
.menucontainer {
	height:32px;
}

.menumain {
}

.menuItem {
	padding-top:7px;
	padding-left:10px;
	padding-right:10px;					
	vertical-align:middle;
	height:25px;
	display:block;
	cursor:hand;
	cursor:pointer;
	white-space:nowrap;
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}

.menuItem, .menuItem:link, .menuItem:visited, .menuItem:active, .menuItem:hover, .menuItem_Hover
{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

.menuItem:hover, .menuItem_Hover:hover, .menuItem_Hover {
	color:#8dcee9;
}

.menuspacer {
	font-size:1px;
	width:2px;
	background:url(../img/global/bg_navborder.gif) left 0px no-repeat;
	
}

#nav .menuSubItem_Container 
{
	visibility:hidden;
	position:absolute;
	overflow:visible;
	width:170px!important;
	z-index:100;
	padding-top:0px;
	border-bottom:1px solid #146f98;
}
			
#nav .menuSubItem 
{
	background-color:#fff;
	padding:7px 10px;
	display:block;					
	line-height:100%;
	height:10px;
	border-top:1px solid #146f98;
	border-right:1px solid #146f98;
	border-left:1px solid #146f98;
	text-transform:uppercase;
}


.menuSubItem, .menuSubItem:link, .menuSubItem:visited, .menuSubItem:active, .menuSubItem:hover {
	color : #00496c;
	text-decoration:none;
	font-weight:bold;
}


#nav .menuSubItem:hover
{
	background-color:#d7f0fa;
}
/*end menu*/

.documents {
	margin-bottom:3em;
}

.documentsContent {
	margin-bottom:0.8em;
}

.errordescription {
	color:red;
	margin-left:10px;
}

.photoalbumthumbs {
	width:510px;
	margin-left:10px;
}

.photoalbumthumb {
	position:relative;
	width:120px;
	height:120px;
	float:left;
	text-align:center;
	margin-right:5px;
	margin-bottom:5px;
}