/* stylesheet created by Tobias Faust - ptarmigan */
/* dark-red: #730002; dark-blue: #005376; orange: #E15524; blue: #00A6EB; grey: #313131; */
/* general commands */
BODY {MARGIN:0; PADDING:0; FONT:14px 'Trebuchet MS', Arial, sans-serif; COLOR:#313131;}
H1 {FONT:bold 22px 'Trebuchet MS', Arial, sans-serif; MARGIN:11px 10px;}
H2 {FONT:bold 20px 'Trebuchet MS', Arial, sans-serif; MARGIN:10px 15px;}
H3 {FONT:bold 18px 'Trebuchet MS', Arial, sans-serif; MARGIN:9px 20px;}
H4 {FONT:bold 16px 'Trebuchet MS', Arial, sans-serif; MARGIN:8px 25px;}
H5 {FONT:bold 14px 'Trebuchet MS', Arial, sans-serif; MARGIN:7px 30px;}
IMG {BORDER:0;}
/* DIV id's */
#outerFrame {WIDTH:960px; HEIGHT:auto; MARGIN:0 auto; PADDING:0; CLEAR:both;}
#headerFrame {WIDTH:960px; HEIGHT:150px; MARGIN:0; PADDING:0; CLEAR:both;}
#leftMenuFrame {WIDTH:200px; HEIGHT:auto; FLOAT:left; MARGIN:10px 10px 10px 0; PADDING:0;}
#mainAreaFrame {WIDTH:740px; HEIGHT:auto; FLOAT:left; MARGIN:10px 10px 10px 0; PADDING:0;}
#breadAccFrame {WIDTH:720px; CLEAR:both; MARGIN:10px 10px 35px 10px; PADDING:0;}
#breadCrumbFrame {WIDTH:355px; HEIGHT:auto; FLOAT:left; MARGIN:0; PADDING:0;}
#accountFrame {WIDTH:355px; HEIGHT:auto; FLOAT:left; MARGIN:0 0 0 10px; PADDING:0; TEXT-ALIGN:right;}
#mafInner {WIDTH:720px; HEIGHT:auto; CLEAR:both; MARGIN:0 10px 10px 10px; PADDING:0;}
#bottomRow {WIDTH:960px; HEIGHT:auto; CLEAR:both; MARGIN:10px auto; PADDING:0; TEXT-ALIGN:center; FONT-SIZE:10px; COLOR:#AAAAAA;}
#bottomRow A, #bottomRow A:hover {COLOR:#AAAAAA; TEXT-DECORATION:none;}
#message_body {DISPLAY:block; WIDTH:575px;}
/* DIV classes */
.boxFrame {WIDTH:200px; HEIGHT:auto; CLEAR:both; MARGIN:10px 0; PADDING:0;}
.bfHeader {WIDTH:200px; PADDING:9px 5px 5px 12px; TOP:0; LEFT:0; POSITION:relative; BACKGROUND:url(ressources/box-header.gif) no-repeat 0 0; FONT-SIZE:15px; FONT-WEIGHT:bold; MARGIN:0;}
.bfHeader A {COLOR:#313131;}
.bfContent {WIDTH:200px; PADDING:0 5px 5px 12px; TOP:0; LEFT:0; POSITION:relative; BACKGROUND:url(ressources/box-content.gif) repeat-y 0 0; MARGIN:0; FONT-SIZE:12px;}
.bfContent A {FONT-SIZE:12px;}
.bfBottom {WIDTH:200px; HEIGHT:10px; TOP:0; LEFT:0; POSITION:relative; BACKGROUND:url(ressources/box-bottom.gif) no-repeat 0 100%;}
.submitButton {MARGIN:0 35px 0 0; FLOAT:right; PADDING:0; BOTTOM:5px; POSITION:relative;}
.sitemapBox {FLOAT:left; WIDTH:200px; MARGIN:0 0 10px 10px; PADDING:5px; TEXT-ALIGN:center; VERTICAL-ALIGN:middle; BORDER:1px solid #FFFFFF;}
.sitemapBox:hover {BORDER:1px solid #E15524;}
.button {MARGIN:15px;}
.buttonRight {MARGIN:15px; WIDTH:100%; TEXT-ALIGN:right;}
.maf20 {WIDTH:20%; FLOAT:left; VERTICAL-ALIGN:top;}
.maf30 {WIDTH:30%; FLOAT:left; VERTICAL-ALIGN:top;}
.maf50 {WIDTH:50%; FLOAT:left; VERTICAL-ALIGN:top;}
.maf70 {WIDTH:70%; FLOAT:left; VERTICAL-ALIGN:top;}
.maf80 {WIDTH:80%; FLOAT:left; VERTICAL-ALIGN:top;}
.clearLeft {CLEAR:left;}
.floatLeft {FLOAT:left;}
.productTable {CLEAR:both; PADDING:2px 0; VERTICAL-ALIGN:top;}
.ptsFrame {CLEAR:both; BORDER-TOP:1px dashed #E15524;}
.productTablesSummary {CLEAR:both; PADDING:2px 0; VERTICAL-ALIGN:top; TEXT-ALIGN:right;}
.ptUnits {WIDTH:70px; TEXT-ALIGN:left; FLOAT:left;}
.ptProducts {WIDTH:350px; TEXT-ALIGN:left; FLOAT:left;}
.ptArtnr {WIDTH:90px; TEXT-ALIGN:left; FLOAT:left;}
.ptSingleprice {WIDTH:90px; TEXT-ALIGN:right; FLOAT:left;}
.ptPricetotal {WIDTH:90px; TEXT-ALIGN:right; FLOAT:left;}
.ptRemove {WIDTH:100px; TEXT-ALIGN:center; FLOAT:left;}
.head {FONT-WEIGHT:bold; MARGIN:0 0 10px 0;}
.coFrame {WIDTH:720px; PADDING:0; HEIGHT:20px; FONT-SIZE:12px; MARGIN:40px 0 20px 0;}
.cof25-1-active {WIDTH:180px; BACKGROUND:url(img/co-1-active.gif) #FFFFFF; COLOR:#000000; FLOAT:left; TEXT-ALIGN:center; HEIGHT:25px; PADDING:5px 0 0 0; FONT-WEIGHT:bold;}
.cof25-1-done {WIDTH:180px; BACKGROUND:url(img/co-1-done.gif) #FFFFFF; COLOR:#000000; FLOAT:left; TEXT-ALIGN:center; HEIGHT:25px; PADDING:5px 0 0 0;}
.cof25-1-todo {WIDTH:180px; BACKGROUND:url(img/co-1-todo.gif) #FFFFFF; COLOR:#444444; FLOAT:left; TEXT-ALIGN:center; HEIGHT:25px; PADDING:5px 0 0 0;}
.cof25-2-active {WIDTH:180px; BACKGROUND:url(img/co-2-active.gif) #FFFFFF; COLOR:#000000; FLOAT:left; TEXT-ALIGN:center; HEIGHT:25px; PADDING:5px 0 0 0; FONT-WEIGHT:bold;}
.cof25-2-done {WIDTH:180px; BACKGROUND:url(img/co-2-done.gif) #FFFFFF; COLOR:#000000; FLOAT:left; TEXT-ALIGN:center; HEIGHT:25px; PADDING:5px 0 0 0;}
.cof25-2-todo {WIDTH:180px; BACKGROUND:url(img/co-2-todo.gif) #FFFFFF; COLOR:#444444; FLOAT:left; TEXT-ALIGN:center; HEIGHT:25px; PADDING:5px 0 0 0;}
.cof25-3-active {WIDTH:180px; BACKGROUND:url(img/co-3-active.gif) #FFFFFF; COLOR:#000000; FLOAT:left; TEXT-ALIGN:center; HEIGHT:25px; PADDING:5px 0 0 0; FONT-WEIGHT:bold;}
.cof25-3-done {WIDTH:180px; BACKGROUND:url(img/co-3-done.gif) #FFFFFF; COLOR:#000000; FLOAT:left; TEXT-ALIGN:center; HEIGHT:25px; PADDING:5px 0 0 0;}
.cof25-3-todo {WIDTH:180px; BACKGROUND:url(img/co-3-todo.gif) #FFFFFF; COLOR:#444444; FLOAT:left; TEXT-ALIGN:center; HEIGHT:25px; PADDING:5px 0 0 0;}
.orangeBox {MARGIN:5px 0; /*BORDER:2px dashed #E15524;*/ PADDING:0 5px 5px 5px; TEXT-ALIGN:center; WIDTH:190px;}
.gp {WIDTH:95px; TEXT-ALIGN:center; FLOAT:left;}
.highlighted {WIDTH:670px; PADDING:5px; BORDER:1px dashed #E15524; MARGIN:5px 20px;}
.inputForm {CLEAR:both; PADDING:2px 0; VERTICAL-ALIGN:top; MARGIN:5px 0;}
.inputForm50h {CLEAR:both; PADDING:2px 0; VERTICAL-ALIGN:bottom; MARGIN:50px 0 5px 0;}
.label {DISPLAY:block; FLOAT:left; WIDTH:125px; TEXT-ALIGN:left; FONT-WEIGHT:bold; VERTICAL-ALIGN:bottom;}
.field {WIDTH:300px; TEXT-ALIGN:left; VERTICAL-ALIGN:bottom;}
.labelLong {DISPLAY:block; FLOAT:left; WIDTH:200px; TEXT-ALIGN:left; FONT-WEIGHT:bold;}
.fieldLong {WIDTH:300px; TEXT-ALIGN:left;}
.fieldreq {WIDTH:300px; TEXT-ALIGN:left; COLOR:#E15524;}
A, A.main {TEXT-DECORATION:none; COLOR:#E15524; OUTLINE:0;}
A:hover, A.main:hover {TEXT-DECORATION:underline; COLOR:#00A6EB;}
A.main {FONT-WEIGHT:bold;}
A.highlight {FONT-SIZE:16px;}
A IMG, A IMG:hover {BORDER:2px solid #FFFFFF;}
A IMG.col {BORDER:1px solid #E15524;}
A IMG.col:hover {BORDER:1px solid #00A6EB;}
A.black {COLOR:#313131; TEXT-DECORATION:none;}
A.black:hover {TEXT-DECORATION:underline;}
P, P.small, P.error, P.right, .left {LINE-HEIGHT:150%; MARGIN:5px 0 5px 10px;}
P.small, .smallText, P.description {FONT-SIZE:12px;}
P.description {PADDING:0 0 5px 0; MARGIN:0 0 5px 0; BORDER-BOTTOM:1px dashed #AAAAAA;}
P.descriptionBox {PADDING:0 0 5px 0; MARGIN:0 25px 5px 0; BORDER-BOTTOM:1px dashed #AAAAAA;}
.right {TEXT-ALIGN:right;}
.left {TEXT-ALIGN:left;}
.center {MARGIN:auto;}
.centered {TEXT-ALIGN:center;}
.top {VERTICAL-ALIGN:top;}
.orange {COLOR:#E15224;}
.error {COLOR:#E15224; FONT-WEIGHT:bold;}
.bold {FONT-WEIGHT:bold;}
UL.categories {MARGIN:0 6px 0 0; PADDING:0;}
UL.categories LI {MARGIN:0 20px 0 0; PADDING:1px; LIST-STYLE:none; BORDER:1px solid #FFFFFF;}
UL.categories LI:hover {BORDER:1px solid #E15524;}
UL.categories LI IMG {MARGIN:0 0 0 2px;}
UL.categories LI A.cats {FONT-SIZE:12px; COLOR:#0080C1; FONT-WEIGHT:bold;}
.linkList {LIST-STYLE-IMAGE:url(img/arrow_green.gif); LIST-STYLE-TYPE:none;}
.linkList LI {PADDING:2px 0;}
INPUT[type=image] {TOP:5px; LEFT:5px; POSITION:relative; BORDER:0;}
INPUT, INPUT[type=text], INPUT[type=password], INPUT[type=radio], SELECT, TEXTAREA {TOP:0px; LEFT:0px; POSITION:relative; BORDER:1px solid #F0AA91; PADDING:2px;}
TEXTAREA {WIDTH:680px; MARGIN:0 20px; PADDING:2px;}
/* Highslide */
.highslide {CURSOR:url(highslide/graphics/zoomin.cur), pointer; OUTLINE:none;}
.highslide-active-anchor IMG {VISIBILITY:hidden;}
.highslide IMG {BORDER:2px solid white;}
.highslide:hover IMG {BORDER:2px dotted #E15524;}
.highslide-wrapper {BACKGROUND:white;}
.highslide-image {BORDER:2px solid white;}
.highslide-image-blur {}
.highslide-caption {DISPLAY:none; BORDER:2px solid white; BORDER-TOP:none; FONT-SIZE:10px; PADDING:5px; BACKGROUND:white;}
.highslide-loading {DISPLAY:block; COLOR:black; FONT-WEIGHT:bold; TEXT-DECORATION:none; PADDING:2px; BORDER:1px solid black;
 BACKGROUND:white url(highslide/graphics/loader.white.gif) no-repeat 3px 1px; PADDING-LEFT:22px;}
A.highslide-credits, A.highslide-credits I {PADDING:2px; COLOR:silver; TEXT-DECORATION:none; FONT-SIZE:10px;}
A.highslide-credits:hover, A.highslide-credits:hover I {COLOR:white; BACKGROUND:gray;}
A.highslide-full-expand {BACKGROUND: url(highslide/graphics/fullexpand.gif) no-repeat; DISPLAY:block; MARGIN:0 10px 10px 0; WIDTH:34px; HEIGHT:34px;}
/* These must always be last */
.highslide-display-block {DISPLAY:block;}
.highslide-display-none {DISPLAY:none;}