/*
*	KLEUREN PALET
*		ROOD: #D2232A
*		GEEL: #FFF200
*		ORANJE: #F37A35
*		ORANJE2: #EC762A
*		GROEN: #40AE49
*		BLAUW: #00AEEF
*		PAARS: #B4518F
*		ZWART: #231F20
*		
*		LICHT BLAUW: #3697B3
*		
*		
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

:focus {
outline:0;
}

body {
background-color:#e1eaec;
	background:url("http://hamel.hml.nl/files/tile.png") repeat fixed 0 0 #42413C;
color:#000;
font-family:helvetica,arial !important;
font:13px/1.35 Georgia, Times, 'Liberation Serif', serif;
line-height:1;
}

h1,h2,h3,h4,h5,h6 {
font-family:helvetica,arial;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:#444 !important;
font-weight:700;
}

h1 {
font-size:29px;
}

h2 {
font-size:27px;
}

h3 {
font-size:21px;
}

h3 a {
font-family:Verdana,Geneva,'Bitstream Vera Sans','DejaVu Sans',sans-serif;
}

h4 {
font-size:19px;
}

h5 {
font-size:17px;
}

h6 {
font-size:14px;
}

h1,h2,h3,h4,h5,h6 {
line-height:1.3;
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,pre,table,address,fieldset {
margin-bottom:13px;
}

a,a:link,a:visited,.site-forecolor {
color:#3697b3;
}

ol,ul {
list-style:none;
}

strong {
font-weight:700;
}

table {
border-collapse:separate;
border-spacing:0;
}

caption,th,td {
text-align:left;
font-weight:400;
}

a,a:link {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.site-bg-color {
background-color:#3697b3;
color:#fff;
}

a.site-bg-color:hover {
background-color:blue;
}

.site-color:hover {
background-color:#222;
}

.clear {
	clear:both;
}

/*
*
*   MAIN
*
*/

.wrapper {
margin-left:auto;
margin-right:auto;
width:980px;
position:relative;
padding-left:5px;
}

#main-wrapper > .inner {
float:left;
background-color:#fff;
border:1px solid #c7cfd6;
-moz-box-shadow:0 0 3px #c7cfd6;
-webkit-box-shadow:0 0 3px #c7cfd6;
}

/*
*
*   TOP-NAV
*
*/

#top-bar {
font:12px helvetica,arial,sans-serif;
height:19px;
margin:10px 0;
text-align:right;
}

#top-bar a.icon {
display:inline-block;
height:18px;
width:19px;
margin-left:10px;
vertical-align:middle;
}

#top-bar a.icon.mail2 {
background-image:url(top-nav-mail2.png);
width:25px;
}

#top-bar > span .notice {
	margin-right: 5px;
	background-color: #000; 
	color: #FFF;
	padding: 3px 5px; 
	font-family: georgia; 
	font-style: italic;
}

#top-bar a.link {
	color:#FFF;
	font-family:helvetica;
	opacity:0.8;
	padding:3px 5px;
}

/*
*
*   MAIN-CONTAINER > HEADER
*
*/

#header {
margin-bottom:20px;
height:135px;
}

#header h1 {
text-indent:-1000em;
margin-top:-35px;
margin-left:5px;
float:left;
width:590px;
height:85px;
}

#header h1 a {
display:block;
width:100%;
height:100%;
background:transparent url(logo-hamel.png) top left no-repeat;
}

#date-nav {
text-transform:uppercase;
float:right;
text-align:right;
margin:15px 10px 15px 0;
}

#date-nav .date {
font-size:20px;
display:inline-block;
margin:0 5px;
}

#date-nav .date-info {
color:#999;
display:inline-block;
margin-right:24px;
}

.banner {
float:left;
text-align:center;
width:980px;
}

/*
*
*   MAIN-CONTAINER > MENU
*
*/

.menu {
	padding-top:1em;
	position:relative;
	background-color:#fff;
	right:-20px;
	border:1px solid #c7cfd6;
	-moz-box-shadow:0 0 4px #999;
	-webkit-box-shadow:0 0 4px #999;
	box-shadow:0 0 4px #999;
	margin-top:-3px;
	margin-bottom:13px;
	width:210px;
	float:right;
}

.menu > .inner {
padding:0 10px;
}

.menu .inner.top {
border-bottom:1px solid #eee;
margin-bottom:15px;
}

.menu .heading h4 {
text-transform:uppercase;
font-weight:500;
font-size:21px;
}

.nav li {
	
}

.submenu {
	padding-left:1em;
}

.submenu :before {
  content:"» ";
}

/*
*
*   MAIN-CONTAINER > CONTENT
*
*/

.loginBox {
  width:237px;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:14px;
  text-align:center;
}

.content {
float:left;
padding:1em 0 14px 14px;
width:750px;
}

#post-info {
	border-top:solid 1px #666;
	padding-top:2px;
}

.post {
	padding:5px;
	margin-bottom:14px;
}

.sort {
	color:#626262;
	margin:7px;
	text-align:center;
}

.archief {
	padding:10px 0;
	width:100%;
}

.archief thead {
	background:#CCC
}

.archief th {
	font-size:14px;
	font-weight:400;
	color:#000;
	border-bottom:2px solid #000;
	padding:10px 8px;
}

.archief td {
	border-bottom:2px solid #CCC;
	color:#000;
	padding:10px;
	vertical-align:middle;
}

.archief tr:nth-child(odd) {
	background: whiteSmoke; 
}

.archief tbody tr:hover td {
background:#CCC;
}

#selectform {
	background:#7c7b78;
	border:2px solid #42413C;
	color:#FFF;
	padding:1em;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#selectform a:link {text-decoration: none; color:#FFF;}
#selectform a:visited {text-decoration: none; color:#FFF;}
#selectform a:active {text-decoration: none; color:#FFF;}
#selectform a:hover {text-decoration: underline; color:lightBlue;}

.archief-foto {
	width:140px;
	height:240px;
	margin:0 5px 13px;
}

.pic {
	width:140px;
	height:196px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*
*
*   MAIN-CONTAINER > POSTS CATEGORIE
*
*/

#algemeen {
	color:#42413C;
	background:#c6e1e9;
	border:2px solid #8bbfce;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#interview {
	color:#FFF;
	background:#7c7b78;
	border:2px solid #42413C;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#recensie {
	color:#42413C;
	background:#eacddf;
	border:2px solid #B4518F;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

/*
*
*   MAIN-CONTAINER > TABEL
*
*/

#usertable {
font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size:12px;
background:#fff;
width:95%;
border-collapse:collapse;
text-align:left;
margin:20px;
}

#usertable th {
font-size:14px;
font-weight:400;
color:#C9D7F1;
border-bottom:2px solid #6678b1;
padding:10px 8px;
}

#usertable td {
border-bottom:1px solid #ccc;
color:#000;
padding:6px 8px;
vertical-align:middle;
}

#usertable tbody tr:hover td {
color:#6B90DA;
}

/*
*
*   FOOTER
*
*/

.footer {
float:left;
font:11px helvetica,arial,sans-serif;
margin:15px 0;
width:100%;
}

.footer ul li {
float:left;
margin-right:1em;
}

.footer ul li a {
color:#666;
}


/*
*
*	MESSAGEBOX
*
*/

.info, .success, .warning, .error, .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding:15px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.info {
  color: #00529B;
  background-color: #BDE5F8;
}
.success {
  color: #4F8A10;
  background-color: #DFF2BF;
}
.warning {
  color: #9F6000;
  background-color: #FEEFB3;
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
}