/*  Screen stylesheets for Herwig Rumpl web
    created: Jana Moudrá, jana.moudra@imatic.cz
    date: 03-02-2010
    last edit: 12-02-2010   
*/
 
/* HTML elements */ 
body {
    background-color: white;
    font: 0.8em/1.5 Arial, Verdana, Helvetica, sans-serif; 
    color: #868889;   
    position: relative;
}

h1, h2 {
    font-size: 1.1em;
  	color: black;
}
h1 {
    margin-bottom: 15px;
}

h2 {
    margin-bottom: 1px;
}

h1, h2, h3, h4, h5, h6 {
	  font-weight: bold;
}

p {
	  margin-bottom: 5px;
}

a {
	  color: #868889;
}

a:hover {
    text-decoration: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

ul, ol {
    margin: 5px 0 10px 20px;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

li {
    padding: 2px 4px;
}

address {
    margin-left: 30px;
    font-style: italic;
}

table {
    border-collapse: collapse;
    table-layout: auto;
    margin: 5px 5px 10px;
}

table, th, td {
    border: 1px solid #c9cbcc;
}

th {
    font-weight: bold;
    text-align: center;
    color: black;
}

th, td {
    padding: 2px 5px;
}

caption {
    font-style: italic;
    font-size: 0.9em;
}

img {
    margin: 5px;
}

input, select, textarea {
    font: 1em/1.3 Arial, Verdana, Helvetica, sans-serif; 
    color: #868889;
}

input[type="submit"], input[type="reset"] {
    color: black;
}

input, select, textarea, label {
    margin: 2px 0;
}

label {
    padding-right: 2px;
    color: black;
}

legend {
    font-weight: bold;
    font-size: 1.1em;
}

fielset {
    margin: 5px 0;
}

/* Common selectors */
#wrapper {
    background: white url(./images/background.jpg) top center no-repeat;
    width: 1024px;
    height: 646px;
    margin: 0 auto;   
}

/* Header */    
#header {
    float: left;
    width: 274px;
    margin-top: 220px;
}

#logo {
    float: left;
    margin-left: 35px;
    width: 105px;
}

/* Header navigation */   
#menu-top-first ul, #menu-top-last ul {
    font-weight: bold;
}

#menu-top-first a, #menu-top-last a {
    text-decoration: none;
} 

#menu-top-first span, #menu-top-last span {
    color: black;
}

#menu-top-first ul, #menu-top-last ul {
    margin: 0;
    padding-left: 8px;
    list-style-type: none;
    font-size: 1.1em;
} 

#menu-top-first ul li, #menu-top-last ul li {
    padding: 1px 4px;
} 

#menu-top-last {
    width: 134px;
    float: right;
    margin-bottom: 55px;
    clear: right;
}

/* Gallery filter */
.gallery-filter {
    font-size: 0.9em;
    width: 115px;
    overflow: hidden;
    margin: 0 10px 20px 0;
    float: right;
}

.gallery-filter a, .gallery-filter strong {
    padding: 1px 2px;
    display: block;
    float: left;
}

.gallery-filter a {
    text-decoration: none;
}

.gallery-filter strong {
    color: black;
}

.gallery-hr {
    height:378px;
    position:relative;
}

.gallery-hr .image {
    text-align: center;
}

.gallery-hr .image-info {
    bottom:16px;
    left:0;
    position:absolute;
    z-index:5;
}

.gallery-hr h2 {
    padding-left: 38px;
    margin-bottom: 5px;
}

.gallery-hr h2 span.normal {
    font-weight: normal;
}

.gallery-hr .pagination {
    font-size: 0.85em;
    padding-left: 10px; 
    bottom:0;
    height:16px;
    left:0;
    position:absolute;
    z-index:5;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
}

.gallery-hr .pagination a {
    text-decoration: none;
}

.gallery-hr .pagination .active {
    color: black;
}

.gallery-hr img {
    margin: 0;
}

.gallery-hr a#zoom {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin: 2px 10px;
}

/* Header arrows */     
.arrows .arrow-left {
    display: block;
    height:26px;
    width:23px;
    background: transparent url(./images/arrow-left.png) top left no-repeat;
    float: left;
}

.arrows .arrow-left:hover {
    background-image: url(./images/arrow-left-hover.png);
}

.arrows .arrow-right {
    display: block;
    height:26px;
    width:23px;
    background: transparent url(./images/arrow-right.png) top left no-repeat;
    float: right;
}

.arrows {
    left:114px;
    position:absolute;
    top:-30px;
    width:58px;
    z-index: 2;
}

#main .arrows {
    position: static;
    height: 26px;
    margin: 5px auto;
}

.arrows .arrow-right:hover {
    background-image: url(./images/arrow-right-hover.png);
}

/* Header lang navigation */
#menu-lang {            
    clear: both;
    font-size: 1.1em;
    padding-left:102px;
}

#menu-lang a {
    text-decoration: none;
}

#menu-lang ul {
    list-style-type: none;
    margin-left: 11px;
}

#menu-lang li {
    float: left;
}

#menu-lang li.first {
    padding-right: 9px;
}

#menu-lang li.last {
    padding-left: 9px;
}

body.de #menu-lang li.first a, body.en #menu-lang li.last a {
    font-weight: bold;
    color: black;
}

/* Content */         
#container {
    width: 750px;
    float: left;
}

#main {
   width: 437px;
   height: 378px;
   overflow: auto;
   margin-top: 80px;
   padding: 15px 20px 10px;
}

.pages-index #main, .pages-paintings #main {
   width: 457px;
   padding: 15px 10px 10px;
}

/* Footer */
#footer {      
    clear: both;
    float:right;
    width:444px;
    margin: 7px 292px 0 0;
}

#footer .inside {
    text-align: right;
}

#footer a#impressum {
    text-decoration: none;
    font-size: 0.9em;
}

.hidden
{
    visibility: hidden;
}