/* CSS General Document */

/* general styles */
* { margin: 0px; padding: 0px; }
	body { margin: 0px; background: #c57016 url(../images/background.gif) fixed repeat-y top center; color: #333; font: 12px Arial, Helvetica, sans-serif; line-height: 18px; }
p { margin-top: 0px; margin-bottom: 10px; }
h1 { font: 24px; font-weight: bold; color: #000; margin-bottom: 5px; margin-top: 20px; margin-left: 8px; }
ul, ol { margin-bottom: 18px; }
li { margin-left: 18px; }
blockquote { margin-left: 18px; }
.important { color: #f00; }
.small { color: #999; }
.normaal { display: block; font-size: 10px !important; line-height: 14px; }

/* layout */
div#container { position: absolute; width: 770px; left: 50%; margin-left: -385px; }
div#tabs { position: relative; width: 770px; height: 40px; background-color: #c57016; }
div#tabs_tabs { position: absolute; top: 12px; height: 28px; }
div#tabs_tabs img { border: 0; }
div#creabea { position: absolute; left: 708px; top: 6px; width: 58px; height: 9px; }
div#header { position: relative; width: 770px; height: 159px; background: #fff; background: url(../images/header.gif) no-repeat top left; }
div#navigatie { position: absolute; width: 700px; height: 16px; left: 30px; top: 12px; z-index: 1; }
.nav_button { position: relative; float: left; }
div#content { position: relative; width: 770px; }
div#content_left { position: relative; float: left; width: 220px; top: 0px; left: 0px; }
div#content_middle { position: relative; float: left; width: 504px; left: 18px; top: 17px; }
div#content_right { position: relative; float: left; width: 147px; left: 38px; }
div#login { line-height: 14px; position: relative; width: 147px; height: 147px; background: url(../images/login_bg.gif) no-repeat top left; padding: 5px 11px; margin-bottom: 20px; }

div#content_left img { position: relative; top: 15px; }

/* styles */
div#content a { color: #c57016; text-decoration: underline; }
div#content a:hover { color: #666; text-decoration: none; }
div#login .login_kop { color: #fff; font-weight: bold; }
div#login .text { background: #f4edd6; width: 123px; height: 20px; border: none; text-align: left; font-size: 11px; }
div#login .submit { background-color: #bb8a01; width: 123px; height: 20px; color: #ffffff; text-align: center; font-size: 11px; font-weight: bold; }
.bordered { position: relative; background: url(../images/border_middle.gif) repeat-y top left; padding: 20px 16px; margin-bottom: 20px; min-height: 100px; }
.bordered:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.border_top { position: absolute; height: 9px; top: 0px; left: 0px; background: url(../images/border_top.gif) no-repeat; width: 504px; height: 9px; }
.border_bottom { position: absolute; height: 9px; bottom: 0px; left: 0px; background: url(../images/border_bottom.gif) no-repeat; width: 504px; height: 9px; }
	.bordered #talen { position: absolute; left: 420px; }
	.bordered #talen img { position: relative; float: left; border: 0; }
	.bordered #jaren { position: absolute; left: 15px; top: 85px; }
	.bordered img#header { position: relative; margin-left: 11px; }
	.bordered #knoppen { position: relative; float: top; }
	.bordered .knop { display: block; position: relative; float: left; left: 11px; }
	.bordered img { position: relative; float: left; top: 5px; }
	.bordered #tekst { position: relative; float: top; left: 11px; width: 420px; }
	.bordered #tekst img { float: none; margin-right: 5px; margin-bottom: 6px; }
	.bordered #tekst p, .bordered #tekst table { float: left; clear: both; display: block; }
.pxthirteen { font-size: 13px; font-weight: bold; }
.pxfifteen { font-size: 15px; font-weight: bold; }

.form_contact { margin-bottom: 32px; }
.form_contact label { display: block; font-size: 10px !important; line-height: 14px; }
.form_contact input, .form_contact select, .form_contact textarea  { width: 290px; border: 1px solid #a5acb2; height: 16px; font: 11px/16px Arial, Helvetica, sans-serif; }
.form_contact textarea { height: 64px; }
.form_contact input.button { position: relative; width: 40px; height: 24px; float: left; left: 253px; border: 3px double; }
.form_contact .radio { border: none; width: 20px; display: inline; }
.form_contact .phone_code { width: 23px; }
.form_contact .phone { width: 254px; }

.indent { float: left; clear: both; padding-left: 20px; margin-bottom: 10px; width: 440px; }

/** rules for checkboxes on merchant page */
#again0, #again1 , #again2 , #again3, #again4, #again5, #again6, #again7, #update   {
    width: 20px;
}