/** Allgemeines **/
body    { margin:0px; }
.footerHDBT
{ 
    font-family: arial; 
    font-size: 10px;
    color: #204582;
    text-align: right;
    padding: 5px;
    padding-right:15px;
    padding-top: 0px;
    height: 45px;
    background-image: url(images/BGfooter.gif);
    background-repeat: repeat-x;
}
a.footerLink
{
    text-decoration: none;
    color: #204582;
}
a:hover.footerLink
{
    text-decoration: underline;
    color: #204582;
}






.content
{
    font-family: Verdana;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
}
table
{
    font-family: Verdana;
    font-size: 11px;
    color: #2E2E2E;
}

h1
{
	font-family:Arial, Helvetica;
	color: #5B5B5B;
	font-size:18px;
	font-weight:bold;
	margin-top: 6px;
}
h2
{
	font-family:Arial, Helvetica;
	color:#2E2E2E;
	font-size:16px;
	font-weight:bold;
	margin-bottom:1px;
}
a
{
    font-size:12px;
	text-decoration: underline;
    color: #7882A9;
}
a:hover
{
    font-size:12px;
	text-decoration: underline;
    color: #01428A;
}



/** CONTENT FÜR INTRANTE DER WEBSITE ANGEPASST **/
.intraContent
{
    position:               relative;
    display: block;
    padding-top:            14px;
    padding-left:           15px;
    padding-right:          15px;
    font-family:            arial;
    font-size:              12px;
    line-height:            18px;
    color:                  #5B5B5B;
    min-height:             450px;
    width:                  96%;
}
.intraNewsTeaser
{
    position:               relative;
    text-align:             left;
}
.intraNews
{
    background-color:       #EFEFEF;
    padding:                10px;
    border:                 solid 1px #828282;
    border-right: 0px;
    color:                  #222222;
    margin-top:             5px;
}
.intraNewsHeader
{
    margin-top:             12px;
    padding:                6px;
    padding-left:           10px;
    display:                block;
    background-image:       url(images/newsteaserHeadline.jpg);
    background-repeat:      repeat-x;
    color:                  #222222;
    font-weight:            bold;
    border:                 solid 1px #828282;
    border-right:           0px;
}
.newsDatum
{
}
.newsMore
{
    font-weight: bold;
}
.newsMore a
{
    color:                  #222222;
    font-weight:            bold;
    text-decoration:        none;
}
.newsMore a:hover
{
    color:                  #222222;
    font-weight:            bold;
    text-decoration:        underline;
}
.newsHeadline
{
    font-weight: bold;
}


/** Header-Farbe **/
.headerColor
{
    background-color: #F9F9F9;
    border-bottom: solid 2px #9D9E9F;
}


/** Farbe der Footer-Trennlinie **/
.footerColor
{ background-color: transparent; }


/** Trennlinie zwischen den Webparts- und dem Content-Bereich **/
.trennerLinie1
{
    background-image: url(images/trennerLinie.gif);
    background-repeat: repeat-y;
}
.trennerLinie2
{
    background-image: url(images/trennerLinie2.gif);
    background-repeat: repeat-y;
}




/** WebPart links **/
.WPleft
{ }


/** WebPart rechts **/
.WPright
{ }


/** CSS für die LinkBox **/
.linkBox
{
    display: block; 
    width: 550px; 
    border: solid 1px #2E2E2E; 
    padding: 10px;
}




/** GALLERY-CSS **/
.hypGalleryImageThumb
{
    border: solid 1px #A3A3A3;
    vertical-align: middle;
}

.tabGalleryTable
{
    width: 10px;
}

.tabGalleryCell
{
    border: solid 1px #2E2E2E;
    background-color: #E6E6E6;
    padding: 7px;
    vertical-align: bottom;
    text-align: center;
}

.hypImageName
{
    display: block;
    padding: 4px;
    font-family: Verdana;
    font-size: 10px;
    border: solid 1px #A3A3A3;
    background-color: #EFEFEF;
}

.tabGalleryImage
{
    border: solid 1px #2E2E2E;
    padding: 2px;
    vertical-align: middle;
    text-align: center;
}




/** CHANGEREQUEST **/
.changerequest
{
    width: 412px;
}
.changerequest2
{
    width: 412px;
    height: 100px;
}
.formCR
{
    border: solid 1px #A3A3A3; 
    width: 500px; 
    padding: 20px;
}



/** FORMULARE **/
.formTB
{
    width: 388px;
    height: 18px;
    
}
.formTA
{
    width: 450px;
    height: 50px;
    
}




/** RechteEditor **/
.RE_Hyperlink
{
    padding: 4px;
    color: #000000;
    width: 100%;
    border-bottom: solid 1px #E6E6E6;
}
a.RE_Hyperlink
{
    text-decoration: none;
    color: #000000;
}
a:hover.RE_Hyperlink
{
    text-decoration: underline;
    color: #000000;
    background-color: #E6E6E6;
}
.RE_DDL
{
    padding: 2px;
    color: #000000;
    width: 250px;
    border-bottom: solid 1px #E6E6E6;
}
.RE_Div
{
    padding: 10px;
    padding-left: 22px;
}

a.RE_Button
{
    border: solid 1px #A3A3A3;
    background-color: #E6E6E6;
    text-align: center;
    width: 250px;
    padding: 4px; 
    margin-top: 10px; 
    color: #000000;  
    text-decoration: none;
    font-weight: bold;
}
a:hover.RE_Button
{
    border: solid 1px #A3A3A3;
    background-color: #CDCDCD;
    text-align: center;
    width: 250px;
    padding: 4px; 
    margin-top: 10px; 
    color: #000000;  
    text-decoration: none;
    font-weight: bold;
}




/** BUTTON-RIGHTSEDITOR **/
.ButtonModulYes
{ 
    font-family: arial, geneva, Arial;
    font-weight: bold; 
    font-size: 11px;
    padding-left: 2px;
}
.ButtonModulNo
{ 
    font-family: arial, geneva, Arial;
    font-weight: normal;
    color: #A3A3A3; 
    font-size: 11px;
    padding-left: 2px;
}
.BE_TabHeader
{
    background-color: #A3A3A3;
    color: #FFFFFF;
    padding: 4px;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
}
.BE_TabHeader2
{
    background-color: #A3A3A3;
    color: #FFFFFF;
    padding: 4px;
    font-weight: bold;
    font-size: 10px;
    text-align: center;
    width: 140px;
}
.BE_Div
{
    padding: 6px;
}
.BE_Table
{
    width: 430px;
}
.BE_Line
{
    height: 1px;
    background-color: #A3A3A3;
}
.BE_CellCB
{
    text-align: center;
}
.BE_ModulCell
{
    font-size: 10px;
}
.BE_Button
{
    border: solid 1px #A3A3A3;
    background-color: #E6E6E6;
    text-align: center;
    width: 100%;
    padding: 4px; 
    margin-top: 10px; 
    color: #000000;  
    text-decoration: none;
    font-weight: bold;
}
a:hover.BE_Button
{
    border: solid 1px #A3A3A3;
    background-color: #CDCDCD;
    text-align: center;
    width: 100%;
    padding: 4px; 
    margin-top: 10px; 
    color: #000000;  
    text-decoration: none;
    font-weight: bold;
}
.BE_Headline
{
    font-size: 12px;
    font-weight: bold;
    background-color: #939393;
    padding: 6px;
    color: #FFFFFF;
    border: solid 1px #000000;
}
.BE_actionsHeadline
{
    width: 100%;
    border: solid 1px #000000;
    background-color: #CDCDCD;
    padding: 6px;
    padding-bottom: 0px; 
    font-size: 10px;
}






/** SEITENRECHTE-MATRIX **/
.SRM_Container
{
    padding: 10px;
    border: solid 1px #000000;
    background-color: #CDCDCD;
    width: 500px;
    font-size: 11px;      
}
.SRM_Table
{    
    width: 100%;
    font-size: 11px;
}
.SRM_Textbox
{
    width: 350px;
    height: 20px;
    font-size: 11px;
    padding-left: 4px;
}
.SRM_Button
{
    width: 350px;
    height: 26px;
    font-size: 11px;
    padding-left: 4px;
    font-weight: bold;
}
.SRM_TD1
{
    font-size: 11px;
    background-color: #FEFEFE;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.SRM_TD2
{
    font-size: 11px;
    background-color: #EFEFEF;
    padding-left: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}
.SRM_header
{
    border: solid 1px #000000;
    background-color: #EFEFEF;
    padding: 6px;
    font-size: 12px;
    font-weight: bold;
    vertical-align: middle ;
}






.tab1
{
    width: 120px; 
    background-image: url(images/bgOverview2.gif);
    border-right: solid 1px #A3A3A3; 
    border-bottom: dotted 1px #A3A3A3;
    font-size: 11px;
}
.tab2
{
    font-size: 11px;
    border-bottom: dotted 1px #A3A3A3;
    vertical-align: top;
    width: 225px; 
}
.tabCenter
{
    border-bottom: dotted 1px #A3A3A3;
    width: 10px;
    vertical-align: top;
}

.tabStyle {
    background-color: #444444;
    background-image: url(images/bgTabStyle.gif);
    background-repeat: repeat-x;
    color: #222222;
    padding:3px;
    border: solid 1px #A3A3A3;
    text-align: left;
    text-indent: 2px;
}
.tabStyle2 {
    background-color: #444444;
    background-image: url(images/bgTabStyle.gif);
    background-repeat: repeat-x;
    color: #222222;
    padding:3px;
    border: solid 1px #A3A3A3;
    text-align: left;
    text-indent: 2px;
    font-size: 12px;
}
.tabCell1 {
    text-align: center;  
    border-bottom: dotted 1px #A3A3A3;  
}
.tabCell2 {
    text-align: left;
    padding: 4px;
    border-bottom: dotted 1px #A3A3A3;
}

/** LISTEN & EDIT FORMS **/
.editFormTable
{
    border: solid 1px #A3A3A3;
    background-color: #FFFFFF;
    font-size: 11px;
}


.editFormHeader
{
    background-color: #EFEFEF;
    border-bottom: solid 1px #A3A3A3;  
}

input.tbEditForm
{
    width: 200px;
    font-family: Verdana;
    font-size: 11px;
}
textarea.taEditForm
{
    width: 497px;
    height: 50px;
    font-family: Verdana;
    font-size: 11px;
}
select.tbEditForm
{
    width: 208px;
    font-family: Verdana;
    font-size: 11px;
}
input.tbEditFormPLZ
{
    width: 45px;
    font-family: Verdana;
    font-size: 11px;
}
input.tbEditFormLand
{
    width: 25px;
    font-family: Verdana;
    font-size: 11px;
}
input.tbEditFormOrt
{
    width: 112px;
    font-family: Verdana;
    font-size: 11px;
}
.ddlAdresse
{
    width: 505px;
    font-family: Verdana;
    font-size: 11px;
}
input.tbEditFormAnzahl
{
    width: 100px;
    font-family: Verdana;
    font-size: 11px;
}
select.tbEditFormAnzahl
{
    width: 90px;
    font-family: Verdana;
    font-size: 11px;
}





input.tbEditForm2
{
    width: 150px;
    font-family: Verdana;
    font-size: 11px;
}
select.tbEditForm2
{
    width: 40px;
    font-family: Verdana;
    font-size: 11px;
}
textarea.taEditForm2
{
    width: 460px;
    height: 50px;
    font-family: Verdana;
    font-size: 11px;
}
textarea.taEditForm3
{
    width: 500px;
    height: 30px;
    font-family: Verdana;
    font-size: 11px;
}
textarea.taEditForm4
{
    width: 530px;
    height: 30px;
    font-family: Verdana;
    font-size: 11px;
}
textarea.taEditForm5
{
    width: 500px;
    height: 30px;
    font-family: Verdana;
    font-size: 11px;
}
textarea.taEditForm6
{
    width: 530px;
    height: 50px;
    font-family: Verdana;
    font-size: 11px;
}
textarea.taEditForm7
{
    width: 530px;
    height: 100px;
    font-family: Verdana;
    font-size: 11px;
}
input.tbEditForm5
{
    width: 530px;
    font-family: Verdana;
    font-size: 11px;
}
.tbAsLabel
{
    border: 0px;
}



a.button 
{
    background-image: url(images/bgButton.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    color: #000000;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    border: solid 1px #A0A0A0;
    position: relative;
}
a:hover.button 
{
    background-image: url(images/bgButton2.gif);
    background-repeat: repeat-x;
    font-size: 11px;
    color: #000000;
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    border: solid 1px #A0A0A0;
    position: relative;
}




/** Hyperlink für Tooltips im Grid!!!!! **/
a.gridLinkTooltip, a:hover.gridLinkTooltip
{
    text-decoration: none;
}



/** TERMINE-LISTE **/
.newsList
{
    width: 100%;
    font-family: Arial;
    font-size: 12px;
}
.newsList table td
{
font-family: Arial;
    font-size: 12px;
}
.newsLink
{
    font-family: Arial;
    font-size: 12px;
}
.backButton
{
font-family: Arial;
    font-size: 12px;
}



/** ===== ARTICLE LIST ===== **/
table.articleList 
{
    display: block;
    position: relative;    
    width: 630px;
    margin-top: 15px;
    margin-bottom: 15px;     
}
div.articleListSeperator 
{
    display: block;
    height: 1px;
    width: 602px;
    border-top: solid 1px #A3A3A3;
}
table.articleList td  a { outline: none; }
a.articleListProduct 
{
    display: block;
    width: 150px;

    background-image: url(../images/bgProductContainer.jpg);
    background-repeat: no-repeat;
    margin-right: 20px;
    float: left;
    border: solid 1px #A3A3A3;
}


div.articleListInformation 
{
    display: block;
    width: 430px;
    float: left;
    color: #000;
    padding-top: 0px;
}

div.articleListInformation h1 
{
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
    margin-top: 0;
    text-decoration: none;
    font-size: 14px;
    background-color: #EFEFEF;
    padding: 4px;
}
div.articleListInformation h2 
{
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
    text-decoration: none;
    font-size: 14px;
}
div.articleListInformation a:hover.articleHeadline 
{ text-decoration: underline; }


div.searchHeader 
{
    background-color: #EBF7FC;
    border-bottom: solid 1px #3287CA;
    padding: 7px;
    margin-bottom: 10px;
}

div.articleListInformation div.versand
{
    font-size: 10px;
    margin: 0;
}
a.articlePDFdownload
{
    display: block;
    color: #000;
    text-decoration: none;
    background: url(images/iconPDFdownload.gif) no-repeat;
    height: 16px;
    padding-left: 22px;
    margin-top: 4px;
    outline: none;
    width: 110px;
    font-size: 11px;
}
a:hover.articlePDFdownload
{
    text-decoration: underline;
}
 



/** ===== CART ===== **/
table.cartTable td.cartHeader1
{
    width: 60px;
    background-color: #EFEFEF;
    padding: 5px;
    padding-left: 10px;
    color: #000;
    font-weight: bold;
    border-bottom: solid 1px #A3A3A3;
    font-size: 13px;
}
table.cartTable td.cartHeader2
{
    width: 330px;
    background-color: #EFEFEF;
    text-align: center;
    color: #000;
    font-weight: bold;
    border-right: solid 1px #FFF;
    border-bottom: solid 1px #A3A3A3 !important;
    font-size: 13px;
}
table.cartTable td.cartHeader3
{
    width: 86px;
    background-color: #EFEFEF;
    color: #000;
    padding: 5px;
    font-weight: bold;
    border-right: solid 1px #FFF;
    text-align: center;
    border-bottom: solid 1px #A3A3A3;
    font-size: 13px;
}
table.cartTable td.cartHeader4
{
    width: 74px;
    background-color: #EFEFEF;
    padding-right: 10px;
    color: #000;
    font-weight: bold;
    border-right: solid 1px #FFF;
    text-align: right;
    border-bottom: solid 1px #A3A3A3;
    font-size: 13px;
}
table.cartTable td.cartHeader5
{
    width: 75px;
    background-color: #EFEFEF;
    padding-right: 10px;
    color: #000;
    font-weight: bold;
    text-align: right;
    border-bottom: solid 1px #A3A3A3;
    font-size: 13px;
}
table.cartTable td.cartContent1,
table.cartTable td.cartContent2,
table.cartTable td.cartContent3,
table.cartTable td.cartContent4,
table.cartTable td.cartContent5
{
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative;
    line-height: normal;
    font-size: 13px;
}
table.cartTable td.cartContent2 div 
{
    display: block;
    width: 274px;
    position: relative;
    padding-right: 20px;
}
table.cartTable td.cartContent2 div h1
{
    font-size: 16px;
    margin: 0 !important;
}
table.cartTable td.cartContent2 input.deleteProduct 
{
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/icon_remove.png) no-repeat;
    position: absolute;
    top: 0px; 
    right: 0px;
    cursor: pointer;
}
table.cartTable td.cartContent2 div a.cartContent2Headline
{
    display: block;
    color: #3287CA;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 6px;
}
table.cartTable td.cartContent2 div a:hover.cartContent2Headline
{
    color: #3287CA;
    text-decoration: underline;
    font-weight: bold;
}
table.cartTable td.cartContent3
{
    text-align: center;
}
table.cartTable td.cartContent4,
table.cartTable td.cartContent5 
{
    text-align: right;
    padding-right: 10px;
}
table.cartTable td.cartContent1 img.cartProductImage 
{
    border: solid 1px #A3A3A3 !important;
    margin-left: 5px;
}
table.cartTable div.cartSeperator
{
    display: block;
    height: 1px;
    border-bottom: dotted 1px #A3A3A3;
}
table.cartTable td.cartFooter1 
{
    padding: 10px;
    background-color: #EFEFEF;
    color: #000;
    border-top: solid 1px #A3A3A3;
    font-size: 13px;
}
table.cartTable td.cartFooter2 
{
    padding: 10px;
    background-color: #EFEFEF;
    text-align: right;
    color: #000;
    border-top: solid 1px #A3A3A3;
    font-weight: bold;
    font-size: 13px;
}
input.articleCountMinus 
{
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    float: left;
    outline: none;
}
div.articleCount 
{
    display: block;
    width: 40px;
    height: 16px;
    float: left;
    font-weight: bold;
    font-size: 13px;
}
input.articleCountPlus
{
    display: block;
    width: 16px;
    height: 16px;
    float: left;
    outline: none;
}