/*-----------------------------------
Site: www.madia.nl
Auteur: Madia
Version: 18 juli 2009
---------------------------------- */

/* Set defaults --------------------- */
* {padding: 0; margin: 0;}
html {height: 100%;}
body {padding: 0px; margin: 0px; background: #507666 url('/media/default/images/template/background.jpg') repeat-x;}
img {border: none;}
ul {list-style-type: none; padding-left: 0px;}
hr {margin: 10px 0 10px 0; border-top: 1px dotted #476c5e;}

/* Typografie algemeen--------------- */
body {font: 0.8em/1.5em Helvetica, Verdana, sans-serif;}
a:link,a:visited {color: #6eab05; text-decoration: none;}
a:hover {text-decoration: none;}
a:link img,a:visited img {border: none;}
a.default:link,a.default:visited {color: #000; text-decoration: none; border-bottom: 1px solid #aaa;}
a.default:hover {color: #5CAD00;text-decoration: none; border-bottom: 1px solid #5CAD00;}
a.footer:link,a.footer:visited {color: #4A7061; text-decoration: none;border-bottom: 1px solid #4A7061;}
a.footer:hover {color: #fff; text-decoration: none; border-bottom: 1px solid #fff;}
.disclaimer {color: #aaa; font-size: 80%; margin-right: 20px; margin-left: 20px; text-align: center; line-height: 120%;}
.blog-list {border-top: 1px dotted #476c5e; padding: 7px 0 7px 17px; background: transparent url('/media/default/images/template/page-item.gif') no-repeat scroll 0 10px;}
#news {padding: 15px; background: url('/media/default/images/template/bg-news.gif') no-repeat;}
#news H4 {font-weight: bold; font-size: 12px; color: #6eab05; margin: 0 0 5px 0; text-align: left;}
#news li {font-size: 11px;}

/* Pagina structuur --------------------- */
#wrapper {position: relative; width: 950px; margin: 40px auto 0 auto; padding-bottom: 40px;}
#wrapper2 {background: white;}
#header {position: relative; display: block; margin: 0 auto; height: 80px; background: url(/media/default/images/template/bg-green.gif) no-repeat right;}
#logo {position: relative; display: block; float: left; margin: 0 auto; width: 220px; height: 80px; background: #fff6b5 url(/media/default/images/template/logo.gif) repeat-x;}
#payoff {position: absolute; left: 726px; top: -30px; margin: 0px; width: 208px; height: 68px; text-indent: -3000px; z-index: 2001; outline: 0; background: transparent url(/media/default/images/template/magento-professional-partner.png) left bottom no-repeat;}
/* workaround voor IE */
* html #payoff {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/magento-professional-partner.png",sizingMethod="scale");}
#wrapper-highlight {position: relative; display: block; width: 950px; height: 226px;}
#callout {position: relative; display: block; float: left; width: 220px; height: 226px; padding: 0px 0px 0px 0px; margin: 0; border-bottom: 1px solid #e57a17; background: #FF7200; border-color: #e57a17;}
#callout h3 {font-weight: normal; border-bottom: 1px solid #FFCBA1; font-size: 16px; color: #FFCBA1; padding: 10px 0 5px 0; margin: 0 0 0 0; text-align: center; font-variant: small-caps;}
#callout .content {font-weight: normal; font-size: 12px; color: #FFCBA1; padding: 10px; margin: 0; text-align: left;}
#callout h4 {margin: 0 0 10px; font-weight: normal; font-size: 1em; line-height: 1.3em; color: #FFCBA1;}
#callout .content input {border: 1px solid #b35211; margin: 0 8px 0 0;}
#callout .content input.button {margin: 0; color: #FFCBA1; border: 1px solid #ffcba1;}
#portfolio {position: relative; display: block; float: left; width: 160px; height: 200px; padding: 0px 0px 0px 0px; margin: 0; border-bottom: 1px solid #142e25; background: #FF7200;}
#portfolio h3 {font-weight: normal; border-bottom: 1px solid #FFCBA1; font-size: 16px; color: #FFCBA1; padding: 7px 0 5px 0; margin: 0 0 0 0; text-align: center; font-variant: small-caps;}
#portfolio h4 {font-weight: normal; border-bottom: 1px solid #FFCBA1; font-size: 11px; color: #FFCBA1; padding: 7px 0 7px 0; margin: 0 0 0 0; text-align: center;}
#portfolio a:link,#portfolio a:visited {color: #FFCBA1; text-decoration: none;}
#portfolio a:hover {text-decoration: none;}
#highlight {position: relative; display: block; float: left; overflow: hidden; width: 730px; height: 226px; padding: 0; margin: 0; border-bottom: 1px solid #142e25; background: #fff; z-index: 1;}
#reference_links {padding-top: 20px; height: 206px; background: url(/media/default/images/template/bg-kv-menu.gif) repeat-x;}
.referenceNav {text-align: center; padding: 8px 20px 0px;height: 25px; border-top: 1px #ccc solid;}
.referenceNav.active {background: #fff; border-right: 2px solid #666;}
.referenceNav a.link {color: #666;}
.referenceNav a:hover.link {color: #000;}
.moreReferences {padding: 9px 20px 3px; text-align: right; border-top: 1px #ccc solid;}
#content-no-col {display: block; clear: both; overflow: hidden;margin: 30px;padding: 0;}
#content {display: block;clear: both; overflow: hidden;margin: 0px; padding: 20px;}

/* One col - main col*/
#content-no-col #maincol {width: 680px;border: none;float: none;}

/*Two col - main col*/
#content #maincol {float: left;width: 690px;padding-right: 20px;}

/*Two col - small col*/
#content #smallcol {width: 200px; float: right;}

/* Custom */
.prev-next-wrapper { float: left; width: 100%; margin-top: 30px; }
.prev-next-wrapper .prev { float: left; width: 50%; text-align: left; }
.prev-next-wrapper .next { float: right; width: 50%; text-align: right; }

/* @group Footer */
#footer {position: relative; overflow: hidden; font-size: 11px; clear: both; padding: 20px; background: url(/media/default/images/template/footer.png) no-repeat bottom;}
.footer-item {width: 171px; min-height: 168px; padding-left: 10px; border-right: 1px #d2ded8 solid; float: left; line-height: 1.5em;}
.footer-item.last {border-right: none;}
.footer-item h3,.footer-item #last h3 {color: #517567; margin: 0px; font-weight: normal; font-style: normal;}
.footer-item ul {margin: 5px 0 0 0; padding-left: 20px; color: #517567;}
.footer-item li {font-weight: normal; font-style: normal; list-style-type: none;}
.footer-item div {margin: 5px 0 0 0; padding-left: 20px; color: #517567;}
.footer-item a {text-decoration: none; color: #517567;}
.footer-item a:hover {text-decoration: none; color: #000;}
.copywrite {display: block; clear: left; line-height: 30px; padding: 0 0 0 20px; margin: 0; text-align: center; color: #fff;}
.copywrite .link {color: #fff; text-decoration: underline;}
/* @end */

/* @group Taglines */ /* (placed in the header above the menu) */ 
#tagline-1 {position: absolute; top: 16px; left: 175px; width: 375px; height: 20px; text-indent: -3000px; outline: 0; background: transparent url(/media/default/images/template/tagline.gif) top left no-repeat; display: block; visibility: hidden;}
/* @end */

/* @group Maincol */
.maincol-wrapper {width: 690px; float: left; margin: 0 0 0 0;}
.maincol-wrapper .row {margin: 10px 0 20px;}
.maincol-wrapper .left {float: left; width: 335px; margin-right: 20px;}
.maincol-wrapper .right {}
#maincol h2 {font-weight: normal; font-size: 22px; color: #5CAD00; padding: 10px 0 10px 0; margin: 0 0 0 0; text-align: left;}
#maincol h3 {font-weight: normal; font-size: 16px; color: #5CAD00; padding: 0 0 10px 0; margin: 0 0 0 0; text-align: left;}
#maincol h4 {font-weight: bold; font-size: 12px; color: #000; padding: 0 0 5px 0; margin: 0 0 0 0; text-align: left;}
#maincol h5 {font-size: 11px; color: #000; padding: 0 0 5px 0; margin: 0 0 0 0; text-align: left;}
ul.list {list-style-type: disc; margin-left: 25px;}
.maincol-content {position: relative; display: block; margin: 0 0 0 0; padding: 0; text-align: left;}
.maincol-image {display: block; float: left; margin: 0 20px 0 0; padding: 0; borders: 1px solid;}
#references .reference {margin-right: 12px; float: left;}
#references .reference.last {margin-right: 0px; float: right;}
#references .reference .image {}
#references .reference h4 {font-size: 0.9em; text-align: center; color: #5CAD00; font-weight: normal; margin-bottom: 10px;}
#references .reference .clear {clear: both;}
/* @end */

/* @group Smallcol */
.border-smallcol-header {height: 29px; background: transparent url('/media/default/images/template/border-smallcol-header.gif');}
.border-smallcol-header h3 {font-weight: normal; font-size: 16px; color: #142E25; padding: 6px 0 5px 0; margin: 0 0 0 0; text-align: center; font-variant: small-caps;}
#contact h4 {font-weight: normal; font-size: 12px; color: #FFCBA1; padding: 7px 0 7px 0; margin: 0 0 0 0; text-align: center;}
/*.smallcol-border {position: relative;display: block;margin: 0 8px 10px 0;padding: 0px;width: 214px;float: left;background: transparent url('/media/default/images/template/border-smallcol-top.gif');}*/
/*.smallcol-border div{padding-bottom: 15px;background: transparent url('/media/default/images/template/border-smallcol-bot.gif') no-repeat left bottom;}*/
.smallcol-content {position: relative; display: block; font-size: small; margin: 20px 20px 20px 20px; padding: 0; text-align: left;}
/* @end */

/* @group Forms */
input, textarea {font-weight: normal; font-size: 11px; color: #333; padding: 4px 4px 4px 4px; margin: 4px 0 10px 0; background-color: #FFF; border: 1px solid #AEC7BA;}
input:focus, input:hover, textarea:focus, textarea:hover {background-color: #E8F0EC;}
input.button {font-weight: normal; font-size: 11px; color: #fff; float: left; padding: 4px 10px 4px; margin: 0; text-align: center; background-color: #ff7200; border: 1px solid #ff7200; cursor: po
inter;cursor: hand;/*IE cursor*/}
input.required, textarea.required {font-weight: normal; font-size: 11px;color: #333; padding: 4px 4px 4px 4px; margin: 4px 0 10px 0; background-color: #FFF; border: 1px solid red;}
.table-hosting {border: 1px solid #333333; padding: 5px;}
.table-header {background-color: #6eab05; color: #FFFFFF; font-weight: bold;}
.odd {background-color: #ffffff;}
.even {background-color: #EEEEEE;}
/* @end */