html, body {
height: 100%;
}
a:link {
color: #38494E;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #999999;
}
a:hover {
text-decoration: none;
color: #DF0029;
}
a:active {
text-decoration: none;
color: #cf151c;
border: 1px solid #666666;
width: 50px;
}
.head{
background: #97c2e5;
width: 100%;
height: 200px;
top: 0px;
vertical-align: top;
}
/*****NAVIGATION 1*/
.nav1{
background-color: #465a61;
width: 100%;
vertical-align: top;
height: 30px;
}
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}
.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font: bold 12px Verdana;
list-style-type: none;
}
.mattblacktabs li{
display: inline;
margin: 0;
}
.mattblacktabs li a{
width: 164px;
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #465a61; /*background of tabs (default state)*/
text-transform: uppercase;
}
.mattblacktabs li a:visited{
color: white;
}
.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black url(../pic/nav/titlebar-active.png); /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
/*****END NAVIGATION 1*/
/*****START NAVIGATION 2*/
.nav2{
list-style-type: none;
background-color: #465a61;
width: 180px;
font-family: Verdana;
font-size: 12px;
padding-top: 0px;
padding-left: 0px;
height: 100%;
}
.navigation ul{
margin: 0px;
padding: 0px; /*offset of tabs relative to browser left edge*/
font: bold 10px Verdana;
list-style-type: none;
background-image: url(../pic/HG.png);
background-repeat: repeat-y;
}
.navigation ul li{
display: inline;
margin: 0;
padding-bottom: 0px;
background-image: url(../pic/nav/titlebar.png);
background-repeat: repeat-x;
float: left;
}
.navigation ul li a{
width: 172px;
height: 15px;
float: left;
display: block;
text-decoration: none;
margin: 0px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #465a61 url(../pic/nav/titlebar.png); /*background of tabs (default state)*/
text-transform: uppercase;
padding-top: 7px;
padding-right: 0px;
padding-bottom: 7px;
padding-left: 8px;
}
.navigation ul li a:visited{
color: white;
}
.navigation ul li a:hover, .navigation ul li.selected a{
background: black url(../pic/nav/titlebar-active.png);
}
/******************************/
.openmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none; /*bottom spacing between each UL and rest of content*/
clear: both;
width: 180px;
margin: 0px;
padding: 0px;
}
.openmenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
padding-top: 0px;
}
.openmenu ul li a{
color: #FFFFFF;
background: #cf151c url(../pic/nav/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 2px;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}
.openmenu ul li a:hover{ /*hover state CSS*/
color: #cf151c;
background-color: #eaf2f4;
}
.openmenu ul li a:active{ /*hover state CSS*/
width: 160px;
color: #cf151c;
background-color: #eaf2f4;
}
.openmenu ul li a:hover, .openmenu ul li.selected a{
background: #eaf2f4 url(../pic/nav/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
color: #cf151c;
list-style-type: none;
/*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
/*****END NAVIGATION OPEN*/
.inhalt{
width: 100%;
height: 70%;
padding-top: 0px;
padding-bottom: 20px;
padding-left: 0px;
background-color: #eaf2f4;
background-image: url(../pic/HG.png);
background-repeat: repeat-y;
}
.headline{
width: 800px;
position:absolute;
font-family: Verdana;
font-size: 18px;
color: #cf151c;
font-weight: bold;
line-height: 23px;
padding-top: 20px;
padding-left: 50px;
float: left;
left: 180px;
top: 230px;
padding-bottom: 20px;
z-index: 2;
}
.text1{
width: 290px;
position:absolute;
font-family: Verdana;
font-size: 12px;
padding-top: 20px;
padding-left: 50px;
float: left;
top: 314px;
left: 181px;
}
.text2{
width: 554px;
position:absolute;
font-family: Verdana;
font-size: 12px;
padding-top: 20px;
padding-left: 50px;
float: left;
left: 182px;
top: 314px;
}
.text3{
width: 160px;
position:absolute;
font-family: Verdana;
font-size: 12px;
padding-top: 20px;
padding-left: 50px;
float: left;
left: 181px;
top: 314px;
}
.text4{
width: 390px;
position:absolute;
font-family: Verdana;
font-size: 12px;
padding-top: 20px;
padding-left: 20px;
float: left;
left: 551px;/*391px*/
top: 315px;
}
.text4B{
width: 390px;
position:absolute;
font-family: Verdana;
font-size: 12px;
padding-top: 20px;
padding-left: 20px;
float: left;
left: 551px;/*391px*/
top: 565px;
}
.Bild{
width: 502px;
position:absolute;
font-family: Verdana;
font-size: 12px;
padding-top: 20px;
padding-left: 20px;
float: left;
left: 522px;
top: 315px;
z-index: 4;
}
.infoleiste {
width: 100%;
height: 30px;
float: left;
font-size: 10px;
color: #FFFFFF;
position: fixed;
bottom: 0px;
vertical-align: bottom;
background-color: #465a61;
background-image: url(../pic/cep_unten_hintergrund.gif);
background-repeat: no-repeat;
padding-top: 0px;
padding-left: 0px;
left: 0px;
}
.adresse {
display:none;
float:left;
width: 507px;
position:absolute;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 20px;
left: 522px;
top: 635px;
font-family: Verdana;
font-size: 12px;
z-index: 3;
}
.h1 {
font-family: Verdana;
font-size: 18px;
color: #cf151c;
font-weight: bold;
line-height: 23px;
}
.text{
font-family: Verdana;
font-size: 12px;
padding-top: 20px;
}
.textklein{
font-family: Verdana;
font-size: 10px;
}
.textred{
font-family: Verdana;
font-size: 12px;
color: #cf151c;
padding-top: 20px;
font-weight: bold;
}
.download{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.button{
font-family: Verdana;
font-size: 12px;
padding-top: 00px;
}
.logolink{
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
/*****BILDER*/
.Vorschau {
padding: 0px;
background: #FFFFFF;
border:1px solid #8F8F8F;
}
.Vorschau .Bilder{
background: #FFFFFF;
border: 1px solid #8F8F8F;
margin: 2px 10px 2px 2px;
}
.Vorschau .Mini{
width:30px;
height:40px;
background: #FFFFFF;
border: 1px solid #000000;
margin: 2px 2px 2px 2px;
}
ul.absatz{
padding: 12px;
margin: 0px;
}