/*---------------------------------------------------------------------------------------- Element styles */
html{ height:100%;}
body { background:url("../_img/bg.jpg") repeat-x #c2d6e5; font-family:"Lucida Sans","Calibri","Arial"; font-size:0.75em; font-weight:normal; color:#444; height:100%;}
h1{ text-indent:-9999px; height:0; }
h2{ font-style:italic; color:#295698; margin-bottom:1.13em; font-size:1.50em;}
p, strong{ line-height:1.26em; margin-bottom:1.26em; }
a { color:#295698; } 
strong { color:#222; }
table{ line-height:2em;}
table tr td{ vertical-align:top; }
.clear{ clear:both; }
.padding{ padding:30px; }

/*---------------------------------------------------------------------------------------- Layout styles */
#main{ margin:13px auto; position:relative; width:789px;}
#icons{ height:36px; position:absolute; right:0; top:0; }
#header{ width:100%; height:183px; position:relative; top:35px; background:url("../_img/header_home.jpg"); }
#content{ background:url("../_img/content_bg.jpg"); width:100%; margin-top:30px;}
.content_bottom{ background:url("../_img/content_bottom.jpg"); height:6px; width:100%; line-height:0; overflow:hidden;}
#left{ width:422px; margin-left:25px; float:left; padding:30px;}
#leftSub{ width:482px; margin-left:25px; float:left;}
#right{ background:blue; width:273px; float:left;  line-height:0;}
#right img{ border:1px solid white; border-top:0; border-left:0;}
 
/*---------------------------------------------------------------------------------------- Splash styles */
#splash{ background:url('../_img/splash.jpg') no-repeat; width:838px; height:341px; position:relative; margin:155px auto 10px auto; padding-top:3px;}
#flash{ position:absolute; right:65px;}
#splash a.netherlands, 
#splash a.french,
#splash a.webshop { display:block; width:46px; height:33px; position:absolute; top:235px;}
#splash a.netherlands { left:109px;  }
#splash a.french { left:52px; }
#splash a.webshop { left:182px; height:44px; top:228px;}

/*---------------------------------------------------------------------------------------- Menu styles */
#menu { width:789px; background:url("../_img/menu_bg.png") no-repeat; position:relative; height:42px; margin-left:20px; top:35px; padding-top: 3px; font-weight:bold; font-size:1.17em; z-index:10;}
#menu li { float:left;margin:0;padding:10px; }
#menu li.first { margin-left:35px; }
#menu a { color:#fff; text-decoration:none; }
#menu li.active a { color:#4197d0; }
#menu a:hover { text-decoration:underline; }

/*---------------------------------------------------------------------------------------- subMenu styles */
#submenu { width:484px; background:#4eafe5; position:relative; height:28px; font-weight:bold;}
#submenu li { float:left;margin:0;padding:8px 10px; }
#submenu li.first { margin-left:35px; }
#submenu a { color:#fff; text-decoration:none; }
#submenu li.active a { color:#295798; }
#submenu a:hover { text-decoration:underline; }

/*---------------------------------------------------------------------------------------- Misc styles */
#icons a.netherlands, 
#icons a.french,
#icons a.webshop { float:left; display:block; width:32px; height:24px; margin-left:10px; margin-top:4px;}
#icons a.netherlands { background:url("../_img/icon_nl.jpg"); }
#icons a.french { background:url("../_img/icon_french.jpg");  }
#icons a.webshop { background:url("../_img/icon_webshop.jpg"); width:32px; height:33px;  margin-top:0;}
.contactTable { width:100%; border:1px solid #ccc; margin-top:20px;}
.contactTable td{ border:1px solid #ccc; padding:3px;}

.accordion h3{display:block; background:#c2d6e5; color:#285698; padding:5px; width:100%; margin:3px; cursor:pointer;}
.accordion p{padding-left:15px;}