/*BODY*/

html {
	background: #363636;
	height: 100%;
}
body {
	padding: 0;
	margin: 0;
	min-height: 100%;
}

body, table, td, th, input, textarea, select {
	font: normal 12px arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
	margin: 0 0 10px 0;
}

h1, h2 {
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 18px;
	white-space: nowrap;
	color: #787777;
}

h2 {
	margin-bottom: 17px;
}

h3 {
	font-size: 15px;
	color: #232323;
}

h4 {
	font-size: 14px;
	color: #232323;
}

h5 {
	font-size: 12px;
	font-weight: bold;
	/*color: #282828;*/
	color: #5c0049;
}

p {
	margin: 0 0 10px 0;
}

a, a:hover, a.underline, a.nounderline:hover,
.article a, .highlightLinks a {
	text-decoration: underline;
}

a.nounderline,
h1 a, h2 a, h3 a, h4 a, table a, ul a,
.pageDistribution a {
	text-decoration: none;
}

a {
	color: #000;
}

fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
fieldset legend {
	display: none;
}


/* LAYOUT */

#page {
	margin: 0 auto;
	width: 810px;
	height: 100%;
	/*border: 1px solid;*/
}

#layout {
	margin: 0px auto;
	width: 800px;
	padding-bottom: 18px;
	position: relative;
}

#header {
	clear: both;
	text-align: center;
	background: url(../img/header.png) no-repeat;
	height: 207px;
	width: 800px;
}

#header img {
	/*position: absolute;*/
}

#header h1{
	text-align: center;
	color: #185826;
	font-family: "century gothic", futura, arial, helvetica, "liberation sans", "dejavu sans condensed", sans-serif;
	font-size: 24px;
	white-space: nowrap;
}

#contentArea {
	/*margin-left: 200px;*/
	/*border: 1px solid;*/
	background: #525252;
	clear: both;
}

#contentWrapper {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 600px;
	/*position: relative;*/
	
}

#content {
	padding: 5px 5px 5px 5px;
	border: 1px solid;
	margin-bottom: 20px;
	height: 100%;
	clear: both;
}

#content img {
	position: relative;
	clear: both;
}

#contentTop {
	text-align: center;
	font-size: 11px;
	color: #969696;
	line-height: 17px;
	height: 23px;
	padding: 1px 0px 0 0px;
	background: url(../img/content_top.png) no-repeat left bottom;
}

#contentBottom {
	clear: both;
	text-align: center;
	font-size: 11px;
	color: #969696;
	line-height: 17px;
	height: 23px;
	padding: 0px 0px 0px 0px;
	background: url(../img/content_bottom.png) no-repeat left bottom;
}

#contentBottom p {
	margin: 0;
}
#contentBottom a {
	color: #969696;
	text-decoration: none;
}
#contentBottom a:hover {
	text-decoration: underline;
}
#contentBottom ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#contentBottom ul li {
	display: inline;
	padding-left: 4px;
}
#footer {
	text-align: center;
	font-size: 11px;
	color: #969696;
	line-height: 17px;
}
#footer ul {
	display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer ul li {
	display: inline;
	padding-left: 4px;
}

#clearALL {
	clear: both;
}

/* MENU */
#menuWrapper {
	clear: both;
	width: 800px;
	/*position: absolute;
	top: 100px;
	left: 0px;*/
	font-size: 11px;
	/*padding-top: 8px;*/
}

#siteNav {
	height: 40px;
	background: #525252;
	/*background: #e61030;*/
	overflow: hidden;
}

#siteNav fieldset {
	margin-top: 0px;
	margin-left: 16px; /*72px; /*197px;*/
	margin-bottom: 0px;
	height: 40px;
}

#siteNav ul {
	margin: 0 0 0 13px;
	height: 30px;
	width: 763px; /*656px; /* 6 * 107 + 14 */
	padding: 0;
	list-style: none;
	/*background: url(../img/bck_button.gif) no-repeat right top;*/
}

#siteNav ul li {
	float: left;
	height: 40px;
	width: 147px;
	/*background: #d00026 url(../img/button_mid.gif) no-repeat;*/
	background: url(../img/bck_button.gif) no-repeat 0 -40px;
	text-align: center;
	padding-top: 9px;
	position: relative; /* IE7 needs this, IE6 as well? */
}
#siteNav ul li.active {
	background: url(../img/bck_button.gif) no-repeat 0 -0px;
}
#siteNav ul li:hover {
	background: url(../img/bck_button.gif) no-repeat 0 -0px;
	
}
#siteNav li.active:hover {
	background: url(../img/bck_button.gif) no-repeat 0 -0px;
	
}

#siteNav ul li a {
	font-size: 11px;
	font-weight: bold;
	line-height: 19px;
	color: #e6e6e6;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}
#siteNav ul li a:hover {
	border-bottom: 1px dotted #d7d7d7;
}
/*submenu */

#contentWrapper fieldset {
	margin-top: 0px;
	margin-left: 16px; /*72px; /*197px;*/
	margin-bottom: 0px;
}

#contentWrapper fieldset legend{
	border-bottom: 1px solid;
	font-weight: bold;
	display: block;
}
#contentWrapper ul {
	margin: 0 0 0 13px;
	padding: 0;
	list-style: arrow;
	/*background: url(../img/bck_button.gif) no-repeat right top;*/
}

#contentWrapper ul li {
	
}

#contentWrapper ul li a {
	font-size: 11px;
	font-weight: bold;
	line-height: 19px;
	color: #e6e6e6;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}
#contentWrapper ul li a:hover {
	border-bottom: 1px dotted #d7d7d7;
}



#adres {
	position: absolute;
	top: 330px;
	left: 10px;
}

#adres ul {
	margin: 6px 0 0 8px;
	padding: 0;
	list-style: none;
}

#adres ul li {
	color: #5c0049;
	font-size: 12px;
	background: none;
	border-style: none;
	height: 14px;
}

#adres h5 {
	font-size: 12px;
	color: #282828;
	margin-left: 6px;
	margin-top: 25px;
}

/*CONTENT */
#contentBOX {
	display: block;
	width: 540px;
	padding: 0 10px;
	margin-bottom: 20px;
	/*height: 235px;*/
	background-color: #f2f2f2;
	border: 1px solid #ADA792;
	background-repeat: no-repeat;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

span.auteur {
	float: right;
	/*argin-left: 300px;*/
	padding-top: 4px;
	padding-bottom: 6px;
	color: #6e6e6e;
}
