#body {
text-align : center;
background-image:url(bg2.jpg);
background-repeat:repeat;
padding:0;
margin:0;
font-size:7.5pt;
}
#wrapper {
width : 978px;
margin : 0 auto;
margin-top : 0;
text-align : left;
border : none;
}
#top {
width : 978px;
height : 200px;
padding : 0;
margin : 0;
background-image:url(images/design/top3.png);
background-repeat:no-repeat;
}
#left-upper-corner {
width:710px;
height:160px;
margin-left:30px;
margin-top:27px;
float:left;
}
#right-upper-corner {
float:right;
display:inline;
width:180px;
height:160px;
border: none;
margin-top:30px;
}
#hq-logo {
width:200px;
height:125px;
float:left;
margin-left:32px;
}
#flash {
width:420px;
height:160px;
float:right;
margin-top:0px;
}
#nav-top {
width : 978px;
background-image:url(images/design/wrapper-bg2.png);
background-repeat:repeat-y;
clear : both;
text-align:center;
}
#nav-content {
text-align:center;
width:940px;
height:60px;
background-image:url(images/design/nav.png);
background-repeat: no-repeat;
}
#placeholder {
background-image:url(images/design/wrapper-bg2.png);
background-repeat:repeat-y;
width : 978px;
height : 10px;
}
#middle {
width : 978px;
background-image:url(images/design/wrapper-bg2.png);
background-repeat:repeat-y;
vertical-align : top;
}
middle-table {
width : 978px;
vertical-align : top;
}
#middle-bottom {
clear : both;
width : 978px;
height : 28px;

}
#bottom {
padding : 0;
margin : 0;
width : 978px;
height : 114px;
background-image:url(images/design/footer2.png);
background-repeat:repeat-y;
text-align : center;
}
.menu-header {
border-bottom:1px solid #222222;
}
#menu-header p {
font-family : verdana, sans-serif;
font-size:7.5pt;
font-weight: bold;
color: #222222;
}
#left {
padding-left:35px;
width : 150px;
float:left;
display:table;
}
#center {
width : 500px;
max-width : 500px;
padding-left:0;
padding-right:0;
margin : 0;
margin-left:7px;
padding-top : 0;
padding-bottom : 40px;
float:left;
display:table;
border-left:1px solid #222222;
border-right:1px solid #222222;
}
#right {
width : 175px;
max-width:175px;
overflow:hidden;
float:left;
display:table;
padding:0;
}


#nav-top a:link.normal {
margin : 0;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ffffff;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.0em;
}
#nav-top a:visited.normal {
margin : 0;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ffffff;
font-family :verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.0em;
}
#nav-top a:active.normal {
margin : 0;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ffffff;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.0em;
}
#nav-top a:focus.normal {
margin : 0;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ffffff;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
/*line-height : 1.0em;*/
background-image:url(images/links/nav-hover-bg.gif);
background-repeat:no-repeat;
}
#nav-top a:hover.normal {
margin : 0;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ffffff;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
/*line-height : 1.0em;*/
background-image:url(images/links/nav-hover-bg.gif);
background-repeat:no-repeat;
}
#nav-top a:link.current {
margin : 0;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ffffff;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
/*line-height : 1.0em;*/
background-image:url(images/links/nav-hover-bg.gif);
background-repeat:no-repeat;
}
#nav-top a:visited.current {
margin : 0;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ffffff;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
/*line-height : 1.0em;*/
background-image:url(images/links/nav-hover-bg.gif);
background-repeat:no-repeat;
}
#nav-top a:active.current {
margin : 0;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ffffff;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
/*line-height : 1.0em;*/
background-image:url(images/links/nav-hover-bg.gif);
background-repeat:no-repeat;
}
#nav-top a:focus.current {
margin : 0;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ffffff;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
/*line-height : 1.0em;*/
background-image:url(images/links/nav-hover-bg.gif);
background-repeat:no-repeat;
}
#nav-top a:hover.current {
margin : 0;
padding-top : 10px;
padding-left : 20px;
padding-right : 20px;
text-decoration : none;
color : #ffffff;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
/*line-height : 1.0em;*/
background-image:url(images/links/nav-hover-bg.gif);
background-repeat:no-repeat;
}
#nav-table {
margin : 0;
padding : 0;
}
.nav-middle {
padding : 0;
padding-top:17px;
margin : 0;
text-align : left;
}

#nav-middle a {
float : left;
}
.nav-left {
width : 40px;

}
.nav-right {
width : 174px;
text-align : center;
padding-top : 3px;
}
#search-form {
width : 140px;
margin : 0 auto;
padding : 0;
}
#search-field {
width : 80px;
margin : 0;
padding : 0;
background-color:#646464;
border: 1px solid #ffffff;
color:#ffffff;
}

#left ul {
margin-left :0px;
margin-right :0px;
margin-top : 10px;
margin-bottom : 20px;
padding : 0;
list-style-type : none;
width:190px;
overflow:hidden;
}
#left ul.sub-ul {
margin-left : 15px;
margin-right : 0;
margin-top : 0;
margin-bottom : 0;
padding : 0;
list-style-type : none;
width:173px;
max-width:173px;
overflow:hidden;
}
#left li {
display : block;
border-bottom : 1px solid #999999;
width : 188px;
background-image:url(images/design/menu-icon-right.png);
background-repeat:no-repeat;
background-position: center right;
}
#left li.sub-li {
display : block;
width : 173px;
margin-left : 0;
border: none;
overflow:hidden;
}
#left a:link.sub-link, a:visited.sub-link, a:active.sub-link {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 18px;
line-height : 1.1em;
text-decoration : none;
color : #222222;
font-family : verdana, sans-serif;
font-size : 7.5pt;
font-weight : normal;
}
#left a:hover.sub-link, a:focus.sub-link {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 18px;
line-height : 1.1em;
text-decoration : none;
color : #222222; ;
font-family : verdana, sans-serif;
font-size : 7.5pt;
background-image : url(images/design/menu-hover.png);
background-repeat : no-repeat;
background-position: left top;
font-weight : normal;
}
#left a:link.normal {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 15px;
text-decoration : none;
color : #222222;
line-height : 1.1em;
font-size : 7.5pt;
font-family : verdana, sans-serif;
font-weight : normal;
}
#left a:visited.normal {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 15px;
text-decoration : none;
color : #222222;
line-height : 1.1em;
font-size : 7.5pt;
font-family : verdana, sans-serif;
font-weight : normal;
}
#left a:active.normal {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 15px;
line-height : 1.1em;
font-size : 7.5pt;
text-decoration : none;
color : #222222;
font-family : verdana, sans-serif;
font-weight : normal;
}
#left a:focus.normal {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 15px;
line-height : 1.1em;
text-decoration : none;
color : #222222;
font-size : 7.5pt;
font-family : verdana, sans-serif;
font-weight : normal;
}
#left a:hover.normal {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 15px;
line-height : 1.1em;
text-decoration : none;
color : #222222;
background-image : url(images/design/menu-hover.png);
background-repeat : no-repeat;
font-size : 7.5pt;
font-family : verdana, sans-serif;
font-weight : normal;
}
#left a:link.current {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 15px;
line-height : 1.1em;
background-image : url(images/design/menu-hover.png);
background-repeat : no-repeat;
text-decoration : none;
color : #222222;
font-size : 7.5pt;
font-family : verdana, sans-serif;
font-weight : normal;
}
#left a:visited.current {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 15px;
line-height : 1.1em;
background-image : url(images/design/menu-hover.png);
background-repeat : no-repeat;
text-decoration : none;
color : #222222;
font-size : 7.5pt;
font-family : verdana, sans-serif;
font-weight : normal;
}
#left a:active.current {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 15px;
line-height : 1.1em;
background-image : url(images/design/menu-hover.png);
background-repeat : no-repeat;
text-decoration : none;
color : #222222;
font-size : 7.5pt;
font-family : verdana, sans-serif;
font-weight : normal;
}
#left a:focus.current {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 15px;
line-height : 1.1em;
background-image : url(images/design/menu-hover.png);
background-repeat : no-repeat;
text-decoration : none;
color : #222222;
font-size : 7.5pt;
font-family : verdana, sans-serif;
font-weight : normal;
}
#left a:hover.current {
display : block;
padding : 0 1.3em;
margin : 0;
margin-top:5px;
height : 15px;
line-height : 1.1em;
background-image : url(images/design/menu-hover.png);
background-repeat : no-repeat;
text-decoration : none;
color : #222222;
font-size : 7.5pt;
font-family : verdana, sans-serif;
font-weight : normal;
}


#bottom p {
display : block;
font-family : verdana, sans-serif;
line-height : 1.5em;
font-size : 0.9em;
color : #222222;
padding-top : 10px;
margin : 0;
margin-left : 30px;
}
#center {
padding-top : 15px;
padding-left : 20px;
padding-right : 20px;
}
.page-title {
float:right;
font-style:oblique;
display:inline;
border-bottom:dashed 1px #ffffff;
color:#ffffff;
margin-bottom:10px;
}
h1 {
font-family : verdana, sans-serif;
font-size : 14pt;
line-height:22pt;
margin : 0;
color : #ffffff;
font-weight : normal;
display : block;
}
.news-header {
font-family : verdana, sans-serif;
font-size : 13pt;
margin : 0;
color : #222222;
font-weight : normal;
float : left;
display : block;
}
h2 {
font-family :verdana;
font-size : 12pt;
margin : 0;
color : #ffffff;
font-weight : normal;
}
.content-header {
font-family : times;
font-size : 16pt;
margin : 0;
color : #222222;
font-weight : bold;
margin-top:10px;
}
p {
font-family :verdana;
font-size : 7.5pt;
line-height : 14pt;
color : #222222;
margin-top : 5px;
}
#center p {
font-family :verdana;
font-size : 7.5pt;
line-height : 14pt;
color : #222222;
margin-top : 5px;
}
.news-date {
font-family :verdana;
font-size : 8pt;
color : #222222;
}
.newsimage {
margin-left : 25px;
margin-bottom : 20px;
}
.red {
color: #222222;
font-weight:bold;
}
.clear {
clear : both;
}
#center li {
font-family :verdana, sans-serif;
font-size : 7.5pt;
line-height : 13pt;
color : #222222;
margin : 0;
}
#center ul {
margin : 0;
}
#center a:link {
text-align : left;
color : #222222;
font-family :verdana;
font-weight : bold;
text-decoration : underline;
margin : 0;
font-size : 7.5pt;
line-height : 14pt;
}
#center a:visited {
text-align : left;
color : #222222;
font-family :verdana;
font-weight : bold;
text-decoration : underline;
margin : 0;
font-size : 7.5pt;
line-height : 14pt;
}
#center a:active {
text-align : left;
color : #222222;
font-family : verdana, sans-serif;
font-weight : bold;
text-decoration : underline;
margin : 0;
font-size : 7.5pt;
line-height : 14pt;
}
#center a:focus {
text-align : left;
color : #222222;
font-family :verdana;
font-weight : bold;
text-decoration : underline;
margin : 0;
font-size : 7.5pt;
line-height : 14pt;
}
#center a:hover {
text-align : left;
color : #222222;
font-family : verdana, sans-serif;
font-weight : bold;
text-decoration : underline;
margin : 0;
font-size : 7.5pt;
line-height : 14pt;
}
#center .content-newsblock h1 {
margin : 0;
padding : 0;
color : #222222;
font-size : 1.2em;
font-family :verdana;
font-weight : normal;
}
#center .content-newsblock p {
color : #222222;
font-size : 1em;
font-family :verdana;
}
.small {
margin : 0;
font-family :verdana;
font-size : 0.8em;
color : #ffffff;
}
.pagination {
margin : 0;
font-family : verdana, sans-serif;
font-size : 0.9em;
text-decoration : underline;
margin-right : 7px;
color : #222222;
}
b.pagination {
margin : 0;
font-family :verdana;
font-size : 0.9em;
text-decoration : none;
margin-right : 7px;
font-weight : bold;
text-decoration : none;
color : #222222;
}
.download-table {
text-align : center;
width : 490px;
border: 1px solid #222222;
margin-bottom:30px;
}
.mediaplayer {
 width:500 px;
}
.download-table td {
vertical-align : top;
text-align : left;
}
.download-table p {
margin : 0;
font-size : 0.8em;
line-height : 1.8em;
}
.download-list-wrapper {
margin-bottom : 20px;
margin : 0;
border: 1px solid #222222;
}
.download-list-header {

}
.download-list-middle {
text-align : left;
margin : 0;
}
.download-list-middle b {
margin : 0;
font-size : 1em;
font-weight : bold;
color : #222222;
}
.download-list-bottom {
text-align : left;

height:10px;
}
#suchergebnisse p {
margin : 0;
font-size : 0.8em;
line-height : 1.6em;
color : #222222;
font-family :verdana;
}
#suchergebnisse a:link, a:visited, a:active {
color : #222222;
}
#suchergebnisse a:hover {
color : #222222;
}
input {
background-color:#646464;
border: 1px solid #222222;
color:#ffffff;
}
input:hover {
background-color:#848484;
border: 1px solid #222222;
color:#ffffff;
}
input:focus {
background-color:#848484;
border: 1px solid #222222;
color:#ffffff;
}
textarea {
background-color:#646464;
border: 1px solid #222222;
color:#ffffff;
}
textarea:hover {
background-color:#848484;
border: 1px solid #222222;
color:#ffffff;
}
textarea:focus {
background-color:#848484;
border: 1px solid #222222;
color:#ffffff;
}
select {
background-color:#646464;
border: 1px solid #222222;
color:#ffffff;
}
select:hover {
background-color:#848484;
}
select:focus {
background-color:#848484;
border: 1px solid #222222;
color:#ffffff;
}
#contact {
margin : 0;
}
#contact-form{
margin-left:20px;
margin-bottom:30px;
}
#contact p {
margin : 0;
}
a:link.sitemap {
text-align : left;
color : #222222;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:visited.sitemap {
text-align : left;
color : #222222;
font-family :verdana;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:active.sitemap {
text-align : left;
color : #222222;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:focus.sitemap {
text-align : left;
color : #222222;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:hover.sitemap {
text-align : left;
color : #222222;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : underline;
margin : 0;
}
#user-menu {
 margin:0;
 text-align:left;
}

.blue {
margin-left : 10px;
margin-bottom : 5px;
margin-top : 0;
padding : 0;
color : #5380a8;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.6em;
text-align : left;
}
.blue2 {
margin-left : 10px;
margin-bottom : 5px;
margin-top : 0;
padding : 0;
color : #5380a8;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-align : left;
clear : both;
}
.news-teaser {
margin-left:10px;
text-align : left;
padding : 0;
width : 120px;
float:left;
}

a:link.teaser {
text-align : left;
color:#222222;
font-family :verdana;
font-weight : normal;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:visited.teaser {
text-align : left;
color:#222222;
font-family : verdana, sans-serif;
font-weight : normal;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:active.teaser {
text-align : left;
color:#222222;
font-family :verdana;
font-weight : normal;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:focus.teaser {
text-align : left;
color : #222222;
font-family : verdana, sans-serif;
font-weight : normal;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:hover.teaser {
text-align : left;
color : #222222;
font-family : verdana, sans-serif;
font-weight : normal;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
#webcam {
margin : 0 auto;
margin-top : 40px;
width : 140px;
}
#webcam p {
font-family :verdana;
color : #222222;
font-size : 7.5pt;
margin : 0;
font-weight : bold;
}
#webcam a:link, a:visited, a:active, a:focus, a:hover {
margin : 0 auto;
}
#bottom h1 {
line-height : 4em;
margin : 0;
color : #222222;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
text-align : center;
}
#bottom a:link {
color : #222222;
font-family : verdana, sans-serif;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
#bottom a:visited {
color : #222222;
font-family :verdana;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
#bottom a:active {
color : #222222;
font-family :verdana;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
#bottom a:focus {
color : #222222;
font-family :verdana;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
#bottom a:hover {
color : #222222;
font-family :verdana;
font-weight : bold;
font-size : 7.5pt;
line-height : 1.3em;
text-decoration : underline;
margin : 0;
}
.image-border-shadow {
border : 1px solid #ffffff;
background-color : #000000;
}
#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%;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#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 : #222222;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#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;
}