/* ---------CSS for BREEAM--------- */
/* -------Mathijs van Vulpen------- */
/* ------------24032008------------ */

/* -------GENERAL------- */
html{height: 100%;}
body{background:url(http://www.breeam.nl/images/header_bg.gif) repeat-x top left;font:13px 'trebuchet ms',sans-serif;line-height:1.5;}
/*body{background: url(/images/header_bg.gif) repeat-x top left;font-family: 'trebuchet ms',sans-serif;font-size: 13px;height:100%;line-height:1.5;text-align: left;}*/
body, html{margin: 0;padding: 0;}
a{color:#FE8701;text-decoration:none;}
a:hover{text-decoration:underline;}
p{color:#666666;margin-top:0;}
img{border:none;margin:0;padding:0;}
ul{margin:0;padding:0;list-style:none;}
h1{color:#5A0E7A;font-size:20px;font-weight:normal;line-height:1.2;margin:0;text-transform:uppercase;}
h2{color:#FE8701;font-size:16px;font-weight:normal;line-height:1.2;margin-bottom:0.2em;}
h3{color:#5A0E7A;font-size:13px;font-weight:normal;line-height:1.2;margin-top:1.5em;margin-bottom:0.2em;text-transform:uppercase;}
h4{color:#FE8701;font-size:11px;font-weight:bold;line-height:1.2;margin-top:1.5em;margin-bottom:0.2em;text-transform:uppercase;}
h5{color:#5A0E7A;font-size:10px;font-weight:bold;line-height:1.2;margin-top:1.5em;margin-bottom:0.2em;}
div {margin: 0;padding: 0;}
.editlink {float: right}

.clear{clear:both;}
.logo{position:absolute;top:66px;}
.hidden-logo{display:none;}
/* -------CONTAINER------- #*/container, .footer-container{width:1000px;margin:0px auto;}
/* -------CONTAINER------- */
#container{min-height: 100%;padding: 0;position: relative;text-align: left;}
#outer-wrapper{min-height: 100%;padding: 0;position: relative;text-align: left;}

/* -------CONTENT------- */
#content{clear:both;margin: 0 auto;padding: 1px 0 0 0;text-align: left;width: 1000px;}
#content-wrapper{margin: 0 auto;padding: 1px 0 0;text-align: left;width: 1000px;}
#header{height: 160px;margin: 0 auto;position: relative;width: 1000px;}
#home-text{float:left;width:400px;padding:0 20px 0 0;margin-top:20px;}
#home-image{float:left;margin:20px 0 0 16px;}
#news{float:left;width:740px;margin-top:20px;padding:0 25px 0 0;}
#news ul, #primary ol{color:#666;}
#news li{background:url("/images/content_bullet.gif") no-repeat 0 0.55em;padding-left:1em;}
#news .main_news-items li{padding-left:0;}
#primary{float:left;width:475px;padding:0 25px;margin-top:20px;}
#primary ul, #primary ol{color:#666;}
#primary ul li{background:url("/images/content_bullet.gif") no-repeat 0 0.55em;padding-left:1em;}
#secondary{float:right;width:235px;margin-top:20px;}
#partners{float:left;width:655px;margin-top:20px;padding-left:35px;}

/* -------BUTTON------- */
.bclear{margin:26px 0;overflow:hidden;width:100%;}
a.button2 {width:227px;background:url("http://www.breeam.nl/images/button_right.gif") no-repeat top right;cursor:pointer;display:block;float:left;height:29px;margin-right:6px;padding-right:12px;text-decoration:none;text-align:center;}
a.button2:hover span{color:#5A0E7A;}
a.button2 span {color:#fff;text-transform:uppercase;background: transparent url("http://www.breeam.nl/images/button_left.gif") no-repeat;display: block;padding: 2px 0 5px 10px;height:29px;}

a.button {width:227px;text-align:center;background:url("http://www.breeam.nl/images/button_right.gif") no-repeat top right;cursor:pointer;display:block;float:left;height:29px;margin-right:6px;padding-right:12px;text-decoration:none;text-align:center;}
a.button:hover span{color:#5A0E7A;}
a.button span {color:#fff;text-transform:uppercase;background: transparent url("http://www.breeam.nl/images/button_left.gif") no-repeat;display: block;padding: 2px 0 5px 10px;height:29px;}

/* -------AGENDA & NEWS------- */
#primary h3.agenda-title{font-weight:bold;}
#primary h3.big-title{font-weight:bold;margin-bottom:5px;padding-bottom:3px;}
#primary ul.archive{margin-left:1em;}
#primary ul.agenda-items{background:url("http://www.breeam.nl/images/agenda_border.gif") repeat-x top left;padding:1px 0 5px 0;margin-top:0;}
#primary .agenda-items li{margin:0;background:url("http://www.breeam.nl/images/agenda_border.gif") repeat-x bottom left;padding:0;}
#primary .agenda-items a{color:#5A0E7A;font-size:13px;display:block;text-decoration:none;padding:5px 0;}
#primary .agenda-items a:hover{background:#F6F2F7 url("http://www.breeam.nl/images/agenda_border.gif") repeat-x bottom left;}
#primary .agenda-items span{color:#666;font-size:13px;}
#primary dl.news-items  {margin-top:0;}
#primary .news-items  dt{color:#5A0E7A;}
#primary .news-items  dd{background:url("http://www.breeam.nl/images/content_bullet.gif") no-repeat 0 0.55em;margin:0 0 0 1em;padding-left:1em;}
#news .main_news-items li{margin:0;background:url("http://www.dgbc.nl/images/agenda_border.gif") repeat-x bottom left;padding:5;width:auto;}
#news .main_news-items a{color:#FE8701;font-size:13px;display:block;text-decoration:none;padding:5px 0;}
#news .main_news-items span{color:#666;font-size:13px;}
#news .main_news-items img{float:left top;}

/* -------LOGIN------- */
.login {background:#FE8701;padding:50px;width:300px;}
.login label{color:#FFF;text-transform:uppercase;}
.login input{margin:5px 0;}
.login form{padding-bottom:20px;margin:0;}
.login input{width:200px;}
.login input.submit{margin:20px 0 0 105px;width:100px;}

/* -------FORMS------- */
#primary form{margin:0;padding:0;color:#666;}
#primary fieldset {border:none;margin:0 0 1.5em;padding:0;}
#primary fieldset legend {display:none;}
#primary fieldset div {float:left;padding:0.6em 0;width:100%;}
#primary fieldset div label, #primary fieldset div .label {float:left;width:auto;}
#primary fieldset div select{width:250px;}
#primary fieldset div .req {color:#E67B1A;margin-left:2px;}
#primary fieldset div input {float:left;width:250px;}
#primary fieldset div input.check {width:10px;}
#primary fieldset div .boxes {border:0;float:left;padding:0;width:auto;}
#primary fieldset div .boxes label {display:block;float:none;width:auto;}
#primary fieldset div .boxes label input {float:none;margin:0;width:auto;}

#secondary form{margin:0;padding:0;color:#666;}
#secondary fieldset {border:none;margin:0 0 1.5em;padding:0;}
#secondary fieldset legend {display:none;}
#secondary fieldset div {float:left;padding:0.5em 0;width:100%;}
#secondary fieldset div label, #secondary fieldset div .label {float:left;padding:0;width:auto;}
#secondary fieldset div select{width:auto;}
#secondary fieldset div table{float:left;padding:5;width:100%;}
#secondary fieldset div td{float:left;padding:0;width:auto;}
#secondary fieldset div .req {color:#E67B1A;margin-left:2px;}
#secondary fieldset div input {float:left;padding:0;width:60%;}
#secondary fieldset div input.check {width:10px;}
#secondary fieldset div .boxes {border:0;float:left;padding:0;width:auto;}
#secondary fieldset div .boxes label {float:none;width:auto;}
#secondary fieldset div .boxes label input {float:none;margin:0;width:auto;}

#partners form{margin:0;padding:0;color:#666;}
#partners fieldset {border:none;margin:0 0 1.5em;padding:0;}
#partners fieldset legend {display:none;}
#partners fieldset div {float:left;padding:0.5em 0;width:100%;}
#partners fieldset div label, #partners fieldset div .label {float:left;padding:0;width:auto;}
#partners fieldset div select{width:auto;}
#partners fieldset div table{float:left;padding:5;width:100%;}
#partners fieldset div td{float:left;padding:0;width:auto;}
#partners fieldset div .req {color:#E67B1A;margin-left:2px;}
#partners fieldset div input {float:left;padding:0;width:60%;}
#partners fieldset div input.check {width:10px;}
#partners fieldset div .boxes {border:0;float:left;padding:0;width:auto;}
#partners fieldset div .boxes label {float:none;width:auto;}
#partners fieldset div .boxes label input {float:none;margin:0;width:auto;}

/* -------PARTNERS------- */
#partners img{border: 1px solid #ddd;}
.partner-image{border:1px solid #DDDDDD;}

/* -------TOPNAV------- */
#topnav{position:absolute;top:30px;right:0px;}
#topnav ul{list-style:none;padding-left:10px;float:left;}
#topnav li{float:left;background:url("http://www.breeam.nl/images/topnav_bullet.gif") 0 0.5em no-repeat;padding:0 9px;}
#topnav li a{color:#5A0E7A;text-decoration:none;}
#topnav li a:hover{text-decoration:underline;}

/* -------SEARCH------- */
#topnav form{width:306px;float:left;}
#topnav input#search-text {border: none;display: block;background-color:#FFAC56;color:#5A0E7A;width:225px;height:22px;float:left;}
#topnav fieldset{border:none;padding:0;}
#topnav label{color:#5A0E7A;float:left;padding-right:10px;}
#topnav #search.btn {background: url("http://www.breeam.nl/images/search_btn.gif") 10px 3px no-repeat;margin:0;padding:0 0 0 10px;border:none;width:25px;}

/* -------MAINNAV------- */
#mainnav{position:absolute;top:109px;right:0px;}
#mainnav.intranet{right:0px;}
#mainnav ul{list-style:none;display:block;}
#mainnav li{float:left;position:relative;display:inline;margin:0;padding:0;font-size:13px;text-transform:uppercase;}
#mainnav a{display:block;background:url("http://www.breeam.nl/images/tab-left.gif") no-repeat left top;margin:0;padding:0 0 0 10px;text-decoration:none;color:#fff;}
#mainnav a span{display:block;color:#FFF;cursor:pointer;background:url("http://www.breeam.nl/images/tab-right.gif") no-repeat right top;padding:11px 8px 10px 0px;}
#mainnav a:hover{background-position:0% -46px;}
#mainnav a.active{background-position:0% -92px;}
#mainnav a:hover span{background-position:100% -46px;color:#FFF;}
#mainnav a.active span{background-position:100% -92px;color:#5A0E7A;}
#mainnav li ul {display:none;position:absolute;left:auto;top:41px;width:175px;}
#mainnav li:hover ul {display:block;z-index:10;}
#mainnav li ul a {display:block;background:#EDE5F0 ;color:#5A0E7A;padding:4px 12px;border-top:dotted 1px #fff;width:151px;}
#mainnav li ul a:hover {background:#f6f2f7;color:#5A0E7A;}
#mainnav li ul li {background:#EDE5F0;font-size:13px;}

/* -------SUBNAV------- */
#subnav{float:left;width:235px;margin-top:20px;}
#subnav h2{display:none;border-top:5px solid #f07901;}
#subnav ul{list-style:none;padding:0;border-top:1px solid #ECECEC;}
#subnav li{border-bottom:1px solid #ECECEC;text-transform:uppercase;}
#subnav li a{display:block;background:url("http://www.breeam.nl/images/subnav_bullet.gif") 7px .85em no-repeat;color:#808080;padding:4px 0 4px 20px;text-decoration:none;}
#subnav li a:hover {background-color:#f6f2f7;color:#5A0E7A;}
#subnav li.active a {background:#EDE5F0 url("http://www.breeam.nl/images/subnav_selected.gif") 8px 0.75em no-repeat;color:#5A0E7A;}
#subnav li.back a {background:url("http://www.breeam.nl/images/subnav_back.gif") 8px 0.75em no-repeat;}
#subnav li.back a:hover {background-color:#f6f2f7;color:#5A0E7A;}

/* -------FOOTER------- */
#footer-projecten{background: url("/images/footer_projecten.gif") repeat-x top left #598b01;border-bottom:solid 1px #598B01;clear:both;height: 159px;margin-top:10px;}
#footer{clear:both;background:#5A0E7A url("http://www.breeam.nl/images/footer_bg.gif") repeat-x top left;border-bottom:solid 1px #E8B0FF;margin-top:10px;}
.footer-container{color: #598B01;margin: 0 auto;text-align: right;width: 1000px;}
.footer-item{float:left;width:280px;margin:20px 0 20px 60px;}
.footer-item.first{margin-left:0;}
#footer a{color:#E8B0FF;}
#footer a.more{color:#E8B0FF;}
#footer h2{color:#FFF;font-size:20px;padding:0px 0px 2px 27px;margin-bottom:0.3em;}
#footer h2.news{background:url("http://www.breeam.nl/images/icon_news.gif") no-repeat 0 0.07em;}
#footer h2.agenda{background:url("http://www.breeam.nl/images/icon_agenda.gif") no-repeat 0 0.07em;}
#footer h2.partner{background:url("http://www.breeam.nl/images/icon_partner.gif") no-repeat 0 0.07em;}
#footer p{background:transparent url("http://www.breeam.nl/images/footer_border.gif") repeat-x scroll left bottom;color:#E8B0FF;margin-bottom:3px;padding-bottom:3px;text-align:justify;}
#footer dl{background:transparent url("http://www.breeam.nl/images/footer_border.gif") repeat-x left bottom;margin:0 0 3px;padding-bottom:5px;}
#footer .news-items  dt{color:#FFF; font-size:15px;}
#footer .news-items  dd{background:url("http://www.breeam.nl/images/footer_bullet.gif") no-repeat 0 0.6em;margin:0;padding-left:1em;}
#footer ul.agenda-items{background:url("http://www.breeam.nl/images/footer_border.gif") repeat-x top left;padding:1px 0 3px 0;margin-top:18px;}
#footer .agenda-items li{margin:0;background:url("http://www.breeam.nl/images/footer_border.gif") repeat-x bottom left;}
#footer .agenda-items a{color:#E8B0FF;font-size:15px;display:block;text-decoration:none;padding:5px;}
#footer .agenda-items a:hover{background:#B300FF url("http://www.breeam.nl/images/footer_border.gif") repeat-x bottom left;}
#footer .agenda-items span{color:#E8B0FF;font-size:13px;}
#payoff{background-color:#FF8200;padding-top:5px;height:25px;}
#payoff img {float:right;}