/* - HTML + BODY STYLE - */
* {
margin: 0px;
padding: 0px;
outline: none;
}
html {
width: 100%;
height: 100%;
text-align: center;
}
body {
width: 100%;
height: 100%;
font-size: 11px;
line-height: 18px;
font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
margin: 0px auto;
text-align: center;
}
/* - TABELLEN EINGENSCHAFTEN - */
td {
font-size: 11px;
line-height: 18px;
font-family: "Verdana", "Tahoma" , "Arial" , "MS Sans Serif";
}
/* - MISC STYLE - */
ul {
margin: 0px;
padding: 0px;
}
li {
list-style: none;
}
form {
margin: 0px;
padding: 0px;
}
img {
border: none;
}
/* - FLOAT CLEANER - */
#cleaner {
clear: both;
height: 0px;
font-size: 0px;
display: block;
width: 100%;
}
/* - STANDARD LINK FORMATIERUNG - */
a {
color: #bfbfbf;
text-decoration: none;
}
a:hover {
color: #bfbfbf;
text-decoration: underline;
}
/* - LAYER + CONTAINER - */
#layer {
width: 860px;
border: 1px solid #c9c9c9;
padding: 10px 10px 0px 10px;
background: #fff;
position: relative;
margin: 0px auto;
text-align: left;
}
/* - HEADER - */
#header {
width: 860px;
height: 70px;
background: #fff;
position: relative;
}
#header table {
border: none;
width: 100%;
height: 100%;
}
#header table td {
padding: 0px 0px 0px 3px;
}
#header ul {
position: absolute;
top: 34px;
right: 210px;
}
#header ul li {
float: left;
padding: 0px 3px;
margin: 0px;
color: #afafaf;
}
#header ul li a {
text-decoration: none;
color: #afafaf;
}
#header ul li a:hover {
text-decoration: underline;
color: #afafaf;
}
/* - INPUT FELDER VORBEREITET FÜR SUCHE - */
#header form input.formular {
width: 140px;
height: 18px;
padding: 4px 0px 0px 5px;
margin: 2px 0px 2px 0px;
background: #fff;
border: 1px solid #dfdfdf;
font-size: 11px;
color: #dfdfdf;
font-family: "Verdana";
position: absolute;
right: 35px;
top: 30px;
}
#header form input.button {
width: 10px;
height: 20px;
padding: 0px;
margin: 0px;
border: none;
font-size: 0px;
background: url('../images/suche_button.gif') no-repeat;
cursor: pointer;
font-family: "Verdana";
position: absolute;
right: 20px;
top: 34px;
}
/* - MENU - */
#menu2 {
width: 860px;
height: 24px;
margin: 0px;
padding: 0px;
background: #00629e;
border-bottom: 1px solid #fff;
color: #fff;
position: relative;
z-index: 999;
}
#menu2 ul {
position: absolute;
top: 0px;
left: 0px;
z-index: 100;
padding: 0px;
margin: 0px;
z-index: 999;
}
#menu2 ul li {
float: left;
list-style: none;
margin: 0px;
border-right: 1px solid #839f24;
position: relative;
z-index: 999;
}
#menu2 li a {
display: block;
padding: 0px 12px 1px 12px;
text-decoration: none;
font-size: 11px;
color: #fff;
background: #00629e;
margin:0px;
line-height: 23px;
z-index: 999;
}
#menu2 li a:hover {
background: #A9C83C;
}
#menu2 li a.aktiv, #menu li a.aktiv:hover {
background: #00629e url('../images/menu_hover.gif') right no-repeat;
}
/* - MENU : DROPDOWN SETTINGS - */
#menu2 ul li ul {
visibility: hidden;
position: absolute;
top: 24px;
left: 0px;
width: 184px;
text-align: left;
border: 1px solid #d2d2d2;
border-bottom: none;
margin: 0px;
padding: 0px;
z-index: 999;
}
#menu2 ul li ul li {
height: 26px;
border: none;
border-bottom: 1px solid #d2d2d2;
margin: 0px;
padding: 0px;
z-index: 999;
}
#menu2 ul li:hover ul, #menu ul a:hover ul {
visibility: visible;
z-index: 999;
}
#menu2 ul li ul li a {
width: 158px;
border: 1px solid #fff;
display: block;
padding: 0px 12px 2px 12px;
text-decoration: none;
line-height: 22px;
font-size: 11px;
color: #333029;
background: #fff;
margin: 0px;
z-index: 999;
}
#menu2 ul li ul li a:hover {
color: #fff;
background: #A9C83C;
}
#menu2 ul li ul li a.aktiv, #menu ul li ul li a.aktiv:hover {
color: #fff;
background: #00629e url('../images/menu_hover.gif') right no-repeat;
}
/* - SEITEN ANZEIGE - WO MAN SICH GERADE BEFINDET - */
#seite {
width: 740px;
height: 38px;
background: #333;
color: #fff;
font-size: 11px;
line-height: 36px;
padding: 0px 10px;
margin: 0px;
overflow: hidden;
border-bottom: 30px solid #fff;
position: relative;
}
#seite span {
position: absolute;
top: 0px;
right: 10px;
line-height: 36px;
text-align: right;
}
#seite a {
color: #fff;
text-decoration: underline;
}
#seite a:hover {
color: #fff;
text-decoration: none;
}
/* - CONTENT LAYER - */
#content {
width: 860px;
padding: 10px 0px 30px 0px;
background: #fff;
position: relative;
margin: 0px auto;
text-align: left;
overflow: hidden;
}
/* - TEXT - */
#content #text {
width: 860px;
padding: 0px 20px 0px 20px;
line-height: 22px;
}
/* - TEXT : TAG STYLES - */
#content #text h1 {
font-size: 16px;
font-weight: bold;
margin: 0px 0px 20px 0px;
color: #00629e;
font-family: "Arial";
text-transform: uppercase;
letter-spacing: 0px;
}
#content #text h2 {
font-size: 11px;
font-weight: bold;
margin: 0px 0px 20px 0px;
color: #00629e;
font-family: "Verdana";
text-transform: none;
letter-spacing: 0px;
}
#content #text h3 {
font-size: 11px;
font-weight: bold;
margin: 0px 0px 15px 0px;
color: #333;
font-family: "Verdana";
letter-spacing: 0px;
}
#content #text h4 {
font-size: 11px;
font-weight: bold;
margin: 0px 0px 15px 0px;
color: #00629e;
font-family: "Verdana";
letter-spacing: 0px;
}
#content #text h5 {
font-size: 11px;
font-weight: bold;
margin: 0px 0px 0px 0px;
color: #333;
font-family: "Verdana";
letter-spacing: 0px;
}
#content #text h6 {
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
color: #AFAFAF;
font-family: "Verdana";
letter-spacing: 0px;
}
#content #text p {
margin: 0px 0px 15px 0px;
}
#content #text table tr td {
line-height: 22px;
}
#content #text hr {
border-top: 1px solid #dfdfdf;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 0px 0px 15px 0px;
height: 2px;
}
#content #text a {
color: #333;
text-decoration: none;
}
#content #text a:hover {
color: #333;
text-decoration: underline;
}
#content #text ul {
margin: 0px 0px 0px 15px;
}
#content #text ul li {
list-style: square;
line-height: 22px;
}
#content #text ul li ul li {
list-style: square;
line-height: 22px;
margin: 0px 0px 0px 5px;
}
/* - FOOTER - */
/* #footer {
width: 860px;
height: 53px;
padding: 7px 0px 0px 0px;
margin: 0px 0px 5px 0px;
line-height: 20px;
position: relative;
}
#footer p {
color: #A6ABAF;
line-height: 25px;
}
#footer ul {
width: 960px;
padding: 0px;
margin: 0px;
}
#footer ul li {
float: left;
padding: 0px 2px;
margin: 0px;
color: #A6ABAF;
}
#footer a.cms2day_link, #footer a.cms2day_link:hover {
text-decoration: none;
font-weight: bold;
color: #A6ABAF;
}
#footer a {
text-decoration: none;
color: #A6ABAF;
}
#footer a:hover {
text-decoration: underline;
color: #A6ABAF;
}
*/
UL,LI {
padding:0px;
margin:0px;
display:block;
list-style:none;
outline:none;
}
body {
background-color:#101010;
background-image:url(../gfx/bg_all.png);
margin:0px 0px 0px 0px;
background-repeat:repeat-x;
}
#wrapper {
width:900px;
margin:auto;
}
#header {
background-image:url(../gfx/header.png);
width:900px;
height:120px;
float:left;
display:block;
}
#navigation {
width:900px;
height:40px;
float:left;
display:block;
}
.subnavi {
background-image:url(../gfx/drop_bg.jpg);
background-repeat:no-repeat;
width:100px;
height:19px;
float:left;
display:block;
}
#navi_1 {
background-image:url(../gfx/navi_1.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_2 {
background-image:url(../gfx/navi_2.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_3 {
background-image:url(../gfx/navi_3.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_4 {
background-image:url(../gfx/navi_4.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_5 {
background-image:url(../gfx/navi_5.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_6 {
background-image:url(../gfx/navi_6.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_7 {
background-image:url(../gfx/navi_7.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_8 {
background-image:url(../gfx/navi_8.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_9 {
background-image:url(../gfx/navi_9.png);
width:100px;
height:40px;
float:left;
display:block;
}
/* Hover's */
#navi_1:hover {
background-image:url(../gfx/navi_1_hover.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_2:hover {
background-image:url(../gfx/navi_2_hover.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_3:hover {
background-image:url(../gfx/navi_3_hover.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_4:hover {
background-image:url(../gfx/navi_4_hover.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_5:hover {
background-image:url(../gfx/navi_5_hover.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_6:hover {
background-image:url(../gfx/navi_6_hover.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_7:hover {
background-image:url(../gfx/navi_7_hover.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_8:hover {
background-image:url(../gfx/navi_8_hover.png);
width:100px;
height:40px;
float:left;
display:block;
}
#navi_9:hover {
background-image:url(../gfx/navi_9_hover.png);
width:100px;
height:40px;
float:left;
display:block;
}
/* Dropdown Navi */
ul.menu {list-style:none; margin:0; padding:0px 0px 0px 0px; background-color:#252525;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:0px}
ul.menu ul {position:absolute; top:45px; left:0; background:#252525; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:0px solid #aaa; border-top:none; width:125px; margin:0px;}
ul.menu ul li a {display:block; padding:0px 0px 0px 0px; background-color:#252525}
ul.menu ul li a:hover {background-color:#252525}
ul.menu ul ul {left:110px; top:-1px}
ul.menu .menulink {padding:0px 0px 0px 0px;width:100px; height:40px;}
ul.menu .sub {background-color:#252525; color:#bfbfbf;}
ul.menu .sub:hover {color:#d0a600;}
ul.menu .topline {color:#bfbfbf;}
ul.menu .menu_sub {width:125px;}
#top-content {
width:900px;
height:215px;
float:left;
display:block;
}
#top-content-bild {
background-image:url(../gfx/bg_slider.png);
width:500px;
padding: 19px 0 0 0;
height: 196px;
float:left;
display:block;
}
#top-content-puffer {
background-image:url(../gfx/puffer.png);
width:10px;
height:215px;
float:left;
display:block;
}
#top-content-text {
background-image:url(../gfx/bg_text.png);
width:385px;
padding: 19px 0 0 5px;
height: 196px;
margin: auto;
float:left;
display:block;
}
#content-head {
background-image:url(../gfx/content_head.png);
width:800px;
height:55px;
float:left;
display:block;
padding: 0px 0px 0px 100px;
}
#seitenanzeige {
color:#FFF;
padding-top:20px;
padding-left:0px;
position:relative;
float:left;
display:block;
}
.seitenanzeige {
color:#FFF;
}
.seitenanzeige-all {
color:#FFF;
margin-top:25px;
padding-left:0px;
position:relative;
}
.slogan {
text-align:right;
float:right;
padding-right:20px;
}
#content {
background-image:url(../gfx/content_bg.png);
background-repeat:repeat-y;
width:900px;
float:left;
display:block;
}
#footer {
background-image:url(../gfx/footer.png);
width:900px;
height:52px;
float:left;
display:block;
}
#copyright {
display: none;
}
#infopoint {
width: 380px;
height: 189px;
}
#info_1 {
width: 380px;
height: 38px;
text-align: left;
padding: 0 0 0 5px;
color: #bfbfbf;
}
#info_2 {
width: 370px;
height: 38px;
text-align: left;
padding: 0 0 0 5px;
color: #bfbfbf;
}
#info_3 {
width: 370px;
height: 38px;
text-align: left;
padding: 0 0 0 5px;
color: #bfbfbf;
}
#info_4 {
width: 370px;
height: 38px;
text-align: left;
padding: 0 0 0 5px;
color: #bfbfbf;
}
#info_5 {
padding: 0 0 0 5px;
width: 370px;
height: 37px;
text-align: left;
color: #bfbfbf;
}