/*
*   Styles Amurac.nl
*   made by Matthijs Abeelen,
*   Sitestone webdesign
*   www.sitestone.nl
*   version: 1.0
*   mei 2006
*
--------------------------------------- */

  
/* ----------------------------
   initialise 
---------------------------- */

html,body,form, fieldset {margin:0;padding:0;}
body { font: 76%/140% arial,verdana,sans-serif;color:#444;}
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {margin: 1em 0;padding: 0;}  
li, dd, blockquote {margin-left: 1.5em;} 
form label {cursor: pointer;}
fieldset {border: none;}
input, select, textarea {font-size: 100%;}


/* ----------------------------
   typo 
---------------------------- */

h2,h3,h4 {margin:1.2em 0 .9em;font-weight:normal;}
h2 {font-size:1.7em;line-height:1.1em;margin:.6em 0;padding:0;color:#88A3A5;color:#6E888A;}
h3 {font-size:1.1em;margin:1.5em 0 .7em;color:#222;text-transform:uppercase;}
#sub h3 {color:#97B64C;}
h4 {font-weight:bold;}
p {margin:0 0 .7em;font-size:1.1em;color:#555;}
ol li {margin-left:2em;}
a:link,a:visited {color:#365978;text-decoration:underline;}
a:hover {color:#97B64C;text-decoration:underline;}
a:active {color:#000;text-decoration:underline;}
blockquote {margin:0;padding:5px 0 0 22px;background:url(../img/quoteopen.gif) 0 0 no-repeat;}
blockquote p {color:#8FABAD;color:#849EA0;color:#708688;font-family:"Times new roman",Times,Georgia,serif;font-size:1.3em;line-height:1.3em;font-style:italic;}


/* ----------------------------
   layout stuff 
---------------------------- */

html {background:#043769;}
body {margin:0;padding:0;text-align:center;position:relative;background:#043769;}
#container {width:780px;margin:0 auto;text-align:left;background:transparent url(../img/bg-container-mid-b.gif) top right repeat-y;}
#header {height:195px;margin:0;padding:0 20px;position: relative;background:#fff url(../img/bg-container-top-1.jpg) 0 0 no-repeat;}
#wrapper {margin:0 40px 0 0;}
#content {float:right;width: 456px;margin-top:20px;padding:0 0 50px;min-height:450px;}
#sub {float:left;width:260px;padding:15px 0 80px;background:#f5f5f5 url(../img/bg-side-bot.gif) bottom left no-repeat;}
#footer {clear:both;width:100%;background:transparent url(../img/bg-container-bot.gif) bottom left no-repeat;}


/* ----------------------------
   Header layout
---------------------------- */

#header {position:relative;background:#fff url(../img/bg-container-top-a.gif) 0 0 no-repeat;}
#header img {position:absolute;top:30px;left:280px;}
#header h1#logo {position:absolute;top:67px;left:40px;width:240px;height:120px;padding:0;margin:0;}
#header h1#logo a {display: block;height:120px;margin:0;padding:0;text-indent: -9999px;
  	color: #365978;text-transform:uppercase;font: 16px Arial, Helvetica, sans-serif;
	line-height: 25px;text-decoration: none;background:transparent url(../img/logo_final.gif) 5px 10px no-repeat;}
h1#logo a:hover {text-decoration: none;}


/* ---------------------------- 
   content
---------------------------- */

#content h1 {font-size:1.6em;margin:0;font-weight:normal;color:#1F3145;}
.item {padding-bottom:5px;}
a.more {float:right;margin:1px 0 0;}

img.right { margin:0 0 5px 10px;border:1px solid #ddd;padding:2px;float:right; }
img.left { margin:0 10px 5px 0;border:1px solid #ddd;padding:2px;float:left; }

/* ----------------------------
   Sub
---------------------------- */

#sub h2, #sub h4 {margin-left:15px;margin-right:20px;}
#sub h3 {margin:15px 0 10px;padding:0px 20px 0 0;margin-left:15px;text-align:right;}
#sub p {color:#666;text-align:right;margin:0 0 .7em 25px;padding:0 20px 0 15px;
	color:#A4C4C6;color:#8FABAD;color:#708688;font-family:Times new roman, times, georgia,serif;font-size:1.4em;font-style:italic;}
#sub p em {font-size:.8em;font-style:normal;}
#menu {margin:5px 0 30px 40px;padding:0 0 50px 0;background: #eee url(../img/roundbox.gif) bottom left no-repeat;border-right:3px solid #ddd;}
#menu h3 {font-size:1em;letter-spacing:1px;margin:0;padding:17px 20px 0 20px;background:#eee url(../img/roundbox.gif) top left no-repeat;}
#menu ul {list-style:none;margin:10px 0 0;padding:0px 0px 0 20px;border-top:0px solid #ddd;}
#menu li {margin:0;padding:0;text-align:right;line-height:2.3em;line-height:2.1em;background:transparent;border-bottom:1px solid #ccc;}
#menu li.first {border-top:1px solid #ccc;}
#menu li a {display: block;margin:0 -3px 0 0;text-decoration: none;background:url(../img/arrow.gif) 0 50% no-repeat;
	padding:0 10px 0 15px;padding-right:20px;border-right:3px solid #bbb;}
#menu li a:hover {color:#222;background-color:#ccc;border-right:3px solid #8391A1;}
#menu li#c a  {color:#08192C;text-decoration:none;background-color:#e5e5e5;border-color:#687D95;}
ul#adres {list-style:none;text-align:right;}
ul#adres li {margin:0;padding:0;color: #666;}
ul#adres {margin: 0 0 0 15px;}
ul#adres li {margin: 0;padding: 0 20px 0 0;color: #666;}


/* ----------------------------
   Contactform
---------------------------- */

input.text, textarea {padding: 2px;border-width:1px;border-color:#aaa #ddd #ddd #aaa;background:#f6f6f6;font-family:inherit;}
label em {font-size:0.95em;color:#760000;}
label {display:block;margin:.5em 0 0;}
input.text {width:240px;}
#fm-submit {clear:both;padding-top:1em;}
#fm-submit label {text-indent:-9999px;}
p.error {color:#800;border:1px solid #933;padding:10px 15px;background:#f4f4f4;}


/* ----------------------------
    Footer
---------------------------- */

#footer {margin:0;}
#footer p {color:#888;margin:30px 35px 10px 285px;padding:15px 10px 25px 0;font-size:.95em;border-top:2px solid #eee;}

