/* CSS */

body {
	font-family:Verdana, Arial, sans-serif; font-size:11px; letter-spacing:0px; line-height:18px; color:#666;
	font-style:normal; font-variant:normal; font-weight:normal; text-align:left;
	background:#f0f0f0; margin-bottom:0px; padding:0px;
}

h1 	{font-size:23px; padding:15px 10px 10px 10px; margin:0px;}
h2	{font-size:12px; font-weight: bold; padding:10px 10px 0px 10px; margin:0;}

p 	{padding:5px 10px 10px 10px; margin:0;}

img {padding:5px 5px 0 5px;}

a:link		{color:#666;text-decoration:underline; font-weight: bold;}
a:visited	{color:#666;text-decoration:underline; font-weight: bold;}
a:active	{color:#333;text-decoration:underline; font-weight: bold;}
a:hover		{color:#000; text-decoration:underline; font-weight: bold;}

a img {border:none;}

ul {padding:10px 10px 10px 10px; margin:0px;}
li {list-style-type:none; padding: 0px; margin:0px;}

li.phone {background:url(../images/icon_phone.png) no-repeat left center; padding-left: 18px;}
li.fax   {background:url(../images/icon_fax.png) no-repeat left center; padding-left: 18px;}
li.email {background:url(../images/icon_email.png) no-repeat left center; padding-left: 18px; font-weight: bold; text-decoration:underline;}
li.skype {background:url(../images/icon_skype.png) no-repeat left center; padding-left: 18px;}

li.space {height:10px;}

table 	{border:none; padding:0px;}
td		{padding:10px;}

/* Container */

#pagecontainer {background:url(../images/bg_content.png) repeat-y top center; width:817px; position: relative; display:block; padding:0; margin-left:auto; margin-right:auto; text-align:left;}
#menucontainer {width:817px; padding:0; margin-left:auto; margin-right:auto;}

#content {float:left; width:606px; min-height:376px; padding:0 0 10px 0; margin:0;}
#sidebar {float:right; width:201px; min-height:376px; padding:0 0 10px 0; margin:0 0 0 10px; display:block; position: relative;}

.left {width:300px; float:left;}
.right{width:300px; float:right;}

/* Header */

#logo a.logo {background:url(../images/logo_saeslosselogistiek.jpg); width: 131px; height: 68px; margin: 40px 0 10px 0; display:block; margin-bottom:20px; text-indent:-4000px;}

#nav ul			{width:817px; float:left; padding:0 0 10px 0; margin:0;}
#nav ul li		{float:left; text-indent:-9999em; list-style-type:none;}
#nav ul li a	{width:100%; height:42px; display:block; background:url(../images/menu.png) #f0f0f0; no-repeat; outline:none;}

#nav ul li.wiewijzijn a	{width:202px; background-position:0px 0px;}
#nav ul li.services a	{width:202px; background-position:-202px 0px;}
#nav ul li.partners a	{width:202px; background-position:-404px 0px; margin-right:10px;}
#nav ul li.inloggen a	{width:201px; background-position:-606px 0px;}

#nav ul li.wiewijzijn a:hover	{width:202px; background-position:0px -42px;}
#nav ul li.services a:hover		{width:202px; background-position:-202px -42px;}
#nav ul li.partners a:hover		{width:202px; background-position:-404px -42px; margin-right:10px;}
#nav ul li.inloggen a:hover		{width:201px; background-position:-606px -42px;}

#nav ul li.wiewijzijnactive a	{width:202px; background-position:0px -42px;}
#nav ul li.servicesactive a		{width:202px; background-position:-202px -42px;}
#nav ul li.partnersactive a		{width:202px; background-position:-404px -42px; margin-right:10px;}
#nav ul li.inloggenactive a		{width:201px; background-position:-606px -42px;}


/* Footer */

#footer 	{font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#aaa; padding:30px 0 30px 0; text-align:center; text-shadow:#fff;}
#footer span{padding:0 10px 0 10px;}

#footer a:link		{color:#666; text-decoration:underline;}
#footer a:visited	{color:#666; text-decoration:underline;}
#footer a:active	{color:#666; text-decoration:underline;}
#footer a:hover		{color:#333; text-decoration:underline;}

/* Other */

#clear {clear:both;}
#content_footer {background:url(../images/footer.png); clear:both; width:817px; height:12px;}