/*
   salo.css
   Website salomonsontwerpt
   
	Theme Name: Salomons
	Version: 1.0
	Author: Eyefun
	Author URI: http://eyefun.nl/

   Created by Bart Bruggemann on 03-11-2010.
   Copyright 2010 Eyefun. All rights reserved.
*/

/* @group Reset */
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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
}
ol,ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption,th,td {
  text-align: left;
  font-weight: normal;
}
blockquote:before,blockquote:after,q:before,q:after {
  content: "";
}
blockquote,q {
  quotes: "" "";
}
/* @end */

/* @group Font */
body {
  color: #000;
  font: 13px/1.5 Georgia, "Times New Roman", Times, serif;
}
/* @end */



/***************************************************
				      GLOBAL
***************************************************/
body {
	background-image: url(images/background.gif);
	background-repeat: repeat-x;
}

#container {
	width: 1225px;
	}

#header {
	}
	
#logo {
	float: left;
	width: 1116px;
	height: 59px;
	margin-top: 30px;
	margin-left: 45px;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	}

#logo h1 {
	width: 515px;
	height: 59px;
	float: left;
	display: inline;
	text-align: left;
	}

#logo h1 a {
	display: block;
	width: 515px;
	height: 59px;
	}

#logo h1 a span { 
	margin-left: -4000px; 
	}	

a {
	color: #000;
	text-decoration: none;
	}

a:hover {
	color: #ff6c00;
	text-decoration: none;
	}
	
#content-left li.current_page_item a {
	color: #ff6c00;
	text-decoration: none;
	}
	
h2 {
	font-size: 16px;
	}
	
p {
	margin-bottom: 15px;
	}	

/***************************************************
				      SUBNAVIGATIE
***************************************************/
#subnav {
	position: absolute;
	color: #9daba4;
	width: 600px;
	margin: 46px 0px 30px 629px;
	padding: 15px 0px 0px 0px;
	font-size: 14px;
	-webkit-text-size-adjust: none;
}

#subnav a {
	color: #9daba4;
	}

#subnav a:hover {
	color: #ff6c00;
	}


/***************************************************
				      NAVIGATIE
***************************************************/

#navigatie {
	float: left;
	margin: 35px 0px 0px 300px;
	}
	
#navigatie #mainlevel {
	}

#navigatie #mainlevel a {
	color: #000;
	font-size: 25px;
	line-height: 30px;
	border-right: 2px solid #000;
	padding: 0px 15px 0px 15px;
	text-decoration: none;
	}

#navigatie #mainlevel a:hover {
	color: #ff6c00;
	}	
	
#navigatie #mainlevel li a#active_menu {
	color: #ff6c00;
	}		

#navigatie #mainlevel ul {
	margin: 0;
	}

#navigatie #mainlevel li {
	float: left;
	list-style-type: none;
	}
	
#navigatie #mainlevel a.last {
	border-right: 0px solid #000;
	}	


/***************************************************
				      CONTENT
***************************************************/
#content {
	float: left;
	margin: 37px 0px 0px 45px;
	}

#content-left {
 	color: #000;
	float: left;
	width: 272px;
	height: 454px;
	overflow: auto;
	}
	
#content-left li { list-style-type: none; }	

#content-left a:visited {
	color: #6c6c6c;
	text-decoration: none;
	}

#content-left a:hover {
	color: #ff6c00;
	text-decoration: none;
	}	
		
#content-main {
	float: left;
	width: 680px;
	}
		
#content-main p {
	margin: 0;
	padding: 0;
	}	

#content-right {
	float: left;
	background-image: url(images/dots-right.png);
	background-repeat: no-repeat;
	background-position: 0px top;
	margin: 5px 20px 0px 25px;
	padding: 20px 0px 0px 0px;
	width: 180px;
	font-size: 12px;
	}


/***************************************************
				      FOOTER
***************************************************/
#footer
{
	width: 1155px;
	margin: 22px 0px 30px 0px;
	padding: 15px 0px 0px 0px;
	font-size: 14px;
	background-image: url(images/dots-footer.png);
	background-repeat: no-repeat;
	background-position: 0px top;
}

#footer a {
	color: #000;
	}
	
#footer a:hover {
	color: #ff6c00;
	}