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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* ========================================================================================== */
/* BASIC */
/* ========================================================================================== */
html { font-size: 100.01%; }
body { background: #F3F1E9 url("/assets/images/body.gif") repeat-x; color: #000; font: 16px/19px Georgia, "Times New Roman", serif; }

/* ========================================================================================== */
/* HEADER */
/* ========================================================================================== */
#header { height: 200px; margin: 0 auto; position: relative; width: 960px; }
#header h1 { background: url("/assets/images/logo.gif") no-repeat; height: 175px; width: 260px; }
#header h1 a { display: block; height: 175px; text-indent: -9999px; width: 260px; }
#navigation { height: 87px; right: 0px; position: absolute; top: 50px; }
#navigation li { float: left; text-align: right; }
#navigation li a { color: #FFF; display: block; font-size: 25px; height: 54px; margin-left: 0px; padding: 36px 15px 0; text-decoration: none; }
#navigation li a:hover { background: #2F2F2F; }
#start #navigation li#l_start a, #person #navigation li#l_person a, #galerie #navigation li#l_galerie a, #kontakt #navigation li#l_kontakt a { background: #831008; color: #FFF; }


/* ========================================================================================== */
/* CONTAINER */
/* ========================================================================================== */
#container { height: auto !important; margin: 0 auto; padding-bottom: 10px; position: relative; width: 960px; }
#container h2, h3, h4 { font-size: 25px; font-weight: normal; margin-bottom: 10px; }
#container p { line-height: 2.1em; padding: 10px 0 19px; word-spacing: 0.3em; }
#container a:link, #container a:visited  { color: #7C0109; font-weight: bold; text-decoration: none; }
#container a:hover, #container a:active { text-decoration: underline; }
#container strong { font-weight: bold; }
#container em { font-style: oblique; }
#container img.centered { background: #FFF; border: 1px solid #CFCFCF; display: block; margin: 0 auto; padding: 5px; }
#container p#signature { background: url("/assets/images/signature.gif") no-repeat; height: 30px; text-indent: -9999px; width: 140px; }
#container ul.impressum { margin: 18px 0 25px; width: 320px; }
#container ul.impressum li { border-bottom: 1px solid #DFD9C3; padding: 5px 0 5px; }
#container .col { float: left; text-align: justify; }
#container .clear { clear: both; }


/* ========================================================================================== */
/* START */
/* ========================================================================================== */
#start ul#gallery { height: 200px; width: 960px; }
#start ul#gallery li { display: inline; margin-right: 10px; }
#start ul#gallery li.no-margin { margin-right: 0; }
#start ul#gallery li img { background: #FFF; border: 1px solid #CFCFCF; padding: 5px; }
#start ul#gallery li a:hover img { border: 1px solid #7C0109; }


/* ========================================================================================== */
/* ZU PERSON */
/* ========================================================================================== */
#person #container img { border: 1px solid #CFCFCF; background: #FFF; padding: 5px; }
#person #container img.float-left { float: left; margin: 19px 30px 0 0; }
#person #container img.float-right { float: right; margin: 25px 0 0 30px; }


/* ========================================================================================== */
/* GALLERY */
/* ========================================================================================== */
#galerie ul#gallery { height: 500px; margin: 0 auto; text-align: center; width: 960px; }
#galerie #gallery li { background: #FFF; border: 1px solid #CCC; float: left; margin: 0 10px 10px 0; padding: 5px 5px 1px 5px; position: relative; width: 300px; }
#galerie #gallery li.no-margin { margin-right: 0; }
#galerie #gallery a span { left: -9999px; /*\*/position: absolute; }
#galerie #gallery a:hover span { background: #FFF; border-bottom: 5px solid #7C0109; color: #7C0109; font-weight: bold; left: 5px; padding: 5px; width: 290px; text-align: center; text-transform: uppercase; top: 5px; }


/* ========================================================================================== */
/* GALLERY SUBPAGES */
/* ========================================================================================== */
.gallery { margin-top: 20px !important; }
.galleria_container { width: 640px; float: right; margin-top: 20px !important; }
.galleria { background: #DFD9C3; padding: 10px 10px 7px; width: 252px !important; }
.galleria li { display: block; height: 80px; float: left; margin: 0 10px 10px 0; overflow: hidden; width: 80px; }
.galleria li a { display: none; }
.galleria li div { display: none; left: 290px; position: absolute; top: 0; }
.galleria li div img { cursor: pointer; }
.galleria li.active div img, .galleria li.active div { display: block; }
.galleria li img.thumb { cursor: pointer; display: block; height: auto; left: auto; top: auto; width: auto; }
.galleria li .caption { display: block; padding-top: .5em }
* html .galleria li div span { width: 400px; } /* IE */
.additional { width: 200px; float: left; }
.additional li { width: 55px; height: 70px; border: 3px solid #FFF; margin: 0 2px 2px 0; background: #FFF; }
.additional li.hover { border-color: #7C0109; }
.additional li.active { border-style: solid; border-color: #7C0109; }