* { padding: 0; margin: 0; } dt { font: bold 12px; margin-top: 1em; } dd { margin-left: 20px; } pre { font-family: Courier New, monospace; font-size: 11px; border-top: dotted 1px; border-bottom: dotted 1px; padding: 18px; margin: 1.2em 0 2em 0; white-space: pre; background: #EAE8E1; } /* comment */ .c { color: #558316; } /* keyword */ .k { color: #007098; } /* code header */ .ch { color: #990048; } body { text-align: center; margin: 0; padding: 0; border: 0; background:#D1CBBB; font:normal 11px Verdana,Sans-serif; color:#333; } #topLogo { padding: 0; margin: 0; width: 770px; height: 85px; overflow: hidden; } #wrapper { width: 770px; margin: 0 auto; padding: 0; text-align: left; } /* -------- Horizontale Navigationsleiste ------------ */ #topNavBar { height: 20px; margin: 5px 0; padding: 0; background-color: #ff7f00; } #topNavBar ul{ margin: 0; padding: 0; } #topNavBar ul li { list-style-type: none; padding: 0; margin: 0; display: block; float: left; text-align: center; font: bold 9px/20px Verdana; text-transform: uppercase; letter-spacing: 1px; margin-left: 2px; } #topNavBar a { color: #ffecd9; font: bold 9px/20px Verdana; text-decoration: none; display: block; width: 108px; height: 20px; border-right-width: 1px; border-top-style: none; border-right-style: dotted; border-bottom-style: none; border-right-color: #fff; vertical-align: middle; } /* #topNavBar li#active { background: #CC0000; color: #333333; border-bottom: none; } */ #topNavBar a:hover { color: #ffffff; background: #F67A00; text-decoration: underline; display: block; width: 108px; height: 20px; border-right-width: 1px; border-top-style: none; border-right-style: dotted; border-bottom-style: none; border-right-color: #fff; } /*---------------- Haupt-Seiteninhalt ------------------*/ #mainBody { padding: 0; margin: 0; overflow: hidden; float: left; background: #fff url("leftBackground.png") repeat-y; border-bottom: solid 5px #D1CBBB; } /*---------------- Linke Spalte ------------------*/ .db { font: bold 10px verdana; color: #52667B; } #leftColumn { width: 178px; float: left; font: bold 10px verdana; overflow: hidden; /* display: inline; */ padding-top: 40px; padding-left: 12px; color: #52667B; } #leftColumn h1 { color: #ff7f00; font: bold 12px Georgia; text-transform: uppercase; } /*---------------- Rechte Spalte ------------------*/ #mainColumn { background-color: #ffffff; float: right; /* display: inline; */ overflow: hidden; margin: 0 0 0 5px; padding: 40px 40px 40px 40px; width: 555px; /* for IE5/Win */ voice-family: "\"}\""; voice-family: inherit; width: 495px; /* actual value */ } a { font: bold 10px Verdana; color: #536677; text-decoration: none; } #mainColumn p { margin: 5px 0; } .dbt { font: bold 10px verdana; color: #52667B; } td.dbt { margin: 5px; } /*---------------- Fusszeile ------------------*/ #footer-bl { float: left; padding-left: 12px; width: 758px; background: #566F7D url("blCorner.png") 0 100% no-repeat; color: #ffecd9; font: bold 9px/20px verdana; letter-spacing: 1px; text-transform: uppercase; } #footer-br { background: #566F7D url("brCorner.png") 100% 100% no-repeat; } #footer-br a { color: #ffecd9; } /*-------------- body content ------------------*/ h1 { color: #ff7f00; font: bold 12px Georgia; text-transform: uppercase; margin-bottom: 1em; } h2 { color: #ff7f00; font: bold 11px Georgia; text-transform: uppercase; margin-top: 1em; margin-bottom: 0.2em; } h3 { color: #000; font: bold 11px Georgia; margin-top: 0.2em; margin-bottom: 0.1em; } .figure { color: #ff7f00; margin-bottom: 1em; } #mainColumn img { margin-top: 1em; } .strong { color: #52667b; font: bold 11px Verdana; } .plusBulletList { list-style-type: none; margin: 2px 0 2px 10px; padding: 0; list-style-position: outside; } .plusBulletList li { margin: 0 0; background-image: url("liste_icon.gif"); background-repeat: no-repeat; background-position: 0 4px; padding-left: 12px; } .leftBarList { list-style-type: none; margin: 2px 0 2px 0px; padding: 0; list-style-position: outside; } .leftBarList li { margin: 10px 0; background-image: url("liste_icon.gif"); background-repeat: no-repeat; background-position: 0 4px; padding-left: 12px; } .prevNext { float: right; } .prevNextTop { margin-top: -28px; margin-bottom: 12px; float: right; } /*-------------- links with arrows ------------------*/ .arrowLink { font: bold 10px Verdana; color: #ff7f00; text-decoration: none; background: url("arrow_01.gif") no-repeat; background-position: 0 2px; padding-left: 14px; vertical-align: middle; } .prevLink { font: bold 10px Verdana; color: #ff7f00; text-decoration: none; background: url("arrow_02.gif") no-repeat; background-position: 100% 2px; padding-right: 14px; margin-right: 2px; vertical-align: middle; } .topLink { font: bold 10px Verdana; color: #ff7f00; text-decoration: none; background: url("arrow_03.gif") no-repeat; background-position: 100% 2px; padding-right: 14px; margin-top: 1em; vertical-align: middle; } .topLP { padding-top: -10px; padding-right: 20px; text-align: right; } .arrowLink3, .activeLink { display: block; font: bold 10px Verdana; color: #536677; text-decoration: none; padding-left: 14px; margin: 8px 0; /* vertical-align: middle; */ background: url("arrow3.png") no-repeat; background-position: 0 1px; } .activeLink { color: #ff7f00; } a.arrowLink3:hover, a:hover { color: #ff7f00; text-decoration: underline; } #linkBlock { padding: 0; margin-top: 20px; } .tourLink { font: bold 11px Verdana; color: #ff7f00; text-decoration: none; background: url("tour.gif") no-repeat; background-position: 0 2px; padding-left: 16px; vertical-align: middle; } a.arrowLink:hover, a.tourLink:hover, a.prevLink:hover, a.topLink:hover { color: #D66A00; text-decoration: underline; } /*---------------------- order page -------------------------*/ .order { font: bold 10px verdana; color: #52667B; } .order td { padding: 6px; } .orderTop { border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; padding-top: 4px; padding-bottom: 4px; font: bold 12px verdana; color: #52667B; } .addCart a { background-color: #ff7f00; padding: 3px 9px; border: 1px solid #000; color: #ffecd9; text-decoration: none; } .addCart a:hover { color: #ffffff; background: #F67A00; text-decoration: underline; }