/*  
Theme Name: FAGT Default
Theme URI: http://rizm.nl
Description: Het standaard theme voor de FAGT website
Version: 0.1
Author: Job Pereboom & Barth Wahlen
Author URI: http://rizm.nl

		
			
text: 		#333
text wit: 	#efefef
blauw: 		#019587 / #51d5c7
groen:		#138f34 / #63df84 / #f3fff4
*/


/* Generic */

body{
	margin:0;
	padding:0
}


body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #333;
	background-color: #fff;
	background: #333 url(images/body-bg.gif) 0 0;
	padding: 0 30px 30px 30px;
	}
		

/* Typography */

a {
	font-weight: normal;
	color: #000;
	text-decoration:none;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	}
	
h1 {
	font-size: 2.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	h1.sifr-tagline {
		color:#fff;
		font-size: 26px;
		margin:25px 0 0 0;
	}	
	
h2 {
	font-size: 18px;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
	h2.sifr-content {
	font-size: 30px;
	margin:0;
	padding:0;
	}
	
	h2.sifr-sidebar {
	font-size: 18px;
	margin:0;
	padding:0 0 8px 0;
	}	

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
	
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
ol, ul, li {/*
	list-style: none;*/
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
		ul.linklist, 
		ul.linklist li  {	
			list-style-type:none;
			margin:0;
			padding:0
			}
		
		ul.linklist   {

			padding:10px;
			position:static;
			visibility:visible;
		}
		
		
		ul.linklist li
		{
			background:transparent url(images/linklist-dotted-line.gif) repeat-x left bottom;
			width:440px
		}
		
		ul.linklist li a
		{
			background:transparent url(images/linklist-arrow.png) no-repeat right 4px;
			color:#666;
			display:block;
			margin:0;
			padding:1px 1px 1px 1px;
			font-weight:normal;
			width:440px;
			text-decoration:none;
			font-weight:bold;
		}
		
		ul.linklist li a:hover
		{
			background:transparent url(images/linklist-arrow-active.png) no-repeat right 0.5em;
			color:#313131
		}
		
		
blockquote {
	border: 1px solid #138f34;
	color: #138f34;
	background: #f3fff4;
	padding:15px;
	margin:5px;
	font-size:0.8em;
	line-height:140%
	}
	
hr {
	margin:10px 0;
	padding:0px;
	border-bottom:1px solid #777;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
}
			
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}

	p.tagline-details {
			color:#fff;
			font-size: 12px;
			margin:0;
			padding:0;
			font-weight: bold;
			font-family:Georgia, "Times New Roman", Times, serif;
		}	

li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}


/* Layout */


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 2px solid #212121;
	background: #fff url(images/wrapper-bg.png) 0 0 repeat-x;
	width:950px;
	overflow:hidden;
}

#header {
	background: #ccc url(images/header-home.png) 0 -10px no-repeat; 
	height:250px;
	overflow:hidden;
}


			
	#header #tagline {
		background:transparent;
		color: white;
		float:left;
		margin-top: 40px;
padding-left:320px;
width:100%;
		height:164px;
		overflow:hidden;
		}

	#header #nav {
		float: left;
		width:100%;
		margin:15px 0 0 0;
		padding: 2px 0 0 235px;
		list-style: none;
		background: transparent;
	}
	
	#header #nav li {
		float: left;
		margin:0;
		padding: 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-weight:lighter;
	}
	
	#header #nav a {
		float: left;
		display: block;
		margin:0 1px 0 0;
		padding: 5px 12px 5px 12px;
		text-decoration:none;
		color:#fff;
		border-top: 1px solid #138f34;
		list-style: none;
		background: #138f34;
	}
	
	#header #nav a:hover {
		float: left;
		display: block;
		margin:-4px 1px 0 0;
		padding: 5px 12px 5px 12px;
		text-decoration:none;
		color:#fff;
		border-top: 5px solid #333;
		list-style: none;
		background:#333;
	}	
	
	
	.current_page_ancestor a, 
	.current_page_ancestor a:link, 
	.current_page_ancestor a:active,
	.current_page_ancestor a:visted,
	.current_page_ancestor a:visted,
	.current_page_item a, 
	.current_page_item a:link, 
	.current_page_item a:active,
	.current_page_item a:visted,
	.current_page_item a:visted {
		font-weight:bold;
		}
	 
	#header #nav .current_page_ancestor a, 
	#header #nav .current_page_ancestor a:link, 
	#header #nav .current_page_ancestor a:active,
	#header #nav .current_page_ancestor a:visted,
	#header #nav .current_page_ancestor a:visted,
	#header #nav .current_page_item a, 
	#header #nav .current_page_item a:link, 
	#header #nav .current_page_item a:active,
	#header #nav .current_page_item a:visted,
	#header #nav .current_page_item a:visted {
		float: left;
		display: block;
		margin:-4px 1px 0 0;
		padding: 5px 12px 5px 12px;
		text-decoration:none;
		color:#fff;
		border-top: 5px solid #019587;
		list-style: none;
		background:#019587;
}
	#container #subnav ul li.current_page_item a, 
	#container #subnav ul li.current_page_item a:link, 
	#container #subnav ul li.current_page_item a:hover, 
	#container #subnav ul li.current_page_item a:visited, 
	#container #subnav ul li.current_page_ancestor  a, 
	#container #subnav ul li.current_page_ancestor a:link, 
	#container #subnav ul li.current_page_ancestor a:hover, 
	#container #subnav ul li.current_page_ancestor a:visited 
 {
		color: #019587;
		font-weight:bold;
font-size:0.95em
		}		
				
#container {
	border-top: 3px solid #fff;	
	padding: 25px 0 25px 0;
	}
	
	#container #content { 
		float: left;
		width: 490px;
		
	}

		#container #content p a,
		#container #content p a:visited { 
			font-weight: normal;
			background: #f3fff4;
			padding: 1px;
			color: #333;
			text-decoration:none;
			border-bottom: 1px solid  #ccc;
			}
		#container #content p a:visited { 
			font-weight: normal;
			background: #transparent;
			padding: 1px;
			color: #333;
			text-decoration:none;
			border-bottom: 1px solid  #ccc;
			}
			
		#container #content p a:hover { 
			color: #000;
			background: #63df8;
			border-bottom: 1px solid #019587;
			}			
			
		#container #content table{
		border: 1px solid #666; 
		width:95%;
		}
		#container #content tr td{
			font-family: "lucida grande", verdana, sans-serif;
			font-size: 0.95em;
			padding: 3px 8px;
			background: #fff;
		}

#container #content tr td a{
			border-bottom: 1px dotted #999;
		}

		#container #content thead td{
			color: #fff;
			background-color: #035f04;
			font-weight: bold;
			border-bottom: 1px solid #999;
			padding:20px 10px 10px 10px ;
		}
		#container #content tbody td{
				border-left: 1px solid #D9D9D9;
		}
		#container #content tbody tr.even td{
			background: #eee;
		}
		#container #content tbody tr.selected td{
			background: #138f34;
			color: #ffffff;
			font-weight: bold;
			border-left: 1px solid #D9D9D9;
			border-bottom: 1px solid #D9D9D9;
		}
		#container #content tbody tr.ruled td{
			color: #000;
			background-color: #D9D9D9; 
			
			border-color: #D9D9D9;
		}


	#container #content-home { 
		width:950px;
		
	}

			#container #content-home .home-left { 
			float: left;
			width: 285px;
			padding-left:20px;
		
			}

				
	#container #subnav {
		float: left;
		width: 180px;
		font-size: 0.9em
	}

		#container #subnav ul,
		#container #subnav ul li ul {
			list-style-type:square;
			margin: 15px;
			padding:0
		}

		#container #subnav ul li ul {

			margin-top: 5px;
		}
				
		#container #subnav ul li,
		#container #subnav ul li ul li {
			line-height: 140%;
			
		}

		#container #subnav ul li a,
		#container #subnav ul li a:visted,
		#container #subnav ul li ul li a,
		#container #subnav ul li ul li a:visted {
			text-decoration:none;
			border:0;
			color: #333;
			padding: 1px 3px;
		}

		#container #subnav ul li a:hover,
		#container #subnav ul li a.active ,
		#container #subnav ul li ul li a:hover,
		#container #subnav ul li ul li a.active {
			text-decoration:none;
			border:0;
			color: #efefef;
			background:#333;
			padding: 1px 3px;
		}
			
	#container #column-right {
		float: right;
		width: 180px;
	}

	#container #column-right p {
		color: #666;
		margin-bottom:0em;
	}
	#container #column-right form,
	#searchform {
		margin:0;
		padding:0
	}	
	
	#container #column-right form input {
		margin:5px;
		float:right;
	}
		
	#content, #subnav, #column-right {
		padding: 15px;
		}
#subnav, #column-right {
		padding-top: 50px;
		}
		
#footer {
	clear: both;
	background: #000 url(images/footer-bg.png) 0 0 repeat-x;
	color: #efefef;
	font-size:0.95em;
	height:auto;
	padding:10px;
}

	#footer p {
		text-align:center;
		}
		
	#footer a, #footer a:visited, footer a:hover {
		text-decoration:underline;
		color:#fff;
	}


/*

text: 		#333
text wit: 	#efefef
blauw: 		#019587
groen:		#138f34
*/

/* Privacy & disclaimer*/
#topnavi{
	text-align: center;
	margin:0 auto 30px auto;
	padding: 0;
	width:900px;
	overflow:hidden;
	}

#privacy{
float:right;
background: transparent;
margin:0;
padding:0;
}

#disclaimer{
float:right;
background: transparent;
margin:0;
padding:0;
}



fieldset {padding:25px;margin:10px 0; background: #eeffff}
fieldset legend {float:right;font-weight:bold;font-size:1em}