#body {
text-align : center;
}
#wrapper {
width : 979px;
margin : 0 auto;
margin-top : 25px;
text-align : left;
border : 2px solid #cccccc;
}
#top {
width : 979px;
height : 183px;
background-image : url(images/tmpl/top.png);
background-repeat : no-repeat;
padding : 0;
margin : 0;
}
#nav-top {
width : 979px;
height : 33px;
clear : both;
padding-top:120px;
}
#middle {
width : 979px;
vertical-align : top;
}
middle-table {
width : 979px;
vertical-align : top;
}
#middle-bottom {
clear : both;
width : 979px;
height : 28px;
}
#bottom {
padding : 0;
margin : 0;
width : 979px;
text-align : center;
}
#left {
width : 186px;
float:left;
display:table;
padding-top:30px;
margin:0;
background-image : url(images/tmpl/left.png);
background-repeat : no-repeat;
}
#center {
width : 486px;
max-width : 486px;
padding-left:60px;
padding-right:0;
margin : 0;
padding-top : 0;
padding-bottom : 40px;
float:left;
display:table;
background-image : url(images/tmpl/content.png);
background-repeat : no-repeat;
}
#right {
width : 247px;
max-width:247px;
overflow:hidden;
float:right;
display:table;
background-image : url(images/tmpl/right.png);
background-repeat : no-repeat;
padding-top:180px;
}
#nav-top a:link.normal {
padding-top : 6px;
margin-left : 15px;
margin-right : 15px;
text-decoration : none;
color : #4a5e8c;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
font-size : 13pt;
line-height : 1.2em;
}
#nav-top a:visited.normal {
padding-top : 6px;
margin-left : 15px;
margin-right : 15px;
text-decoration : none;
color : #4a5e8c;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
font-size : 13pt;
line-height : 1.2em;
}
#nav-top a:active.normal {
padding-top : 6px;
margin-left : 15px;
margin-right : 15px;
text-decoration : none;
color : #4a5e8c;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
font-size : 13pt;
line-height : 1.2em;
}
#nav-top a:focus.normal {
padding-top : 6px;
margin-left : 15px;
margin-right : 15px;
text-decoration : none;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
font-size : 13pt;
line-height : 1.2em;
}
#nav-top a:hover.normal {
padding-top : 6px;
margin-left : 15px;
margin-right : 15px;
text-decoration : none;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
font-size : 13pt;
line-height : 1.2em;
border-bottom: 2px solid #2a3a5d;
}
#nav-top a:link.current {
padding-top : 6px;
margin-left : 15px;
margin-right : 15px;
text-decoration : none;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
font-size : 13pt;
line-height : 1.2em;
border-bottom: 2px solid #2a3a5d;
}
#nav-top a:visited.current {
padding-top : 6px;
margin-left : 15px;
margin-right : 15px;
text-decoration : none;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
font-size : 13pt;
line-height : 1.2em;
border-bottom: 2px solid #2a3a5d;
}
#nav-top a:active.current {
padding-top : 6px;
margin-left : 15px;
margin-right : 15px;
text-decoration : none;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
font-size : 13pt;
line-height : 1.2em;
border-bottom: 2px solid #2a3a5d;
}
#nav-top a:focus.current {
padding-top : 6px;
margin-left : 15px;
margin-right : 15px;
text-decoration : none;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
font-size : 13pt;
line-height : 1.2em;
border-bottom: 2px solid #2a3a5d;
}
#nav-top a:hover.current {
padding-top : 6px;
margin-left : 15px;
margin-right : 15px;
text-decoration : none;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
font-size : 13pt;
line-height : 1.2em;
border-bottom: 2px solid #2a3a5d;
}
#nav-table {
margin : 0;
padding : 0;
}
#nav-middle {
padding : 0;
margin : 0;
text-align : left;
}
#nav-middle ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#nav-middle li {
display : inline;
}
#nav-middle a {
float : left;
}
.nav-left {
width : 225px;
}
.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;
}
#search-submit {
width : 30px;
margin : 0;
padding : 0;
}
#left ul {
margin-left :0px;
margin-right :0px;
margin-top : 10px;
margin-bottom : 40px;
padding : 0;
list-style-type : none;
width:186px;
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:175px;
max-width:175px;
overflow:hidden;
}
#left li {
display : block;
border-bottom : 1px dashed #b0b0b0;
width : 186px;
}
#left li.sub-li {
display : block;
width : 182px;
margin-left : 0;
border: none;
overflow:hidden;
}
#left a:link.sub-link, a:visited.sub-link, a:active.sub-link {
display : block;
border-left : 3px solid #2a3a5d;
padding : 0 0.5em;
margin : 0;
height : 18px;
line-height : 1.5em;
text-decoration : none;
color : #4a5e8c;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 0.8em;
background-image : url(images/links/menu-sublink-current-bg.png);
background-repeat : repeat-y;
font-weight : normal;
}
#left a:hover.sub-link, a:focus.sub-link {
display : block;
border-left : 3px solid #2a3a5d;
padding : 0 0.5em;
margin : 0;
height : 18px;
line-height : 1.5em;
text-decoration : none;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 0.8em;
background-image : url(images/links/menu-sublink-current-bg.png);
background-repeat : repeat-y;
font-weight : normal;
}
#left a:link.normal {
display : block;
padding : 0 1.3em;
margin : 0;
height : 36px;
line-height : 1.9em;
text-decoration : none;
color : #4a5e8c;
font-size : 13pt;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#left a:visited.normal {
display : block;
padding : 0 1.3em;
margin : 0;
height : 36px;
line-height : 1.9em;
text-decoration : none;
color : #3a4661;
font-size : 13pt;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#left a:active.normal {
display : block;
padding : 0 1.3em;
margin : 0;
height : 36px;
line-height : 1.9em;
text-decoration : none;
color : #3a4661;
font-size : 13pt;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#left a:focus.normal {
display : block;
padding : 0 1.3em;
margin : 0;
height : 36px;
line-height : 1.9em;
text-decoration : none;
color : #2a3a5d;
font-size : 13pt;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#left a:hover.normal {
display : block;
padding : 0 1.3em;
margin : 0;
height : 36px;
line-height : 1.9em;
text-decoration : none;
color : #2a3a5d;
background-image : url(images/links/nav-hover-bg.gif);
background-repeat : no-repeat;
font-size : 13pt;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#left a:link.current {
display : block;
padding : 0 1.3em;
margin : 0;
height : 36px;
line-height : 1.9em;
background-image : url(images/links/nav-hover-bg.gif);
background-repeat : no-repeat;
text-decoration : none;
color : #3c465e;
font-size : 13pt;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#left a:visited.current {
display : block;
padding : 0 1.3em;
margin : 0;
height : 36px;
line-height : 1.9em;
background-image : url(images/links/nav-hover-bg.gif);
background-repeat : no-repeat;
text-decoration : none;
color : #2a3a5d;
font-size : 13pt;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#left a:active.current {
display : block;
padding : 0 1.3em;
margin : 0;
height : 36px;
line-height : 1.9em;
background-image : url(images/links/nav-hover-bg.gif);
background-repeat : no-repeat;
text-decoration : none;
color : #2a3a5d;
font-size : 13pt;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#left a:focus.current {
display : block;
padding : 0 1.3em;
margin : 0;
height : 36px;
line-height : 1.9em;
background-image : url(images/links/nav-hover-bg.gif);
background-repeat : no-repeat;
text-decoration : none;
color : #2a3a5d;
font-size : 13pt;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#left a:hover.current {
display : block;
padding : 0 1.3em;
margin : 0;
height : 36px;
line-height : 1.9em;
background-image : url(images/links/nav-hover-bg.gif);
background-repeat : no-repeat;
text-decoration : none;
color : #2a3a5d;
font-size : 13pt;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#bottom a:link, a:active, a:visited, a:focus {
margin-left : 30px;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
line-height : 1.4em;
font-size : 0.8em;
color : #5380a8;
font-weight : bold;
}
#bottom a:hover {
margin-left : 30px;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
line-height : 1.4em;
font-size : 0.8em;
color : #0066ff;
font-weight : bold;
}
#bottom p {
display : block;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
line-height : 1.5em;
font-size : 0.9em;
font-weight:bold;
color : #2a3a5d;
padding-top : 10px;
margin : 0;
margin-left : 30px;
}

.page-title {
float:right;
font-style:oblique;
display:inline;
border-bottom:dashed 1px #ffffff;
color:#ffffff;
margin-bottom:10px;
}
h1 {
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 14pt;
line-height:22pt;
margin : 0;
color : #2a3a5d;
font-weight : normal;
display : block;
}
.news-header {
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 13pt;
margin : 0;
color : #2a3a5d;
font-weight : normal;
float : left;
display : block;
}
h2 {
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 12pt;
margin : 0;
color : #2a3a5d;
font-weight : normal;
}
p {
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 10pt;
line-height : 14pt;
color : #2a3a5d;
margin-top : 5px;
}
#center p {
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 10pt;
line-height : 14pt;
color : #2a3a5d;
margin-top : 5px;
}
b {
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 10pt;
line-height : 14pt;
color : #2a3a5d;
margin-top : 5px;
font-weight:bold;
}
#center b {
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 10pt;
line-height : 14pt;
color : #2a3a5d;
margin-top : 5px;
font-weight:bold; 
}
.news-date {
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 8pt;
color : #2a3a5d;
}
.newsimage {
margin-left : 25px;
margin-bottom : 20px;
}
.clear {
clear : both;
}
#center li {
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 10pt;
line-height : 13pt;
color : #2a3a5d;
margin : 0;
}
#center ul {
margin : 0;
}
#center a:link {
text-align : left;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
text-decoration : underline;
margin : 0;
font-size : 10pt;
line-height : 14pt;
}
#center a:visited {
text-align : left;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
text-decoration : underline;
margin : 0;
font-size : 10pt;
line-height : 14pt;
}
#center a:active {
text-align : left;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
text-decoration : underline;
margin : 0;
font-size : 10pt;
line-height : 14pt;
}
#center a:focus {
text-align : left;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
text-decoration : underline;
margin : 0;
font-size : 10pt;
line-height : 14pt;
}
#center a:hover {
text-align : left;
color : #0066ff;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
text-decoration : underline;
margin : 0;
font-size : 10pt;
line-height : 14pt;
}
#center .content-newsblock h1 {
margin : 0;
padding : 0;
color : #2a3a5d;
font-size : 1.2em;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : normal;
}
#center .content-newsblock p {
color : #2a3a5d;
font-size : 1em;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
}
.small {
margin : 0;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 0.8em;
color : #2a3a5d;
}
.pagination {
margin : 0;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 0.9em;
text-decoration : underline;
margin-right : 7px;
color : #2a3a5d;
}
b.pagination {
margin : 0;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-size : 0.9em;
text-decoration : none;
margin-right : 7px;
font-weight : bold;
text-decoration : none;
color : #2a3a5d;
}
.download-table {
text-align : center;
width : 525px;
background-image : url(images/tmpl/downloads-middle.png);
background-repeat:repeat-y;
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 {
background-image : url(images/tmpl/downloads-middle.png);
background-repeat : repeat-y;
margin-bottom : 20px;
margin : 0;
border: 1px solid #ff0000;
}
.download-list-header {
background-image : url(images/tmpl/downloads-top.png);
background-repeat : no-repeat;
}
.download-list-middle {
text-align : left;
margin : 0;
}
.download-list-middle b {
margin : 0;
font-size : 1em;
font-weight : bold;
color : #5380a8;
}
.download-list-bottom {
text-align : left;
background-image : url(images/tmpl/downloads-bottom.png);
background-repeat : no-repeat;
height:10px;
}
#suchergebnisse p {
margin : 0;
font-size : 0.8em;
line-height : 1.6em;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
}
#suchergebnisse a:link, a:visited, a:active {
color : #2a3a5d;
}
#suchergebnisse a:hover {
color : #0066ff;
}
input {
background-color:#E0E2E9;
}
input:hover {
background-color:#ffffff;
}
input:focus {
background-color:#ffffff;
}
textarea {
background-color:#E0E2E9;
}
textarea:hover {
background-color:#ffffff;
}
textarea:focus {
background-color:#ffffff;
}
select {
background-color:#E0E2E9;
}
select:hover {
background-color:#ffffff;
}
select:focus {
background-color:#ffffff;
}
#contact {
margin : 0;
}
#contact-form{
margin-left:20px;
margin-bottom:30px;
}
#contact p {
margin : 0;
}
a:link.sitemap {
text-align : left;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:visited.sitemap {
text-align : left;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:active.sitemap {
text-align : left;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:focus.sitemap {
text-align : left;
color : #2a3a5d;;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:hover.sitemap {
text-align : left;
color : #2a3a5d;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : underline;
margin : 0;
}
#user-menu {
background-image : url(images/tmpl/user-menu-middle.png);
background-repeat : repeat-y;
margin : 0 auto;
}
#user-menu-top {
background-image : url(images/tmpl/user-menu-top.png);
background-repeat : no-repeat;
}
#user-menu-bottom {
background-image : url(images/tmpl/user-menu-bottom.png);
background-repeat : no-repeat;
}
.blue {
margin-left : 10px;
margin-bottom : 5px;
margin-top : 0;
padding : 0;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.6em;
text-align : left;
}
.blue2 {
margin-left : 10px;
margin-bottom : 5px;
margin-top : 0;
padding : 0;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-align : left;
clear : both;
}
.news-teaser {
background-image : url(images/tmpl/user-menu-middle.png);
background-repeat : repeat-y;
margin : 0 auto;
text-align : left;
padding : 0;
width : 150px;
}
.news-teaser-top {
background-image : url(images/tmpl/user-menu-top.png);
background-repeat : no-repeat;
}
.news-teaser-bottom {
background-image : url(images/tmpl/user-menu-bottom.png);
background-repeat : no-repeat;
}
a:link.teaser {
text-align : left;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:visited.teaser {
text-align : left;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:active.teaser {
text-align : left;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
a:focus.teaser {
text-align : left;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : underline;
margin : 0;
}
a:hover.teaser {
text-align : left;
color : #5380a8;
font-family : verdana, tahoma, "lucida sans", "lucida grande";
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : underline;
margin : 0;
}
#webcam {
margin : 0 auto;
margin-top : 40px;
width : 140px;
}
#webcam p {
font-family : verdana, tahoma, "lucida sans", "lucida grande";
color : #5380a8;
font-size : 0.7em;
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 : #808080;
font-family : arial, verdana, tahoma;
font-weight : bold;
font-size : 0.9em;
text-align : center;
}
#bottom a:link {
color : #5380a8;
font-family : arial, verdana, tahoma;
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
#bottom a:visited {
color : #5380a8;
font-family : arial, verdana, tahoma;
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
#bottom a:active {
color : #5380a8;
font-family : arial, verdana, tahoma;
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
#bottom a:focus {
color : #5380a8;
font-family : arial, verdana, tahoma;
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : none;
margin : 0;
}
#bottom a:hover {
color : #5380a8;
font-family : arial, verdana, tahoma;
font-weight : bold;
font-size : 0.8em;
line-height : 1.3em;
text-decoration : underline;
margin : 0;
}
.image-border-shadow {
border : 4px solid #f2f1f1;
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 : #666;
}
#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;
}