body { margin:0; padding:0; font:12px Arial; color:#005a8f; background:white; }
body#index { background:url(../gfx/bg_home2.jpg) no-repeat left top; }
div#wrapper { margin:0 auto; position:relative; width:1000px; background:white; overflow: hidden}

h1, h2, h3, h4, h5 { font-family:Arial; margin:0 6px 15px 6px; }

h1 { font-size:20px;  }
h2 { font-size:16px; margin-bottom:3px; }
h2.border { border-top:2px solid #005a8f; padding-top:8px; }
h3 { font-size:14px; margin-bottom:3px; }
h4 { font-size:14px; margin:0; }
h5 { font-size:12px; margin:0;}

p    { margin:0 0 15px 0; padding:0px 6px; line-height:2.5ex; }
p em { font-family:'Times New Roman'; font-size:13px; }

ul {}
ol {}
li {}

a { outline:0; text-decoration:none; color:#005a8f; font-weight:bold; }
a:hover { text-decoration:underline; }

p.img     { padding:0; margin:0; line-height:1em; }
div.quote p { margin:0;}
p.img img { display:block; margin:0;}
img       { border:0; margin-bottom:10px;}
img.left  { float:left; margin-right:10px; }
img.right { float:right; margin-left:10px; }

/* form */
/*form label        { display:block; }
form input, 
form textarea     { }
form input.submit { display:block; }
form div#error    { }*/

/*
#005a8f - blauw
#3b8e98 - blauwgroen
#828e48 - groen
#885884 - paars
*/

/* ===== HEADER ===== */
div#language {text-align: right;}
div#header { height:120px; }
div#header div#logo a { width:324px; height:118px; background:url(../gfx/logo_synergos_blauw.gif) no-repeat left top; margin:0; padding:0; display:block; }

/* ===== MENU ====== */
div#menu         { margin:0 0 0 88px; width:900px; } /* 4 kolommen van 225 breed */
div#menu ul      { list-style-type:none; margin:0; padding:0; }
div#menu ul li   { display:inline; }
div#menu ul li a { display:block; height:28px; padding:7px 6px 0 6px; margin:0 6px 0 0; float:left; color:white; font-size:16px; text-decoration:none; background-position:left top; background-repeat:no-repeat; }
div#menu ul li a#over_ons    { width:207px; background-image:url(../gfx/menu_bg_blauw.gif); }
div#menu ul li a#wat_we_doen { width:207px; background-image:url(../gfx/menu_bg_blauwgroen.gif); }
div#menu ul li a#portfolio   { width:207px; background-image:url(../gfx/menu_bg_groen.gif); }
div#menu ul li a#contact     { width:207px; background-image:url(../gfx/menu_bg_paars.gif); }
div#menu ul li a:hover,
div#menu ul li a.selected    { background-position:left bottom; }
div#menu ul li ul            { display:none; }

/* ===== CONTENT ====== */
div#page { clear:both; margin:0 0 0 88px; width:900px;}

div#page div.kolom_1 { width:225px; float:left; margin:0; padding:20px 0 0 0; background: #fff;}
div.kolom_1 p        { /*width:214px;*/ }
div.kolom_1 p img    { margin-bottom:10px; }
div#page div.kolom_2 { width:450px; float:left; margin:0; padding:20px 0 0 0; background: #fff;}
div.kolom_2 p        { /*width:428px;*/ }
div#page div.kolom_3 { width:675px; float:left; margin:0; padding:20px 0 0 0; background: #fff;}
div.kolom_3 p        { /*width:642px;*/ }
div#page div.kolom_4 { width:900px; float:left; margin:0; padding:20px 0 0 0; background: #fff;}
div.kolom_4 p        { /*width:856px;*/ }

/* quotes */
div.quote     { background:#005a8f; height:200px; width:450px; }
div.quote p   { font:26px 'Times New Roman'; color:white; padding:20px 25px 20px 25px; margin:0; width:400px; display:block; }
div.quote p a { font:bold 20px Arial; color:white; }

/* =================== */
/* = DIVERSE PAGINAS = */
/* =================== */

/* HOMEPAGE */
body#index div.nieuws { height:200px; margin-bottom:15px; }
body#index p.img { margin-bottom:15px;}

/* OVER ONS */
body#over_ons div.visie { height:94px; }

/* WAT WE DOEN */
body#wat_we_doen,
body#wat_we_doen a { color:#3b8e98; }
body#wat_we_doen h2.border { border-top: 2px solid #3b8e98; }
body#wat_we_doen div#header div#logo a { background-image:url(../gfx/logo_synergos_blauwgroen.gif); }
body#wat_we_doen div.quote { background:#3b8e98; }
body#wat_we_doen div.quote p a { color:white; }

/* PORTFOLIO */
body#portfolio,
body#portfolio a { color:#828e48; }
body#portfolio h2.border { border-top: 2px solid #828e48; }
body#portfolio div#header div#logo a { background-image:url(../gfx/logo_synergos_groen.gif); }
body#portfolio div.quote { background:#828e48; }
body#portfolio div.quote p a { color:white; }
body#portfolio div.kolom_3 p { width:675px; margin:0; padding:0; }
body#portfolio div.kolom_3 p img  { float:left; display:block; padding:0; margin:0 5px 5px 0; }
body#portfolio div.kolom_3 p br { display:none; }
body#portfolio div.kolom_3 p div { color:white; font:normal 11px Arial; width:97px; height:59px; padding:5px; margin:0 5px 5px 0; float:left; background-image:url(../foto/portfolio/port_over.gif); }


div#album img { display:block; }
div#album div.large { width:444px; height:355px; position:relative; overflow:hidden; }
div#album div.large img { z-index:8; position:absolute; left:0; top:0; display:none;  }
div#album div.large img.bovenop  { z-index:10; display:block; }
div#album div.large img.erachter { z-index:9; display:block; }
div#album div.thumb { border-top:2px solid #828e48; padding-top:15px; }
div#album div.thumb img { float:left; /*margin:0 5px 5px 0;*/ cursor:pointer; }

/* menu opdrachtgevers */
div#page div#menu { margin:0;} 
div#page div.menu_portfolio ul    { width:227px; margin:0; padding:0; }
div#page div.menu_portfolio ul li { padding:0; margin:0; display:block; float:none; padding:1px 0px 4px 6px; }
div#page div.menu_portfolio ul a  { height:auto; font:italic normal 13px 'Times New Roman'; margin:0; padding:2px 0px; line-height:15px; color:#828e48; float:none; display:inline; }
div#page div.menu_portfolio ul a:hover    { text-decoration:underline; }
div#page div.menu_portfolio ul a.selected { background:#828e48; color:white; }

/* zie ook */
div.zie_ook p { margin-bottom:0;}
div.zie_ook ul { list-style-type:none; padding:0 0 0 6px; margin:0; }
 
/* CONTACT */
body#contact,
body#contact a { color:#885884; }
body#contact h2.border { border-top: 2px solid #885884; }
body#contact div#header div#logo a { background-image:url(../gfx/logo_synergos_paars.gif); }
body#contact div.quote     { background:#885884; }
body#contact div.quote p a { color:white; }
div#map { width:444px; height:302px; }

/* SEINWEZEN */
div.seinwezen {margin: 20px 0 0 0;}
div.seinwezen ul {padding: 0 0 15px 25px;}
.imglinks {float: left; margin: 0 15px 15px 0;}
.imgrechts {float: right; margin: 0 0 15px 15px;}
div.seinwezen #formulier {margin: 0 0 15px 10px;}