/* CSS Document */
html, body {
height: 100%;
}
body {
margin: 0px;
text-align: center;
background-color: #dacdb4;
background-image: url(images/page-back.jpg);
background-repeat: repeat-y;
background-position: center;
height: 100%;
}
/* Fixed width page */
#custom-doc {
margin: auto;
text-align: center;
width:781px;
height: auto;
}
/* Contains both the left aligned image and right aligned navigation button divs */
#header {
width: auto;
}
/* Contains left image */
#header_left {
float: left;
height: 65px;
width: 166px;
background-image: url(images/top-nav-left.jpg);
background-repeat: no-repeat;
}
/* Contains background navigation image */
.header_right {
float: left;
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
width: 615px;
height: 65px;
line-height: 65px;
background-image: url(images/top-nav-right_2.jpg);
background-repeat: no-repeat;
}
/* Link formatting in right navigation */
.header_right a {
display: block;
text-decoration: none;
overflow: hidden;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffde94;
padding-right: 25px;
padding-left: 25px;
float: right;
}
.header_right a:hover {
color: #ffffff;
background-image: url(images/top-nav-right-hov.jpg);
background-repeat: repeat-x;
}
.header_right a:active {
font-weight: bold;
color: #ffffff;
background-image: url(images/top-nav-right-hov.jpg);
background-repeat: repeat-x;
}
/* Contains main image and site logo */
#header_row2 {
float: left;
width: 100%;
background-color: #FFFFFF;
}
/* Contains page title or introduction with latest special or advertisement */
#header_row3 {
float: left;
width: 100%;
background-color: #FFFFFF;
}
/* Contains main content */
#content {
float: left;
width: 100%;
background-image: url(images/text-back.gif);
background-repeat: repeat-y;
background-color: #FFFFFF;
height: 100%;
}
#content_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #3f392c;
line-height: 155%;
text-align: left;
background-image: url(images/header-bot_new.jpg);
background-repeat: no-repeat;
height: 100%;
padding-top: 30px;
padding-left: 25px;
padding-right: 25px;
}
#contact {
height: 80px;
padding-top: 3px;
padding-bottom: 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #3f392c;
line-height: 155%;
text-align: center;
background-color: #ded5ca;
}
.content_image {
float: right;
margin: 10px;
}
/*language switcher*/
#lang_switch {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #3f392c;
line-height: 90%;
text-align: right;
height: 90%;
padding-right: 20px;
}
#lang_switch a {
text-decoration: none;
color: #3f392c;
}
#lang_switch a:visited {
text-decoration: none;
}
#lang_switch a:hover {
text-decoration: underline;
}
.footer {
float: left;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #663333;
background-image: url(images/text-back.gif);
background-repeat: repeat-y;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}
#footer-bar {
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-image: url(images/footer-bar.gif);
background-repeat: repeat-y;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
}
.footer a:link {
color: #8F1D1E;
}
.footer a:visited {
color: #7e7873;
}
.footer a:hover {
font-weight: bold;
}
.h1, .h2, .h3, .h4, .highlight, {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
line-height: 155%;
}
.h1 {
font-size: 180%;
color: #9e1d22;
}
.h2 {
font-size: 160%;
color: #805d26;
}
.h3 {
font-size: 140%;
color: #5d4939;
}
.h4 {
font-size: 120%;
color: #5d4939;
}
.highlight {
font-size: 140%;
line-height: 120%;
color: #CB780E;
padding-left: 15%;
padding-right: 15%;
font-weight: bold;
}
.welcome {
font-family: Arial, Helvetica, sans-serif;
font-size: 120%;
text-transform: uppercase;
font-weight: bold;
}
.content a:link {
color: #8F1D1E;
}
.content a:visited {
color: #7e7873;
}
.content a:hover {
font-weight: bold;
}
#special_box {
font-family: Verdana, Arial, Helvetica, sans-serif;
/*font-size: 8.7pt;*/
/*color: #834E08;*/
margin-top: 0px;
margin-right: 20px;
float: left;
text-align: left;
width: 390px;
border: 1px solid #aaacb1;
background-color:#ffffff;
-moz-box-shadow: 5px 5px 7px #7e7e7e; /* Firefox 3.6 and earlier */
box-shadow: 5px 5px 7px #7e7e7e;
}
#content_special_box {
padding: 0 10px 10px 10px;
}
ul {
list-style-image: url('images/arrow-red.gif')
}
li {
margin-left: 0px;
padding: 2px;
}
.special_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8.7pt;
color: #834E08;
text-align: left;
padding: 10px;
}
#column_right {
float: right;
width: 300px;
margin-top: 20px
}
#column_right_aktuell {
float: left;
width: 285px;
margin-top: 20px;
background-image: url('images/aktuell_feld_arrow.png'), url('images/aktuell_feld_background.jpg');
background-repeat:no-repeat, repeat-y;
background-position:right top, left;
text-align: left;
padding: 0 20px 0 10px;
font-size: 8.7pt;
}
.aktuel_title {
font-size: 120%;
color:#b61a1c;
font-weight:bold;
font-variant:small-caps;
}
.ausstellung {
margin-top: 30px;
float:left;
width: 285px;
height: 60px;
background: url('images/ausstellung.jpg') no-repeat top;
background-color:#f1ca8a;
padding:210px 0 0 0;
-moz-box-shadow: 5px 5px 7px #7e7e7e; /* Firefox 3.6 and earlier */
box-shadow: 5px 5px 7px #7e7e7e;
}
.collage {
float: right;
text-align: left;
padding: 2px;
border: 1px solid #e7d29d;
margin-right: 80px;
}