@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600);

* {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}

body {
    background: #f5f5f5 url("bebra.png") 35px 10px no-repeat;
	background-size: 100px ;
 
    color: #333333;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
    margin: 0;
    padding: 40px 10px 0 5px;
}

a {
    color: #B02216;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #851c13;
    text-decoration: none;
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

a.dark {
    color : #B02216;

}

a.dark:hover  {
    color : #900000;

}

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

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

a.dark2 {
    color : #B02216;
}

a.dark2:hover  {
    color : #900000;
}

a.small {
    color : #ffffff;
    font-size : 10pt;
    text-decoration : underline;
}

a.small:hover  {
    color : #ff6600;
}

a.white {

    color : #ffffff;
    font-size : 10pt;
    font-weight : bold;
    text-decoration : none;
}

a.white:hover  {
    color : #ff6600;
}

p { margin-bottom: 0.4em; }

table { border: 0; border-collapse: collapse; }
td  { vertical-align: top; padding: 0 3px;  }
form>table>tbody>tr>td { font-size: 1px; padding: 0; }

.tdsmall  {
    font-size : 10px;
    color : black;
}

caption  {
    font-size : 10px;
    font-weight : normal;
    text-align : left;
    background-color : #B02216;
}

.th1  {
    font-size : 10pt;
    background-color : #B02216;
}

.thbold  {
    padding: 5px;
    font-size : 12pt;
    font-weight : bold;
    color : white;
    background-color : #B02216;
}

.thboldright  {
    font-size : 10pt;
    font-weight : bold;
    background-color : #999999;
    color : white;
    text-align : right;
}

.thboldcenter  {

    font-size : 10pt;
    font-weight : bold;
    background-color : #999999;
    color : white;
    text-align : center;
}

.thboldleft  {

    font-size : 10pt;
    font-weight : bold;
    background-color : #999999;
    color : white;
    text-align : left;
}

.bigbigbold  {

    font-size : 20pt;
    font-weight : bold;
    color : black;
    text-align : left;
}

/* wk_small infohead (Pos,Anzahl,Titel,Preis)*/
.thsmall  {
    font-size : 7pt;
    color : black;
    background-color : #f5f5f5;
}

/*head kurzliste, Linie, */
.thsmallbold  {
    padding: 5px;
    font-size : 16px;
    background: #B02216;
    font-weight : 600;
}

.thsmallbold a, .thbold a {
    color: #ffffff;
    font-size : 14px;
    color : #333333;
    background-color : #e5e5e5;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 2px 5px;
}

.thsmallbold a:hover, .thbold a:hover {
    color : #000000;
    background-color : #d0d0d0;
    border: 1px solid #aaaaaa;
}

/*schrift wk_small*/
.smallwk  {
    font-size : 7pt;
}


.cover  {

    font-size : 12pt;
}

.middle  {
    text-align : center;
}

.red  {
    color : #B02216;
}

.blue  {

    font-size : 10pt;
    font-weight : bold;
    color : #1863A6;;
}

.white  {
    color : White;
    font-weight : bold;
}

.bold  {
    font-weight : 600;
}

.boldright  {
    font-size : 10pt;
    font-weight : bold;
    text-align : right;
}


.small  {
    font-size : 10pt;
}

.mini  {
    font-size : 8pt;
}

.boldbig  {

    font-weight : 600;
    font-size : 14pt;
}

.big  {
    font-size: 16pt;
}

.italic  {
    font-style : italic;
}

#navBar  {
    position : absolute;
    top : 50px;
    left : 470px;
    width : 170px;
}

input {
    font-family : "Courier New", Courier, monospace;
    font-size : 12px;
}

input.preis {
    font-family : "Courier New", Courier, monospace;
    font-size : 12px;
    text-align : right;
}

input.submit {
    font-family : "Courier New", Courier, monospace;
    font-size : 12px;
    text-align : center;
}


.suche  {
    font-size : 10px;
    font-weight : 600;
    color : #666666;
    background-color : #eeeeee;
}

#info  {
    position : absolute;
    visibility : hidden;
    z-index : 5;
}