html{
height: 100%;
}
body{
width: 100%;
height: 100.01%;
margin: 0;
padding: 0;
background: #ffffff url('') top left repeat-x;
font: normal 10pt/140% Arial, Helvetica, Sans, Sans-Serif;
color: #000000;
}
div.clear{
clear: both;
padding: 0px;
margin: 0px;
}
form{
margin: 0;
padding: 0;
}
a {
border-width: 0px;
text-decoration: none;
}
img{
border-width: 0px;
}
img.bord{
border: 1px solid #c0c0c0;
}
img{
behavior: url('../res/js/iepngfix.htc');
}
table {
border-collapse: collapse;
margin: 0px;
padding: 0px;
}
td {
vertical-align: top;
padding: 0px;
margin: 0;
}
#main{
height: 100%;
background: #FFFFFF url('../../img/layout/bg_main.gif') top left no-repeat;
margin: 0px auto;
padding: 0;
}
#leftspace{
width: 50px;
background: #FFFFFF url('../../img/layout/bg_left.gif') top right repeat-y;
}
#rightspace{
width: 50px;
background: #FFFFFF url('../../img/layout/bg_right.gif') top left repeat-y;
}
#left{
width: 200px;
}
#right{
width: 227px;
margin: 0;
padding: 0 0 10px 0;
}
#maintable{
width: 1000px;
background: #FFFFFF url('../../img/layout/bg_main.gif') top left no-repeat;
margin: 0px auto;
padding: 0;
}
#top{
background: #0000FF;
margin: 0;
padding: 0px 0 0 0;
}
#language{
float: left;
margin: 5px 0 5px 10px;
}
#searchbox{
float: right;
margin: 5px 5px 0 0;
padding: 0;
}
#searchbox p{
margin: 0;
padding: 0px;
}
#searchbox p input.search{
border: 1px solid #3F3F3F;
background: #ffffff;
margin: 0;
padding: 2px;
font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
}
#searchbox p input.button{
border: 1px solid #3F3F3F;
background: #ffffff;
margin: 0;
padding: 2px;
font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
}
.search{
margin: 0;
padding: 5px;
}
.resultnumber{
padding: 0 10px 0 2px;
}
/* T O P M E N U E */
#topmenu {
position: relative;
float: right;
margin: 5px 10px 5px 0;
padding: 0;
z-index: 1000;
}
#topmenu a {
font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans !important;
color: #000000;
text-decoration: none;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
#topmenu a:hover {
font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans !important;
color: #4F4F4F;
text-decoration: none;
padding: 3px 6px 3px 6px;
white-space: nowrap;
}
#topmenu a.active {
font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans !important;
color: #FF0000;
text-decoration: none;
}
#topmenu a.active:hover {
font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans !important;
color: #000000;
text-decoration: none;
}
#contentcontainer{
width: 100%;
margin: 0px;
padding: 0;
}
#content_top{
width: 400px;
margin: 0px;
padding: 0;
}
#logo{
margin: 10px 0 0 10px;
}
/* M E N U */
#menu {
display: block;
background: transparent url('') top left no-repeat;
margin: 20px 0 0 10px;
padding: 0px 0 0px 0;
}
#menu a {
display: block;
background: transparent url('../../img/layout/dot.gif') 0% 50% no-repeat;
margin: 10px 0;
padding: 1px 0px 1px 20px;
font: bold 9pt/140% Arial, Helvetica, Sans, sans-serif;
color: #16229a;
text-decoration: none;
}
#menu a:hover {
color: #000000;
}
#menu a.active {
color: #000000;
}
#adress{
margin: 30px 0 0 10px;
font: bold 8pt/140% Arial, Helvetica, Sans, Sans-Serif;
color: #16229a;
}
#content{
margin: 0 0 auto 0;
padding: 20px 30px 20px 0px;
background: transparent;
}
#content h1{
margin: 0px 0 10px 0;
padding: 0;
font: normal 17pt/140% Arial, Helvetica, Sans, Sans-Serif;
color: #454e53;
}
#content h2{
margin: 10px 0 10px 0;
padding: 0;
border-bottom: 1px solid #cccccc;
font: bold 11pt/140% Arial, Helvetica, Sans, Sans-Serif;
color: #16229a;
clear: both;
}
#content h3{
margin: 4px 0 4px 0;
padding: 0;
font: bold 10pt/140% Arial, Helvetica, Sans, Sans-Serif;
color: #000000;
}
#content h4{
margin: 0px 0 4px 0;
padding: 0;
font: bold 10pt/140% Arial, Helvetica, Sans, Sans-Serif;
color: #000000;
}
#content p{
margin: 0 0 10px 0px;
padding: 0;
font: normal 10pt/140% Arial, Helvetica, Sans, Sans-Serif;
color: #000000;
}
#content a {
font: bold 9pt/140% Arial, Helvetica, Sans-Serif, Sans;
color: #16229a;
text-decoration: none;
}
#content a:hover {
color: #000000;
}
/* N E W S B O X */
div.newsbox{
margin: 20px 0px 0 0;
padding: 0px;
background: #d0d6d9 url('../../img/layout/bg_newsbox.gif') top right no-repeat;
}
div.newsbox h1{
margin: 0;
padding: 4px 0 0 10px;
font: bold 9pt/140% Arial, Helvetica, Sans, sans-serif;
color: #000000;
}
div.newsbox div.teaser{
border-bottom: 5px solid #bfc7cb;
margin: 0px 0 0px 0;
padding: 0px;
font: normal 8pt/140% Arial, Helvetica, Sans, sans-serif !important;
color: #000000;
}
div.newsbox div.teaser p{
background: transparent url('../../img/layout/dot.gif') 0% 0% no-repeat;
margin: 10px 0 0 4px;
padding: 0px 4px 0 20px;
}
div.newsbox div.teaser2{
margin: 0px 0 0px 0;
padding: 0px;
font: normal 8pt/140% Arial, Helvetica, Sans, sans-serif !important;
color: #000000;
}
div.newsbox div.teaser2 h1{
margin: 0;
padding: 4px 0 4px 4px;
font: bold 9pt/140% Arial, Helvetica, Sans, sans-serif;
color: #000000;
border-bottom: 1px solid #000000 !important;
}
div.newsbox div.teaser2 p{
background: transparent url('') 0% 0% no-repeat;
margin: 10px 0 0 4px;
padding: 0px 4px 4px 0px;
}
div.newsbox a {
font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
color: #003356;
text-decoration: none;
}
div.newsbox a:hover {
position: relative;
top: 1px;
left: 2px;
color: #000000;
}
div.rightbox{
float: right;
width: 180px;
margin: 270px 5px 0 0;
padding: 0px;
}
div.rightbox h2{
margin: 20px 0 0px 0;
padding: 2px 4px;
font: bold 8pt/140% Arial, Helvetica, Sans-Serif, Sans;
color: #000000;
}
div.rightbox img{
margin: 2px 0 2px 0;
padding: 0px;
border: 1px solid #c0c0c0
}
div#rightboxlightbox{
overflow: auto;
height: 420px;
width: 180px;
background-color: #f1f1f1;
}
ul {
list-style-position: outside;
margin-left: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
padding-left: 10px;
padding-right: 1.0em;
vertical-align: top;
font: normal 9pt/160% Arial, Helvetica, Sans-Serif, Sans;
color: #000000;
}
ol {
list-style-position: outside;
margin-left: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
padding-left: 10px;
padding-right: 1.0em;
vertical-align: top;
font: normal 10pt/160% Arial, Helvetica, Sans-Serif, Sans;
color: #000000;
}
.right{
text-align: right;
}
.floatleft{
float: left;
margin: 4px 10px 10px 0;
border: 1px solid #c0c0c0
}
.floatright{
float: right;
margin: 4px 0px 10px 10px;
border: 1px solid #c0c0c0
}
/* Z I E L G R U P P E N */
#targets{
margin: 0px;
padding: 0px;
height: 139px;
}
#zg1 {
float: left;
background: transparent url('../../img/layout/zg_1.png') top left no-repeat;
border: 1px solid transparent;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg1:hover{
background: transparent url('../../img/layout/zg_1_2.png') top left no-repeat;
border: 1px solid #7c93a0;
}
#zg1.active{
background: transparent url('../../img/layout/zg_1_2.png') top left no-repeat;
border: 1px solid #7c93a0;
}
#zg2{
float: left;
background: transparent url('../../img/layout/zg_2.png') top left no-repeat;
border: 1px solid transparent;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg2:hover{
background: transparent url('../../img/layout/zg_2_2.png') top left no-repeat;
border: 1px solid #007947;
}
#zg2.active{
background: transparent url('../../img/layout/zg_2_2.png') top left no-repeat;
border: 1px solid #007947;
}
#zg3{
float: left;
background: transparent url('../../img/layout/zg_3.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg3:hover{
background: transparent url('../../img/layout/zg_3_2.png') top left no-repeat;
border: 1px solid #0092cf;
}
#zg3.active{
background: transparent url('../../img/layout/zg_3_2.png') top left no-repeat;
border: 1px solid #0092cf;
}
#zg4{
float: left;
background: transparent url('../../img/layout/zg_4.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg4:hover{
background: transparent url('../../img/layout/zg_4_2.png') top left no-repeat;
border: 1px solid #7fa8bc;
}
#zg4.active{
background: transparent url('../../img/layout/zg_4_2.png') top left no-repeat;
border: 1px solid #7fa8bc;
}
#zg5{
float: left;
background: transparent url('../../img/layout/zg_5.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg5:hover{
background: transparent url('../../img/layout/zg_5_2.png') top left no-repeat;
border: 1px solid #e2a169;
}
#zg5.active{
background: transparent url('../../img/layout/zg_5_2.png') top left no-repeat;
border: 1px solid #e2a169;
}
#zg6{
float: left;
background: transparent url('../../img/layout/zg_6.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg6:hover{
background: transparent url('../../img/layout/zg_6_2.png') top left no-repeat;
border: 1px solid #85a692;
}
#zg6.active{
background: transparent url('../../img/layout/zg_6_2.png') top left no-repeat;
border: 1px solid #85a692;
}
#zg7{
float: left;
background: transparent url('../../img/layout/zg_7.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg7:hover{
background: transparent url('../../img/layout/zg_7_2.png') top left no-repeat;
border: 1px solid #f5821f;
}
#zg7.active{
background: transparent url('../../img/layout/zg_7_2.png') top left no-repeat;
border: 1px solid #f5821f;
}
#zg8{
float: left;
background: transparent url('../../img/layout/zg_8.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg8:hover{
background: transparent url('../../img/layout/zg_8_2.png') top left no-repeat;
border: 1px solid #88ab2e;
}
#zg8.active{
background: transparent url('../../img/layout/zg_8_2.png') top left no-repeat;
border: 1px solid #88ab2e;
}
#zg9{
float: left;
background: transparent url('../../img/layout/zg_9.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg9:hover{
background: transparent url('../../img/layout/zg_9_2.png') top left no-repeat;
border: 1px solid #004b88;
}
#zg9.active{
background: transparent url('../../img/layout/zg_9_2.png') top left no-repeat;
border: 1px solid #004b88;
}
/* Z I E L G R U P P E N E N*/
#zg1en {
float: left;
background: transparent url('../../img/layout/zg_1en.png') top left no-repeat;
border: 1px solid transparent;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg1en:hover{
background: transparent url('../../img/layout/zg_1_2en.png') top left no-repeat;
border: 1px solid #7c93a0;
}
#zg1en.active{
background: transparent url('../../img/layout/zg_1_2en.png') top left no-repeat;
border: 1px solid #7c93a0;
}
#zg2en{
float: left;
background: transparent url('../../img/layout/zg_2en.png') top left no-repeat;
border: 1px solid transparent;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg2en:hover{
background: transparent url('../../img/layout/zg_2_2en.png') top left no-repeat;
border: 1px solid #007947;
}
#zg2en.active{
background: transparent url('../../img/layout/zg_2_2en.png') top left no-repeat;
border: 1px solid #007947;
}
#zg3en{
float: left;
background: transparent url('../../img/layout/zg_3en.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg3en:hover{
background: transparent url('../../img/layout/zg_3_2en.png') top left no-repeat;
border: 1px solid #0092cf;
}
#zg3en.active{
background: transparent url('../../img/layout/zg_3_2en.png') top left no-repeat;
border: 1px solid #0092cf;
}
#zg4en{
float: left;
background: transparent url('../../img/layout/zg_4en.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg4en:hover{
background: transparent url('../../img/layout/zg_4_2en.png') top left no-repeat;
border: 1px solid #7fa8bc;
}
#zg4en.active{
background: transparent url('../../img/layout/zg_4_2en.png') top left no-repeat;
border: 1px solid #7fa8bc;
}
#zg5en{
float: left;
background: transparent url('../../img/layout/zg_5en.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg5en:hover{
background: transparent url('../../img/layout/zg_5_2en.png') top left no-repeat;
border: 1px solid #e2a169;
}
#zg5en.active{
background: transparent url('../../img/layout/zg_5_2en.png') top left no-repeat;
border: 1px solid #e2a169;
}
#zg6en{
float: left;
background: transparent url('../../img/layout/zg_6en.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg6en:hover{
background: transparent url('../../img/layout/zg_6_2en.png') top left no-repeat;
border: 1px solid #85a692;
}
#zg6en.active{
background: transparent url('../../img/layout/zg_6_2en.png') top left no-repeat;
border: 1px solid #85a692;
}
#zg7en{
float: left;
background: transparent url('../../img/layout/zg_7en.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg7en:hover{
background: transparent url('../../img/layout/zg_7_2en.png') top left no-repeat;
border: 1px solid #f5821f;
}
#zg7en.active{
background: transparent url('../../img/layout/zg_7_2en.png') top left no-repeat;
border: 1px solid #f5821f;
}
#zg8en{
float: left;
background: transparent url('../../img/layout/zg_8en.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg8en:hover{
background: transparent url('../../img/layout/zg_8_2en.png') top left no-repeat;
border: 1px solid #88ab2e;
}
#zg8en.active{
background: transparent url('../../img/layout/zg_8_2en.png') top left no-repeat;
border: 1px solid #88ab2e;
}
#zg9en{
float: left;
background: transparent url('../../img/layout/zg_9en.png') top left no-repeat;
border: 1px solid #FFFFFF;
width: 107px;
height: 139px;
padding: 0px;
margin: 0px 1px;
text-decoration: none;
}
#zg9en:hover{
background: transparent url('../../img/layout/zg_9_2en.png') top left no-repeat;
border: 1px solid #004b88;
}
#zg9en.active{
background: transparent url('../../img/layout/zg_9_2en.png') top left no-repeat;
border: 1px solid #004b88;
}
/* downloadbox ------------------------------------------------------ */
.greybox {
background:#e9e9e9;
padding: 10px;
margin: 20px 0;
width: 380px;
}
.greybox h3 { color:#006aa8; font-weight: bold; }
.greybox h4 { font-size: 10px; line-height: 150%; padding-bottom: 20px; }
.greybox label { font-size: 10px; line-height: 150%; }
.greybox input { margin: 0 0 0 5px; padding: 2px; }
.greybox input.kurz { width: 150px; }
.greybox input.lang { width: 314px; }
.greybox input.plz { width: 100px; }
.greybox input.ort { width: 200px; }
.greybox input.radio { margin: 0 5px; }