@import url(typo3000.css);

html,body {
	height: 96%; /* Stay a bit off top and bottom and stop a scrollbar in IE. */
}
body {
	margin-top: 2%; /* get of that top! */
	margin-bottom: 2%; /* And stay of the bottom as well! */
	background-color: #f9f9f9; /* Fresh and white! */
	font-family: Georgia, Geneva, Verdana, Monaco, Calibri, sans-serif; /* Monaco = iMac, Calibri = Windows Vista */
	font-size: small/100%; /* This makes sure IE users can increase fontsize with their browser.  */
	color: #6d6d6d; /* A nice grey color. */
	text-align: center;
}

/* ************************* END GENERAL STYLING ************************* */


/* *************************  START DIV STYLING  ************************* */

#container {
	width: 730px; /* Edit this to change the width of your site. Set it to 100% for some fun :-) */
	margin-left: auto;  /* This keeps the template centered. */
	margin-right: auto; /* This keeps the template centered. */
	border: 1px solid #eee; /* Crazy about dotted and dashed borders! */
	background-color: #FFFFFF; /* Fresh and white! */
	text-align: left;
}
#header {
	width: auto; /* Just as wide as the container, ofcourse. */
	height: auto; /* No need to set height, just some padding around the headers is enough to get height. */
	color: #4DB548;
}
	#header .headermain {
		font-size: 33px; /* Big font! 150% of the font-size of the body! */
		line-height: 33px;
		font-weight: bold;
		display: inline; /* This trick will display the both lines of text next to eachother instead of under eachother* */
		letter-spacing: 2px; /* A thick amount of spacing between the letters, to create a nice effect on the text. */
		float: left;
		position: relative;
		top: -35px;
	}
	#header .headersub {
		margin-left: 30px;
		font-size: 13px;
		font-weight: 500;
		float: left;
		text-align: right;
		position: relative;
		top: -35px;
	}
#subheader {
	width: auto;
	padding-left: 225px;
	padding-top: 5px;
	height: 60px; /* No need to set height, just some padding around the headers is enough to get height. */
	font-size: 11px;
	line-height: 11px;
	font-weight: 500;
	color: #DD8200;
	background: url(diags_sw.gif) top left repeat-x;
}

	
#core_container {
	width: 100%;
	background-color: #FFFFFF;
}

#core_left {
	width: 200px;
	float: left;
	height: auto;
	background-color: #FFFFFF;
}
	#core_left p {
		font-size: 70%; /* The fontsize is 70% of the fontsize of the body tag. */
	}
	#core_left ul {
		list-style: none; /* No dot in the list please. */
		padding-left: 10px; /* Get yourself to the left of the page. */
		margin: 0px; /* IE needs this to do the same as stated above... */
	}
	#core_left li {
		font-size: 0.8em; /* Fontsize and styling. */
		font-family: Georgia, Geneva, Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 3px;
	}
	#core_left li.act {
		font-size: 0.8em; /* Fontsize and styling. */
		font-family: Georgia, Geneva, Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 3px;
		font-weight: bold;
	}
	#core_left li.level2 {
		padding-left: 20px;
		font-size: 0.7em; /* Fontsize and styling. */
		font-family: Georgia, Geneva, Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1px;
	}
	#core_left li.level2act {
		padding-left: 20px;
		font-size: 0.7em; /* Fontsize and styling. */
		font-family: Georgia, Geneva, Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1px;
		font-weight: bold;
	}
	#core_left li.level3 {
		padding-left: 30px;
		font-size: 0.7em; /* Fontsize and styling. */
		font-family: Georgia, Geneva, Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1px;
	}
	#core_left li.level3act {
		padding-left: 30px;
		font-size: 0.7em; /* Fontsize and styling. */
		font-family: Georgia, Geneva, Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1px;
		font-weight: bold;
	}
	

/*
a, a:link, a:visited {
	color: #007CB0;
	background-color: #FFFFFF;
	text-decoration: none;
}
*/
a, a:link, a:visited {
	padding: 0px;
	padding-left: 15px;
	color: #000;
	background: url(linkicon.gif) left no-repeat;
	border-bottom: 1px dotted #000;
	text-decoration: none;
}
#core_left a, #core_left a:link, #core_left a:visited {
		color: #000000;
		background: url(main0000.css);
		padding: 2px 5px;
		border: 0px;
		text-decoration: none;
}
a:hover, #core_left a:hover, #navlist a:hover {
	color: #fff;
	background-color: #DD8200;
	text-decoration: none;
}	


#current {
	font-weight: bold;
}

h1, h2, h3, h4, h5 {
	margin: 0px;
	margin-bottom: 15px;
}

#core_main {
	width: 460px; /* this div is 476px wide and contains all contents on the right of the page. */
	float: left; /* Always show up on the rightside of the screen, even when width is changed of the #container. */
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
	background-color: #FFFFFF;
	border-left: 1px dashed #DD8200;
}
	#core_main h1 {
		font-size: 90%;
		font-weight: bold;
		color: #4ab647;
		letter-spacing: 1px; /* spread those letters over your screen a bit more */
		font-family: "Trebuchet MS", Verdana, sans-serif; /* I love Trebuchet, should've been the standard font! ;-) */
	}
	
	#core_main h2, #core_main h3 {
		font-size: 90%; /* 90% of the size of the font-size from the body. */
		font-weight: 500; /* a bolder font. 600 for even bolder, 100 for very sleek. */
		color: #8CD749;
		letter-spacing: 1px; /* spread those letters over your screen a bit more */
		font-family: "Trebuchet MS", Verdana, sans-serif; /* I love Trebuchet, should've been the standard font! ;-) */
	}

	#core_main p {
		font-family: "Trebuchet MS", Verdana, sans-serif; /* Font... */
		font-size: 80%; /* 80% of the font-size from the body tag. */
		line-height: 140%; /* The whitespace between the lines. */
	}
	
	#core_main li {
		font-family: "Trebuchet MS", Verdana, sans-serif; /* Font... */
		font-size: 80%; /* 80% of the font-size from the body tag. */
		line-height: 140%; /* The whitespace between the lines. */
	}

#footer { /* The bottom, with the copyright notice. */
	clear: both; /* Appear UNDER core_main, not next to it. Not even with changed width on #container. */
	height: 20px; /* Give it some height! */
	text-align: right; /* The text should appear on the rightside of the footer. */
}
	#footer p {
		padding-right: 10px;
		background: #FFFFFF url(diags_sw.gif)  0% 30% repeat-x; /* Those cool diagonal lines in the back. */
		font-size: 60%; /* An even smaller font then the list we just did. */
		color: #999; /* Ocean blue color... */
		letter-spacing: 1px; /* spread those letters over your screen a bit more */
		font-family: "Trebuchet MS", Verdana, sans-serif; /* I love Trebuchet, should've been the standard font! ;-) */
	}
	#footer a {
		background: url(pix00000.gif) no-repeat;
		border: 0px;
		text-decoration: none;
		color: #999;
	}
	#footer a:hover {
		color: #fff;
		background-color: #DD8200;
		text-decoration: none;
	}
	.author {
		display: none;
	}
	
img { 
		border: 0px;
	}
	
input {
	border: 1px solid #DD8200;
}
textarea {
	border: 1px solid #DD8200;
}
fieldset {
	border: 0px;
}
label {
	font-family: "Trebuchet MS", Verdana, sans-serif; /* Font... */
	font-size: 80%; /* 80% of the font-size from the body tag. */
	line-height: 140%; /* The whitespace between the lines. */
}