/*
Theme Name: Havelte Theme 
*/


/*  menu */
.menu        { width:1010px; height:91px; font-size:1.0em; position:relative; top: 0px!important; top: 0px; z-index:100; 
               padding: 0px; font-family: "Century Gothic", Verdana, Arial;}
/* hack to correct IE5.5 faulty box model */
* html .menu { width:1000px; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul     { margin:0 0 0 0px; padding:0; list-style-type:none;}
.menu ul ul  { width:160px;}

/* float the list to make it horizontal and a relative position so that you can control the dropdown menu positon */
.menu li { float:left; width:122px!important; width:148px; position:relative; }
/* style the links for the top level */
.menu a, .menu a:visited { display:block; font-size:16px; font-weight: normal; text-decoration:none; color: #FFFFB9; height: 24px; 
 			                  padding:0 0 0 10px; line-height:24px; }/* width 100 verwijderd*/
/* a hack so that IE5.5 faulty box model is corrected */
/* * html .menu a, * html .menu a:visited {width:110px; w\idth:110px; color:#fff;}*/

.menu a:link, .menu a:visited, .menu a:active, .menu  a:hover {	color: #FFFFB9;  text-decoration: none;  }
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {color: #A37217;}
/* style the second level hover */
.menu ul ul a.drop:hover    {color: #A37217; }
.menu ul ul :hover > a.drop {color: #A37217;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: #5D3E08}
/* style the third level hover */
.menu ul ul ul a:hover {color: #A37217;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute; height:0; top:24px; left:0;  width:169px; border-top: 2px solid #5D3E08; }
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#5D3E08; color: #FFFFB9; height:auto; line-height:1em; padding:6px 10px; font-size:13px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:120px;w\idth:120px; font-size:12px; }

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover       { color: #A37217;}
.menu :hover > a, .menu ul ul :hover > a { color: #A37217;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul   {visibility:visible; }

/* homepage */
H4 			{ font-size: 37px;  FONT-WEIGHT: normal; color: Maroon; margin-top: 22px;
					letter-spacing: 8px; font-family: "Century Gothic",Verdana, Arial;   }		
.gothic  {font-family: "Century Gothic", Verdana, Arial;  letter-spacing: 1px; font-size: 15px;  color: Maroon;  text-align: center;    }
.middle{ text-align: center; }
.home {	font-size: 15px; color: #590000; letter-spacing: 1px;    }

a.home:link, a.home:visited, A.home:active {     color: #4A0000; font-weight: normal;  text-decoration: none;        }
a.home:hover {  text-decoration: none;  color:  #C10000; font-weight: normal;      }

a.homenav:link , a.homenav:visited, a.homenav:active { color: #FFFFB9; font-weight: normal;  text-decoration: none;        }
.homenav a:hover {  text-decoration: none;  color:  #C10000; font-weight: normal;      }

A.thumb:active  img { border-color: #FFFFB9; border-style: solid;  border-width: 1px; margin-bottom: -6px;}
A.thumb:visited img { border-color: #FFFFB9; border-style: solid;  border-width: 1px; margin-bottom: -6px;}
A.thumb:link    img { border-color: #FFFFB9; border-style: solid;  border-width: 1px; margin-bottom: -6px;}
A.thumb:hover   img { border-color: #C10000; border-style: solid;  border-width: 1px; margin-bottom: -6px;}

/* body */
BODY 	{   overflow-x: hidden; }
html>body #content { height: auto; 	min-height: 580px; }
body{ font-family: verdana; font-size: 95%; line-height: 115%; background-color: #A37217; text-align: center; }
body,td,th { color: #000000; }

a, a:link { 	padding: 1px; 	color: #5D3E08; 	text-decoration: none; }
a:hover { 	color: #FFFFCC; 	text-decoration: none; }

h1 { font-family: georgia; font-weight: bold; font-size: 190%; padding-top: .5em;  padding-bottom: 1.0em; }
h2 { font-family: Arial;	font-weight: bold; font-size: 150%; }
h3 { font-family: "Century Gothic", Verdana, Arial; font-size: 130%; padding-top: .5em;  padding-bottom: 1.0em; color: #FFFFB9; }
h3 a:link, h3 a:hover, h3 a:visited{ 	color: #FFFFB9; }

h5 { margin: 0px 3px 22px 3px; font-family: "Century Gothic", Verdana, Arial; font-size: 80%; padding: 0.5em 0.8em 0.8em 0.8em;  
border: 1px solid #FFFFB9;  font-style: italic;  clear: both; color: #FFFFB9;   }
h5.cursief { margin-top: -12px; font-family: "Century Gothic", Verdana, Arial; font-size: 80%; padding: 0em 0em 0em 0em;  
  border: 0px; font-style: italic;  clear: both; color: Black;  }
h5.divide { margin: 0px; font-size: 0%; padding: 0;   border: 0px;  line-height: 0px;   }
h6 { margin:0px 3px 12px 3px; font-family: "Century Gothic", Verdana, Arial; font-size: 80%; padding: 0.5em 0.8em 0.8em 0.8em;  
border: 1px solid #FFFFB9;  font-style: italic;  clear: both; color: #FFFFB9; width: 450px; float:left;  }



#sidebar    {width: 220px; float: right; text-align: left; font-size: 12px; margin: 26px 0 0 0;}
#sidebar li { margin: 0 0 12px 16px;  list-style-type: disc;  list-style: outside;    }
#sidebar h4 { font-family: "Century Gothic", Verdana, Arial; font-size: 130%; padding-top: .5em;  padding-bottom: 1.0em; color: #FFFFB9; letter-spacing: 0px;}

p { 	font-size: 80%; margin-bottom:1em; padding-right: 14px; }
p.subschrift { font-style: italic; font-size: 0.7em;	}
strong, b { 	font-weight: bold; }
em, i { 	font-style: italic; }
code { 	font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr {	font-size: 0.9em;	letter-spacing: .07em; }

/*a img { 	border: none; }*/

/* header */ 
#hd {	width: 1000px; height: 120px;   margin: 0 auto;
      background-image: url(images/header.jpg);  background-position: 0px 0px;  background-repeat: no-repeat; }
#hd h1{ 	font-size: 290%; 	color: #FFFFFF; }
#hd h1 a{ 	text-decoration: none; 	color: #FFFFFF; }
#hd_home {	width: 976px; height: 160px;   margin: 0 auto;  
      background-image: url(images/header_home.jpg);  background-position: 0px 70px;  background-repeat: no-repeat; }

/* footer*/
#ft { width: 980px; text-align: center; margin-top: 10px; 	margin-bottom: 10px; 	 color: #FFFFB9;     }
#ft a:link, #ft a:hover, #ft a:visited {color: #FFFFB9;  }

/* content */
#bd {	width: 990px; margin: 0 auto; background-color: #A37217; border: 0px dotted #7A5510;  overflow-y: no;  	}

yui-main { background-color: #A37217;min-height: 460px; width: 982px; float: right;  padding-right: 10px!important;  padding-right: 20px; overflow-x: hidden  }
#yui-nieuws { background-color: #A37217;min-height: 460px; width: 642px; float: left;  padding-right: 10px!important;  padding-right: 20px;  }

.item { padding: 10px 4px 10px 0px;  width:1002px;  border: 0px solid #2F4F4F;  text-align: center; float: left;  }
.itemnieuws { padding: 10px 4px 10px 0px;  width:742px;  border: 0px solid #2F4F4F;  text-align: center; float: left;  }
.item ul { list-style-type: disc; padding-left: 15px;	margin-left: 10px;	font-size: 80%; }
.item ol{ list-style-type: decimal; padding-left: 15px; margin-left: 10px; font-size: 80%; }
.itemhead{ padding-top: 15px; padding-bottom: 15px; }

img {margin-bottom: 14px; border-color: #FFFFB9; border-style: solid;  border-width: 1px; }
.alignright {	float: right; }
.alignleft {	float: left; margin-right: 10px; }

.aligncenter {	display: block; margin-left: auto; margin-right: auto;  }

.post-edit-link { color: Black; }/* bewerk deze pagina link*/
.wp-caption-text {font-size: 70%; 	font-style: italic;  text-align: center; margin-left: 0px; }/* tekst bij afbeelding*/


.chronodata { display: inline; text-align: right; margin-left: 2em; font-size: 80%; }


.itemhead h3 { display: inline;    }
.input { font-size: 80%; }
.metadata{ line-height: 190%; font-size: 75%; }
.metadata a:link, .metadata a:hover, .metadata a:visited{ color: #FFFFCC; }

.tags, .catagory { 	display: block; }
.commentlist p {clear: both;	font-size: 95%; }
cite{	font-size: 95%;}
blockquote {	margin: 15px 30px 0 10px; padding-left: 20px;	border-left: 5px solid #ddd;	}
blockquote cite {	margin: 5px 0 0;	display: block;}

.commentmetadata {	font-size: 80%;	float: right; }
.commentlist {	margin-top: 5px; }
.commentlist li {	padding: 2px;	border-top: 1px solid #1A1A1A; }

.navigation {	display: block;	text-align: center;	margin-top: 10px;	margin-bottom: 10px;	color: #FFFFCC; }
.navigation a:link, .navigation a:hover, .navigation a:visited{ color: #FFFFCC; }

.alignright {	float: right; }
.alignleft {	float: left; margin-right: 20px; }


#secondary, #third{	text-align:left;	padding: 0px;	border: 0px #1A1A1A;	SP_GRADIENT }
#secondary h4, #third h4{	color: #859E6C;	font-family: Trebuchet MS, arial, sans-serif;	margin-top: 5px;	padding: 3px;}
#secondary p, #third p{		padding: 3px;		font-size: 70%;}
#third { 	margin-left: 9px; }

#searchform { 	clear: both;  	margin-bottom: 5px; 	margin-left: 2px; 	padding: 3px; }


li .categories, li .linkcat, li .pagenav {	list-style: none;	margin: 0px;	padding: 0px;}

.yui-nav{	margin-bottom: -1px;}
.yui-navset .yui-nav a:hover {	background-color: #FAECD5;	color: #FFFFFF;}
.yui-navset .yui-nav li a { background-color: #FAECD5; color: #FFFFFF;	padding: .3em .7em .3em .7em;	text-decoration:none;font-size: 85%; }



