html {
padding : 0;
margin : 0;
}
body {
background-color : #fff;
font-size : medium;
font-family : Arial, Helvetica, Sans-Serif;
color : #000000;
margin : 0 0 0 0;
padding : 0 0 0 0;
background-image : url(Images/bg_info.jpg);
background-repeat : repeat-y;
background-position : right;
}
#headerprint {
clear : both;
width : 100%;
background-color : #fff;
visibility: hidden;
display: none
}
#header0 {
clear : both;
width : 100%;
height : 100px;
background-color : #fff;
background-image : url(Images/bg_head-00.jpg);
background-repeat : no-repeat;
}
#header1 {
clear : both;
width : 100%;
height : 100px;
background-color : #fff;
background-image : url(Images/bg_head-01.jpg);
background-repeat : no-repeat;
}
#header2 {
clear : both;
width : 100%;
height : 100px;
background-color : #000;
background-image : url(Images/bg_head-02.jpg);
background-repeat : no-repeat;
}
#header3 {
clear : both;
width : 100%;
height : 100px;
background-color : #fff;
background-image : url(Images/bg_head-03.jpg);
background-repeat : no-repeat;
}
#header4 {
clear : both;
width : 100%;
height : 100px;
background-color : #fff;
background-image : url(Images/bg_head-04.jpg);
background-repeat : no-repeat;
}
#top {
clear : both;
height : 20px;
padding : 0 0 0 0 0;
text-align : right;
font-size : 12px;
background-color : #fff;
background-image : url(Images/bg_top.jpg);
background-position : right;
background-repeat : repeat-y;
}
#top a {
color : #000000;
font-weight : bold;
text-decoration : none;
}
#top a:hover {
color : #ff0000;
background-color : #ffffff;
}
#top a:active {
color : #000000;
background-color : #fff;
}
#top a.selected {
color : #ff00ff;
margin : 0 2px 0 0;
background-color : #fff;
font-weight : bold;
text-decoration : none;
}
#leftbox {
float : left;
top : 130px;
width : 170px;
}
#navbox {
width : 170px;
margin-top : 2px;
padding : 0 0 0 0;
background-color : #aaa;
}
#navbox a.nav {
display : block;
margin : 1px 0 0 0;
padding : 8px 0 8px 14px;
color : #4c4c4c;
background-color : #fff;
background-image : url(Images/bg_button.jpg);
background-repeat : repeat-y;
font-size : 12px;
font-weight : bold;
text-decoration : none;
}
#navbox a.nav:hover {
color : #ff0000;
background-image : url(Images/bg_button_active.jpg);
background-repeat : repeat-y;
}
#navbox a.nav:active {
color : #ff9f00;
}
#navbox a.selected {
display : block;
margin : 1px 0 0 0;
padding : 8px 0 8px 14px;
color : #ff9f00;
background-color : #ffffff;
background-image : url(Images/bg_button_active.jpg);
background-repeat : repeat-y;
font-size : 12px;
font-weight : bold;
text-decoration : none;
}
#navbox a.subnav {
display : block;
margin : 1px 0 0 0;
padding : 5px 0 5px 24px;
color : #4c4c4c;
background-color : #ffffff;
font-size : 11px;
font-weight : normal;
text-decoration : none;
}
#navbox a.subnav:hover {
color : #ff0000;
background-color : #ffffff;
}
#navbox a.subnav:active {
color : #ff00ff;
background-color : #ffffff;
}
#navbox a.subselected {
display : block;
margin : 1px 0 0 0;
padding : 5px 0 5px 24px;
color : #ff9f00;
background-color : #ffffff;
font-size : 11px;
font-weight : normal;
text-decoration : none;
}
#pinbox {
clear : both;
display : block;
width : 170px;
color : #000;
text-align : center;
font-size : 14px;
font-weight : bold;
padding : 2px 0px 2px 0px;
background-color : #999999;
background-image : url(Images/metall.jpg);
background-repeat : no-repeat;
}
#pinbox img {
border : 0px;
}
#infoboard {
float : right;
top : 130px;
padding : 0;
width : 30%;
height : 100%;
padding : 0 0 0 0;
background-color : none;
border-left : 1px solid #ddd;
}
#infoboard h1 {
margin : 0;
padding : 3px 0 1px 0;
color : #dd662a;
font-size : 1.0em;
font-weight : normal;
text-align : center;
}
#infoboard h2 {
margin : 10px 0 0 0;
padding : 2px 0 2px 2px;
font-size : 0.8em;
font-weight : bold;
color : #444444;
border-top : 1px solid #ddd;
}
#infoboard h3 {
margin : 0;
padding : 1px 0 1px 5px;
font-size : 0.7em;
font-weight : bold;
color : #444444;
}
#infoboard p {
margin : 0;
font-size : 0.75em;
font-weight : normal;
color : #333333;
}
#infoboard ul {
margin : 0 0 0 4px;
padding : 0 0 0 0;
list-style-type : none;
font-size : 0.8em;
}
#infoboard a {
color : #666633;
text-decoration : none;
font-weight : bold;
}
#infoboard a:hover {
color : #ff0000;
}
#infoboard a:active {
color : #ff0000;
}
#newsbox {
padding : 0 4px 4px 8px;
color : #000;
background-color : #fff;
}
#eventbox {
padding : 2px 4px 2px 8px;
margin-bottom : 4px;
color : #000;
background-color : #fefefe;
}
#infobox {
padding : 2px 4px 2px 8px;
color : #000;
}
#infobox img {
border : 0px;
}
#mainbox {
min-width : 200px;
margin : 0em 30% 0 172px;
padding : 0 1em 0 0.8em;
color : #000;
background-color : #fff;
min-height : 100%;
height : 100%;
font-size : 0.8em;
}
#mainbox h1 {
padding : 1px 0 3px 0;
font-size : 1.3em;
font-weight : normal;
color : #777777;
}
#mainbox h2 {
padding : 2px 0px 2px 10px;
font-size : 1.1em;
font-weight : bold;
color : #666666;
}
#mainbox h3 {
padding : 0 0 0 5px;
font-size : 1em;
font-weight : bold;
color : #444444;
}

#mainbox ul {
list-style-type : square;
padding-left : 40px;
}
#mainbox ol {
padding-left : 40px;
}
#mainbox table {
margin : 10px 0 10px 0;
font-size : 1em;
background-color : #fff;
border-collapse : collapse;
border-bottom : 1px solid #cccccc;
}
#mainbox table td, table th {
padding : 3px;
border-bottom : 1px solid #cccccc;
}
#mainbox a {
color : #00a090;
font-weight : bold;
text-decoration : none;
}
#mainbox a:hover {
color : #00c070;
font-weight : bold;
}
#mainbox a:active {
color : #ff6600;
}
#mainbox a:visited {
color : #ab0;
}
#mainbox a:visited:hover {
color : #00c070;
}
#mainbox a.tooltip, a.tooltip:link, a.tooltip:active {
position : relative;
color : #666633;
font-weight : normal;
background-image : url(Images/mo.jpg);
background-repeat : no-repeat;
padding : 0 0 0 14px;
}
#mainbox a.tooltip:hover {
color : #000000;
font-weight : normal;
background : transparent;
}
#mainbox a.tooltip:visited {
color : #666633;
}
#mainbox a.tooltip span {
display : none;
text-decoration : none;
}
#mainbox a.tooltip:hover span {
display : block;
position : absolute;
top : 30px;
left : 0;
width : 200px;
z-index : 100;
color : #000000;
border : 1px solid #999999;
background : #eee;
font : 12px;
text-align : left;
}
#mainbox img {
border : 3px solid #fff;
}
#mainbox img.icon {
border : 0;
}
.visual {
height : 250px;
background-image : url(Images/bg_visuell.png);
background-repeat : no-repeat;
}
.galbox {
float : left;
display : block;
margin : 2px 2px 6px 2px;
padding : 2px 2px 2px 2px;
width : 160px;
height : 240px;
color : #000;
font-size : 12px;
background-color : #fff;
border : 1px solid #cccccc;
}
.logobox {
float : left;
display : block;
margin : 2px 2px 6px 2px;
padding : 2px 2px 2px 2px;
width : 160px;
height : 160px;
color : #000;
font-size : 12px;
background-color : #fff;
border : 1px solid #cccccc;
}
.prbox {
float : left;
display : block;
margin : 2px 2px 2px 0px;
padding : 2px 2px 2px 2px;
color : #000;
font-size : 12px;
background-color : #fff;
border : 1px solid #cccccc;
}
.prbox img {
float : left;
border : 1px solid #cccccc;
}
.exbox {
display : block;
margin : 2px 2px 2px 2px;
padding : 2px 2px 2px 2px;
color : #000;
background-color : #efefef;
border : 0;
}
/* Formular */
form{
float : left;
margin : 0,5em 0;
display : block;
}
fieldset {
border : 1px solid #cccccc;
display : block;
padding : 0.5em;
clear : both;
width : 21em; /* wichtig */
margin : 0,3em 0 0 0;
}
html > body fieldset {
background : #fff; /* vor IE verstecken */
background-image : url(Images/bg_info.jpg);
background-repeat : repeat-y;
background-position : right;
}
label {
float : left;
display : block;
width : auto;
clear : left;  /* Zeilenumbruch */
margin-top : -1em;
font-weight : bold;
background : none;
}
label.erstes {
margin-top : 1em;  /* Abstand */
}
select {
position : relative;
top : -1.4em;
left : 6em;
display : block;
width : 4em;
border : 1px solid #a5acb2;
}
select:hover, input:hover, textarea:hover {
border : 1px solid #999;
color : #31709F;
}
input {
position : relative;
top : -1.4em;
left : 6em;
display : block;
width : 13em;
border : 1px solid #a5acb2;
padding : 2px;
background : #fff;
}
input.senden {
top: -0.5em;
left : 0;
clear : left;  /*wichtig */
width : 20em;
background : url(Images/input_bg.gif) repeat-x bottom;
}
textarea {
position : relative;
top : -1.4em;
left : 0;
display : block;
border : 1px solid #a5acb2;
padding : 2px;
width : 20em;
height : 15.7em;
}
select:focus, input:focus, textarea:focus {
background : #DFF1FF;
border : 1px solid #000;
color : #000;
}
/* Ende Formular */
#footer {
clear : left;
float : left;
margin : 1em 0 0 0;
width : 100%;
font-size : 0.8em;
text-align : center;
}
/* Lightbox */
#lightbox {        position: absolute;        left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink { width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(Lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(Lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%        ; }

#imageData{        padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;        }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;        }
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;
}  /* Ende Lightbox */

html {
height : 101%;
}