/* HTML, BODY
--------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; outline:none; }
html { overflow: -moz-scrollbars-vertical; }
html, body {height:100%;}
body {background:url(../Graphics/Bg_top.gif) top left repeat-x; font:11px "Trebucht MS", Arial, sans-serif; color:#4f3d35;}

/* Headings
--------------------------------------------------------------------------------*/
h1 {font-size:14px;font-weight:bold;letter-spacing:-1px;}
h2 a { text-decoration: none; color: #4f3d35; }
h2 a:hover { text-decoration: underline; color: #7faac7; }

/* Container
--------------------------------------------------------------------------------*/
#container {width:900px;margin:0 auto;}

/* Link style
--------------------------------------------------------------------------------*/
a:link,
a:visited,
a:active { color: #4f3d35; text-decoration: underline; }
a:hover { color: #4f3d35; text-decoration: underline; }

/* Lists
--------------------------------------------------------------------------------*/
ul { margin: 10px 0 10px 15px; }
ul li { list-style-type: disc; margin: 0 0 5px 0; }
ul li ul li { list-style-type: circle; }

ol { margin: 10px 0 10px 25px; }
ol li { list-style-type: decimal; margin: 0 0 5px 0; }

/* Top
--------------------------------------------------------------------------------*/
#top { position: relative; width: 900px; height: 150px; }

/* Logo */
#top a#logo { position: absolute; top: 10px; left: 0; display: block; width: 267px; height: 119px; text-indent: -9999px; background:url(../Graphics/Logo_flexura.gif) no-repeat top left; }

/* Language */
#top ul#language { position: absolute; top: 46px; right: 0; margin: 0; text-align: right; list-style: none; }
#top ul#language li { display: inline; margin: 0; }
#top ul#language li a { float: left; display: block; line-height: 16px; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 2px solid #7eaac7; font-size: 16px; font-weight: bold; color: #4f3d35; text-decoration: none; }
#top ul#language li a:hover { color: #4f3d35; text-decoration: underline; }
#top ul#language li a.last { border: none; margin-right: 0; padding-right: 0; }
#top ul#language li a.active { text-decoration: none; color: #7faac7; }

/* Extra nav */
#top ul#extra_nav { position: absolute; top: 75px; right: 0; margin: 0; text-align: right; list-style: none; }
#top ul#extra_nav li { display: inline; margin: 0; }
#top ul#extra_nav li a { display: block; height: 18px; line-height: 18px; color: #4f3d35; text-decoration: none; }
#top ul#extra_nav li a:hover { text-decoration: underline; }
#top ul#extra_nav li a.active { text-decoration: underline; color: #4f3d35; }

/* Headers
--------------------------------------------------------------------------------*/
#header_home { position: relative; width: 900px; height: 370px; margin: 10px 0 0 0; overflow: hidden; } 
#header_home .text { float: left; width: 210px; height: 330px; padding: 20px; background: #7eaac7; font-size: 12px; font-weight: bold; line-height: 20px; color: #fff; overflow: hidden; }
#header_home .image { float: right; width: 650px; height: 370px; overflow: hidden; }
#header_home a#btn_next { position: absolute; display: block; width: 40px; height: 40px; background: transparent url('../Graphics/Btn_next.png') no-repeat center center; top: 175px; right: 15px; color: #4f3d35; text-indent: -9999px; z-index: 40; }
#header_home a#btn_prev { position: absolute; display: block; width: 40px; height: 40px; background: transparent url('../Graphics/Btn_prev.png') no-repeat center center; top: 175px; left: 265px; color: #4f3d35; text-indent: -9999px; z-index: 41; }

/* Navigation
--------------------------------------------------------------------------------*/
#navigation { width: 900px; height: 63px; color: #fff; overflow: hidden; }

#navigation ul#navigation_left { float: left; position: relative; height: 63px; margin: 0; list-style: none; }
#navigation ul#navigation_left li { float: left; display: block; height: 63px; margin: 0; }
#navigation ul#navigation_left li a { display: block; margin: 0 15px 0 0; color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 33px; }

#navigation ul#navigation_left li span { float: left; position: absolute; left: 0; top: 35px; display: none; width: 900px; padding: 0; }
#navigation ul#navigation_left li.active span { display: block; }

#navigation ul#navigation_left li span a { float: left; display: block; margin: 0 15px 0 0; color: #4f3d35; font-weight: bold; text-decoration: none; }
#navigation ul#navigation_left li span a.active { background: url('../Graphics/Subnav_active.gif') no-repeat center left; padding: 0 0 0 20px; }
#navigation ul#navigation_left li span a:hover {text-decoration: underline;}

#navigation ul#navigation_left li a:hover { text-decoration: underline; }
#navigation ul#navigation_left li a.active { color: #4f3c35; }
#navigation ul#navigation_left li a:hover.active {  text-decoration: none; }

#navigation ul#navigation_right { float: right; margin: 0; list-style: none; height: 33px; }
#navigation ul#navigation_right li { display: inline; margin: 0; }
#navigation ul#navigation_right a { float: left; display: block; width: auto; height: 33px; line-height: 33px; margin: 0 15px 0 0; color: #fff; text-decoration: none; font-size: 12px; font-weight: bold; }
#navigation ul#navigation_right a:hover { text-decoration: underline; }
#navigation ul#navigation_right a.active { color: #4f3c35; }
#navigation ul#navigation_right a:hover.active {  text-decoration: none; }
#navigation ul#navigation_right a.last { margin-right: 0; }

/* Homepage
--------------------------------------------------------------------------------*/
#homepage_boxes { width: 900px; margin: 25px 0 0 0; overflow: hidden; }
#homepage_boxes .item { float: left; width: 130px; height: 101px; margin-right: 8px; padding: 25px; background: url(../Graphics/Bg_box_brown.gif); overflow: hidden; }
#homepage_boxes .item h2,
#homepage_boxes .item_large h2 { margin: 0 0 20px 0; font-size: 14px; }
#homepage_boxes .item_large { float: left; position: relative; width: 286px; height: 101px; padding: 25px; background: url('../Graphics/Bg_box_brown_large.gif'); overflow: hidden; }
#homepage_boxes .item_large a#next { position: absolute; display: block; width: 20px; height: 20px; background: url('../Graphics/Next.png') no-repeat center center; bottom: 10px; right: 25px; color: #4f3d35; text-indent: -9999px; }
#homepage_boxes .item_large a#prev { position: absolute; display: block; width: 20px; height: 20px; background: url('../Graphics/Prev.png') no-repeat center center; bottom: 10px; left: 25px; color: #4f3d35;  text-indent: -9999px;}

/* Over Flexura
--------------------------------------------------------------------------------*/
#over_flexura { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 10px 0 0 0; overflow: hidden;  }
#over_flexura #photo { float: left; width: auto; height: auto; margin: 0 30px 0 0; overflow: hidden; }
#over_flexura .content { float: left; width: 526px; height: auto; padding: 0 0 15px 0; }
#over_flexura .content h1 { margin: 0 0 15px 0; }

/* Producten
--------------------------------------------------------------------------------*/
#producten { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 10px 0 0 0; overflow: hidden;  }

#producten #detail { float: left; width: 344px; height: auto; margin: 15px 30px 0 0; overflow: hidden; }
#producten #detail .photo { width: 344px; height: auto; margin: 20px 0; }

#producten #gamma { float: left; width: 525px; height: auto; margin: 15px 0 0 0; overflow: hidden; }
#producten #gamma h1 { margin: 0 0 20px 0; }
#producten #gamma .item { float: left; width: 118px; height: 148px; margin: 0 15px 5px 0; padding: 10px 0 0 0; border: 1px solid #eee; }
#producten #gamma .item:hover { border: 1px solid #999; }
#producten #gamma .item img { border: none; }
#producten #gamma .item .caption { display: block; width: 120px; height: 30px; line-height: 30px; font-size: 11px; text-decoration: none; text-align: center; }
#producten #gamma .item .caption:hover { text-decoration: underline; }
#producten #gamma .last { margin-right: 0; }
#producten #gamma ul#pagination { margin-top: 10px; }

/* Dealers
--------------------------------------------------------------------------------*/
#dealers { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 10px 0 0 0; overflow: hidden;  }
#dealers #photo { width: 900px; height: auto; overflow: hidden; }
#dealers .content { width: 900px; height: auto; padding: 15px 0; overflow: hidden; }
#dealers .content h1 { margin: 0 10px 0 10px; }
#dealers .content .left { float: left; width: 430px; padding: 10px; }
#dealers .content .right { float: left; width: 430px; padding: 10px; }

/* Knowhow
--------------------------------------------------------------------------------*/
#knowhow { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 10px 0 0 0; overflow: hidden;  }
#knowhow .content { width: 900px; height: auto; padding: 15px 0; overflow: hidden; }
#knowhow h1 { margin: 0 0 15px 0; }

/* Contact
--------------------------------------------------------------------------------*/
#contact { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 10px 0 0 0; overflow: hidden;  }
#contact #photo { width: 900px; height: auto; overflow: hidden; }
#contact .content { width: 900px; height: auto; padding: 5px 0; overflow: hidden; }
#contact .content h1 { margin: 0 0 15px 0; }
#contact .content .left { float: left; width: 430px; padding: 10px; }
#contact .content .right { float: left; width: 430px; padding: 10px }
#contact .content .right #google_maps { margin: 20px 0; border: 2px solid #ddd; }

/* Nieuws
--------------------------------------------------------------------------------*/
#nieuws { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 0; overflow: hidden; }
#nieuws .content { width: 900px; height: auto; padding: 15px 0; overflow: hidden; }
#nieuws .content .left { float: left; width: 230px; margin: 0 30px 0 0; padding: 10px; }
#nieuws .content .left ul { width: 230px; list-style: none; margin: 20px 0 0 0; padding: 0; }
#nieuws .content .left ul li { display: block; margin: 0; }
#nieuws .content .left ul li a:link,
#nieuws .content .left ul li a:visited,
#nieuws .content .left ul li a:active { display: block; width: 230px; height: 20px; line-height: 20px; padding: 5px 0 5px 15px; background: url('../Graphics/Arrow.gif') no-repeat 5px 13px; border-bottom: 1px solid #eee; color: #4f3d35; text-decoration: none; }
#nieuws .content .left ul li a:hover { text-decoration: underline; }
#nieuws .content .left ul li a.active { background: #7eaac7; border: none; color: #fff; }
#nieuws .content .left ul li a:hover.active { text-decoration: none; }

#nieuws .content .right { float: left; width: 600px; padding: 10px; }
#nieuws .content .right .item { margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px solid #eee; overflow: hidden; }
#nieuws .content .right .item h1 { margin: 0 0 5px 0; }
#nieuws .content .right .item p.info { margin: 0 0 15px 0; }
#nieuws .content .right .item img { float: left; margin: 0 15px 10px 0; padding: 1px; border: 2px solid #eee; }

/* Private
--------------------------------------------------------------------------------*/
#private { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 0; overflow: hidden; }
#private h1 { margin: 15px 0; }

#private #login { margin: 15px 0 0 0; }

#private #login label { float: left; width: 130px; height: 25px; line-height: 25px; margin: 0 0 5px 0; }

#private #login .input,
#private #login .input_error { float: left; width: 242px; height: 17px; margin: 0 0 5px 0; padding: 4px; border: 1px solid #ddd; font-family: "Trebuchet MS",Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #4f3d35; }
#private #login .input:focus { border: 1px solid #999; }

#private #login .input_error,
#private #login .input_error:focus { border: 1px solid #c00; }

#private #login .submit { display: block; width: 80px; height: 25px; margin: 0 0 0 130px; background: #4f3d35; border: none; cursor: pointer; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #fff; text-align: center; }
#private #login .submit:hover { background: #7eaac7; color: #fff; }

#private #login .error_message { margin: 0 0 15px 0; padding: 0; color: #c00; background: none; border: none; font-weight: bold; }

/* Realisaties
--------------------------------------------------------------------------------*/
#realisaties { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 0; overflow: hidden; }
#realisaties .content { width: 900px; height: auto; padding: 15px 0; overflow: hidden; }
#realisaties .content .left { float: left; width: 230px; margin: 0 30px 0 0; padding: 10px; }
#realisaties .content .left ul { width: 230px; list-style: none; margin: 20px 0 0 0; padding: 0; }
#realisaties .content .left ul li { display: block; margin: 0; }
#realisaties .content .left ul li a:link,
#realisaties .content .left ul li a:visited,
#realisaties .content .left ul li a:active { display: block; width: 230px; height: 20px; line-height: 20px; padding: 5px 0 5px 15px; background: url('../Graphics/Arrow.gif') no-repeat 5px 13px; border-bottom: 1px solid #eee; color: #4f3d35; text-decoration: none; }
#realisaties .content .left ul li a:hover { text-decoration: underline; }
#realisaties .content .left ul li a.active { background: #7eaac7; border: none; color: #fff; }
#realisaties .content .left ul li a:hover.active { text-decoration: none; }

#realisaties .cycle { width: 650px; height: 350px; overflow: hidden; }

#realisaties .content .right { float: left; width: 600px; padding: 10px; }
#realisaties .content .right h1 { margin: 0 0 15px 0; }

/* Shop
--------------------------------------------------------------------------------*/
#shop { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 0; overflow: hidden; }
#shop .content { width: 900px; height: auto; padding: 15px 0; overflow: hidden; }
#shop h1 { margin: 0 0 15px 0; }
#shop .content #photo { float: left; width: auto; /*width: 344px;*/ height: auto; margin: 0 30px 0 0; overflow: hidden; }

/* Sitemap
--------------------------------------------------------------------------------*/
#sitemap { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 10px 0 0 0; overflow: hidden;  }
#sitemap #photo { width: 900px; height: auto; overflow: hidden; }
#sitemap .content { width: 900px; height: auto; padding: 15px 0; overflow: hidden; }
#sitemap .content h1 { margin: 0 0 15px 0; }

/* Flexura Technics */
#flexura_technics { width: 900px; min-height: 300px; height: auto !important; height: auto; margin: 10px 0 0 0; overflow: hidden;  }
#flexura_technics .content { width: 900px; height: auto; padding: 15px 0; overflow: hidden; }
#flexura_technics .content h1 { margin: 0 0 15px 0; }

#flexura_technics h2 { margin: 0 0 10px 0; }

/* Pagination
----------------------------------------------------------------------------------*/
ul#pagination { clear: both; margin: 0; padding: 0; list-style: none; }
ul#pagination li { display: inline; }
ul#pagination li a { float: left; display: block; width: 30px; height: 30px; line-height: 30px; margin: 0 2px 0 0; border: 1px solid #ddd; text-align: center; color: #4f3d35; text-decoration: none; font-weight: bold; }
ul#pagination li a:hover { text-decoration: underline; } 
ul#pagination li a.active { background: #7eaac7; border: 1px solid #7eaac7; color: #fff; }

/* FORMS
----------------------------------------------------------------------------------*/

form { margin: 20px 0; font-family: "Trebuchet MS",Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
.item { margin: 0 0 5px 0; overflow: hidden; }

.item label { float: left; width: 130px; height: 25px; line-height: 25px; margin: 0; }

.item .inputfield { float: left; width: 242px; height: 17px; margin: 0; padding: 4px; border: 1px solid #ddd; font-family: "Trebuchet MS",Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color:#4f3d35; }
.item .inputfield:focus { border: 1px solid #999; }
.error .inputfield { border: 1px solid #c00; }
.error .inputfield:focus { border: 1px solid #c00; }

.item .width_5 { float: left; width: 242px; height: 100px; margin: 0; padding: 4px; border: 1px solid #ddd; font-family: "Trebuchet MS",Arial, Verdana, Helvetica, sans-serif; font-size: 12px; overflow: auto; color: #4f3d35; }
.item .width_5:focus { border: 1px solid #999; }
.error .width_5 { border: 1px solid #c00; }
.error .width_5:focus { border: 1px solid #c00; }

.item select { width: 252px; border: 1px solid #ddd; padding: 4px; font-family: "Trebuchet MS",Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
.item .extra_text { }
.contact_verstuur { display: block; width: 80px; height: 25px; margin: 0 0 0 130px; background: #4f3d35; border: none; cursor: pointer; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #fff; text-align: center; }
.contact_verstuur:hover { background: #7eaac7; color: #fff; }

/* Footer
--------------------------------------------------------------------------------*/
#footer { clear: both; width: 900px; height: 30px; padding: 25px 0 0 0; }
#footer a { color: #4f3d35; text-decoration: none; }
#footer a:hover { color: #4f3d35; text-decoration: underline; }

/* Buttons
--------------------------------------------------------------------------------*/
a.button { margin: 10px 0; padding: 5px 10px; background: #4f3d35; border: none; cursor: pointer; font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #fff; text-align: center; text-decoration: none; }
a:hover.button { background: #7eaac7; color: #fff; }

/* Other classes
--------------------------------------------------------------------------------*/
.clear {clear:both;}
.left { float: left; }
.right { float: right; }
.error_message { color: #c00; }

.product_img { float: left; width: auto; height: auto; margin: 0 30px 20px 0; }
td.archivetable img { float:right; }
.description { float: left; width: 670px; height: auto; margin: 0 0 20px 0; }