body {
	background		: #96b400 url(/images/base/bg-main-2.jpg) no-repeat;
	background-position	: 50% 0;
	margin			: 0; 
	padding			: 0;
}

* {
	padding			: 0; 
	margin			: 0;
}

img {	
	border			: none;
}

/* IE 6 PNG Fix ----------------------------------------------*/

img, div { 
	behavior		: url(/includes/iepngfix.htc);
}

/* Basisboxen ------------------------------------------------*/
    
#main {
	background		: none;
	position		: relative;
	width			: 900px;
	margin			: 0 auto;
}

/* Basisitems pagina -----------------------------------------*/

#header {
	background		: #none;
	width			: 900px;
	height			: 140px;
	float			: left;
}

#logo {
	position		: absolute;
	width			: 187px;
	height			: 73px;
	top			: 12px;
	left			: 20px;
}

#payoff {
	position		: absolute;
	width			: 400px;
	height			: 15px;
	top			: 65px;
	left			: 98px;
}

#metanav {
	position		: absolute;
	width			: 250px;
	height			: 15px;
	top			: 82px;
	left			: 98px;
}

#tram {
	position		: absolute;
	width			: 247px;
	height			: 140px;
	left			: 580px;
	top			: 0px;
}

#contentheader {
	background		: url(/images/base/bg-content-head.png) no-repeat;
	width			: 880px;
	height			: 130px;
	padding-left		: 20px;
	padding-top		: 20px;
	float			: left;
}

#contentmid {
	background		: url(/images/base/bg-content-mid-lang.png) repeat-y;
	width			: 900px;
	float			: left;
}

#contentmid-2k {
	background		: url(/images/base/bg-content-mid-lang-2k.png) repeat-y;
	width			: 900px;
	float			: left;
}

#contentfooter {
	background		: url(/images/base/bg-content-foot.png) no-repeat;
	width			: 900px;
	height			: 90px;
	float			: left;
}

#menu {
	background		: #none;
	width			: 140px;
	float			: left;
	margin-left		: 40px;
	display			: inline;
}

#content {
	background		: none;
	width			: 460px;
	float			: left;
	margin-left		: 35px;
	padding-bottom		: 40px;
}

#content-2k {
	background		: none;
	width			: 647px;
	float			: left;
	margin-left		: 35px;
	padding-bottom		: 40px;
}

#context {
	background		: none;
	width			: 140px;
	float			: left;
	margin-left		: 47px;
}

.homeimage {
	border			: 1px solid #b0c900;
	margin-bottom		: 20px;
	margin-top		: 10px;
}

#header-wat {
	width			: 291px;
	height			: 115px;
	float			: left;
}

#header-waar {
	width			: 280px;
	height			: 115px;
	float			: left;
}

#header-mening {
	width			: 289px;
	height			: 115px;
	float			: left;
}

#content hr {
	background-color	: #dddddd;
	color			: #dddddd;
	margin-top		: 20px;
	margin-bottom		: 10px;
	width			: 100%;
	height			: 1px;
	border			: 0px;
}

/* Teksten ---------------------------------------------------*/

#content p {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	color			: #3b3b3b;
	text-align		: left;
}

#content p a {
	color			: #829501;
}

#content p a:hover {
	color			: #b0c900;
}

#content h1, #content-structuur h1 {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 17pt;
	line-height		: 22pt;
	font-weight		: normal;
	color			: #b0c900;
	padding-bottom		: 10px;
}

#content h2 {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	font-weight		: bold;
	color			: #808080;
	padding-bottom		: 20px;
}

#content h2 a {
	color			: #808080;
}

#content h3 {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	color			: #000000;
	padding-top		: 14pt;
}

#content ul, #content ol {
	padding-left		: 20px;
}

#content li {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	color			: #3b3b3b;
	padding-left		: 0px;
}

#content li a {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	padding-left		: 0px;
	color			: #829501;
}

#content li a:hover {
	color			: #b0c900;
}

#content-2k p {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	color			: #3b3b3b;
	text-align		: left;
}

#content-2k p a {
	color			: #829501;
}

#content-2k p a:hover {
	color			: #b0c900;
}

#content-2k h1 {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 17pt;
	line-height		: 22pt;
	font-weight		: normal;
	color			: #b0c900;
	padding-bottom		: 10px;
}

#content-2k h2 {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	font-weight		: bold;
	color			: #808080;
	padding-bottom		: 20px;
}

#content-2k h2 a {
	color			: #808080;
}

#content-2k h3 {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	color			: #000000;
	padding-top		: 14pt;
}

#content-2k ul, #content ol {
	padding-left		: 20px;
}

#content-2k li {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	color			: #3b3b3b;
	padding-left		: 0px;
}

#content-2k li a {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	color			: #b0c900;
	padding-left		: 0px;
}

#content-2k li a:hover {
	color			: #829501;
}

#contentfooter p {
	text-align		: center;
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 14pt;
	color			: #bababa;
}

.faqantwoord {
	padding			: 10px;
	margin-top		: 3px;
	margin-bottom		: 4px;
	background-color	: #eeeeee;
}

.tekstboxgrijs {
	padding			: 10px;
	margin-top		: 5px;
	margin-bottom		: 10px;
	background-color	: #eeeeee;
}

.tekstboxgroen {
	padding			: 10px;
	margin-top		: 5px;
	margin-bottom		: 10px;
	background-color	: #eff4cc;
}

.tekstboxzwart {
	padding			: 10px;
	margin-top		: 5px;
	margin-bottom		: 10px;
	background-color	: #000000;
}

.pdiap {
	color 			: #ffffff;
}

.bibliometa {
	font-size		: 8pt;
}

.grijsl {
	color			: #b4b4b4;
}

/* Menu ------------------------------------------------------*/

#menu ul {
	list-style		: none;
}

#menu li {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 9pt;
	line-height		: 12pt;
	margin-bottom		: 4px;
	color			: #3b3b3b;
}

#menu li a {
	text-decoration		: none;
	color			: #3b3b3b;
}

#menu li a:hover {
	text-decoration		: underline;
	color			: #b0c900;
}

#menu li ul li {
	margin-left		: 20px;
	margin-bottom		: 4px;
	color			: #3b3b3b;
	list-style		: square url(/images/base/menu-pijltje.gif) outside;
}

#menu li ul li a {
	color			: #3b3b3b;
}

#menu li ul li a:hover {
	text-decoration		: underline;
	color			: #b0c900;
	list-style		: square url(/images/base/menu-pijltje-groen.png) outside;
}

.spacertop {
	margin-top		: 8px;
	padding-top		: 8px;
	border-top		: 1px solid #dddddd;
}

/* Metanav en payoff -----------------------------------------*/

#metanav ul {
	list-style		: none;
}

#metanav li {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	color			: #565656;
	float			: left;
}

#metanav li a {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	color			: #565656;
}

#metanav li a:hover {
	color			: #8f8f8f;
}

#payoff p {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	font-style		: italic;
	color			: #ffffff;
	float			: left;
}

/* Boxen -----------------------------------------------------*/

#nieuwsbox, #testemonialbox, #factsbox, #trambox, #historiebox, #lijn2box {
	background-color	: #eff4cc;
	width			: 140px;
	float			: left;
	padding-bottom		: 15px;
	margin-bottom		: 20px;
}

.boxtitel {
	background-color	: #b0c900;
	width			: 130px;
	height			: 19px;
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 12pt;
	font-weight		: bold;
	color			: #ffffff;
	padding-left		: 10px;
	padding-top		: 1px;
}

.boxtekst {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 11pt;
	color			: #000000;
	padding-left		: 10px;
	padding-right		: 7px;
	padding-top		: 5px;
}

.boxtekst a {
	color			: #000000;
	text-decoration		: underline;
}

.boxtekst a:hover {
	color			: #b0c900;
	text-decoration		: underline;
}

.boxknop {
	width			: 120px;
	color			: #ffffff;
	font-weight		: bold;
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	background		: #b0c900;
	border			: 1px solid #b0c900;
}


/* Formulieren -----------------------------------------------*/

.invoerbox {
	padding			: 3px;
	border			: 1px solid #b0c900;
}

.invoerknop {
	padding			: 3px;
	border			: 1px solid #b0c900;
	color			: #000000;
	font-weight		: bold;
	background		: #ffffff;
}

.waarschuwing {
	border			: 2px solid #ff0000;
	padding			: 10px;
}

.waarschuwing p {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	color			: #ff0000;
}

.waarschuwing p a {
	color			: #ff0000;
}	

/* Tabellen --------------------------------------------------*/

.tabel {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	padding			: 3px;
	margin			: 1px;
	text-align		: left;
	vertical-align		: top;
}

.tabel a {
	color			: #829501;
}

.tabel a:hover {
	color			: #b0c900;
}

.theader {
	background-color	: #b0c900;
	color			: #000000;
	font-weight		: bold;
}

.tgrijs {
	background		: #eeeeee;
}

.twit {
	background		: #ffffff;
}

/* Tijdsbalk -------------------------------------------------*/

#tijdsbalk {
	width			: 860px;
	height			: 115px;
	float			: left;
}

.tijdsbalk1 {
	background		: url(/images/base/bg-tijdsbalk-1.jpg) no-repeat;
}
.tijdsbalk2 {
	background		: url(/images/base/bg-tijdsbalk-2.jpg) no-repeat;
}
.tijdsbalk3 {
	background		: url(/images/base/bg-tijdsbalk-3.jpg) no-repeat;
}
.tijdsbalk4 {
	background		: url(/images/base/bg-tijdsbalk-4.jpg) no-repeat;
}
.tijdsbalk5 {
	background		: url(/images/base/bg-tijdsbalk-5.jpg) no-repeat;
}

.periode-toekomst {
	background		: url(/images/base/tijdsbalk-bg-leeg.png) no-repeat;
	width			: 42px;
	height			: 34px;
	float			: left;
	margin-top		: 70px;
	padding-left		: 8px;
}

.periode-eind {
	background		: url(/images/base/tijdsbalk-bg-half.png) no-repeat;
	width			: 42px;
	height			: 34px;
	float			: left;
	margin-top		: 70px;
	padding-left		: 8px;
}

.periode-klaar {
	background		: url(/images/base/tijdsbalk-bg-heel.png) no-repeat;
	width			: 42px;
	height			: 34px;
	float			: left;
	margin-top		: 70px;
	padding-left		: 8px;
}


/* Tooltips -----------------------------------------------------*/

.tip-top {
}
.tip {
	color			: #ffffff;
	width			: 230px;
	z-index			: 13000;
	padding-left		: 10px;
	padding-right		: 10px;
	padding-top		: 10px;
	background		: url(/images/base/bubble-2.png) top left;
}

.tip-title {
	font-family		: Tahoma, Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
}

.tip-text {
	font-family		: Tahoma, Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	background		: url(/images/base/bubble-2.png) bottom right;
}

.tip-bottom {
	width			: 230px;
	padding-left		: 10px;
	padding-right		: 10px;
	background		: url(/images/base/bubble-2-eind.png) bottom right;
	height			: 10px;
}

/* Achterkant ---------------------------------------------------*/

.level0 {
	background-color	: #dddddd;
	padding			: 3px;
	margin			: 6px;
}

.level1 {
	background-color	: #bbbbbb;
	padding			: 3px;
	margin-top		: 2px;
	margin-bottom		: 2px;
	margin-left		: 20px;
	margin-right		: 2px;
}

.level0onzichtbaar {
	background		: #efefef;
	padding			: 3px;
	margin			: 6px;
}

.level1onzichtbaar {
	background-color	: #efefef;
	padding			: 3px;
	margin-top		: 2px;
	margin-bottom		: 2px;
	margin-left		: 20px;
	margin-right		: 2px;
}

#content-structuur {
	background		: none;
	width			: 460px;
	float			: left;
	margin-left		: 35px;
	padding-bottom		: 40px;
}

#content-structuur ul, #content-structuur ol {
	list-style		: none;
}

#content-structuur li {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 10pt;
	line-height		: 14pt;
	color			: #3b3b3b;
}

#content-structuur li a {
	font-family		: Trebuchet MS, Verdana, Helvetica, sans-serif;
	font-size		: 8pt;
	line-height		: 14pt;
	color			: #829501;
}

#content-structuur li a:hover {
	color			: #5d6a02;
}

/* 3D Groningen login -------------------------------------------*/

#cAvatar {
	padding			:2px 2px 2px 2px;
	background-color	: none;
	width			:130px;
	font-size		:10px;
	z-index			:1000;
	position		:relative;
	top			:0px;
	left			:0px;
	display			:none;
}