/*
	------------------------------------------------------------------
	CSS Stylesheet van Template T6
	Website: -
	Datum: 14-03-2009
	Auteur: Weblicity
	Copyright: Weblicity
	------------------------------------------------------------------
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 62.5%; /* font sizen naar 16px*62.5%=10px [0.9em = 9px] */
	background-color: #c0c0c0;
	background-attachment: scroll;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

a {
	color:#99906f;
	text-decoration: underline;
}

a:hover {
	color: #2e5218;
	font-weight: normal;
	text-decoration: none;
}

#main {
	width: 980px;
	margin-top:-16px;
	background-color:#f4f1e8;
	background-image: url(../images/tt6_page_top.gif);
	background-repeat: repeat-x;
	margin-right: auto;
	margin-left: auto;
}

#header {
	position:relative;
	top:60px;
	background-image: url(../images/tt6_header.gif);
	background-repeat:repeat-x;
	height:142px;
	width:980px;
}

#header_logo {
	position:relative;
	top:40px;
	left:80px;
}

.header_slogan {
	position:relative;
	top:40px;
	left:80px;
	width:360px;
	color:#f2ebb2;
	text-align:center;
	font-size:3.0em;
	line-height:18px;
}

.header_photo {
	position:absolute;
	top:-76px;
	left:620px;
	background-image: url(../images/tt6_headerphoto.gif);
	width:298px;
	height:213px;
}	

.header_bottom {
	margin-top:20px;
	background-image: url(../images/tt6_header_bottom.gif);
	background-repeat: repeat-x;
	height:80px;
	width:980px;
}	

#content {
	font-size: 1.2em;
	margin-left:40px;
	margin-right:40px;
	padding-bottom:20px;
}

#contentLeft {
	font-size: 1.2em;
	float:left;
	width:180px;
}

.menubox h1 {
	line-height:26px;
	border-bottom:1px solid #d4d2c8;
	margin-top: 14px;
	padding-bottom:4px;
	height: 20px;
}

span.links {
	font-size: 0.8em;
}
span.contact {
	font-size: 0.8em;
}

#mainContent {
	float:left;
	width:660px;
	margin-left:20px;
	margin-top:-14px;
	text-align:justify;
	min-height:600px;
}

.csc-header {
	margin-bottom: -14px;
	height: 30px;
	font-size: 1.4em;
}

.csc-header-n1, .csc-firstHeader h1 {
	background-image: url(../images/tt6_h1.gif);
	background-repeat:no-repeat;
	background-position: left bottom;
	margin-top:28px;
	margin-bottom:-10px;
	height: 50px;
	font-size: 1.6em;
}

#content h1 {
	font-size:1.2em;
}

#footer {
	float:left;
	clear:both;
	margin:auto;
	margin-top:-2px;
	width:980px;
	background-image: url(../images/tt6_page_bottom.gif);
	background-repeat: repeat-x;
	height:21px;
}

.footer_content {
	text-align:right;
	font-size:0.7em;
	margin-right:80px;
}

/* Typo3 styling algemeen */
/* Typo3 Image styling */
div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	padding-right: 8px;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap {
	padding-left: 3px;
}

div.csc-textpic img {
	border: 1px solid #C3C3C3;
	padding: 3px;
}

div.csc-textpic a:hover img {
	border: 1px solid #949494;
	padding: 3px;
}

#content div.csc-textpic a {
	border: none;
}

/* Typo3 menu styling */
div#menu div.menu-level1-no a, div.menu-level1-no a:link, div.menu-level1-no a:visited, div.menu-level1-act a:hover {
	color: #99906f;
	font-size: 0.8em;
	line-height: 19px;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../images/tt6_menuitem.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 18px;
	font-weight: normal;
	display: block;
}

div#menu div.menu-level1-act a, div.menu-level1-act a:link, div.menu-level1-act a:visited, div.menu-level1-no a:hover {
	color: #2e5218;
	font-size: 0.8em;
	line-height: 19px;
	text-decoration: none;
	font-weight: normal;
	background-image: url(../images/tt6_menuitem_hover.jpg);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 18px;
	display: block;
}

div.menu1-level2-no a, div.menu1-level2-no a:link, div.menu1-level2-no a:visited, div.menu1-level2-act a:hover {
	color: #8c8966;
	line-height: 19px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 18px;
	font-weight: normal;
	display: block;
}

div.menu1-level2-act a, div.menu1-level2-act a:link, div.menu1-level2-act a:visited, div.menu1-level2-no a:hover  {
	color: #ff8c40;
	line-height: 19px;
	text-decoration: none;
	font-weight: normal;
	padding-left: 18px;
	display: block;
}