html {
    height:100%;
    }
body {
    SCROLLBAR-BASE-COLOR: #3F3F3F;
    SCROLLBAR-ARROW-COLOR: #C0C0C0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    height:100%;
}

body.Content {
    background-image:url(../images/website/main/background.jpg);
    SCROLLBAR-BASE-COLOR: #3F3F3F;
    SCROLLBAR-ARROW-COLOR: #C0C0C0;
    clear:left;
    height:100%;
}

body.Menue {
    margin:0px;
    SCROLLBAR-BASE-COLOR: #3F3F3F;
    SCROLLBAR-ARROW-COLOR: #C0C0C0;
}

body.Head {
    margin:0px;
    background-color: #FE0009;
    background-image: url(../images/website/topframe/header.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

body.Rand {
    padding:0px;
    margin:0px;
    background-color:#FE0009;
    background-image: url(../images/website/main/background_border_normal.jpg);
    background-repeat: repeat-x;
}

div.Content{
    background-image : url(../images/website/main/background.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    width : 760px;
    height: 80%;
    overflow : auto;
    overflow-x: hidden;
    overflow-y: scroll ;
    float: left;

}

div.ContentEcardPreview{
    background-image : url(../images/website/main/background.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    width : 760px;
    overflow : auto;
     overflow-x: hidden;
}

div.Head{
/*	background-color: #D30D1C;*/
    background-color: #FE0009;
    height: 95px;
    width : 760px;
    border-bottom:1px solid #cccccc;
}

td, tr {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal;}

tr.Head {
    background-color:#3E3E3E;
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
    font-size: 11px;
}

tr.HeadLighter {
    background-color:#616060;
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
    font-size: 11px;
}

td.Head {
    background-color:#3E3E3E;
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
    font-size: 11px;
}

td.HeadLighter {
    background-color:#616060;
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
    font-size: 11px;
}


tr.Content {
    background-color:#ADADAD;
    color:#000000;
    font-size: 11px;
}
tr.ContentLighter {background-color:#C4C2C2;
    color:#000000;
    font-size: 11px;
}

tr.Footer {background-color:#616060;
    color:#FFFFFF;
    font-size: 11px;
}


td.Content {background-color:#ADADAD; font-size: 11px;}
td.ArticleLeft {background-color:#ADADAD; font-size: 11px;}
td.ArticleRight {background-color:#F30000; font-size: 11px; color:#ffffff;}
td.SearchList {padding:5px;}
td.Color01 {background-color: #F30000; text-transform:uppercase;}
td.Color02 {background-color: #3E3E3E;}
td.Color03 {background-color: #ADADAD;}

td.tab {
    color:#000000;
    text-decoration:none;
/*	background-color:#FD8B04;*/
/*	background-color:#D30D1C;*/
    background-color:#FE0009;
    font-size: 11px;
    font-weight:bold;text-decoration:none;
    padding-left:10px;
    padding-right:10px;
    text-transform:uppercase;
    border-color:#000000;
    border-right:1px solid;
    padding-top:1px;
    padding-bottom:2px;
    vertical-align: middle;
}

div.tab {
    color:#000000;
    text-decoration:none;
/*	background-color:#FD8B04;*/
    background-color:#FE0009;
    font-size: 11px;
    font-weight:bold;text-decoration:none;
    padding-left:10px;
    padding-right:10px;
    text-transform:uppercase;
    border-color:#000000;
    border-right:1px solid;
    padding-top:1px;
    padding-bottom:2px;
    vertical-align: middle;
}

td.basket {padding:5px; border-left: 1px solid #ffffff;}

/* Listensymbol ausrichten über Trick lt. Selfhtml http://forum.de.selfhtml.org/archiv/2004/3/75366/#m434281*/
li {
    list-style-type:none;
    background-image:url(../images/main/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    padding-left:10px;
    margin-left:-20px;
}
/*Bilderauszeichnung*/
img.Product {
    border:1px solid #FFFFFF;
    margin: 5px 5px 5px 5px;
}
img.Detail {
    border: 1px solid #FFFFFF;
    margin:5px;
}

img.Article {border: 1px solid #FFFFFF;}


table {font-family:Verdana, Arial, Helvetica, sans-serif;
}

table.Detail {
background-color:#FE0009;
font-size: 11px; font-weight:bold;
}
table.Search{
background-color:#FE0009;
font-size: 11px; font-weight:bold;
}
table.Result{
background-color:#C4C2C2;
font-size: 11px; font-weight:bold;
}
/*Formularstile*/
input,select,textarea {background-color:#6A6A6A; color:#FFFFFF; border: solid 1px #000000;}

input.Button {
    text-transform:uppercase;
    background-color:#FE0009;
    font-size:10px;
    border: solid 1px #000000;
}

input.Radio01{
background-color: #FE0009;
border:0px;
}
input.Radio02{
background-color: #3E3E3E;
border:0px;
}
input.Radio03{
background-color: #ADADAD;
border:0px;
}

.checkBox{
    background-color: transparent;
    border: 0px;
}
/*Linkstile*/

a, a:link, a:visited{color:#ffffff;
text-decoration:none;}
a:hover {color:#cccccc;}
a:active {color:#FE0009;}
a.topFrame{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
a.topFrame:visited{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
a.topFrame:active{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
a.topFrame:hover{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

a.bottomFrame {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    padding-left:5px;
    display: block;
    width:95px;
    height:40px;
}
a.bottomFrame:visited {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    padding-left:5px;
    display: block;
    width:95px;
    height:40px;
}
a.bottomFrame:active {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    padding-left:5px;
    display: block;
    width:95px;
    height:40px;
}
a.bottomFrame:hover {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    color: #FFFFFF;
    padding-left:5px;
    display: block;
    width:95px;
    height:40px;
}

a.bottomFrameMain {
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding-left:5px;
    display: block;
    width:100%;
    height:15px;
}
.bottomFrameMain:visited {
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding-left:5px;
    display: block;
    width:100%;
    height:15px;
}
.bottomFrameMain:active {
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding-left:5px;
    display: block;
    width:100%;
    height:15px;
}
.bottomFrameMain:hover {
    font-size:11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    padding-left:5px;
    display: block;
    width:100%;
    height:15px;
}

div.ButtonMainNav {
    background-image : url(../images/website/main/naviBar.jpg);
    background-repeat : repeat-x;
}



a.news{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
a.news:visited{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
a.news:active{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
a.news:hover{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}

a.white{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-transform:uppercase;
}
a.white:visited{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-transform:uppercase;
}
a.white:active{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-transform:uppercase;
}
a.white:hover{
    font-size: 11px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    text-transform:uppercase;
}

a.content{
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
a.content:visited{
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
a.content:active{
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}
a.content:hover{
    font-size: 11px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

a.tab,a.tab:link, a.tab:visited {
    font-size: 11px;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    padding-left:20px;
    padding-right:20px;
    background-color:#3E3E3E;
    text-transform:uppercase;
    border-color:#000000;
    border-right:1px solid;
    padding-top:0px;
    padding-bottom:2px;
    vertical-align: top;
}

a.tab:hover, a.tab:active  {
    font-size: 11px;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    text-transform:uppercase;
    background-color:#606060;
    padding-left:20px;
    padding-right:20px;
    padding-top:0px;
    padding-bottom:2px;
    border-right:1px solid;
    vertical-align: top;
}

a.tabOn,a.tabOn:link,a.tabOn:visited {
    font-size: 11px;
    color:#ffffff;
    font-weight: bold;
    text-decoration:none;
    padding-left:20px;
    padding-right:20px;
    background-color:#606060;
    text-transform:uppercase;
    border-color:#000000;
    border-right:1px solid;
    padding-top:0px;
    padding-bottom:2px;
    vertical-align: top;
}
a.tabOn {
    font-size: 11px;
    color:#ffffff;
    font-weight: bold;
    text-decoration:none;
    padding-left:20px;
    padding-right:20px;
    background-color:#606060;
    text-transform:uppercase;
    border-color:#000000;
    border-right:1px solid;
    padding-top:0px;
    padding-bottom:2px;
    vertical-align: top;
}

a.tabTop,a.tabTip:link, a.tabTip:visited {
    font-size: 11px;
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    padding-left:20px;
    padding-right:20px;
    background-color:#3E3E3E;
    text-transform:uppercase;
    border-color:#000000;
    border-right:1px solid;
    padding-top:0px;
    padding-bottom:3px;
    vertical-align: top;
}

a.tabTip:hover, a.tabTip:active  {
    font-size: 11px;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    text-transform:uppercase;
    background-color:#606060;
    padding-left:20px;
    padding-right:20px;
    padding-top:0px;
    padding-bottom:3px;
    border-right:1px solid;
    vertical-align:  top;
}

a.tabOnTip {
    font-size: 11px;
    color:#ffffff;
    font-weight: bold;
    text-decoration:none;
    padding-left:20px;
    padding-right:20px;
    background-color:#606060;
    text-transform:uppercase;
    border-color:#000000;
    border-right:1px solid;
    padding-top:0px;
    padding-bottom:3px;
    vertical-align:  top;
}

a.FormButtonEdit, a.FormButtonEdit:visited {
/*background-color: #B07300;*/
background-color : #FE0009;
width:75px;
border: 1px solid #000000;
padding-left:6px;
padding-right:6px;
padding-top:2px;
padding-bottom:2px;
font-size: 11px;
text-transform : uppercase;
}
a.FormButtonEdit:hover, a.FormButtonEdit:active {
background-color: #D6030A;
color:#000000;
}
a.FormButtonDelete, a.FormButtonDelete:visited {
background-color:#FE0009;
border: 1px solid #000000;
padding:2px;
font-size: 11px;
}
a.FormButtonDelete:hover, a.FormButtonDelete:active {
background-color:#D6030A;
color:#000000;
}


/*Schriften*/
.typo01{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: 11px;
    color: #000000;
}
.typo02{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size: 11px;
    color: #CE0C1B;
}

.typo03 {
font-size: 12px;
 font-weight:bold;
 }

.typo04 {
font-size: 9px;
 color:#ADADAD;
 }

 .typo05{
    font-weight:normal;
    font-size: 11px;
    color: #FFFFFF;
}
.typo06{
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size: 11px;
    color: #000000;
    line-height:16px;
vertical-align: middle;
}

input.errHilite, select.errHilite, textarea.errHilite {
    border: 1px solid #000000;
    background-color: #6A6A6A;
}

label.errHilite {
    color: #000000;
    font-weight: bold;
}

/* Buttondefinitionen */
.linkNaviButton a, a.visited, a.active{
    text-decoration: none;
    text-align: left;
    text-transform:uppercase;
    display: block;
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    float: right;
    margin-top: 1px;
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #3E3E3E;
    border-right: 1px solid #FFFFFF;
}
.linkNaviButton a:hover
{
    color: #FFFFFF;
    background-color: #606060;
}

.linkNaviButtonOn a, a.visited, a.active{
    text-decoration: none;
    text-align: left;
    text-transform:uppercase;
    display: block;
    font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    float: right;
    margin-top: 1px;
    padding-top: 0px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #606060;
    border-right: 1px solid #FFFFFF;
}
.linkNaviButtonOn a:hover
{
    color: #CCCCCC;
    background-color: #606060;
}