body {margin: 0px; padding: 0px; background: #ece5db url('/Themes/Containers/Images/Borremanbg.jpg') repeat-x; font: 10pt arial, geneva, verdana, sans-serif; color: #3f4652;} HR {height: 1px; border: 0px; border-top: 1px solid #3f4652;} img { behavior: url("pngbehavior.htc" ); } .clear {clear: both;} /* ========================================================================================================================================= Header met het logo, de navigatie en de intro slogan ========================================================================================================================================= */ #header {width: 100%; height: 281px; background: url('/Themes/Containers/Images/Borremanheader_gebouw.png') no-repeat bottom right; text-align: center;} #header_inner {width: 970px; height: 281px; margin: 0px auto; background: url('/Themes/Containers/Images/Borremanheader_golf.png') no-repeat bottom left; text-align: left;} #header_inner h1 {display: block; padding: 0px; margin: 0px; width: 393px; height: 179px; float: left;} #navigatie {display: inline; max-width: 556px; *width: 1px; margin: 13px; margin-left: 0px; float: right; border: 1px solid #38435d;} #header_inner h2 {display: block; width: 680px; clear: both; padding: 20px 0px 0px 0px; margin: 0px 0px 0px 40px; font: 15pt/1.1em arial, verdana, sans-serif; color: #c0ddff;} #header_inner h2 span {color: #fff;} /* ========================================================================================================================================= Content met 3 koloms systeem ========================================================================================================================================= */ #inhoud {width: 100%; background: #f4f0eb url('bg.jpg') repeat-x 0px -281px; text-align: center;} #inhoud_inner {width: 890px; margin: 0px auto; text-align: left;} #col1 {width: 890px; padding: 40px 0px 0px 0px;} #col2 {width: 550px; float: left; margin: 0px 40px 0px 0px; padding: 0px 0px 40px 0px;} #col3 {width: 300px; float: left; padding: 0px 0px 40px 0px;} /* ========================================================================================================================================= Footer ========================================================================================================================================= */ #footer {width: 100%; border-top: 1px solid #e2d8ca;} #footer_inner {width: 100%; border-top: 1px solid #fff; background: #ece5db; text-align: center; padding: 1.5em 0em 1.5em 0em;} /* ========================================================================================================================================= Content stijlen ========================================================================================================================================= */ /* CMS */ .cms_normal {font: 10pt arial, geneva, verdana, sans-serif; color: #3f4652;} .cms_normalred {font: 9pt arial, geneva, verdana, sans-serif; color: #ff0000; font-weight: bold;} .cms_row {font: 10pt arial, geneva, verdana, sans-serif; color: #3f4652;} .cms_altrow {font: 10pt arial, geneva, verdana, sans-serif; color: #3f4652;} .cms_commandbutton {font: 10pt arial, geneva, verdana, sans-serif; color: #3f4652;} a.cms_commandbutton:link {color: #3684cb; text-decoration: none; font-style: italic;} a.cms_commandbutton:visited {color: #3684cb; text-decoration: none; font-style: italic;} a.cms_commandbutton:active {color: #3f4652; text-decoration: none; font-style: italic;} a.cms_commandbutton:hover {color: #3f4652; text-decoration: none; font-style: italic;} /* Content */ .content_normal {font: 10pt/1.6em arial, geneva, verdana, sans-serif; color: #3f4652;} .content_normal td {font: 10pt/1.6em arial, geneva, verdana, sans-serif; color: #3f4652;} .content_normal a:link {color: #3684cb; text-decoration: none; font-style: italic;} .content_normal a:visited {color: #3684cb; text-decoration: none; font-style: italic;} .content_normal a:active {color: #3f4652; text-decoration: none; font-style: italic;} .content_normal a:hover {color: #3f4652; text-decoration: none; font-style: italic;} .content_label1 {font: 8pt/2em arial, geneva, verdana, sans-serif; color: #909090;} a.content_label1:link {color: #3684cb; text-decoration: none; font-style: italic;} a.content_label1:visited {color: #3684cb; text-decoration: none; font-style: italic;} a.content_label1:active {color: #909090; text-decoration: none; font-style: italic;} a.content_label1:hover {color: #909090; text-decoration: none; font-style: italic;} .content_label2 {font: 8pt/2em arial, geneva, verdana, sans-serif; color: #909090;} a.content_label2:link {color: #3684cb; text-decoration: none; font-style: italic;} a.content_label2:visited {color: #3684cb; text-decoration: none; font-style: italic;} a.content_label2:active {color: #909090; text-decoration: none; font-style: italic;} a.content_label2:hover {color: #909090; text-decoration: none; font-style: italic;} .content_label1 img, .content_label2 img {margin: 4px 0px -4px 4px;} .content_header1 {font: bold 15pt arial, geneva, verdana, sans-serif; color: #3f4652; line-height: 2em; text-transform: uppercase;} .content_row {font: 10pt arial, geneva, verdana, sans-serif; color: #3f4652;padding: 2px;} .content_altrow {font: 10pt arial, geneva, verdana, sans-serif; color: #3f4652;padding: 2px;} .content_commandbutton {font: 10pt arial, geneva, verdana, sans-serif; color: #3f4652;} a.content_commandbutton:link {color: #3684cb; text-decoration: none; font-style: italic;} a.content_commandbutton:visited {color: #3684cb; text-decoration: none; font-style: italic;} a.content_commandbutton:active {color: #3f4652; text-decoration: none; font-style: italic;} a.content_commandbutton:hover {color: #3f4652; text-decoration: none; font-style: italic;} a.callto {display: inline; padding: 7px 10px 7px 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; font-weight: bold; line-height: 35px;} a.callto:link, a.callto:visited {color: #646e83; border: 2px solid #646e83; background: url('/Themes/Containers/Images/Borremancallto.jpg') repeat-x;} a.callto:active, a.callto:hover {color: #646e83; border: 2px solid #646e83; background: url('/Themes/Containers/Images/Borremancallto.jpg') repeat-x 0px -35px;} /* Trein module stijlen */ #trein_wrapper {margin: 10px 0px 30px 0px; border-bottom: 1px solid #fff;} #trein_wrapper_inner {border-bottom: 1px solid #e6ddd2; padding-bottom: 30px;} a.trein_left {position: relative; z-index: 4; display: block; width: 27px; height: 27px; float: left; margin: 56px -14px 0px -13px; cursor: hand; cursor: pointer; background: url('/Themes/Containers/Images/Borremanbuttons.png') no-repeat;} a.trein_left, a.trein_left:link, a.trein_left:visited {background-position: top left;} a.trein_left:active, a.trein_left:hover {background-position: bottom left;} a.trein_right {position: relative; z-index: 4; display: block; width: 27px; height: 27px; float: left; margin: 56px -13px 0px -14px; cursor: hand; cursor: pointer; background: url('/Themes/Containers/Images/Borremanbuttons.png') no-repeat;} a.trein_right, a.trein_right:link, a.trein_right:visited {background-position: top right;} a.trein_right:active, a.trein_right:hover {background-position: bottom right;} .trein_container {float: left; overflow: hidden; width: 890px; height: 180px;} .trein_item {display: block; float: left; width: 200px; margin-right: 30px;} .trein_label_outer {border: 1px solid #606060; margin-top: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;} .trein_label_inner {background: #646e83; border: 1px solid #acafb7; -moz-border-radius: 9px; -webkit-border-radius: 9px; text-align: center; line-height: 26px; color: #fff; font-style: normal;} a.trein_item:active .trein_label_outer, a.trein_item:hover .trein_label_outer {border: 1px solid #3d434f;} a.trein_item:active .trein_label_inner, a.trein_item:hover .trein_label_inner {background: #3d434f;}