
body
{ background:#ffffff url(/img/flow.png) repeat-x scroll center top;
  font-size: 10pt;
  font-family: Arial, Verdana, Helvetica, Sans-Serif;
  margin: 0px auto 0px;
  padding: 0px;
  text-align:left;
  color: #000000;
  margin-collapse:collapse;
}

li
{ margin-bottom:5px;
}

textarea 
{ overflow: auto 
}

div.pagearea 
{ width:860px; 
  background:#ffffff;
  margin:0px auto;
  padding:20px; 
  border-left: 1px solid #000000; 
  border-right: 1px solid #000000
}

div.header
{ padding-bottom:10px;
}

div.footer
{ text-align:center;
  margin-top: 10px;
  padding: 4px 10px 4px 10px;
  border-top: 1px solid #000000;
}

table.menutrio td, table.menutrio tr
{ height:100%;
}

div.header div.menuabout, div.header div.menuoffers, div.header div.menucustomers 
{ font-size: 10pt;
  font-weight: normal;
  color: #000000;
  width:150px;
  height:100%;
  padding: 4px 10px 4px 10px;
  margin-left: 10px;
  border-left: 2px solid #000000;
}

div.header div.menuaboutX
{ background: #00adef;
}

div.header div.menuoffersX
{ background: #ec008c;
}

div.header div.menucustomersX
{ background: #fff200;
}


a
{ text-decoration: none;
}

a:hover
{ text-decoration: underline;
}

div.menuabout a, div.menuoffers a, div.menucustomers a, div.footer a 
{ color: #000000;
}

div.content, table
{ font-family: Arial, Verdana, Helvetica, Sans-Serif;
  font-size:10pt;
}

div.content div.contentfull
{ padding: 4px 4px 4px 10px;
}

div.content div.contentleft
{ float: left;
  display:box;
  width: 610px;
  padding: 4px 4px 4px 10px;
}

div.content div.sidebar
{ float: right;
  display:box;
  background: #eeeeee;
  width: 200px;
  margin: 10px 0px 0px 10px;
  padding: 4px 4px 20px 4px;
}

div.content div.sidebar div.knaller
{ text-align:center;
}


div.content div.submenu
{ font-size:10pt;
  font-weight: normal;
  background: #eeeeee;
  margin-top:10px;
  padding: 4px 10px 4px 10px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

div.content div.submenu a
{ color: #000000;
}

div.content div.submenu b a
{ color: #000000;
  font-weight: bold;
}


div.content div.customermenu
{ font-size:10pt;
  font-weight: normal;
  background: #eeeeee;
  margin-top:2px;
  padding: 4px 10px 4px 10px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;

}

div.content div.customermenu a
{ color: #000000;
}

a.login,
div.content div.submenu a.login,
div.content div.customermenu a.login,
div.content div.customermenu a.logout
{ color: #ff0000;
}

div.content div.customermenu b a
{ color: #000000;
  font-weight: bold;
}

div.content div.customermenu1
{ padding-left: 10px;
  border-left: 16px solid #ff0000;
}



div.content div.menuabout
{ padding-left: 10px;
  border-left: 16px solid #00adef;
}

div.content div.menuoffers
{ padding-left: 10px;
  border-left: 16px solid #ec008c;
}

div.content div.menucustomers
{ padding-left: 10px;
  border-left: 16px solid #fff200;
}

div.sidebar div.lexikon a, div.sidebar div.customerside a
{ color: #000000;
}

div.sidebar div.topoffers a
{ color: #000000;
  font-weight: bold;
}


div.content p
{ margin-top:5pt;
  margin-bottom:5pt;
}

div.content h1
{ font-size:12pt;
  font-weight: bold;
  margin-top:12pt;
  margin-bottom:2pt;
  padding:0; 
  color: #888888;
}

div.content h2
{ font-size:11pt;
  font-weight: bold;
  margin-top:10pt;
  margin-bottom:2pt;
  padding:0; 
  color: #888888;
}



form.buchpreis1 select.ch100, form.buchpreis1 select.ch100 option,
form.contactform select.ch100, form.contactform select.ch100 option,
form.contactform input.ch100 
{ font-size:10pt;
  width:100%; 
}

form.buchpreis1 input.print, form.buchpreis1 input.calc, form.contactform input.send
{ font-size:10pt;
  width:200px;
}

div.buchpreis1 table
{ border-collapse:collapse;
}

div.buchpreis1 td
{ vertical-align: middle;
}

div.buchpreis1 td.topsep
{ padding-top:8px;
  border-top:1px solid #000000;
}

div.buchpreis1 td.botsep
{ padding-bottom:8px;
  border-bottom:1px solid #000000;
}

div.buchpreis1 td.topbotsep
{ padding-top:8px;
  border-top:1px solid #000000;
  padding-bottom:8px;
  border-bottom:1px solid #000000;
}

div.buchpreis1 td.ident
{ padding-left:15px;
}


form.login input.submit, form.logout input.submit, form.customerdata input.submit
{ color: #ffffff;
  text-decoration: none;
  padding: 0px 4px 0px 4px;
  background-color: #ff0000;
}

img.bookconfig
{ margin-top:30px;
  border:0;
}


@keyframes blink 
{ from 
  { color:yellow;
  } 
  to
  { color:red;
  } 
} 
b.blink 
{ animation-duration: 800ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
