/* Farbwerte
*	Hintergrund:	#FFFFFF
*	Normaler Text:	#5D5D5D
*	#B8C2CC
*/

html{
    height: 100%;
    width: 100%;
}

body{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color:#323232;
    font-weight: normal;
    height: 101%;
    width: 100%;
    margin: 0px;
    background-color: #FFFFFF;
    line-height:15px;
}


p {
    margin: 10px 0px 10px 0px;
}
ul {
    padding:  0px  4px  0px 18px;
    margin: 0px ;
}
li {
    list-style-image: url(../images/ws/bg/bg_listArrow.gif);
    list-style-position: outside;
    list-style-type: none;
    padding:2px 0px 2px 0px;
    margin:0px;
    vertical-align : top;
}

form {
    margin:0px;
    padding:0px;
}
input {
    background-color:#FAFAFA;
    border:1px solid #B8C2CC;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:10px;
    height:16px;
    padding: 3px 5px 1px 5px;
    color:#0A0A0A;
}
input.imgButton {
    background-color: transparent;
    border: 0px;
    height: 20px;
}
input.prodPriceNormal {
    background-color:#4D6580;
    border:0px solid #4D6580;
    border-style : none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:17px;
    font-weight:bold;
    text-align:right;
    color:#FFFFFF;
    width:70px;
    height:20px;
    padding:0px 2px 0px 2px;
}

input.prodPriceOld{
    background-color:#4D6580;
    border:0px solid #4D6580;
    border-style : none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:16px;
    font-weight:bold;
    text-align:right;
    text-decoration:line-through;
    color:#FFFFFF;
    width:70px;
    height:20px;
    padding:0px 2px 0px 2px;
}
input.prodPriceUVP{
    background-color:#4D6580;
    border:0px solid #4D6580;
    border-style : none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    text-align:right;
    color:#FFFFFF;
    width:70px;
    height:20px;
    padding:0px 2px 0px 2px;
}

input.prodPriceDiff{
    background-color:#4D6580;
    border:0px solid #4D6580;
    border-style : none;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-align:right;
    color:#FFFFFF;
    width:70px;
    height:16px;
    padding:0px 2px 0px 2px;
}

input.prodNo {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background-color:#E6E6E6;
    border:0px solid #4D6580;
    border-style : none;
    font-size : 11px;
    font-style : italic;
    color:#323232;
    width:70px;
    height:14px;
    padding:0px 2px 0px 2px;
}
input.blindPic {
    border:0px;height:0px;cursor:default;background-color:#FFFFFF;
}

textarea {
    background-color:#FAFAFA;
    border:1px solid #B8C2CC;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:10px;

}
select {
    background-color:#FAFAFA;
    border:1px solid #B8C2CC;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:10px;
    width:173px;
    height:20px;
    padding: 3px 0px 0px 0px;
}

/* Formatierung einer Box */
.boxContent {
    width:640px;
    float:left;
    padding:0px;
    margin:0px 0px 25px 0px;
}

.boxProd {
    border:1px solid #DCDCDC;
    padding:0px  ;
    width: 638px;
    float:left;
}
.boxProdTitle {
    background-color : #FFFFFF;
    border:1px solid #DCDCDC;
    position:relative;
    top:-15px;
    color:#141414;
    text-transform : uppercase;
    text-align: center;
    font-size:12px;
    font-weight: bold;
    height:13px;
    padding: 4px 5px 6px 5px;
    margin: 0px 100px 0px 100px;
}
.boxProdContent {
    background-color:#FFFFFF;
    position:relative;
    top:0px;
    width:588px;
    float:left;
    padding:0px 25px 0px 25px;
    margin:0px;
}
.boxProdHeader {
    background-color:#4D6580;
    width:560px;
    height:15px;
    float:left;
    padding: 5px 15px 5px 15px;
    text-transform:uppercase;
    font-weight:bold;
    color:#FFFFFF;
}
.boxProdText {
    width:590px;
    float:left;
    padding:15px 0px 15px 0px;
}
.boxProdBottom {
    background-image:url(../images/ws/bg/bg_dot_vertical.gif);
    background-repeat:repeat-x;
    background-position:top;
    width:590px;
    float:left;
    padding:20px 0px 20px 0px;
    text-align:right;
}


.boxProdBig {
    position:relative;
    top:-10px;
    z-index:1;
    border:1px solid #DCDCDC;
    width: 848px;
    float:left;
    padding: 30px 25px 30px 25px;

}
.boxProdBigTitleBG {
    position:relative;
    top:0px;
    width:848px;
    float:left;
    padding:0px 25px 0px 25px;
    z-index:2;

}
.boxProdBigTitle {
    background-image: url(../images/ws/bg/bg_navi_grey.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-color : #FFFFFF;
    border: 1px solid #B8C2CC;
    padding: 2px 12px 1px 22px;
    margin:0px;
    height:14px;
    float: left;
    z-index:3;
    text-transform:uppercase;
    text-decoration : none;
    font-weight: normal;
    color: #5D5D5D;
}
.boxProdBigTitleSel {
    background-image: url(../images/ws/bg/bg_navi_red.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: 1px solid #B8C2CC;
    text-transform:uppercase;
    text-decoration : none;
    font-weight: bold;
    color: #5D5D5D;
    padding: 2px 12px 1px 22px;
    margin:0px;
    height:14px;
    float: left;
}
.boxProdBigTitleSel a {
    text-transform:uppercase;
    text-decoration : none;
    font-weight: bold;
    color: #5D5D5D;
}

.boxProdBigTitleActive {
    background-image: url(../images/ws/bg/bg_navi_black.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    border: 1px solid #B8C2CC;
    text-transform:uppercase;
    text-decoration : none;
    font-weight: bold;
    color: #5D5D5D;
    padding: 2px 12px 1px 22px;
    margin:0px;
    height:14px;
    float: left;
}
.boxProdBigTitleActive a {
    text-transform:uppercase;
    text-decoration : none;
    font-weight: bold;
    color: #5D5D5D;
}
.boxProdBigHeader {
    width:833px;
    height:15px;
    float:left;
    padding: 5px 0px 5px 15px;
    text-transform:uppercase;
    font-weight:bold;
    background-color:#4D6580;
    color:#FFFFFF;
}
.boxProdBigText {
    width:848px;
    float:left;
    padding:15px 0px 15px 0px;
}

.boxProdBigBottom {
    width:848px;
    float:left;
    padding: 25px 0px 20px 0px;
    text-align:right;
    background-image:url(../images/ws/bg/bg_dot_vertical.gif);
    background-repeat:repeat-x;
    background-position:top;
}

.boxProdSmallTitle {
    background-color : #FFFFFF;
    border:1px solid #DCDCDC;
    position:relative;
    top:-15px;
    color:#141414;
    text-transform : uppercase;
    text-align: center;
    font-size:12px;
    font-weight: bold;
    height:15px;
    padding: 3px 5px 5px 5px;
    margin: 0px 15px 0px 15px;

}

.boxInput {
    width:300px;
    float:left;
    padding: 5px 0px 5px 0px;
}

.label {
    width:95px;
    float:left;
    padding:4px 15px 3px 0px;
    text-align:right;
}
.input {
    width:175px;
    float:left;
    padding:0px 15px 0px 0px;
    text-align:left;
}

.inputTXT {
    width:175px;
    float:left;
    padding:4px 15px 3px 0px;

}

/* Textattribute */
.title {
    background-color: #FFFFFF;
    border: 1px solid #B8C2CC;
    height: 18px;
    width: 158px;
    float: left;
    text-align: center;
    font-weight: bold;
}

.bottom {
    font-family: Verdana;
    font-size : 10px;
    color: #9C9C9C;
    text-decoration : none;
    padding:5px 0px 5px 0px;
}

/* Navigationselemente */
.naviMain {
    width: 175px;
    height:112px;
    float: left;
    margin:0px;
    padding:0px;
    text-align:center;
}

.naviPic {
    width:150px;
    float:left;
    padding: 0px 12.5px 0px 12.5px;
    margin: 1px 0px 0px 0px;
}
.naviPicLeft {
    width:150px;
    float:left;
    padding: 0px 12.5px 0px 25px;
    margin: 1px 0px 0px 0px;
}
.naviPicRight {
    width:150px;
    float:left;
    padding: 0px 25px 0px 12.5px;
    margin: 1px 0px 0px 0px;
}
.naviTitle {
    width:150px;
    float:left;
    padding: 4px 12.5px 4px 12.5px;
    margin: 0px 0px 0px 0px;

    text-decoration : none;
    text-transform : uppercase;
    text-align: center;

    font-family : Verdana;
    font-size:12px;
    font-weight: bold;
    color: #5D5D5D;
    cursor:pointer;
}
.naviTitleLeft {
    width:150px;
    float:left;
    padding: 4px 12.5px 4px 25px;
    margin: 0px 0px 0px 0px;
    text-decoration : none;
    text-transform : uppercase;
    text-align: center;
    font-family : Verdana;
    font-size:12px;
    font-weight: bold;
    color: #5D5D5D;
    cursor:pointer;
}
.naviTitleRight {
    width:150px;
    float:left;
    padding: 4px 25px 4px 12.5px;
    margin: 0px 0px 0px 0px;
    text-decoration : none;
    text-transform : uppercase;
    text-align: center;
    font-family : Verdana;
    font-size:12px;
    font-weight: bold;
    color: #5D5D5D;
    cursor:pointer;
}


a.sub {

    border:0px;
    padding:0px;
    margin:0px;
    text-transform : uppercase;
    font-family : Verdana;
    font-size : 12px;
    font-weight:bold;
    color:#FFFFFF;
}
/* Bildattribute */
img {
    border : none;
    margin: 0px;
    padding : 0px;
}

img.imgList {
    border: 0px solid #000781;
    margin: 6px;
    float:left;
}

/* Formulareigenschaften */
label.errHilite {
    color: #E52E2E;
    background-color: #B8C2CC;
}

/* Linkauszeichnungen */
a {
    color: #4D6580;
    text-decoration: none;
}
a:hover {
    color: #B8C2CC;
    text-decoration: none;
}

.butBlue {
    background-image:url(../images/ws/bg/bg_butBlue.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    border:1px solid #A1AAB3;
    font-size:10px;
    font-weight:bold;
    text-align:center;
    color:#323232;
    height:12px;
    padding:3px 5px 3px 5px;
    text-transform : capitalize;
}

/* Gestaltungselemente */

/* Breitenausrichtungen */

/* Höhenausrichtungen */

/*Hintergrundgestaltung */