/*
rot		#1b335c
orange	#f6a800
blau		#1b335c
weiß		#ffffff
schwarz	#000000
hellgrau	#939393
Schriftart = Arial
gelb		f8e838 (für LOGIN und Kontakt)
silber	e8e9e9 (für Hintergrund in den Navigationsmenüs)
*/
html {
    background : #eaeaea url(null) fixed no-repeat;
}

.invisible {
    display:none;
    visibility:hidden;
    width:0px;
}
a:link, a:visited {
    color: #004172;
    font-weight : bold;
    text-decoration: none;
}

a:link:hover, a:visited:hover  {
    font-weight : bold;
    text-decoration : underline;
}
.gridTitles {
    text-align:left;
    font-weight:bold;
}
.gridEdits {
    text-align:left;
}

/* commented backslash hack \*/ 
html, body{height:100%; width:100%;} 
/* end hack */

body {
    background-color: #eaeaea;
    font-size: 12px;
    font-family: Verdana, "Verdana CE",  Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    color: white;
    padding: 0px;
    margin: 0px auto;
    text-align:center;
    min-width: 800px;
}
html {
    margin:0px; padding:0px;
}
#clearfooter{clear:both;height:50px;width:100%}
#outer{
    min-height:100%;
    width:766px;
    border-left:1px solid #000;
    border-right:1px solid #000;
    margin:auto;/* center it*/
    position:relative;
    text-align:left;
}
* html #outer{
    height:100%;
    width:768px;/* box model hack for ie5.+*/
    w\idth:766px
}

#wrapper {
    text-align: left;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

h2 {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
}
h3 {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
img {
    border:0px; padding:0px;
}
td.news {
    vertical-align: top;
    border-bottom: 2px solid #CCCCCC;
    padding-right: 6px;
    padding-left: 6px;
}
td.navi {
    vertical-align: top;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #999999;
    line-height: 18px;
    padding-right: 6px;
    padding-left: 6px;
}
.smallred {
    background-color: #1b335c;
    color:white;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  10px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align:center;
}

.smallwhite {
    background-color: transparent;
    color:white;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  10px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align:center;
}
a.smallwhite:hover {
    text-decoration:none;
}
a.smallwhite {
    color:white;
}

.top {
    vertical-align:top;
}

.smallinput {
    height:14px;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:10px;
    border:1px solid black;
}

th.smallred {
    background-color:transparent;
    color:white;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  10px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align:left;
}

.bigred {
    color:#1b335c;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  14px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;

}
.cms {
    vertical-align:top;
    text-align:left;
    background-color:white;
    color:black;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size: 12px;

}

.cms a {
    font-weight:bold;
    color:#004172;
}

.cmsRight {
    text-align:right;
    background-color:white;
    color:black;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
}


.col {
    text-align:left;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
}
.smallgray {
    color:#939393;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size:  10px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    text-align:center;
}

.simpleWhite {
    background-color:white;
    color:black;
    border:0px solid white;
    vertical-align:top;
}
.simpleWhite a {
    background-color:white;
    color:#004172;
    border:0px solid white;
}

.simpleBlue a:link {
    color:#004172;
    font-weight:bold;
    font-size: 12px;

}

.simpleBlue {
    color:#004172;
    font-weight:bold;
    font-size: 12px;

}

a.simpleBlue {
    color:#004172;
    font-weight:bold;
    font-size: 12px;
}

a.simpleBlue:hover {
    color:#004172;
    text-decoration:underline;
}

.boxClass {
    background-color:#e8e9e9;
    color:black;
    padding:0px;
    border: 0;
}

.boxClass a {
    color:black;
}

.boxClass a:hover {
    color:#004172;
    text-decoration:none;
}

a.boxClass  :hover{
    color:#004172;
    text-decoration:none;
    background-color:white;
}

a.boxClass  :active{
    color:#004172;
    text-decoration:none;
    background-color:white;
}

span.boxClass {
    background-color:white;
}

.articleBox {
    border: 1px solid #1b335c;
}

.boxInner {
    border: 3px solid #e8e9e9;
    background-color:white;
    color:black;
    text-align:center;
    vertical-align:top;
    padding:0px;margin:0px;
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    font-size: 12px;
}
.boxInner a {
    background-color:white;
    color:black;
    border:0px solid white;

}

.boxInner a:hover {
    color:#004172;
    text-decoration:none;
}

.boxInner a:active {
    color:white;
    text-decoration:none;
}


.boxInnerLeft {
    border: 2px solid #e8e9e9;
    background-color:white;
    color:black;
    text-align:left;
    vertical-align:top;
    width:inherit;
}
.boxInnerLeft a {
    background-color:white;
    color:black;
    border:0px solid white;

}

.rich-panel-body {
    background-color:white;

}

.rich-panel {
    border: 2px solid #e8e9e9;
}

.rich-panel-header {
    background-image:url(../images/hg-menu.gif);
    background-repeat:repeat-x;
    color:white;
    font-size:  13px;
    font-weight: bold;
    vertical-align:middle;
    height:20px;
    padding-top:5px;
    padding-bottom:0px;
    border:0px;
}

.rich-tabpanel-content {
    background-color:white;
    border-left: 1px solid #1b335c;
    border-bottom: 1px solid #1b335c;
    border-right: 1px solid #1b335c;
}

.rich-tab-bottom-line {
    border-bottom:1px solid #1b335c;
}

.rich-tabhdr-side-border {
    border-left:1px solid #1b335c;
}
.rich-tabhdr-side-cell {
    border-top: 1px solid #1b335c;
    background:white;

}
.rich-tabhdr-cell-active {
    background:white;

}

.bigBoxHeader {
    background-image:url(../images/hg-menu.gif);
    background-repeat:repeat-x;
    color:white;
    font-size:  13px;
    font-weight: bold;
    vertical-align:middle;
    height:25px;
    padding-top:1px;
    padding-left:4px;
    padding-bottom:0px;

    border:0px;
}

.boxHeader {
    background-image:url(../images/hg-menu.gif);
    background-repeat:repeat-x;
    color:white;
    font-size:  13px;
    font-weight: bold;
    vertical-align:middle;
    height:18px;
    padding-top:1px;
    padding-left:4px;
    padding-bottom:0px;

    border:0px;
}
a.boxHeader {
    padding-top:0px;
    margin:0px;
    color:white;
    height:18px;
}
.flatHeader {
    background:#e8e9e9;
    color:black;
    font-size:  13px;
    font-weight: bold;
    vertical-align:middle;
    height:15px;
    padding-top:0px;
    padding-left:1px;
    border:0px;
    border-top:0px;
    border-bottom:1px solid white;

}

.flatHeader a {
    color:black;
    font-size:  12px;

}

.flatHeader a:hover {
    color:#004172;
    text-decoration:none;

}

.bigBlack {
    font-size:  12px;
    font-weight: bold;
    color:black;
}

#masterpage {

    margin: 0 auto;
    width:950px;
    text-align:left;
    padding:0px;
    position:relative;
    overflow:visible;
    clip:auto;

}

.middlecontent {
    background-color:white;
    width:950px;
    padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom:0px;
    margin:0 auto;

}

.breadcrumbHr {
    margin:4px;border:1px dashed blue;
}

#footer {
    clear:both;
    text-align:center;
    bottom:0px;
    width:98%;
    margin:-20px auto 0;

    position:relative;
    padding-left:5px;
    padding-right:5px;
    color:#004172;
}

.imagecontent {
    background-color: white;
    text-align:center;

}

.bigOrange {
    color: #f8e838;
    font-size:16px;
}
.smallOrange {
    color: #b2beca;
    font-size:10px;
}


#left {
    float: left;
    background-color: white;
    padding: 5px;
    width: 150px;
}

#right {
    float: right;
    background-color: white;
    padding: 5px;
    width: 150px;
}

.coolInput {

    background-image: url(../images/feld-benutzer-passwort.gif);
    background-repeat: no-repeat;

    padding-left: 8px;
    padding-top: 2px;
    padding-right:10px;
    height: 27px;
    width:172px;
}


.coolSearchInput {
    text-align:left;
    background-image: url(../images/feld-suche.gif);
    background-repeat: no-repeat;

    padding-top: 2px;
    padding-right:0px;
    padding-left: 25px;

    height: 27px;
    width:330px;
    margin:0px;
}

.coolSearchInput input {
    border:0px; width:296px; background:transparent;
}

.coolInput input {
    border:0px; width:90%; background:transparent;
}


.basic {
    background-color:#1b335c ;
    font-family: Arial, "Arial CE", sans-serif;
}

.basic_rtr {
    padding:0px; margin:0px;
    height:5px;text-align:right;background-color:#1b335c ;
    background-image:url(../images/rtr.png);background-position:right;background-repeat:no-repeat;
}

.basic_rtl {
    height:5px;text-align:right;background-color:#1b335c ;
    background-image:url(../images/rtl.png);background-position:left;background-repeat:no-repeat;
}

.basic_rbr {
    height:5px;text-align:left;background-color:#1b335c ;
    background-image:url(../images/rbr.png);background-position:right;background-repeat:no-repeat;
}

.basic_rbl {
    height:5px;text-align:right;background-color:#1b335c ;
    background-image:url(../images/rbl.png);background-position:left;background-repeat:no-repeat;
}

h1 {
    font-family: Arial, "Arial CE", "Lucida Grande CE", lucida, "Helvetica CE", sans-serif;
    border-bottom: 1px solid #AFAFAF;
    font-size:  16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    color: #1b335c;
}



a.bottomLink:link, a.bottomLink:visited {
    color: white;
    font-weight : bold;
    text-decoration: none;
}

a.bottomLink:link:hover, a.bottomLink:visited:hover  {
    color: #EEEEEE;
    font-weight : bold;
    text-decoration : underline;
}

.smallred a {
    text-decoration:none;
}

#rightBox {
    float: right;
    background-color: white;
    padding: 5px;
    width: 150px;

}

.leftBox {
    float: left;
    background-color: white;
    padding: 5px;
    width: 100%;
}

.toolbarButton {
    height:33px;
    background-color:#1b335c ;
    font-family: Verdana, sans-serif;

    color:white;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:0px;
    margin:0px;
    font-weight:bold;
}

.toolbarButton a {color:white; font-weight:bold;}

.toolbarHigh {
    height:33px;
    background-color:#FE9900;
    font-family: Verdana, sans-serif;
    padding-left:5px;
    padding-right:5px;
    padding-top:0px;
    padding-bottom:0px;
    font-weight:bold;
    color:white;
}

.toolbarHigh a {color:white; font-weight:bold;}
.toolbarHigh a:hover {color:white; font-weight:bold;}

.catalogGroupBoxContainer {
    background:white;
    color:black;
    border:1px solid white;
    vertical-align:top;
    min-height:50px;
    height:100%;
    margin:0px;
    padding:0px;
    border-spacing:10px;
    text-align:center;
}

.catalogGroupBox {
    border: 1px solid #004172;

    vertical-align:top;
    width:100%;

    height:100%;
}

.catalogGroupHeader {
    text-align:center;
    background: #004172;
    margin:0px;
    padding:0px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight:bold;
    color:white;
    width:100%;

}

.breadCrumbClass {
    background-color:white;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    color:gray;
    width:500px;
    text-align:left;
    font-weight:bold;
}

.breadCrumbClass a {
    color:gray;
    text-decoration:none;
}

.breadCrumbClass a:hover {
    color:gray;
    text-decoration:underline;
}

#top {
    position: relative;
    color: white;
    padding: 5px;
    margin: 0px 0px 10px 0px;
}

#bottom {
    clear:both;
    position: relative;

    background-color: #1b335c ;

    padding: 5px;
    margin: 10px 0px 0px 0px;
    font-family: Verdana, sans-serif;
    font-weight: bold;
    color: white;
    text-decoration: none;
}
.center_content {
    /*position: relative;*/
    background-color:#ffffff;
    padding: 5px;
    margin: 0px 0px 0px 0px;
}

.left_content {
    background-color: #ffffff;
    padding: 5px;
    margin-left: 10px;
}

.right_content {
    background-color: white;
    padding: 5px;
    margin: 0px 0px 0px 0px;
}

#top a:link, #top a:visited {
    color: white;
    font-weight : bold;
    text-decoration: none;
}

#top a:link:hover, #top a:visited:hover  {
    color: black;
    font-weight : bold;
    text-decoration : underline;
}

.rich-inplace-select-item {
    color:black;
}

.simpleBlue .rich-tree-node-icon {
    display:none;
    width:0px;
    visibility:hidden;
    background-color:black;
    padding:0px;
    margin:0px;
}
.simpleBlue .rich-tree-node-icon-leaf {
    display:none;
    width:0px;
    visibility:hidden;
    background-color:black;
    padding:0px;
    margin:0px;
}
.simpleBlue .frich-tree-node-handleicon {
    display:none;
    width:0px;
    visibility:hidden;
    background-color:black;
    padding:0px;
    margin:0px;
}
.simpleBlue .rich-tree-node-cildren {
    padding-left:10px;
    margin:0px;
}
.simpleBlue .dr-stglpnl-m {
    display:none;
    width:0px;
    visibility:hidden;
    background-color:black;
    padding:0px;
    margin:0px;
    z-index:99;position:absolute;
}
.rich-inplace-select-list-decoration {
    text-align:left;
}

.dropDownStyle {
    border:1px solid black;padding:2px;
    background-image:url(/shop/images/arrowdown.gif);
    background-color:#FEFFDA;
    background-position:right;
    background-repeat:no-repeat;
}
.stickyBox {
    width:100%;border:3px solid #1b335c; vertical-align:top;
}
.sticky1 {
    background-color:#1b335c ;
    font-family: Arial, "Arial CE", sans-serif;
    width:80px;text-align:left;
}
.sticky2 {
    background-color:#1b335c ;color:white;
    font-family: Arial, "Arial CE", sans-serif;
    text-align:left;
}
#globalStatusDiv {
  position: fixed;
  top: 0;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  left: 50%;
  width: 150px;
  margin-left: -50px;
  height: 35px;
  line-height: 35px;
  background-color: #FFF;
  padding: 2px 15px 2px 10px;
  color: #000;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  z-index: 10000;
  border: 1px solid #BBB;
  border-top: none;
}

#globalStatusDiv img {
  vertical-align: middle;
}
.homecar .ui-carousel-min-width {
    width:550px !important;
}
.homecar .ui-carousel-content {
    width:550px !important;
}
.cartTable {
    margin: 0px;
    padding-left:0px; padding-right:0px;
}
.cartTable th {
    color:gray;
    white-space: nowrap;
    border-bottom:2px solid gray;
}
.cartTable td {
    border-bottom:2px solid silver;
}
.cartTable td a {
    font-weight: normal;
}
.cartTable td a:hover {
    font-weight: normal;
}
.cartTableRight {
    text-align:right;
    vertical-align: top;
}
.condTable {
    border:0px;
    border-top:2px solid silver;
    width:100%;
}
.condTable tfoot {
    font-weight: bold;
    color:#1b335c;
    border-top:2px solid gray;
}
.condTable tfoot td {
    border-top:2px solid gray;
}
.specialBack {
    min-width: 200px;
    background-color: #d9dadb !important;
    border-right:10px solid #d9dadb !important;
    padding:3px;
    padding-right:40px;
    margin-right:10px;
    background-image: url(../images/spp-logo.jpg);
    background-position: right;
    background-repeat: no-repeat;
}
#cms-hl {
	font-size: 14px;
	font-weight: bold;
	color: #1b335c;
}