/* Kalibrierung der wichtigsten Abstände */ * { padding: 0; margin: 0; } h2, p, ul, ol { margin-bottom: 1em; } ul ul { margin-bottom: 0; } li { margin-left: 1em; } /* html { height: 101%; } Scrollbar im FireFox */ body { color: black; background: #640000; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; } h1 { font-size: 150%; } h2 { font-size: 130%; } hr { color: #640000; } /* Allgemeine Klassen und IDs */ .headdiv { float: right; /*width: 26px; height: 23px;*/ margin: 2px 5px 0 0; padding-right: 9px; } .buttonsite {color: #333333; width: 120px; padding: 5px; padding-left: 18px; height: 26px; background-color: white; text-decoration: none; border: 1px solid #a06464; } .buttonsite:active { background-color: white; } .buttonsite:hover { background-color: white; } .buttonlink1_1 { text-decoration: none; background-color: white; color: black; border: 0px solid white; font-size: 12px; } .buttonlink1_1:active { text-decoration: none; } .buttonlink1_1:hover { text-decoration: underline; } .buttonlink1_2 { text-decoration: none; background-color: white; color: black; border: 0px solid white; font-size: 13px; } .buttonlink1_2:active { text-decoration: none; } .buttonlink1_2:hover { text-decoration: underline; } .buttonlink2_1 { text-decoration: none; font-weight: normal; background-color: white; color: black; border: 0px solid white; font-size: 12px; } .buttonlink2_1:active { text-decoration: none; } .buttonlink2_1:hover { text-decoration: underline; } .buttonlink2_2 { text-decoration: none; font-weight: normal; background-color: white; color: black; border: 0px solid white; font-size: 13px; } .buttonlink2_2:active { text-decoration: none; } .buttonlink2_2:hover { text-decoration: underline; } .buttonlink3_1 { text-decoration: none; background-color: white; color: black; border: 0px solid white; font-size: 11pt; } .buttonlink3_1:active { text-decoration: none; } .buttonlink3_1:hover { text-decoration: underline; } .alternativ { text-decoration: underline; background-color: white; color: black; border: 0px solid white; font-size: 12px; } .alternativ1_1:active { text-decoration: underline; } .alternativ1_1:hover { text-decoration: underline; } .alternativ1_2 { text-decoration: underline; background-color: white; color: black; border: 0px solid white; font-size: 13px; } .alternativ1_2:active { text-decoration: underline; } .alternativ1_2:hover { text-decoration: underline; } /* Styles für spezielle Layoutbereiche */ #wrapper { color: black; /* background-color: white; */ width: 1004px; margin: 0px auto; position: relative; } #kopfbereich { color: black; background: white url(../images/banner_br.jpg) repeat-x top; height: 215px; width: 1004px; } #kopfbereich2 { color: black; background: white url(../images/shopheader.jpg) repeat-x top; height: 215px; width: 1004px; } #navibereich { /*padding: 2px 0 2px 180px; */ background: white url(../images/head.jpg) repeat-x top; height: 23px; width: 1004px; } #navibereich ul { margin: 0 0 0 180px; font-size: 8pt; line-height: 17pt; } #navibereich span { vertical-align: middle; } #navibereich li { display: inline; list-style-type: none; margin: 0 0 0 5px; background-color: #b5b5b5; } #navibereich a { color: black; text-decoration: none; background-color: #b5b5b5; } #navibereich a:hover, #navibereich a:active { color: black; text-decoration: underline; } #mainnavi { position: absolute; top: 238px; left: 0px; width: 161px; background-color: white; /* border: 1px solid #b5b5b5;*/ /* border-top: 1px solid #b5b5b5;*/ border-left: 0; padding: 0; margin: 0; } #mainnavi #box { background-color: #606060; padding: 0; margin-bottom: 0px; margin-top: 0; } #mainnavi #shopextra { background-color: #eeeeee; padding: 5px; padding-top: 3px;} #mainnavi p { background-color: #606060; padding: 0; margin: 0;} #mainnavi a { display: block; color: #ffffff; width: 136px; padding: 9px; padding-left: 15px; text-decoration: none; /* border-top: 1px solid #b5b5b5;*/ border-right: 1px solid #b5b5b5; border-bottom: 1px solid #ffffff; } #mainnavi #box a.button1 { font-size: 12px; } #mainnavi #box a.button2 { font-size: 13px; } #mainnavi #box a:active { display: block; background-color: #606060; color:white; } #mainnavi #box a:hover { display: block; background-color: black; color:white; } #extraleft { background-color: white; padding: 0 4px 4px 4px; border-right: 1px solid #b5b5b5; } #extraleft p { background-color: white; padding: 2px; padding-left: 0; margin: 0;} #extraleft p.headline1_1 { background-color: white; font-size: 12px; font-weight: bold; } #extraleft p.headline2_1 { background-color: white; font-size: 12px; } #extraleft p.headline3_1 { background-color: white; font-size: 12px; font-weight: bold; } #extraleft p.headline4_1 { background-color: white; font-size: 12px; font-weight: bold; color: #000000; } #extraleft p.headline5_1 { font-size: 10px; font-weight: bold; color: white; } #extraleft p.headline6_1 { font-size: 12px; font-weight: bold; color: white; } #extraleft p.headline7_1 { font-size: 10px; font-weight: bold; color: black; } #extraleft p.normtext1 { background-color: white; font-size: 12px; } #extraleft p.normtext2 { background-color: white; font-size: 13px; } #extraleft p.normcentertext1 { background-color: white; font-size: 12px; text-align:center; } #extraleft p.normcentertext2 { background-color: white; font-size: 13px; text-align:center; } #extraleft p.kleintext1 { background-color: white; font-size: 10px; padding-left: 4px; } #extraleft p.kleintext2 { background-color: white; font-size: 12px; padding-left: 4px; } #extraleft a { background-color: white; color: black; text-decoration: none; font-weight: normal; } #extraleft a.button1 { font-size: 12px; } #extraleft a.button2 { font-size: 13px; } #extraleft a.buttonp { font-size: 10px; margin: 0px; padding: 2px; border-right: 0px solid white; } #extraleft a:active {color: #666666; } #extraleft a:hover {color: #666666; text-decoration: underline; } /*#extra a.buttonp:active {color: #666666; }*/ /*#extra a.buttonp:hover {color: #666666; text-decoration: underline; }*/ #content { background-color: #ffffff; padding: 20px; margin: 0; margin-left: 161px; margin-right: 159px; /* border-right: 1px solid #b5b5b5b;*/ } #content img.bild_center { display: block; margin-left: auto; margin-right: auto; } #content img.bild_right { display: block; margin-left: auto; margin-right: 10px; } #content img.bild_left { display: block; margin-left: 10px; margin-right: auto; } #content legend.normtext1 { font-size: 12px; color: #000000;} #content legend.normtext2 { font-size: 15px; color: #000000;} #content #fieldset { padding-left: 5px; border: 1px solid #b5b5b5; color: #000000;} #content p.headline1_1 { font-size: 13px; font-weight: bold; } #content p.headline1_2 { font-size: 15px; font-weight: bold; } #content p.headline2_1 { font-size: 13px; } #content p.headline2_2 { font-size: 15px; } #content p.headline3_1 { font-size: 12px; font-weight: bold; } #content p.headline3_2 { font-size: 13px; font-weight: bold; } #content p.headline4_1 { font-size: 13px; font-weight: bold; color: #A06464; } #content p.headline4_2 { font-size: 15px; font-weight: bold; color: #A06464; } #content p.headline5_1 { font-size: 13px; font-weight: bold; color: white; background: black; } #content p.headline5_2 { font-size: 15px; font-weight: bold; color: white; background: black; } #content p.headline6_1 { font-size: 13px; font-weight: bold; color: white; background: #A06464; } #content p.headline6_2 { font-size: 15px; font-weight: bold; color: white; background: #A06464; } #content p.normtext1 { font-size: 10pt; } #content p.normtext2 { font-size: 13px; } #content p.normcentertext1 { font-size: 10pt; text-align:center; } #content p.normcentertext2 { font-size: 13px; text-align:center; } #content p.kleintext1 { font-size: 9px; } #content p.kleintext2 { font-size: 12px; } #content a { color: black; text-decoration: none; font-weight: bold; } #content a.button1 { font-size: 9pt; } #content a.button2 { font-size: 13px; } #content a.button3 { font-size: 9px; font-weight: normal; } #content a:active {color: #666666; } #content a:hover {color: #666666; text-decoration: underline; } #content a.button3: hover,active { font-size: 9px; color: black; text-decoration: none; font-weight: normal; } #content a.button2_1 { font-size: 10pt; color: black; text-decoration: none; font-weight: normal; } #content a.button2_2 { font-size: 13px; color: black; text-decoration: none; font-weight: normal; } #content a.button2_1:active { text-decoration: underline; color:black; } #content a.button2_1:hover { text-decoration: underline; color:black; } #content a.button2_2:active { text-decoration: underline; color:black; } #content a.button2_2:hover { text-decoration: underline; color:black;} #content #box2 { margin: 0px; line-height: 14px; } #content #box2 #name {float:left; width: 140px; } #content #box2 #inputtag {float: none; } #content #box2 #ende{ clear: both; } #content input, textarea, option, select { border-color: #b5b5b5; border-style: solid; border-width: 1px; font-weight: normal; padding: 2px; } div.wrapper { width: 645px; overflow: hidden; } div.float145 { float: left; width: 145px; } div.float135 { float: left; width: 135px; } div.float110 { float: left; width: 110px; } div.bild { width: 80px; height: 80px; float: left; } #extra { position: absolute; top: 238px; right: 0; width: 138px; background-color: #ffffff; padding: 10px;border: 0; border-left: 1px solid #b5b5b5; margin: 0; margin-top: 0; } #extra p.headline1_1 { font-size: 13px; font-weight: bold; } #extra p.headline1_2 { font-size: 15px; font-weight: bold; } #extra p.headline2_1 { font-size: 13px; } #extra p.headline2_2 { font-size: 15px; } #extra p.headline3_1 { font-size: 13px; font-weight: bold; } #extra p.headline3_2 { font-size: 15px; font-weight: bold; } #extra p.headline4_1 { font-size: 13px; font-weight: bold; color: white; background: black; } #extra p.headline4_2 { font-size: 15px; font-weight: bold; color: white; background: black; } #extra p.headline5_1 { font-size: 13px; font-weight: bold; color: white; background: black; } #extra p.headline5_2 { font-size: 15px; font-weight: bold; color: white; background: black; } #extra p.headline6_1 { font-size: 13px; font-weight: bold; color: white; background: black; } #extra p.headline6_2 { font-size: 15px; font-weight: bold; color: white; background: black; } #extra p.normtext1 { font-size: 8pt; } #extra p.normtext2 { font-size: 13px; } #extra a { background-color: white; color: black; text-decoration: none; font-weight: bold; } #extra a.button1 { font-size: 12px; } #extra a.button2 { font-size: 13px; } #extra a:active {color: #666666; } #extra a:hover {color: #666666; text-decoration: underline; } #warenkorb { position: absolute; top: 238px; right: 0; width: 138px; background-color: #ffffff; padding: 10px;border: 0; border-left: 1px solid #b5b5b5; margin: 0; margin-top: 0; } #warenkorb p.headline1_1 { font-size: 13px; font-weight: bold; } #warenkorb p.headline1_2 { font-size: 15px; font-weight: bold; } #warenkorb p.headline2_1 { font-size: 13px; } #warenkorb p.headline2_2 { font-size: 15px; } #warenkorb p.headline3_1 { font-size: 13px; font-weight: bold; } #warenkorb p.headline3_2 { font-size: 15px; font-weight: bold; } #warenkorb p.headline4_1 { font-size: 13px; font-weight: bold; color: white; background: black; } #warenkorb p.headline4_2 { font-size: 15px; font-weight: bold; color: white; background: black; } #warenkorb p.headline5_1 { font-size: 13px; font-weight: bold; color: white; background: black; } #warenkorb p.headline5_2 { font-size: 15px; font-weight: bold; color: white; background: black; } #warenkorb p.headline6_1 { font-size: 13px; font-weight: bold; color: white; background: black; } #warenkorb p.headline6_2 { font-size: 15px; font-weight: bold; color: white; background: black; } #warenkorb p.normtext1 { font-size: 10pt; } #warenkorb p.normtext2 { font-size: 13px; } #warenkorb a { background-color: white; color: black; text-decoration: none; font-weight: bold; } #warenkorb a.button1 { font-size: 8pt; } #warenkorb a.button2 { font-size: 11px; } #warenkorb a:active {color: #666666; } #warenkorb a:hover {color: #666666; text-decoration: underline; } #footer { background-color: white; padding: 2px; margin-left: 161px; margin-right: 159px;} #footnavi { } #footnavi ul { margin-right: 10px; } #footnavi li { display: inline; list-style-type: none; margin: 0px; } #footnavi a { color: black; text-decoration: none; background-color: white; line-height: 20px;} #footnavi a.button1 { font-size: 12px; } #footnavi a.button2 { font-size: 13px; } #footnavi a:hover, #footnavi a:active { color: black; text-decoration: underline; } #foottext1 { text-align: left; font-size: 9px; font-style: normal; letter-spacing: 1px; line-height: 2.5em; } #foottext2 { text-align: left; font-size: 12px; font-style: normal; letter-spacing: 1px; line-height: 2.5em; }