/*
Theme Name: Stal Hollak
Theme URI: http://www.cafenoir.tv/
Description: Dit is de template voor <a href="http://www.stalhollak.nl">Stal Hollak</a>.
Version: 1.0
Author: Frank Hogenkamp - <a href="http://www.cafenoir.tv">Cafe Noir Nieuwe Media</a>
*/



/* Begin Typography & Colors */
html, body {
	margin:0px auto;
	padding:0px;
	font: 85%/160% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: #bfb476 url(img/hoefijzer.jpg) right 100px no-repeat;
	background: #1d0f06;
}

#menu {
	background: #543827;
	height: 25px;
	border-bottom: #bfb476 1px solid;
}

#wrapper {
	margin: 0px auto;
	padding: 0px;
	background: #efe5e2 url(img/headers/rotate.php) no-repeat;
	width: 980px;
	padding-top: 266px;
}

#content {
	float: left;
	width: 620px;
	padding-left: 20px;
	margin-bottom: 20px;
}

#content h2, #content_rechts h2, #quickstart h2, #content_links h2, #content_midden h2 {
	color: #f62525;
	font-size: 18px;
}

#content h2 {
	margin-bottom: 0px;
}

#content a, #content_midden a, #content_links a, #content_rechts a {
	color: #543827;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover {
	text-decoration: underline;
}

#content h2 a {
	color: #ff0000;
}

#content h3 {
	font-size: 90%;
	margin: 0px;
}

#content_links, #content_midden {
	float: left;
	width: 300px;
	margin-left: 20px;
	margin-bottom: 20px;
}

#content_midden ul{
	list-style-type: none;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
}

#content_rechts {
	float: left;
	margin-left: 20px;
	width: 302px;
	padding-top: 32px;
	padding-right: 0px;
	margin-bottom: 20px;
}

#quickstart {
	clear: both;
	margin: 0px auto;
	background: #543827 url(img/gradient.png) repeat-x;
	height: 274px;
	width: 980px;
	color: #ffffff;
	margin-top: 10px;
	overflow: hidden;
}

#quickstart_links {
	width: 300px;
	margin-left: 20px;
	float: left;
}

#quickstart_midden {
	width: 300px;
	margin-left: 20px;
	float: left;
}

#quickstart_rechts {
	width: 300px;
	margin-left: 20px;
	float: left;
	font: 100%/119% Verdana, Arial, Helvetica, sans-serif;
}

#quickstart ul {
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;
}
#quickstart li{
	line-height: 130%;
	list-style:none;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}
#quickstart li a{
	color: #ffffff;
	text-decoration: none;
	padding: 4px 0px 4px 2px;
	display:block;
}
#quickstart li a:visited{
	color: #ffffff;
	text-decoration: none;
}

#quickstart li a:hover{
	text-decoration: none;
	color:#f62525;
}

#footer {
	clear: both;
	margin: 0px auto;
	background: #efe5e2;
	color: #44412c;
	height: 23px;
	width: 980px;
	border-top: #bfb476 2px solid;
	text-align: center;
	padding-top: 3px;
}

#wrapper img {
	border: 2px solid #543827;
}


.right {
	float: right;
	margin: 5px 0px 5px 10px;
}

#sidebar {
	text-align: left;
}

#sidebar ul{
	list-style:none;
	padding:0px;
	margin:0px 0px 15px;
}
/* MENU ################## */

#menuwrapper { 
   /* Fix for Opera 8 */ 
   /*   overflow: hidden;  */ 
	margin: 0px auto;
	padding: 0px;
	width: 980px;
	padding-top: 0px;
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 230px; 
}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
}
#primary-nav ul { 
   position: absolute; 
   display: none; 
   padding-top: 2px;
   padding-bottom: 1px;
}
#primary-nav ul ul { 
   padding-top: 0px;
   margin-left: 0px;
   left: 100%; 
   top: 0px; 
}
	
#primary-nav li { 
   margin-left: 5px;
   float: left; 
}
#primary-nav li li { 
   margin-left: 0px;
   margin-top: -2px;
   float: none; 
   position: relative; 
}

#primary-nav li:hover { 
   background: #efe5e2;
   color: #543827;
   border-left: 1px solid #bfb476;
   border-right: 1px solid #bfb476;
}

#primary-nav li:hover a { 
	color: #543827;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 0px; 
   padding: 5px 10px;
   padding-bottom: 1px;
   text-decoration: none; 
   font-weight: normal;
   color: #ffffff;
   
}

#primary-nav li {
	border-left: 1px solid #543827;
	border-right: 1px solid #543827;
}

#primary-nav li li, #primary-nav li li:hover { 
 border: 0px;
}

#primary-nav li li a { 
   border: 1px solid #bfb476;
   margin-left: -1px;
}	
#primary-nav li li { 
   background-color: #efe5e2; 
}

#primary-nav li li:hover a{ 
   background-color: #543827;
   color: #efe5e2;
}

#primary-nav li li li a { 
   border: 1px solid #bfb476;
   margin-left: 0px;
}	
#primary-nav li li li { 
   background-color: #543827; 
   margin-top: 0px;
   margin-left: -1px;
}

#primary-nav li li li:hover a{ 
   background-color: #efe5e2;
   color: #543827;
}



/* Styling the basic apperance of the parents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li, 
#primary-nav ul li:hover, 
#primary-nav ul li.parenth { 
/* arrow for parents */
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.parenth, 
#primary-nav li.menuactiveh { 
   
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.parenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.parenth ul, 
#primary-nav li.parenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.parenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.parenth ul, 
#primary-nav ul li.parenth ul, 
#primary-nav ul ul li.parenth ul { 
   display: block; 
}

.wpcf7-list-item{
	float: left;
}


/* End of menu */