/*NEU SPÄTER BEI DER S2 HINZUFÜGEN BZW ANPASSEN*/

/*ENDE NEU*/

* {margin: 0; padding: 0;}

body {
height: 100%;
width: 100%;
background: #FFF url(../Bilder/html/bdbg.jpg) repeat-y left;
color: #000;
}

#screen {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: transparent url(../Bilder/html/left.jpg) no-repeat 0 0;
}

#navigation {
position: absolute;
left: 131px;
top: 0px;
width: 199px;
float: left;
display: inline;
background: transparent url(../Bilder/html/mflogo.jpg) no-repeat 12px 28px;
}

#content {
position: absolute;
margin: 194px auto auto 22px;
left: 330px;
top: 0px;
width: 720px;
display: inline;
float: left;
background: transparent url(../Bilder/html/right.jpg) repeat-y right top;
}

#navbar {
width: 164px;
position: relative;
margin: 194px 13px 8px;
overflow: hidden;
}

#navbar ul {
list-style-type: none;
list-style-position: inside;
border-bottom: 1px dotted #717171;
}

.menuLink, .activeLink {
height: 16px;
width: 154px;
padding-left: 10px;
padding-top: 4px;
background: #FFF url(../Bilder/html/lbg.jpg) no-repeat;
font-family: Arial, sans-serif;
font-size: 8pt;
font-weight: bolder;
display: block;
text-decoration: none;
color: #959595;

}

.menuLink:hover , .activeLink {
background: #006599 url(../Bilder/html/lbga.jpg) no-repeat;
color: #FFF;
}


#news {
margin-top: 18px;
margin-left: 13px;
width: 164px;
position: relative;
background: transparent url(../Bilder/html/news2.jpg) no-repeat 0px 24px;
border-top: 1px dotted #717171;
}

#news ul {
padding: 0;
margin: 150px 0 8px;
list-style-type: none;
}

#news .newsDate, #news .newsData {
font-family: Arial, sans-serif;
font-size: 8pt;
font-weight: bold;
color: #717171;

}

#news .newsData {
font-weight: normal;
color: #6C6C6C;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dotted #717171;
}

#maillist {
position: relative;
width: 165px;
height: 41px;
background: #FFF url(../Bilder/html/mailistng.jpg);
margin: 18px 13px;
color: #000;
}

#mailInput {
position: absolute;
left: 11px;
top: 16px;
color: #006699;
font-family: Arial, sans-serif;
font-size: 9px;
border: 1px solid #006699;
background-color: #FFFFFF;
height: 12px;
width: 101px;
float:right;
font-weight:bold;
}

#mailSubmit {
position: absolute;
top: 16px;
left: 113px;
background: #006599 url(../Bilder/html/buttons/submit.gif) no-repeat;
height: 14px;
width: 46px;
}

#maillist img {
position: absolute;
top: 5px;
left: 11px;
}


#contentHeader {
height: 58px;
border-bottom: 1px dotted #717171;
width: 675px;
}

H1, H2 {
position: relative;
display: block;
float: none;
font-family: Arial, sans-serif;
font-size: 9pt;
font-weight: bold;
color: #6D6D6D;

z-index: 1;
}

H3 {
position: relative;
display: block;
float: left;
font-family: Arial, sans-serif;
font-size: 26pt;
font-weight: bolder;
color: #C9C9C9;
margin-top: -5px;
margin-right: 13px;
padding: 0;

z-index: 2;
}


/***********************************/
/***********************************/
/************CONTENT NR3************/
#content p {
font-family: Arial, sans-serif;
}

#contentBody {
width: 645px;
}

.headLineRed,.headLineDark,.headLineLight {
font-size: 10px;
font-weight: 700;
}

.headLineRed {
position: relative;
float: left;
color: #D70000;

}

.headLineDark {

color: #6C6C6C;
}

.headLineLight {

color: #898989;
}

.blockHead,.blockText {
font-size: 8pt;
color: #6C6C6C;

}

.blockHead {
margin-top: 13px;
font-weight: bold;
}


/***********************************/
/************CONTENT NR4************/
/**********PRODUCT LISTING**********/

.inputValues {
display: none;
}

.item,.itemNew, .itemPicture, .itemNr,.itemName,.itemSubline,.itemDescription,.itemChoose,.itemRacing {
font-family: Arial, sans-serif;
font-size: 10px;
background: tranparent;
border: 0;
}

.item {
position: relative;
width: 675px;
height: 196px;
padding-bottom: 10px;
margin-top: 10px;
border-bottom: 1px dotted #717171;
}

.item input, .itemNew input, .item textarea, .itemNew textarea {
background: #F5E6E6;
}

.itemSetPicSmall {
width: 100px;
color: #006599;
font-weight: 700;
font-size: 11px;
text-decoration: underline;
cursor: pointer;
}

.itemToggleType {
width: 100px;
color: #006599;
font-weight: 700;
font-size: 11px;
text-decoration: underline;
cursor: pointer;
}

 .itemToogleShow {
width: 100px;
color: #006599;
font-weight: 700;
font-size: 11px;
text-decoration: underline;
cursor: pointer;
} 

.itemNew {
position: relative;
width: 675px;
height: 196px;
padding-bottom: 10px;
margin-top: 10px;
border-bottom: 1px dotted #717171;
background: #E6F0F5;
}

.itemOptions {
display: none;
width: 401px;
}

.itemRacing {
position: relative;
width: 675px;
height: 196px;
padding-bottom: 10px;
margin-top: 10px;
border-bottom: 1px dotted #717171;
background: #FFE0CC;
}

.itemToggleOptions {
width: 100px;
position: absolute;
bottom: 10px;
right: 248px;
color: #006599;
font-weight: 700;
font-size: 11px;
text-align: right;
text-decoration: underline;
cursor: pointer;
}

.itemPictureHover,.itemPicture {
position: absolute;
top: 0px;
right: 0px;
width: 242px;
height: 195px;
}

.itemPictureHover {
display: block;
background: transparent url(../Bilder/html/bildfr.gif) no-repeat;
cursor: pointer;

}

.itemNr {
float: left;
display: inline;
color: #D70000;
width: 21px;

}

.itemName {
width: 380px;
color: #6C6C6C;
overflow: hidden;

}

.itemName2 {
width: 336px;
color: #6C6C6C;
overflow: hidden;

}

.itemSubline {
width: 401px;
color: #898989;
overflow: hidden;
margin-bottom: 10px;

}

.itemDescription {
width: 401px;
color: #898989;

}

.itemChoose {
position: absolute;
bottom: 10px;
width: 200px;
color: #D70000;
font-weight: 700;
text-decoration: underline;
left: 0;
}

.itemChoose2 {
position: absolute;
bottom: 10px;
width: 360px;
color: #6C6C6C;
border: 1px dotted #6C6C6C;
background-color: #FFFFFF;
font-family: Arial, sans-serif;
font-size: 10px;
}

.itemChoose3 {
position: absolute;
bottom: 0px;
width: 401px;
color: #6C6C6C;
}

.itemChooseDropDownOption1 {
width: 675px;
color: #000;
background-color: #FFFFFF;
}

.itemChooseDropDownOption2 {
width: 675px;
color: #000;
background-color: #F2F2F2;
}

.itemChooseDropDownOption3 {
width: 675px;
color: #000;
background-color: #e5eff5;
}

.itemArtNr {
float: left;
display: inline;
color: #D70000;
width: 65px;

}



.itemSetPicLarge {
width: 100px;
}

.hidden {
display: none;
}

#shadow {
position: absolute;
display: block;
z-index: 2;
width: 100%;
height: 100%;
opacity: 0;
top: 0;
left: 0;
}

body>#shadow {
position: fixed;
}

#image {
position: absolute;
display: block;
z-index: 3;
left: 50%;
width: 578px;
height: 498px;
background: #006599;
margin-left: -263px;
padding: 4px;
}

body>#image {
position: fixed;
}


#productImage {
border: 1px solid #000;
z-index: 4;
cursor: pointer;
}


#copyright {
position: absolute;
top: 470px;
left: 50%;
width: 550px;
z-index: 5;
margin-left: -263px;
color: #FFF;
font-family: Arial;
font-size: 10pt;
text-align: right;
}

body>#copyright {
position: fixed;
top: 616px;
width: 710;
}

.cPShadow {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
background: #000;
}

#cPList {
position: fixed;
right: 20px;
top: 20px;
width: 66%;
z-index: 3;
height: 95%;
overflow: auto;
}

.cPListPics {
display: inline;
float: left;
margin: 5px;
cursor: pointer;
}

.cPListPics img {
	max-width: 120px;
	max-height: 97px;
	border: 1px solid #000;
}

.cpImgTxt {
font-family: Arial;
font-size: 11px;
text-align: center;
color: #000;
background: #FFF;
border: 1px solid #000;
}

.cpPreview {
position: fixed;
left: 20px;
top: 20px;
width: 242px;
height: 195px;
background: #FFF;
z-index: 5;
border: 1px solid #000;
cursor: pointer;
}

#uplForm {
position: fixed;
left: 20px;
top: 225px;
z-index: 5;
color: #FFF;
font-family: Arial;
font-size: 11px;
width: 242px;
}

#uplForm p {
font-size: 16px;
font-weight: 700;
width: 242px;
border-bottom: 2px solid #FFF;
margin-bottom: 3px;
}

#uplForm label {
display: block;
width: 242px;
}

#uplForm input {
width: 242px;
display: block;
margin-bottom: 4px;
border: 1px solid #000;
background: #FFF;
color: #000;
}

#prevImg {
width: 242px;
height: 195px;
}

.saveItem {
position: absolute;
background: #006599;
color: #FFF;
padding: 2px 20px;
font-size: 12px;
bottom: 10px;
left: 155px;
cursor: pointer;
}

#article {
list-style: none;
}

#saveArticle {
position: relative;
float: right;
bottom: -10px;
}

#saveArticle a {
font-family: Arial;
font-size: 14px;
color: #FF0000;
text-decoration: none;
}

/***********************************/
/***********************************/
/************CONTENT NR5************/
/***************DEALER**************/

#dealer01 {
width: 14px;
}

#dealer02 {
width: 14px;
}

#dealerChooseCountry {
width: 228px;
float: left;
padding-left: 3px;
}

#dealerChooseCity {
padding-left: 3px;
}

#dealer01desc {
float: left;
width: 245px;
}

#dealerFormField01 {
position: absolute;
width: 244px;
top: 101px;
}

#dealerFormField01 select, #dealerFormField02 select, #dealerFormField02 input[type=text] {
color: #6C6C6C;
border: 1px solid #006699;
background-color: #FFFFFF;
font-family: Arial, sans-serif;
font-size: 10px;
}

#dealerFormField01 select {
position: absolute;
width: 150px;
}

#dealerFormField01 input[type=image] {
position: absolute;
top: 1px;
left: 150px;
}

#dealerFormField02 {
position: absolute;
top: 101px;
left: 245px;
}

#dealerFormField02 select {
position: absolute;
width: 125px;
}

#dealerFormField02 input[type=text] {
position: absolute;
left: 130px;
width: 30px;
height: 14px;
}

#dealerFormField02 input[type=image] {
position: absolute;
left: 162px;
top: 1px;
}

#contentDealer {
position: absolute;
width: 675px;
top: 141px;
border-top: 1px dotted #717171
}

#dealerTable {
width: 675px;
font-family: Arial, sans-serif;
font-size: 8pt;
color: #6C6C6C;
}

.dealerPlz {

color: #6C6C6C;
}

.dealerLinks a {
display: block;
color: #D70000;
}

.dealerTr:hover {
background: #F2F2F2;
}

.dealerTr td {
height: 33px;
vertical-align: middle;
}

.contact {
margin-top: 15px;
font-family: Arial, sans-serif;
font-size: 8pt;
color: #6C6C6C;
}

.contact a {
color: #D70000;
}
