/******************************************************************************/
/***  BODY                                                                  ***/
/******************************************************************************/

html, body {
   background-color: #554444;
   height: 100%;
}

body, body.yui-skin-sam {
   color: #252525;
   font-family: sans-serif;
   font-size: 10pt;
   font-style: normal;
   font-weight: normal;
   margin: 0px 0px 0px 0px;
   text-decoration: none;
   height: 100%;
   min-height: 100%;
   text-align: center;
}

#bd {
   margin: 0 auto;
   position: relative;
   /*width: 995px;*/
   border-color: #222222;
   border-style: solid;
   border-width: 1px;
}

#mainBox {
   position: relative;
   width: 995px;
   /*
     dont know, why we have to give text-align:left,
     for some strange reason this defaults to center
     when using reset-fonts-grids and base-min of yui,
     though I cant seem to find where this is defined.. :(
   */
   text-align: left;
}

#leftBox {
   height: auto !important;
   height: 100%;
   min-height: 100%;
   width: 238px;
   position: absolute;
   left: 0px;
   top: 0px;
   background: url(/images/background1.jpg);
   background-color: #cdc1c2;
   background-color: #ece8e8;
   border-color: #222222;
   border-style: solid;
   border-width: 0px 2px 0px 0px;
}

#headerBox {
   width: 755px;
   position: relative;
   left: 240px;
   top: 0px;
   background-color: #fff;
}

#contentbox {
   -width: 705px;
   /*position: relative;*/
   -left: 240px;
   -top: 0px;
   -padding: 5px 25px 20px 25px;
   background-color: #fff;
   margin-left: 50px;
}

#contentInTabs {
   margin-top: 0em;
   margin-bottom: 0em;
   margin-left: 0em;
   margin-right: 0em;
}

#twitterBox {
   -min-height: 10em;
   -max-height: 50em;
   overflow: auto;
   padding:0;
   margin:0;
   width: 201px;
   -padding-right: 4px;
}

#footerBox {
   width: 743px;
   position: relative;
   left: 240px;
   top: 0px;
   padding: 3px 6px 3px 6px;
   background: url(/images/background1.jpg);
   background-repeat: repeat-y;
   background-color: #cdc1c2;
   border-color: #222;
   border-style: solid;
   border-width: 2px 0px 0px 0px;
}

div.address {
   float: left;
}

div.map {
   margin-left: 12em;
}


/******************************************************************************/
/***  LINKS                                                                 ***/
/******************************************************************************/

a:link {
   color: #001860;
   text-decoration: none;
}

a:visited {
   color: #2020a0;
   text-decoration: none;
}

a:hover, a:active {
   color: #2171b6;
   text-decoration: none;
   -background-color: #ccc;
}


a.aHeaderNav:link {
   color: #000000;
   text-decoration: none;
}

a.aHeaderNavActiv:link {
   color: #665555;
   text-decoration: none;
}

a.aHeaderNav:visited {
   color: #000000;
   text-decoration: none;
}

a.aHeaderNav:hover {
   color: #cb2222;
   text-decoration: none;
}

a.aHeaderNavActiv:visited {
   color: #665555;
   text-decoration: none;
}

a.aHeaderNavActiv:hover {
   color: #cb5555;
   text-decoration: none;
}

a.headerNav:hover, a.aHeaderNav:active {
   color: #000000;
   text-decoration: underline;
}

a.headerNavActiv:hover, a.aHeaderNavActiv:active {
   color: #665555;
   text-decoration: underline;
}


a.aSidemenuHeadline:link {
   color: #ffffff;
   text-decoration: none;
}

a.aSidemenuHeadline:visited {
   color: #ffffff;
   text-decoration: none;
}

a.aSidemenuHeadline:hover, a.aSidemenuHeadline:active {
   color: #ffffff;
   text-decoration: underline;
}


/******************************************************************************/
/***  HEADINGS                                                              ***/
/******************************************************************************/

h1, h2, h3 {
   font-weight: bold;
   margin-top: 0.5em;
   margin-bottom: 0.3em;
}

h1 {
   font-size: 150%;
   -margin-top: 13px;
}

h2 {
   background: url(/images/background3.jpg);
   background-color: #fbb964;
   background-repeat: repeat-y;
   border-color: #c0a064;
   border-style: solid;
   border-width: 0px 1px 1px 0px;
   font-size: 130%;
   -margin-top: 16px;
   margin-right: 20px;
   -padding: 1px 0px 1px 5px;
}

h3 {
   font-size: 110%;
   margin-top: 10px;
}


/******************************************************************************/
/***  TEXT                                                                  ***/
/******************************************************************************/

p {
   line-height: 130%;
   margin-left: 0.5em;
}


.hint {
   font-size: 80%;
}

.pending {
   color: #777777;
   font-style: italic;
}

.product {
   font-style: italic;
}

.newsDate {
   font-weight: bold;
}

.news {
   display:block;
}

h3.news {
   margin-left:0.5em;
}
p.news {
   margin-left:1em;
   margin-right:0;
}


/******************************************************************************/
/***  TABELLEN                                                              ***/
/******************************************************************************/

table {
   background-color: #e0e0e8;
   border-collapse: collapse;
   border-spacing: 0px;
   border-style: solid;
   border-width: 1px;
   border-color: #808080;
}

th {
   background-color: #222222;
   border-color: #000000;
   border-style: solid;
   border-width: 0px 1px 1px 0px;
   color: #ffffff;
   font-family: sans-serif;
   font-weight: normal;
   padding: 3px;
   text-align: center;
   vertical-align: middle;
}

td {
   -background-color: #f3f0f0;
   border-color: #000000;
   border-style: solid;
   border-width: 1px;
   font-family: sans-serif;
   padding: 2px;
   text-align: left;
   vertical-align: top;
}

td.tdAlternate {
   background-color: #dbe5f5;
}


table.tableHeaderNav {
   -background-color: #011461;
   border-style: none;
   border-width: 0px;
}

td.tdHeaderNav {
/*   background: url(/images/background2.jpg);
   background-repeat: repeat-y; */
   -background-color: #cdc1c2;
   border-color: #222222;
   border-style: solid;
   border-width: 1px 0px 1px 1px;
   font-weight: bold;
   margin-left: 0px;
   padding: 3px 2px;
   vertical-align: middle;
}


td.tdInputLabel {
   background-color:#ffeedd;
   border-style:none;
   padding:5px;
   text-align:right;
   vertical-align:middle;
}

td.tdInputField {
   background-color:#ffeedd;
   border-style:none;
   padding:5px;
   text-align:left;
   vertical-align:middle;
}


/******************************************************************************/
/***  LISTEN                                                                ***/
/******************************************************************************/
/*
ul {
   font-weight: bold;
   list-style: square;
}

li {
   font-family: sans-serif;
   line-height: 130%;
   font-size: 1em;
}

dt {
   margin-top: 3px;
   font-weight: bold;
}
*/


/******************************************************************************/
/***  SIDEBAR                                                               ***/
/******************************************************************************/

h2.h2SidenoteHeadline {
   background-color: #fbb964;
   --border-color: #7a8cb3;
   border-style: solid;
   border-width: 0px 1px 1px 0px;
   -color: #222222;
   font-size: 100%;
   font-weight: bold;
   margin: 8px 8px 1px 16px;
   padding: 1px 5px 1px 5px;
}

div.sidenote {
   background-color: rgba(255,255,255,0.5);
   border-color: #222222;
   border-style: solid;
   border-width: 0px 0px 0px 0px;
   font-size: 80%;
   margin: 0px 8px 5px 16px;
   padding: 5px 5px 0 5px;
}

div.sidenote span.twitterDate {
   font-style: italic;
   font-weight: bold;
}

div.sidenote span.twitterText {
}

p.pSidenoteInfo {
   background-color: #ffffff;
   border-color: #011461;
   border-style: solid;
   border-width: 0px 1px 1px 0px;
   font-size: 80%;
   margin: 0px 10px 0px 5px;
   padding: 5px;
}

span.spanNewsDate {
   color: #999999;
   font-weight: bold;
}


h2.h2SidemenuHeadline {
   background-color: #011461;
   -border-color: #252525;
   border-style: solid;
   border-width: 0px 1px 1px 0px;
   color: #ffffff;
   font-family: sans-serif;
   font-size: 100%;
   font-style: normal;
   font-weight: bold;
   margin: 8px 10px 1px 5px;
   padding: 1px 5px 1px 5px;
   text-decoration: none;
}

ul.ulSidemenu {
   background-color: #ffffff;
   border-color: #999999;
   border-style: solid;
   border-width: 0px 1px 1px 0px;
   margin: 0px 10px 5px 5px;
   padding: 5px;
}

li.liSidemenu {
   background-color: #ffffff;
   font-weight: bold;
   margin: 0px 10px 2px 20px;
}


/******************************************************************************/
/***  FORMULARE                                                             ***/
/******************************************************************************/

INPUT {
   background-color: #ffdbae;
   border-color: #808080;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
   padding: 2px;
}

INPUT.inputSubmit {
   /*background-color: #dbe5f5;
   border-color: #808080;*/
   background-color: #ffdbae;
   border-color: #252525;
   border-style: solid;
   border-width: 0px 1px 1px 0px;
   padding: 2px 10px 2px 10px;
   font-weight: bold;
   color: #ffffff;
}


/******************************************************************************/
/***  SONSTIGES                                                             ***/
/******************************************************************************/

span.home {
   font-size: 200%;
   font-weight: bold;
}

img.imgProdukt {
   margin-right: 10px;
   margin-top: 10px;
}

p.term {
   font-style: italic;
}

p.pError {
   color:#990000;
   font-weight:bold;
}

span.value {
   font-weight: bold;
}

em {
   font-style: normal;
   font-weight: bold;
}


/* Navigation menu with lavalamp effect */
#menu {
   font-weight: bold;
   text-decoration: none;
   position:relative;
   padding: 5px;
   margin: 5px 0;
   overflow: hidden;
}

#menu li.backLava {
   background-color:#fbb964;
   width: 9px;
   position: absolute;
   padding: 0px;
}
#menu li{
   color: #000;
   padding: 2px;
   z-index: 10;
   display: block;
   position: relative;
   border-top: 1px solid #eee;
   border-bottom: 1px solid #bbb;
}
#menu li .last {
   border-bottom: 0px;
}
#menu li a.first {
   border-top: 0px;
}


/******************************************************************************/
/***  adaptions for yui-style to OAshi CI                                   ***/
/******************************************************************************/

.yui-skin-sam .yui-navset .yui-content {
   border: none;
   background: transparent none repeat scroll 0 0;
}

.yui-skin-sam .yuimenubar {
   background:transparent url(../images/background1.png) repeat-x scroll 0 0;
   border:1px solid #81693d;
}

.yui-skin-sam .yuimenubaritem-selected {
   background:transparent url(../images/background1.png) repeat-x scroll 0 0;
}

.yui-skin-sam .yui-navset .yui-nav a:hover, .yui-skin-sam .yui-navset .yui-nav a:focus {
   background:#BFDAFF url(../images/background1.png) repeat-x scroll 0 0;
}

.yui-skin-sam .yui-panel .hd {
   color: #252525;
}

/* tabbed */

.yui-skin-sam .yui-navset .yui-nav a:hover, .yui-skin-sam .yui-navset .yui-nav a:focus {
   background:#2647A0 url(../images/sprite_oashi.png) repeat-x scroll left -1300px;
}

.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .yui-skin-sam .yui-navset .yui-nav .selected a:hover {
   background:#2647A0 url(../images/sprite_oashi.png) repeat-x scroll left -1400px;
   color: #000000;
}

.yui-skin-sam .yui-navset .yui-nav a, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
   background:#c8c8c8 url(../images/sprite_oashi.png) repeat-x scroll 0 0;
}

.yui-skin-sam .yui-navset .yui-nav, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav {
   border-color:#F6CC88;
   border-style:solid;
   border-width:0 0 3px;
}

.button {
     background-color: #ffdbae;
   border-color: #808080;
   border-style: solid;
   border-width: 1px 1px 1px 1px;
   padding: 2px;
   color:#000000;
}