@import url(base.css);

/* Content
---------------------- */
#content .sections {margin: 1em 25px -20px 30px}

#content p {margin-bottom: 0.8em}
#content a {color: #2b9513}
#content a:hover {color: #333}

#content h2 {color: #2b9513; font-size: 1.4em; margin-bottom: 0.3em}
#content h3 {margin-bottom: 0.4em; color: #575757;}

#content .separator {height: 1px; overflow: hidden; display: block; background: #2b9513; margin: 0.7em 0}

#content .more:before {content: '\003e\00a0'}

#content .item p {margin-bottom: 0.2em}
#content .sections .odd {width: 252px; padding-right: 20px; float: left; margin-bottom: 1em; border-right: solid 1px #2b9513;}
#content .sections .even {width: 245px; padding-left: 20px; float: left; margin-bottom: 1em; margin-left: -1px; border-left: solid 1px #2b9513;}
#content .sections .line {clear: both;}

/* Img
---------------------- */
#content .img-left {margin-right: 11px}
#content .img-right {margin-left: 11px}

#content img.bordered {border: solid 1px #2b9513}

#content .legend {font-size: 0.9em; color: #666; margin-bottom: 0.3em}

/* Teaser
---------------------- */
#teaser {margin-left: 20px; margin-top: 10px; padding-left: 10px; margin-bottom: 0.7em; border-left: solid 5px #900}
#teaser .intro {width: 285px; float: left;}
#teaser p {margin-bottom: 0.4em}

/* Address
---------------------- */
/*address {position: absolute; width: 210px; height: 183px; background: url(i/text/address.png) 0 0 no-repeat; left: 517px; top: 144px; text-indent: -999em; display: block}*/

#address {background: #34a51a url(i/backgrounds/address-tr.gif) 100% 0 no-repeat; color: #fff; font-size: 1.05em; font-style: normal; line-height: 1.4; display: block; width: 220px; float: right; margin-right: 16px;}
html>body #address {margin-right: 24px;}
#address a {color: #fff;}
#address a:hover {text-decoration: underline;}
#address div {width: 166px; padding: 14px 15px 16px 29px; background: url(i/backgrounds/address-bl.gif) 0 100% no-repeat;}

/* Clear floats
---------------------- */
#content .item:after,
#content .sections:after,
#teaser:after {content : ".";  display : block; height : 0; clear : both; visibility : hidden}
/* \*//*/
#content .item,
#content .sections {display : inline-block}
/* */
/* \*/
* html #content .item,
* html #content .sections {height : 1%}
#content .item,
#content .sections {min-width: 1px;}
/* */

/* IE fixes
---------------------- */
* html #teaser {height: 1px}
#teaser {min-width: 1px}
* html #content .more {padding-left: 8px; background: url(i/ie-fixes/more-home.gif) 0 0.4em no-repeat; display: inline-block}
*:first-child+html #content .more {padding-left: 8px; background: url(i/ie-fixes/more-home.gif) 0 0.4em no-repeat; display: inline-block}