/* General stylesheet for eduproductions.nl */
/* © 2008 ITXP*/

/*GLOBAL*/
* {
	margin					: 0px;
	padding					: 0px;
}
body {
	font-family				: Verdana, Tahoma, Arial, sans-serif;
	background			: #F69012 url(/fileadmin/templates/sitefiles/images/orangegradient.jpg) repeat-x top center fixed;
}
img {
	border					: 0px;
	display					: block;
}
/*END-GLOBAL*/

/*LAYOUT*/
div#container {
	position				: absolute;
	width					: 784px; /* site width */
	margin-left				: -392px;
	left					: 50%;
	margin-top				: -290px;
	top						: 50%;
}
div#main {
	width					: 760px;
	border					: 2px solid #000000;
	padding					: 10px;
	background-color		: #ffffff;
}
div#top {	
	width					: 760px;
	height					: 104px;
}
div#middle {
	display					: table;
	width					: 760px;
	padding-top				: 20px;
	padding-bottom			: 20px;
}
div#content_container {
	float					: left;
	width					: 510px;
	margin-left				: 12px;
}
div#menu_container {
	float					: right;
	width					: 202px;
	margin-right			: 8px;
}
div#bottom {
	clear					: both;
	width					: 760px;
	height					: 37px;
	background-color		: #000000;
}
/*END-LAYOUT*/

/*MENU*/
div#menu {
	display					: table;
	width					: 180px;
	padding					: 10px;
	border					: 1px solid #000000;
	background-color		: #FDE9D1;
}
div#menu h2 {
	font-size				: 12px;
	padding-bottom			: 5px;
}
div#menu ul{
	list-style-image		: none;
	list-style-position		: outside;
	list-style-type			: square;
	margin-left				: 20px;
	color					: #F69012;
}
div#menu a {
	text-decoration			: none;
	display					: block;
	font-size				: 12px;
	line-height				: 17px;
	color					: #F69012;
}
div#menu a:hover {
	text-decoration			: underline;
	color					: #000000;
}
div#menu ul li.current a {
	font-weight				: bold;
}
div#menu ul li.current ul li a {
	font-weight				: normal;
}
div#menu ul li.current ul li.current a {
	font-weight				: bold;
}
/*END-MENU*/

/*SUBTITLE*/
div#top h1 {
	color					: #888888;
	width					: 760px;
	border-bottom			: 1px solid #000000;
	font-size				: 16px;
	line-height				: 19px;
	font-weight				: normal;
	font-style				: italic;
	letter-spacing			: 1.3px;
	padding-top				: 2px;
	padding-bottom			: 2px;
}
/*END-SUBTITLE*/

/*PAGE TITLE*/
div#content_container h1 {
	color					: #888888;
	font-size				: 24px;
	line-height				: 29px;
	font-weight				: normal;
	margin-bottom			: 10px;
}
/*END-PAGE TITLE*/

/*CONTENT*/
div#content {
	font-size				: 12px;
	line-height				: 17px;
	color					: #555555;
	min-height				: 330px;
	height					: auto !important;
	height					: 330px;
}
div#content b, div#content strong {
	color					: #888888;
}
div#content p {
	padding-bottom			: 5px;
}
div#content h1 {
	color					: #888888;
	font-size				: 20px;
	line-height				: 25px;
	font-weight				: normal;
	margin-bottom			: 10px;
}
div#content h2 {
	color					: #888888;
	font-size				: 16px;
	line-height				: 21px;
	font-weight				: normal;
	margin-bottom			: 5px;
}
div#content a {
	text-decoration 		: underline;	
	color					: #888888;
}
div#content a:hover {
	text-decoration 		: none;	
	color					: #F69012;
}
div#content ul {
	list-style-image		: none;
	list-style-position		: outside;
	list-style-type			: square;
	padding-left			: 15px;
}
div#content .csc-mailform {
	border					: 0px;
}
div#content .csc-mailform-field  {
	margin-top				: 1px;
	margin-bottom			: 1px;
}
div#content .csc-mailform-field  label {
	float					: left;
	width					: 130px;
}
div#content .csc-mailform-field  input, div#content .csc-mailform-field  textarea {
	width					: 440px;
}
div#content .csc-mailform-field  textarea {
	height					: 80px;
}
div#content .csc-mailform-field  select {
	width					: 40px;
}
div#content .csc-mailform-field  input.csc-mailform-submit {
	width					: 130px;
	margin-top				: 5px;
}
/*END-CONTENT*/

/*BOTTOM*/
div#bottom {
	text-align				: center;
	color					: #F69012;
	font-size				: 11px;
	line-height				: 37px;
}
div#bottom a {
	color					: #F69012;
	font-weight				: bold;
	text-decoration			: underline;
}
div#bottom a:hover {
	color					: #ffffff;
}
/*END-BOTTOM*/
