/* The screen stylesheet for laemmle-holz.de @author Mario Volke */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

*:focus { outline: 0; }

body { line-height: 1em; color: black; background: #fff; }

ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

img a { border: none; }

body { background: #fff url(../images/background.png) 2px 0px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 13px; line-height: 1.2em; }

/* Header */
#hd { background: #fff url(../images/hd_background.png) top right no-repeat; width: 1120px; }

#logo a, #logo a:visited { background: url(../images/logo.png) top left no-repeat; display: block; height: 76px; text-indent: -5000px; width: 303px; }
#logo a:active, #logo a:visited:active { background-position: 0px 1px; }

#nav { background-color: #bbb199; height: 24px; overflow: hidden; padding-left: 26px; width: 907px; }
#nav li { display: inline; }
#nav li a { border-right: 1px solid #e2dfcf; color: #000; display: block; float: left; height: 24px; padding-left: 10px; padding-right: 10px; line-height: 24px; text-decoration: none; }
#nav li a:hover, #nav li a:focus, #nav li a:active { background-color: #9b937f; }
#nav li a:active { padding-top: 1px; }
#nav li.first a { border-left: 1px solid #e2dfcf; }
#nav li.active a { background-color: #000; color: #fff; }

/* Body */
#bd { position: relative; min-width: 1120px; }

/* Body - Header */
#bd .header { background-color: #fff; border-top: 1px solid #354e6e; border-bottom: 1px solid #354e6e; height: 298px; margin-bottom: 10px; padding-left: 200px; }

/* Body - Sidebar left */
#bd .sidebar-left { left: 0px; position: absolute; top: 1px; width: 200px; }
#bd .sidebar-left #subnav { background-color: #e2dfcf; border-bottom: 1px solid #bbb199; min-height: 360px; padding-top: 30px; padding-bottom: 30px; }
#bd .sidebar-left #subnav li a { border-bottom: 1px solid #bbb199; color: #7b5e36; display: block; font-size: 12px; line-height: 2em; padding-left: 15px; text-decoration: none; }
#bd .sidebar-left #subnav li a:hover, #bd .sidebar-left #subnav li a:focus, #bd .sidebar-left #subnav li a:active { background-color: #bcb9ac; }
#bd .sidebar-left #subnav li.first a { border-top: 1px solid #bbb199; }
#bd .sidebar-left #subnav li.active a { background-color: #000; color: #fff; }
#bd .sidebar-left div.search { background: transparent url(../images/search_background.png) top left repeat-x; color: #bbb199; height: 150px; font-size: 11px; padding-left: 10px; padding-top: 110px; }
#bd .sidebar-left div.search input.search { background-color: #fff; border: 1px solid #bbb199; color: #bbb199; float: left; height: 15px; line-height: 15px; margin-bottom: 3px; width: 100px; }
#bd .sidebar-left div.search input.submit { float: left; margin-left: 2px; }
#bd .sidebar-left div.search p { clear: left; }

/* Body - Body */
#bd .body { display: inline-block; background-color: #fff; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-radius-topleft: 10px; border-bottom: 1px solid #354e6e; color: #666; float: left; font-size: 12px; line-height: 1.2em; margin-bottom: 10px; margin-left: 210px; padding: 10px; width: 650px; }
#bd .body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #bd .body { height: 1px; }
#bd .body div.col-1 { float: left; width: 210px; }
#bd .body div.col-2 { float: left; margin-left: 10px; width: 393px; }
#bd .body p, #bd .body ul, #bd .body #map_canvas { margin-bottom: 1em; }
#bd .body ul { list-style-type: none; }
#bd .body li:before { color: #354e6e; content: "\25A0 \A0"; font-size: 1.5em; }
#bd .body h2 { border-bottom: 1px solid #354e6e; color: #354e6e; clear: left; font-size: 25px; line-height: 3em; font-weight: bold; margin-bottom: 1em; padding-left: 1.5em; }
#bd .body h3 { color: #354e6e; font-size: 12px; font-weight: bold; margin-bottom: 1em; }
#bd .body ul.searchresults h3 { display: inline; }
#bd .body h4 { color: #b9b399; margin-bottom: 1em; }
#bd .body a { color: #354e6e; text-decoration: none; }
#bd .body a:hover, #bd .body a:focus { text-decoration: underline; }
#bd .body a.image img { border: 1px solid #354e6e; }
#bd .body .teasers { display: inline-block; margin-bottom: 20px; margin-left: -10px; }
#bd .body .teasers:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #bd .body .teasers { height: 1px; }
#bd .body .teasers li { background-color: #e2dfcf; color: #354e6e; display: block; float: left; list-item: none; margin-bottom: 10px; margin-left: 10px; padding: 3px 0; position: relative; width: 210px; }
#bd .body .teasers li:before { content: ""; }
#bd .body .teasers li a { display: block; position: relative; text-decoration: none; }
#bd .body .teasers li a strong { background-color: #354e6e; color: #fff; display: block; font-size: 13px; left: 0px; line-height: 2em; opacity: .8; padding: 0 10px; position: absolute; right: 0px; top: 0px; }
#bd .body .teasers li:hover strong, #bd .body .teasers li:focus strong { text-decoration: none; opacity: 1.0; }
#bd .body .teasers li img { border-bottom: 2px solid #354e6e; margin-bottom: 10px; width: 100%; }
#bd .body .teasers li p { font-size: 11px; height: 40px; padding: 0 10px; margin: 0; }
#bd .body .teasers li p.more { height: auto; text-align: right; }
#bd .body .teasers li p.more a { color: #354e6e; text-decoration: none; }
#bd .body .teasers li p.more a:hover, #bd .body .teasers li p.more a:focus { text-decoration: underline; }
#bd .body .team { display: inline-block; margin-bottom: 20px; margin-left: -10px; }
#bd .body .team:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #bd .body .team { height: 1px; }
#bd .body .team li { background-color: #e2dfd0; color: #666465; display: block; float: left; height: 75px; list-item: none; margin-bottom: 10px; margin-left: 10px; padding: 3px 3px 3px 84px; position: relative; width: 233px; }
#bd .body .team li:before { content: ""; }
#bd .body .team img { left: 0px; position: absolute; top: 0px; }
#bd .body .team h4 { color: #000; font-weight: bold; font-size: 1em; border-bottom: 1px solid #7a5e36; padding-bottom: 3px; margin-bottom: 3px; }
#bd .body .team a.mail { background: url(../images/mail_icon.png) right bottom no-repeat; bottom: 3px; color: #7a5e36; line-height: 10px; padding-right: 20px; position: absolute; right: 3px; }
#bd .body .quality { display: inline-block; margin-bottom: 20px; margin-left: -10px; }
#bd .body .quality:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #bd .body .quality { height: 1px; }
#bd .body .quality li { background-color: #e2dfd0; color: #000; display: block; float: left; height: 94px; list-item: none; margin-bottom: 10px; margin-left: 10px; padding: 3px 3px 3px 115px; position: relative; width: 222px; }
#bd .body .quality li:before { content: ""; }
#bd .body .quality img { border: 1px solid #000; left: 0px; position: absolute; top: 0px; }
#bd .body .quality h4 { color: #000; font-weight: bold; font-size: 1em; border-bottom: 1px solid #7a5e36; padding-bottom: 3px; margin-bottom: 3px; }
#bd .body .quality a.download { background: url(../images/download_icon.png) right bottom no-repeat; bottom: 3px; color: #7a5e36; line-height: 15px; padding-right: 20px; position: absolute; right: 3px; }
#bd .body .forminfo { padding-left: 230px; margin-bottom: 1em; }
#bd .body .formgen label, #bd .body .formgen .formtext, #bd .body .formgen .formtextfield { margin-bottom: 5px; }
#bd .body .formgen label { display: block; float: left; padding-right: 10px; text-align: right; width: 220px; }
#bd .body .formgen .formerror { color: #722f15; }
#bd .body .formgen .formtext, #bd .body .formgen .formtextfield { border: 1px solid #888; }
#bd .body .formgen .formsubmit { margin-left: 230px; }

/* Body - Sidebar right */
#bd .sidebar-right { display: inline-block; background: #a2a598 url(../images/sidebar_right_background.png); -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-radius-topleft: 10px; border-bottom: 1px solid #354e6e; float: left; font-size: 11px; line-height: 1.2em; margin-bottom: 10px; margin-left: 10px; padding: 10px; width: 105px; }
#bd .sidebar-right:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #bd .sidebar-right { height: 1px; }
#bd .sidebar-right .teaser { background-color: #e2dfcf; color: #354e6e; margin-bottom: 10px; }
#bd .sidebar-right .teaser img { border: 1px solid #fff; margin-bottom: 10px; width: 103px; }
#bd .sidebar-right .teaser h4 { border-bottom: 1px solid #fff; font-size: 12px; font-weight: bold; margin-bottom: 5px; padding: 0 3px 3px 3px; }
#bd .sidebar-right .teaser p { padding: 0 3px; }
#bd .sidebar-right .teaser p.more { margin-top: 30px; padding: 0; }
#bd .sidebar-right .teaser p.more a { border-top: 1px solid #fff; background-color: #354e6e; color: #fff; display: block; font-size: 12px; font-weight: bold; line-height: 2em; text-align: center; text-decoration: none; }
#bd .sidebar-right .teaser p.more a:hover, #bd .sidebar-right .teaser p.more a:focus { text-decoration: underline; }
#bd .sidebar-right .gallery-block { margin-bottom: 10px; }
#bd .sidebar-right .gallery-block h4 { background-color: #354e6e; color: #fff; clear: both; padding: 2px; }
#bd .sidebar-right .gallery-block .gallery li { list-style: none; width: 115px; height: 356px; overflow: hidden; }
#bd .sidebar-right .gallery-block .gallery li a { display: block; padding-bottom: 10px; }
#bd .sidebar-right .gallery-block .gallery li img { border: 1px solid #fff; display: block; }
#bd .sidebar-right .gallery-block #prevBtn a, #bd .sidebar-right .gallery-block #nextBtn a { background-color: #354e6e; color: #fff; padding: 2px; text-decoration: none; }
#bd .sidebar-right .gallery-block #prevBtn a:hover, #bd .sidebar-right .gallery-block #prevBtn a:focus, #bd .sidebar-right .gallery-block #nextBtn a:hover, #bd .sidebar-right .gallery-block #nextBtn a:focus { text-decoration: underline; }
#bd .sidebar-right .gallery-block #prevBtn { float: left; margin-bottom: 10px; }
#bd .sidebar-right .gallery-block #nextBtn { float: right; margin-bottom: 10px; }

/* Footer */
#ft { background-color: #fff; border-top: 1px solid #354e6e; color: #344f6e; clear: left; font-size: 11px; line-height: 3em; height: 3em; margin-bottom: 20px; margin-top: 10px; padding-left: 20px; text-align: right; width: 995px; }
#ft p { float: left; }
#ft #ftnav li { border-left: 1px solid #354e6e; display: inline; }
#ft #ftnav li.first { border-left: none; }
#ft #ftnav a { color: #344f6e; padding-left: 5px; padding-right: 5px; text-decoration: none; }
#ft #ftnav a:hover, #ft #ftnav a:focus { text-decoration: underline; }