﻿/**
 * @author	Stichting ICTU, Overheid heeft Antwoord
 * @date	27 juli 2009
 * @name	Main stylesheet
 * @version	0.95
 */

@import "form.css";
@import "tables.css";
 
@import "framework.css";
@import "navigation.css";
@import "specific-styles.css";
 
@import "print.css";

@media screen, tv, print
{
	/* General elements */
	*
	{
	 	padding: 0;
		margin: 0;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	html
	{
		background: #D8DBE0;
		color: #000;
	}
	
	body
	{
	 	background: #fff left 113px repeat-x url(images/header.png);
		width: 960px;
		margin-left: 20px;
		line-height: 1.5em;
		font-size: .7em;
	}
	
	/* Headers */
	
	h1, h2, h3, legend
	{
		color: #e67c00;
	}	h1 span, h2 span
		{
			color: #679;
		}
		h1, h2, legend
		{
			font-family: Arial, Helvetica, sans-serif;
			font-weight: normal;
			font-size: 1.6em;
		}
		h3
		{
			font-size: 1em;
			border-bottom: 3px solid #FF8A00;
			clear: both;
		}
		h4, h5, h6
		{
			color: #000;
			font-size: 1em;
		}
	
	/* and the rest... */
	
	h2, legend, p, ul, dl, ol, code, pre, quoteblock
	{
		margin-bottom: 15px;
	}
	
	ul, ol
	{
		padding-left: 25px;
	}
	
	ul li
	{
		list-style-image: url(images/bullet.png);
	}
	
	h3 span
	{
		color: #7f8181;
		font-weight: normal;
		margin-left: 5px;
	}
	
	p
	{
		clear: both;
	}
	
	a
	{
		color: #154273;
		cursor: pointer;
	}	a:hover
		{
			color: #000;
		}
	
	img
	{
		margin-bottom: 15px;
	}	a img
		{
			border: 1px solid #dadce1;
		}
		a:hover img
		{
			border: 1px solid #000;
		}
		p img
		{
			margin-bottom: 0px;
		}
			
	a span
	{
		display: none;
	}
	
	code, pre
	{
		font-family: "Courier New";
		font-weight: bold;
		background: #eaecef;
		padding: 8px;
		display: block;
	}
	
	blockquote
	{
		font-style: italic;
		border: 1px solid #FF8A00;
		border-width: 1px 0;
		padding: 4px 0;
		margin-left: 25px;
		display: block;
	}
	
	/* Definition list */
	
	dl
	{
		clear: both;
		border-top: 1px solid #d8dbe0;
		overflow: auto;
	}	dl + h2
		{
			padding-top: 20px !important;
			clear: both;
		}
		h3 + dl
		{
			border-top: none;
		}
	
	dt, dd
	{
		line-height: 2em;
		display: block;
		border-bottom: 1px solid #d8dbe0;
	}
	
	dt
	{
		margin-right: 20px;
    	width: 199px;	
		clear: left;
		float: left;
	}

	dd
	{
		padding-left: 2px;
		clear: right;
		width: 218px;
		float: left;
	}	dd + dd
		{
			margin-left: 220px;
			clear: both;
		}
		dd a
		{
			margin-bottom: -1px; /* gives the dd on linkhover an black bottom border instead of 2 borders (dd + a) */
		}	dd a:focus
			{
				margin-bottom: 0; /* fixes the scrollbar on focus with negative margin */
			}

        .notavailable
	{
		color: gray;
	}
}