html {
height:570px;
overflow:hidden;
}
body {
/* Deklaration für den gesamten Tag */
background-color:#FFF6E6;
color:black;
font-family:'Trebuchet MS', Arial, Tahoma, sans-serif;
font-size:11px;
margin:5px 0px 0px 0px;
height:570px;
overflow:hidden;
}
td {
/* Schriftgröße und -art für Tabellenzellen */
font-family:'Trebuchet MS', Arial, Tahoma, sans-serif;
font-size:11px;
}
h1 {
font-size:22px;
font-weight:bold;
color:#00519C;
padding:0px;
margin:0px 0px 10px 0px;
}
h2 {
font-size:14px;
font-weight:bold;
color:#00519C;
padding:0px;
margin:20px 0px 5px 0px;
}
h3 {
font-size:12px;
font-weight:bold;
color:#00519C;
padding:0px;
margin:20px 0px 0px 0px;
display:block;
}
p {
margin:0px 0px 10px 0px;
padding:0px;
}
form {
margin:0px;
padding:0px;
}
input, textarea {
font-size:11px;
height:14px;
border:0px;
padding:0px;
margin:0px;
background-color:transparent;
}
select {
font-size:11px;
font-weight:normal;
height:14px;
border:0px;
padding:0px;
margin:0px;
background-color:transparent;
}
option {
/* Option-Felder mit Hintergrundfarbe */
background-color:#FFF6E6;
font-weight:normal;
font-size:11px;
}
a {
/* Gestrichelten Rahmen um Links entfernen */
outline:none;
}
a:link, a:active, a:visited {
color:black;
text-decoration: underline;
}
a:hover {
color:#00519C;
text-decoration: underline;
}
#body {
/* Umschließt die gesamte Seite und positioniert diese Mittig */
margin:0px auto;
width:985px;
}
#mvg-right {
/* Umschließt die rechte Spalte (Info & Warenkorb */
float:right;
width:215px;
}
#mvg-info-big {
/* Informationen oder Lieferadressen */
visibility:hidden;
width:215px;
height:319px;
margin-top:75px;
}
#mvg-info-small {
/* Warenkorb */
width:165px;
height:55px;
background-image:url(/images/mvg_info.jpg);
padding:80px 25px 20px 25px;
margin:23px 0px 0px 0px;
}
#mvg-01 {
/* "Header" */
width:760px;
height:109px;
background-image:url(/images/mvg_01.jpg);
}
#mvg-02 {
/* Navigationshintergrund */
width:760px;
height:37px;
background-image:url(/images/mvg_02.jpg);
}
#mvg-03 {
/* Inhaltshintergrund */
width:760px;
height:277px;
background-image:url(/images/mvg_03.jpg);
}
#mvg-04 {
/* "Footer" */
width:760px;
height:147px;
background-image:url(/images/mvg_04.jpg);
}
.menu {
/* Umschließt die 4 Hauptnavigationspunkte */
margin:0px;
padding:0px;
list-style-type:none;
margin:0px 0px 0px 140px;
}
.menu_el {
/* Navigationspunkt */
display:block;
float:left;
width:110px;
height:27px;
margin:5px 18px 0px 0px;
text-align:center;
}
.menu_el a:link, .menu_el a:active, .menu_el a:visited {
color:#FFF6E6;
display:block;
width:110px;
height:27px;
text-decoration:none;
}
.menu_el a:hover {
color:#00519C;
display:block;
width:110px;
height:27px;
text-decoration:none;
}
.menu_el img {
border:0px;
}
#login {
position:relative;
top:30px;
left:255px;
color:white;
}
#logout {
position:relative;
top:30px;
left:280px;
color:white;
}
.color {
color:#00519C;
}
.input {
border:1px solid #39519B;
background-color:white;
font-size:10px;
}
.meldung {
/* Hervorhebung durch Farbe / Schriftart für Warnung oder wichtige Meldungen */
border:2px solid #F7931D;
color:#00519C;
padding:5px 10px;
font-weight:bold;
display:none;
}
.inputSmall {
/* Kleine Input-Felder für Login */
border-bottom:1px solid white;
width:55px;
color:white;
}
/* Absende-Buttons mit blauem Hintergrund und dunkelblauem Rahmen */
.button {
color:#FFF6E6;
font-weight:bold;
font-size:10px;
width:101px;
height:21px;
background-image:url(/images/input_button.gif);
cursor:pointer;
}
.button2 {
color:#FFF6E6;
font-weight:bold;
font-size:10px;
width:151px;
height:21px;
background-image:url(/images/input_button2.gif);
cursor:pointer;
}
.button3 {
color:#FFF6E6;
font-weight:bold;
font-size:10px;
width:201px;
height:21px;
background-image:url(/images/input_button3.gif);
cursor:pointer;
}
.button4 {
color:#FFF6E6;
font-weight:bold;
font-size:10px;
width:101px;
height:21px;
background-image:url(/images/input_button4.gif);
cursor:pointer;
}
/* Absende-Buttons mit gelbem Hintergrund und orangenem Rahmen HOVER */
.buttonHover {
color:#00519C;
font-weight:bold;
font-size:10px;
width:101px;
height:21px;
background-image:url(/images/input_button_hover.gif);
cursor:pointer;
}
.button2Hover {
color:#00519C;
font-weight:bold;
font-size:10px;
width:151px;
height:21px;
background-image:url(/images/input_button2_hover.gif);
cursor:pointer;
}
.button3Hover {
color:#00519C;
font-weight:bold;
font-size:10px;
width:201px;
height:21px;
background-image:url(/images/input_button3_hover.gif);
cursor:pointer;
}
.button4Hover {
color:#00519C;
font-weight:bold;
font-size:10px;
width:101px;
height:21px;
background-image:url(/images/input_button4_hover.gif);
cursor:pointer;
}
/* Textinput */
/* Textinput 1 */
.textinput {
width:68px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input1.gif);
background-position:left top;
}
.textinputHover {
width:68px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input1.gif);
background-position:left bottom;
}
.textinput_active {
width:68px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input1_active.gif);
background-position:left bottom;
}
.textinput input, .textinputHover input, .textinput_active input {
width:62px;
margin:3px 0px 0px 2px;
}
.textinput select, .textinputHover select, .textinput_active select {
width:64px;
height:16px;
margin-top:1px !important;
margin-top:0px;
}
*+html .textinput select, *+html .textinputHover select, *+html .textinput_active select{
height:19px;
margin-top:0px;
}
/* Textinput 2 */
.textinput2 {
width:218px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input2.gif);
background-position:left top;
}
.textinput2Hover {
width:218px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input2.gif);
background-position:left bottom;
}
.textinput2_active {
width:218px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input2_active.gif);
background-position:left bottom;
}
.textinput2 input, .textinput2Hover input, .textinput2_active input {
width:212px;
margin:3px 0px 0px 2px;
}
.textinput2 select, .textinput2Hover select, .textinput2_active select {
width:214px;
height:16px;
margin-top:1px !important;
margin-top:0px;
}
*+html .textinput2 select, *+html .textinput2Hover select, *+html .textinput2_active select{
height:19px;
margin-top:0px;
}
/* Textinput 3 */
.textinput3 {
width:143px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input3.gif);
background-position:left top;
}
.textinput3Hover {
width:143px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input3.gif);
background-position:left bottom;
}
.textinput3_active {
width:143px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input3_active.gif);
background-position:left bottom;
}
.textinput3 input, .textinput3Hover input, .textinput3_active input {
width:137px;
margin:3px 0px 0px 2px;
}
.textinput3 select, .textinput3Hover select, .textinput3_active select {
width:139px;
height:16px;
margin-top:1px !important;
margin-top:0px;
}
*+html .textinput3 select, *+html .textinput3Hover select, *+html .textinput3_active select{
height:19px;
margin-top:0px;
}
/* Textinput 4 */
.textinput4 {
width:43px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input4.gif);
background-position:left top;
}
.textinput4Hover {
width:43px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input4.gif);
background-position:left bottom;
}
.textinput4_active {
width:43px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input4_active.gif);
background-position:left bottom;
}
.textinput4 input, .textinput4Hover input, .textinput4_active input {
width:37px;
margin:3px 0px 0px 2px;
}
.textinput4 select, .textinput4Hover select, .textinput4_active select {
width:39px;
height:16px;
margin-top:1px !important;
margin-top:0px;
}
*+html .textinput4 select, *+html .textinput4Hover select, *+html .textinput4_active select{
height:19px;
margin-top:0px;
}
/* Textinput 5 */
.textinput5, .textinput5Hover {
width:26px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input5.gif);
background-position:left top;
}
.textinput5Hover {
width:26px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input5.gif);
background-position:left bottom;
}
.textinput5_active {
width:26px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input5_active.gif);
background-position:left bottom;
}
.textinput5 input, .textinput5Hover input, .textinput5_active input {
width:20px;
margin:3px 0px 0px 0px;
}
.textinput5 select, .textinput5Hover select, .textinput5_active select {
width:22px;
height:16px;
margin-top:1px !important;
margin-top:0px;
}
*+html .textinput5 select, *+html .textinput5Hover select, *+html .textinput5_active select{
height:19px;
margin-top:0px;
}
/* Textinput 6 */
.textinput6 {
width:53px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input6.gif);
background-position:left top;
}
.textinput6Hover {
width:53px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input6.gif);
background-position:left bottom;
}
.textinput6_active {
width:53px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input6_active.gif);
background-position:left bottom;
}
.textinput6 input, .textinput6Hover input, .textinput6_active input {
width:47px;
margin:3px 0px 0px 2px;
}
.textinput6 select, .textinput6Hover select, .textinput6_active select {
width:49px;
height:16px;
margin-top:1px !important;
margin-top:0px;
}
*+html .textinput6 select, *+html .textinput6Hover select, *+html .textinput6_active select{
height:19px;
margin-top:0px;
}
/* Textinput 7 */
.textinput7 {
width:88px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input7.gif);
background-position:left top;
}
.textinput7Hover {
width:88px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input7.gif);
background-position:left bottom;
}
.textinput7_active {
width:88px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input7_active.gif);
background-position:left bottom;
}
.textinput7 input, .textinput7Hover input, .textinput7_active input {
width:82px;
margin:3px 0px 0px 2px;
}
.textinput7 select, .textinput7Hover select, .textinput7_active select {
width:84px;
height:16px;
margin-top:1px !important;
margin-top:0px;
}
*+html .textinput7 select, *+html .textinput7Hover select, *+html .textinput7_active select{
height:19px;
margin-top:0px;
}
/* Textinput 8 */
.textinput8 {
width:173px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input8.gif);
background-position:left top;
}
.textinput8Hover {
width:173px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input8.gif);
background-position:left bottom;
}
.textinput8_active {
width:173px;
height:22px;
padding:1px 0px 0px 4px;
background-image:url(/images/input8_active.gif);
background-position:left bottom;
}
.textinput8 input, .textinput8Hover input, .textinput8_active input {
width:167px;
margin:3px 0px 0px 2px;
}
.textinput8 select, .textinput8Hover select, .textinput8_active select {
width:169px;
height:16px;
margin-top:1px !important;
margin-top:0px;
}
*+html .textinput8 select, *+html .textinput8Hover select, *+html .textinput8_active select{
height:19px;
margin-top:0px;
}
/* //Textinput */
.arrow_img {
width:17px;
float:right;
cursor:pointer;
}
.arrow_div {
width:47px;
height:22px;
}
.bottom_arrow {
position:relative;
top:0px !important;
top:-1px;
}
*+html .bottom_arrow {
position:relative;
top:-1px !important;
}
.arrow_div img {
height:11px;
width:17px;
border:0px;
margin:0px;
padding:0px;
}
.chk {
/* Alle Elemente (Radio / Checkbox) ausblenden */
display:none;
}
#info_div {
background-image:url(/images/input_02.gif);
height:259px;
width:222px;
}
#container {
/*
Innerhalb dieses Containers liegt der gesamte Inhalt.
*/
position:relative;
left:140px;
top:20px;
width:500px;
height:240px;
overflow:hidden;
z-index:10;
margin:0px;
float:left;
display:inline;
}
#scrollinhalt {
/* Innerhalb dieses Divs liegt der Inhalt. */
position:absolute;
left:0;
top:0;
width:485px;
min-height:240px;
z-index:10;
}
#scrollbarbox {
/*
Dieses Div umschliesst alle Elemente der Scroll-Leiste.
*/
display:block;
visibility:hidden;
position:absolute;
right:0;
top:0;
height:240px;
width:13px;
overflow:hidden;
}
#container2 {
/*
Innerhalb dieses Containers liegt der gesamte Inhalt der Info-Box.
*/
position:relative;
left:22px;
top:0px;
width:179px;
height:259px;
overflow:hidden;
z-index:10;
margin:0px;
float:left;
display:inline;
}
#scrollinhalt2 {
/* Innerhalb dieses Divs liegt der Inhalt. */
position:absolute;
left:0;
top:0;
width:165px;
min-height:259px;
z-index:10;
}
#scrollbarbox2 {
/*
Dieses Div umschliesst alle Elemente der Scroll-Leiste.
*/
display:block;
visibility:hidden;
position:absolute;
right:0;
top:0;
height:259px;
width:13px;
overflow:hidden;
}
#start_orte_div {
width:177px;
height:222px;
background-image:url(/images/listBG.gif);
display:none;
z-index:500;
position:absolute;
left:5px;
top:164px;
}
#start_orte {
margin:0px;
padding:0px;
list-style-type:none;
height:100%;
width:175px;
overflow:auto;
}
#ziel_orte_div {
width:177px;
height:222px;
background-image:url(/images/listBG.gif);
display:none;
z-index:500;
position:absolute;
left:190px;
top:164px;
}
#ziel_orte {
margin:0px;
padding:0px;
list-style-type:none;
height:100%;
width:175px;
overflow:auto;
}
#start_orte li, #ziel_orte li {
padding:3px 5px 3px 5px;
margin:0px;
color:#2B79C1;
line-height:12px;
}
#start_orte li.hover, #ziel_orte li.hover {
padding:3px 5px 3px 5px;
margin:0px;
color:#000000;
line-height:12px;
cursor:pointer;
background-image:url(/images/listBG_hover.gif);
}
.listBGbottom {
background-image:url(/images/listBG_bottom.gif);
height:6px;
line-height:1px;
font-size:1px;
}