body, html { background: url("/assets/images/bg_body.gif") repeat 0 -15px; color: #FFF; height: 100%; margin: 0; padding: 0; text-align: left; font: normal 15px/21px Georgia, times, serif; }
 * { margin:0; padding:0; font-size:1em; }

.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden; }
@font-face { font-family: 'BergamoStdRegular'; src: url('BergamoStd-Regular-webfont.eot'); src: url('BergamoStd-Regular-webfont.eot?iefix') format('eot'), url('BergamoStd-Regular-webfont.woff') format('woff'), url('BergamoStd-Regular-webfont.ttf') format('truetype'), url('BergamoStd-Regular-webfont.svg#webfontRYpL96GE') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BergamoStdItalic'; src: url('BergamoStd-Italic-webfont.eot'); src: url('BergamoStd-Italic-webfont.eot?iefix') format('eot'), url('BergamoStd-Italic-webfont.woff') format('woff'), url('BergamoStd-Italic-webfont.ttf') format('truetype'), url('BergamoStd-Italic-webfont.svg#webfontWnZkIYoK') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BergamoStdBold'; src: url('BergamoStd-Bold-webfont.eot'); src: url('BergamoStd-Bold-webfont.eot?iefix') format('eot'), url('BergamoStd-Bold-webfont.woff') format('woff'), url('BergamoStd-Bold-webfont.ttf') format('truetype'), url('BergamoStd-Bold-webfont.svg#webfont9rdK697a') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BergamoStdBoldItalic'; src: url('BergamoStd-BoldItalic-webfont.eot'); src: url('BergamoStd-BoldItalic-webfont.eot?iefix') format('eot'), url('BergamoStd-BoldItalic-webfont.woff') format('woff'), url('BergamoStd-BoldItalic-webfont.ttf') format('truetype'), url('BergamoStd-BoldItalic-webfont.svg#webfontkT1uf1KF') format('svg'); font-weight: normal; font-style: normal; }


/* ========================================================================================== */
/* HEADER */
/* ========================================================================================== */
#wrapper{ background: url("/assets/images/bg_wrapper.gif") repeat-x; }
#header { height: 175px; margin: 0 auto; margin-bottom: 20px; padding: 0 10px; width: 940px; }
#header h1 { background: url("/assets/images/logo.png") no-repeat; float: left; height: 110px; position: relative; top: 48px; width: 175px; }
#header h1 a { display: block; height: 110px; text-indent: -9999px; width: 175px; }
#header #navigation { float: right; margin: 95px 5px 0 0; }
#header #navigation li { display: block; float: left; }
#header #navigation li a:link, #header #navigation li a:visited { color: #FFF; display: block; float: left; font: normal 30px "BergamoStdBold", Georgia, times, serif; margin-left: 40px; text-decoration: none; text-shadow: 2px 2px 2px #000; -moz-text-shadow: 2px 2px 2px #000; -webkit-text-shadow: 2px 2px 2px #000; filter: dropshadow(color=#000000, offx=2, offy=2); }
#header #navigation li a:hover, #header #navigation li a:active { color: #E4B653; }
#header #navigation li.active a { color: #E4B653; }


/* ========================================================================================== */
/* CONTAINER */
/* ========================================================================================== */
#container { margin: 0 auto; padding: 0 10px 20px; width: 940px; }
#container h2, #container h3, #container h4 { color: #E4B653; font: normal 22px/22px "BergamoStdRegular", Georgia, times, serif; margin-bottom: 10px; text-shadow: 2px 2px 2px #000; -moz-text-shadow: 2px 2px 2px #000; -webkit-text-shadow: 2px 2px 2px #000; filter: dropshadow(color=#000000, offx=2, offy=2); }
#container h3 a:link, #container h3 a:visited,#container h3 a:hover, #container h3 a:active { font-weight: normal; }
#container h2 { background: url("/assets/images/bg_heading.png") repeat-x 0 20px; margin-bottom: 20px; padding-bottom: 1px; }
#container h2.ornament { background: url("/assets/images/bg_heading.png") repeat-x 0 9px; text-align: center; }
#container h2.ornament strong { background: #460000 url("/assets/images/bg_heading_ornament_l.png") no-repeat left 2px; font-weight: normal; padding-left: 40px; }
#container h2.ornament span { background: #460000 url("/assets/images/bg_heading_ornament_r.png") no-repeat right 2px; padding-right: 40px; }
#container p { margin-bottom: 15px; text-shadow: 2px 2px 2px #000; -moz-text-shadow: 2px 2px 2px #000; -webkit-text-shadow: 2px 2px 2px #000; filter: dropshadow(color=#000000, offx=2, offy=2); }
#container a:link, #container a:visited { color: #E4B653; font-weight: bold; text-decoration: none; }
#container a:hover, #container a:active { text-decoration: underline; }
#container ul { margin: 0 0 15px; text-shadow: 2px 2px 2px #000; -moz-text-shadow: 2px 2px 2px #000; -webkit-text-shadow: 2px 2px 2px #000; filter: dropshadow(color=#000000, offx=2, offy=2); }
#container ul li { list-style: disc; margin-left: 15px; }
#container ol.comments { padding-left: 20px; }
#container iframe { border: 0; margin-bottom: 20px; }
#container hr { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
#container span.posted { display: block; font-weight: bold; padding-bottom: 5px; }
#container img.float { float: left; margin: 4px 10px 20px; }
#container ul#footer { background: url("/assets/images/bg_heading.png") repeat-x top; clear: both; margin: 0; padding-top: 20px; width: 100%; }
#container #footer li { color: #FFF; display: inline; list-style: none; margin-left: 0; text-shadow: 2px 2px 2px #000; -moz-text-shadow: 2px 2px 2px #000; -webkit-text-shadow: 2px 2px 2px #000; filter: dropshadow(color=#000000, offx=2, offy=2); }
#container #footer li.last:after { content: ""; }
#container #footer li:after { content: "  ·  "; color: #FFF; font-weight: bold; }
#container #intro { height: 160px; margin-bottom: 20px; }
#container #intro img { float: left; }
#container #intro h2, #container #intro p { float: right; width: 540px; }
#container #links { padding-top: 20px; }
#container #main { float: left; margin-right: 20px; width: 700px; }
#container #sidebar { float: left; width: 210px; }
#container ul#motiv { margin: 0 0 10px; }
#container ul#motiv li { display: block; float: left; list-style: none; margin-left: 0; }
#container ul#motiv li a { outline: none; }
#container ul#motiv li a img { border: 10px solid #280404; display: block; height: 100px; margin: 0 10px 10px 0; text-decoration: none; width: 100px; }
#container ul#motiv li a:hover img { border: 10px solid #E4B653; }
#container ul#motiv li.last a { background: #280404; display: block; float: left; height: 80px; padding: 40px 5px 0 5px; text-align: center; width: 110px; }
#container .col380 { float: left; margin-right: 20px; width: 380px; }
#container .col540 { float: left; width: 540px; }
#container .col540 img { background: #280404; padding: 10px; float: left; margin: 0px 10px 0 0; }
#container .row { clear: both; margin-bottom: 20px; }

#default #container h2 { margin-bottom: 5px; }
#default #container #motiv { margin-bottom: 0; }
#default #container #motiv li a img.t3 { margin-right: 0; }
#default #footer { margin-top: -10px; }


/* ========================================================================================== */
/* GALLERY */
/* ========================================================================================== */
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; border: 5px solid #E4B653; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#facebox .content { display: table; width: 370px; padding: 10px; background: #280404; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
#facebox .content > p:first-child{ margin-top: 0; } 
#facebox .content > p:last-child{ margin-bottom: 0; }
#facebox .close { position: absolute; top: 0px; right: 0px; background: #280404; padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #280404; z-index: 99; }

