/**
 * @project: Seigneur
 * @location: Wax Interactive - www.wax.be
 * @date: 02.03.2010
 * @author: Jan De Wilde
 */
  

/**
 * Declaration of general styles.
 * Includes the clearfix, source: http://perishablepress.com/press/2009/12/06/new-clearfix-hack/
 */
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

* { margin:0; padding:0; }
html { margin-bottom: 1px; min-height: 100%; background: #025340; } /* Force the scrollbar to prevent the website from shifting to the left, after viewing a page that fitted the viewport. */
body { font-size:14px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#333333; background: #fff url(../images/header-repeater.jpg) left top repeat-x; }

h1 { margin-bottom:15px; font-size:20px; color:#2b6f5f; }
h2 { margin-bottom:5px;  font-size:14px; color:#333; }
h3 { margin-bottom:5px;  font-size:14px; color:#2b6f5f; }
h4 { margin-bottom:4px; font-size:14px; color:#2b6f5f; }
h5 { margin-bottom:4px;  font-size:13px; color:#2b6f5f; }
h6 { margin-bottom:4px;  font-size:13px; color:#2b6f5f; }

#content #right ul { margin:0 0 30px 15px; list-style:square; }
#content #right ol { margin:0 0 30px 15px; }
#content #right ul ul { margin-bottom:0; list-style:circle; }
#content #right ol ol { margin-bottom:0; }

#header a { outline:none; }  /* Comment this rule if you want to see the outline of achor elements. */
#header #breadcrumb a,
#content #right a { color:#4ca8c3; text-decoration:none; }
#content #right a:hover { border-bottom:1px solid #a5d3e1; }

.lFloat { float:left; }
.rFloat { float:right; }

/**
 * Declaration of website styles.
 */

#header { height:285px; }
#header div.container { position:relative; margin:0 auto; height:285px; width:980px; }
#header a#hUrl { position:absolute; right:8px; top:37px; text-indent:-9999px; background: url(../images/seigneur-logo.png) left top no-repeat; width:139px; height:161px; display:block; z-index:1000; }
#header ul { position:absolute; left:518px; top:25px; font-size:12px; font-weight: bold; z-index:998; }
#header ul li { margin-right:5px; display:inline; float:left; }
#header ul li a { padding:3px 0 0 0; color:#025440; text-decoration:none; text-align:center; width:22px; height:19px; background: url(../images/lang-nav.gif) left top no-repeat; display:block; }
#header ul li.current a { color:#fff; background: url(../images/lang-nav-active.gif) left top no-repeat; }
#header #breadcrumb { position:absolute; bottom:20px; left:310px; padding:0 0 0 15px; color:#4ca8c3; text-transform:uppercase; background: url(../images/nav-double-arrow-active.gif) left center no-repeat; display:block; z-index:997; }

#header #rotator { position:absolute; left:0; top:0; height:285px; width:980px; z-index:500; }
#header #overlay { position:absolute; left:0; top:0; background: url(../images/seigneur-header.png) left top no-repeat; height:285px; width:500px; z-index:600;  }
#header #rotator #cycle { /*position:absolute; left:0; top:0;*/ width:980px; height:285px; z-index:400; background:url(../images/bg-cycle.jpg) left top no-repeat; }
#header #rotator #cycle div.item { width:980px; height:285px; background:url(../images/bg-cycle.jpg) left top no-repeat; /*z-index:399; display:none;*/ }
#header #rotator #cycle div.item img { }
#header #rotator #cycle p { position:absolute; left:517px; top:74px; color:#fff; font-size:18px; z-index:300; }
#header #rotator #cycle p span { font-size:24px; text-transform:uppercase; }
#header #rotator #cycle p span.head { font-size:34px; }
#header #rotator #cycle a { color:#fff; text-decoration: none; }


#content { background:#fff; }
#content div.container { margin:15px auto 15px; width:980px; background: url(../images/content-faux-column.gif) left top repeat-y; }

#content #left { width:290px; float:left; }
#content #left ul { list-style:none; float:left; }
#content #left ul ul,
#content #left ul ul ul { display:none; }
#content #left li.current ul ul { display:none; }
#content #left li.current ul { display:block; }
#content #left li.current li.current ul { display:block; }
#content #left ul { width:244px; }
#content #left ul ul { width:232px; }
#content #left ul ul ul { width:220px; }
#content #left li { padding-left:27px; background: url(../images/nav-double-arrow.gif) left 9px no-repeat; display:block; width:100%; float:left; }
#content #left li.current { background: url(../images/nav-double-arrow-active.gif) left 9px no-repeat; }
#content #left li li { padding-left:12px; font-size:13px; background:none; }
#content #left li li li { padding-left:12px; font-size:12px; background:none; }
#content #left li a { padding:5px 0; color:#00533e; text-decoration:none; text-transform:uppercase; border-bottom:1px solid #ccc; display:block; }
#content #left li.current a,
#content #left li.current li.current a,
#content #left li.current li.current li.current a { color:#4ca8c3; }
#content #left li.current li a,
#content #left li.current li.current li a,
#content #left li.current li.current li.current li a { color:#00533e; }
#content #left li a:hover,
#content #left li.current a:hover,
#content #left li.current li.current a:hover { color:#7dc3d7; }

#content #laurel { font-size:55px; color:#00513E; font-weight:bold; text-align:center; background: url(../images/laurelwreath.gif) center center no-repeat; padding:55px 0 65px 0; clear:both; }

#content #right { padding:0 10px 0 20px; line-height:25px; width:660px; float:left; }
#content #right p { margin-bottom:15px; }

#content #right div.album { margin-bottom:20px; }
#content #right a.lightbox { margin:0 0 10px 8px;  width:125px; height:94px; display:block; float:left; }
#content #right a.first { margin-left:0; }
#content #right a.lightbox:hover { border:0 none; }
#content #right a.lightbox img { display:none; }

#content #panden { list-style:none; }
#content #panden li { padding:10px 0; list-style:none; border-bottom:1px solid #ccc; }
#content #panden li h2 { font-size:24px; color:#025340; }

#content #pand h2 { padding-bottom:10px; color:#2B6F5F; font-size:17px; }
#content #pand div.spacer { margin-bottom:10px; padding-top:10px; border-bottom:1px solid #ccc; height:1px; }

#footer { font-size:12px; background: #025340 url(../images/seigneur-footer.jpg) center top repeat-x; }
#footer div.container { position:relative; margin:0 auto; width:980px; height:100px; }
#footer div.part { padding:30px 0 20px 0; color:#fff; width:310px; float:left; }
#footer div.part a { color:#fff; text-decoration:none; }
#footer div.small { line-height:19px; }
#footer div.medium { padding:20px 40px 20px 0; width:265px; font-size:30px; font-weight:bold; text-align:right; }
#footer div.large { padding:15px 0 0 180px; color:#025340; font-weight:bold; font-size:16px; width:150px; }
#footer div.large span { font-size:34px; }
#footer #creds { padding:10px 40px 25px 0; text-align:right; color:#fff; font-size:11px; height:auto; }
#footer #creds a { color:#fff; text-decoration:none; }
#footer #creds a:hover { text-decoration:underline; }
#footer #laurelSmall { position:absolute; left:561px; top:17px; width:100px; font-size:28px; color:#fff; font-weight:bold; text-align:center; background: url(../images/laurelwreathsmall.gif) center center no-repeat; padding:25px 0 30px 0; clear:both; }

/**
 * Declaration of form styles.
 */
.form { margin-bottom:30px; color:#00533E; width:660px; }
.form fieldset { border:0 none; }
.form #notification { padding:0 23px 5px 0; text-align:right; font-size:12px; font-style:italic; display:block; }
.form table { border-collapse:collapse; }
.form table td { padding-top:5px; vertical-align:top; }
.form tr.radioButtons td label { margin-right:15px; float:left; }
.form tr.radioButtons td label input { margin-right:5px; }
.form td.td-label { width:150px; }
.form td select { padding:3px; font-size:12px; color:#00533E; width:458px; border:1px solid #eee; border-bottom:2px solid #ccc; float:left; }
.form td input.text { padding:3px; font-size:12px; color:#00533E; width:450px; border:1px solid #eee; border-bottom:2px solid #ccc; float:left; }
.form td textarea { padding:3px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#00533E; width:450px; border:1px solid #eee; border-bottom:2px solid #ccc; float:left;}
.form td select:focus,
.form td input.text:focus,
.form td textarea:focus { border-bottom:2px solid #B7E7F5; }
.form span.error-abbr { text-indent:-9999px; width:24px; height:24px; display:block; float:left; }
.form span.error-active { background: url(../images/warning.gif) right center no-repeat; }
.form input.button { padding:4px 8px; font-size:13px; color:#fff; border:0 none; background:#00533E; }