/*******************************************************************************
* DEFAULT
*******************************************************************************/
body { background: transparent url( ../images/background.png ) center top; margin: 0; }

table,
table thead,
table tbody,
table tfoot,
table thead tr,
table tbody tr,
table tfoot tr,
table thead tr th,
table tbody tr td,
table tfoot tr td { border-collapse: collapse; margin: 0; padding: 0; vertical-align: top; border: none; }

body h2 { color: #124585; }

/*******************************************************************************
* CLASSES
*******************************************************************************/

/*******************************************************************************
* IDENTIFIERS
*******************************************************************************/
body #site { position: relative; width: 950px; margin: auto auto; background: transparent url( ../images/hekwerk.png ) no-repeat center bottom; }
body #site .container { background-color: #fff; }
body #site #footer { background: transparent url( ../images/footer-background.png ) repeat-x; height: 10px; }

body #site #header #splash { position: relative; overflow: hidden; height: 340px; }
body #site #header #splash img { position: relative; z-index: 0; }
body #site #header #splash .overlay { position: absolute; bottom: 0; left: 0; z-index: 1; background: transparent url( ../images/overlay.png ) no-repeat; height: 50px; width: 100%; }

body #site #content { position: relative; top: -50px; left: 20px; width: 910px; z-index: 2; padding-top: 90px; display: inline-block; min-height: 400px; }
body #site #content #logo { position: absolute; left: 0; top: 50px; }
body #site #content #ngk { position: absolute; right: 80px; top: 15px; width: 57px; height: 70px; background: transparent url( ../images/ngk.jpg ) no-repeat left top; }
body #site #content #ngk:hover { background-position: left bottom; }
body #site #content #ngk a { position: absolute; left: 0; top: 0; width: 57px; height: 70px; display: block; }
body #site #content #erkende-smederij { position: absolute; right: 0; top: 15px; width: 57px; height: 70px; background: transparent url( ../images/erkende_smederij.jpg ) no-repeat left top; }
body #site #content #erkende-smederij:hover { background-position: left bottom; }
body #site #content #erkende-smederij a { position: absolute; left: 0; top: 0; width: 57px; height: 70px; display: block; }
body #site #content #koninklijke-metaalunie { position: absolute; right: 160px; top: 30px; width: 145px; height: 35px; background: transparent url( ../images/koninklijke-metaalunie.jpg ) no-repeat left top; }
body #site #content #koninklijke-metaalunie:hover { background-position: left bottom; }
body #site #content #koninklijke-metaalunie a { position: absolute; left: 0; top: 0; width: 145px; height: 35px; display: block; }

body .fc-tbx { z-index: 10; }

/* custom gallery layout */
body #site #content #layoutLeftColumn .galleryPhotos { border-top: 8px solid #124585; border-bottom: 8px solid #B2924D; padding-top: 20px; }
body #site #content #layoutLeftColumn .galleryPhotos .filename { display: none; }
body #site #content #layoutLeftColumn .galleryPhotos .item { float: left; margin-right: 20px; }
body #site #content #layoutLeftColumn .galleryPhotos .item .photo a img { width: 144px; margin-bottom: 10px; }
body #site #content #layoutLeftColumn .galleryPhotos .even { margin-right: 0; }

/* snippet group layout */
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements { list-style-type: none; margin: 0; padding: 0; }
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements { list-style-type: none; margin: 0; padding: 0; }
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements li { display: block; width: 501px; height: 130px; margin-bottom: 20px; position: relative; }
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements li .snippetContent { display: block; width: 380px; top: 10px; height: 100px; }
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements .snippetOdd .snippetContent { position: absolute; left: 110px; }
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements .snippetOdd .snippetRelationUrl { position: absolute; right: -10px; bottom: -10px; }
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements .snippetOdd { background: transparent url( ../images/snippet-background-left.png ) no-repeat; }
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements .snippetEven .snippetContent { position: absolute; left: 10px; }
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements .snippetEven .snippetRelationUrl { position: absolute; left: -10px; bottom: -10px; }
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements .snippetEven { background: transparent url( ../images/snippet-background-right.png ) no-repeat; }

body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements .snippetOdd .snippetRelationUrl,
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements .snippetEven .snippetRelationUrl { background: transparent url( ../images/snippet-more.png ) no-repeat; display: block; width: 110px; height: 40px; padding: 0; margin: 0; }
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements .snippetOdd .snippetRelationUrl:hover,
body #site #content #layoutRightColumn  .snippetsGroup .snippetsGroupElements .snippetEven .snippetRelationUrl:hover { background-position: left bottom; }

/*******************************************************************************
* DROPDOWN MENU
*******************************************************************************/
body #site #menu                 { height: 65px; background: transparent url( ../images/menu-background.png ) repeat-x; }
body #site #menu #nav            { margin-top: 10px; }
body #site #menu #nav li a       { padding: 0; margin: 0; color: #000; background: #fff url( ../images/menu-hover.png ) no-repeat center -1000px; text-decoration: none; display: inline-block; height: 35px; padding-right: 10px; padding-left: 10px; padding-top: 15px; }
body #site #menu #nav li a.first { padding-left: 20px; }

body #site #menu #nav #subMenusContainer a:hover,
body #site #menu #nav li #subMenusContainer a:focus,
body #site #menu #nav li a.mainMenuParentBtnFocused,
body #site #menu #nav li #subMenusContainer a.subMenuParentBtnFocused,
body #site #menu #nav li a:hover { background-position: center top; }
body #site #menu #nav li a span  {}

body #subMenusContainer .smOW ul            { font-size: 1.2em; color: #000000; border: 1px solid #000000; }
body #subMenusContainer .smOW ul li         { display: inline; }
body #subMenusContainer .smOW ul li a       { background: none; color: #ffffff; background-color: #333333; }
body #subMenusContainer .smOW ul li a:hover { color: #cccccc; background-color: #555555; }

#tinymce { background: none; }