﻿* { margin: 0; padding: 0; }
html { width: 100%; height: 100%; background: #FEFCF2 url(../images/body-bg.gif); }
body { margin: 0 auto; width: 1004px; background: #FEFCF2; }

/* global settings */
img { border: none;}
.hide { display: none; }

/* layout formatting */
#header { height: 174px; border-bottom: 4px solid #949494; position: relative; background: url(../images/header-bg.gif) no-repeat 0 0; }
#leftbar { width: 220px; padding-bottom: 15px; float: left; }
#content { margin-left: 230px; padding: 0 15px 0 10px; }
#footer { height: 50px; margin-top: 20px; position: relative; clear: both; background: url(../images/footer-bg.gif) no-repeat 0 100% ; }

/* text & menu formatting */
body { font: 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif; color: #000; }
a:link, a:visited { color: #000; text-decoration: underline; }
a:hover, a:active, a:focus { color: #000; text-decoration: none; }

#leftbar strong { margin-left: 30px; font-size: 1.8em; }
#nav-lang { margin: 5px 10px 0 0; float: right; color: #010101; }

#last-added { font-size: 1.4em; display: block; margin: 0 0 20px 0;}

#nav-sys { position: absolute; left: 722px; bottom: 13px; list-style: none; }
#nav-sys li { float: left; }
#nav-sys a { width: 20px; height: 20px; margin-right: 5px; display: block; }
#nav-sys a#nav-home { background: url(../images/nav-sys-home.gif) no-repeat 0 0; }
#nav-sys a#nav-map { background: url(../images/nav-sys-map.gif) no-repeat 0 0; }
#nav-sys a#nav-contact { background: url(../images/nav-sys-contact.gif) no-repeat 0 0; }


#nav-glob { font-size: 1.4em; list-style: none; }
#nav-glob li { padding: 0 20px 0 0; display: inline; }
#nav-glob li a:link, #nav-glob li a:visited { text-decoration: none; }
#nav-glob li a:hover, #nav-glob li a:active, #nav-glob li a:focus { text-decoration: underline; }
#nav-glob li.last { padding: 0; }

#footer ul { font-size: 1.2em; position: absolute; left: 230px; list-style: none; overflow: hidden; }
#footer li { height: 14px; line-height: 14px; padding: 0 10px; margin-left: -1px; float: left; border-left: 1px solid #353535; }
#footer li a:link, #footer li a:visited { text-decoration: none; color: #353535; }
#footer li a:hover, #footer li a:active, #footer li a:focus { text-decoration: underline; }

#search-head { font-size: 1.2em; font-weight: bold; color: #FFF; }
#search-head { margin-bottom: 3px; font-size: 1.2em; font-weight: bold; color: #FFF; }
#search-adv { position: absolute; right: 0; color: #908F8F; }

#breadcrumbs { margin-bottom: 20px; text-decoration: none; }
#breadcrumbs li { display: inline; }


#nav-cat { margin: 0 20px 0 30px; font-size: 1.2em; list-style: none; }
#nav-cat li { border-bottom: 1px solid #000; }
#nav-cat li a:link, #nav-cat li a:visited, #nav-cat li a:hover, #nav-cat li a:active, #nav-cat li a:focus { text-decoration: none; }
#nav-name-list { margin: 10px 0 0 15px; font-size: 1.2em; list-style: none; }
#nav-name-list a:link, #nav-name-list a:visited { color: #000; text-decoration: none; }
#nav-name-list a:hover, #nav-name-list a:active, #nav-name-list a:focus { color: #000; text-decoration: underline; }


#desc-list li { padding: 10px; border-bottom: 1px solid #000; list-style: none; overflow: hidden; position: relative; }
#desc-list span { font-size: 1.2em; font-weight: bold; position: absolute; bottom: 5px; right: 0; }
#desc-list strong { font-size: 1.4em; font-style: italic; }
#desc-list a:link, #desc-list a:visited  { text-decoration: underline; }
#desc-list a:hover, #desc-list a:active, #desc-list a:focus { text-decoration: none; }

.paging { font-size: 1.2em; width: 240px; display: block; margin: 20px auto; list-style: none; }
.paging li { display: inline; margin-right: 5px; }
.paging .active { font-weight: bold; }

.person { overflow: hidden; margin-bottom: 20px; }
.person strong { font-size: 1.4em; font-style: italic; margin-bottom: 10px; }
.person .read { margin-top: 10px; font-size: 1.2em; float: left; display: block; font-weight: bold;  }
.person .email { margin-top: 10px; font-size: 1.2em; float: right; display: block; font-weight: bold;  }

#search-gallery { font-style: italic; font-size: 1.2em; }

.gallery { overflow: hidden; padding-left: 15px; }
.work { text-align: center; line-height: 25px; width: 23%; height: 225px; margin: 0 10px 10px 0; float: left; border: 1px solid #A1A0A0; background: #FCE4C2; }
.work:hover { background: #FCD7A3; }

#search { border: 1px solid #A1A0A0; padding: 10px 30px 10px 30px; margin-bottom: 20px; background: #FCE4C2; }
#search label { color: #000; }
#search label.search-name { position: relative; left: 363px; top: -20px;}
#search label.search-genre { position: relative; left: 172px;  }
#search label.search-material { position: relative; left: 370px;  }
#search label.search-technik { position: relative; left: 460px;  }

#feedback { font-size: 1.2em; }
#feedback div { margin-left: 180px; margin-top: 5px;}

#footer span { font-size: 1.1em; position: absolute; top: -1px; left: 15px; }
#footer span a:link, #footer span a:visited { color: #000; text-decoration: none; }
#footer span a:hover, #footer span a:active, #footer span a:focus { color: #000; text-decoration: underline; }

.sitemap ul { margin-left: 20px;}

/* forms formatting */
fieldset { border: 0 solid transparent; }
fieldset#search-form { height: 30px; position: absolute; right: 5px; bottom: 5px; }

select#search-category, select#search-genre, select#search-material { width: 200px; margin-right: 25px; margin-bottom: 20px; }
input#search-name, select#search-technik { width: 200px; }
#search #search-technik { margin-left: 459px; }
input#search-name { position: relative; left: 368px; margin-bottom: 20px; }

#search-results ul { margin-top: 10px; }
#search-results li { margin-bottom: 20px; list-style: none; }
#search-results strong { font-size: 1.6em; }
#search-results strong a { font-size: 0.88em; }
#search-results p, #search-results em { font-size: 1.2em; }
#search-universal { width: 660px; margin-bottom: 20px; }

#feedback label { line-height: 18px; width: 170px; text-align: right; margin-right: 10px; margin-bottom: 5px; float: left; }
#feedback input { border: 1px solid #A1A0A0;width: 200px; height: 18px; margin-bottom: 5px;  }
#feedback textarea { border: 1px solid #A1A0A0; width: 400px; height: 200px; }
#feedback .button { width: 100px; background: #FCE4C2; cursor: pointer; }
#feedback .button:hover { background: #FCD7A3; }
#feedback strong { color: red; }

#search-button { border: 1px solid #A1A0A0;width: 100px; background: #FCE4C2; cursor: pointer; }
#search-button:hover { background: #FCD7A3; }



/* images formatting */
#header img { position: absolute; left: 31px; top: 4px;  }
header a#logo { display: block; }
a#sitename { width: 317px; height: 68px; display: block; position: absolute; left: 250px; top: 55px; background: url(../images/sitename.gif) no-repeat 0 0; }

#desc-list img { margin: 0 10px 10px 0; float: left; }
#person img { margin: 0 0 10px 10px; float: right; }
.gallery img { display: block; border: 1px solid #000; margin: 0 auto; }



 p.temp { text-indent: 30px; margin: 1em 0; font-size: 1.2em; }
 ol.temp { font-size: 1.2em; list-style-position: inside; }