/* STANDARDDRISS start */
html { height: 100.1%; }
* { padding: 0; margin: 0;}
a img{ border: none; }
ul img { vertical-align: bottom; }
form { display:inline }
.floatleft { float: left; margin-right: 10px; display: inline; }
.floatright { float: right; margin-left: 10px; display: inline; }
.clearleft{ clear: left; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* STANDARDDRISS ende */



/* HTML STANDARDS start */

body, table, td, p {
    font: 11px Arial, Helvetica, Verdana, Geneva, sans-serif;
    font-weight: normal;
    color: #333;
    line-height: 1.4em;
}

body{
    background: #E9E9E9 url(../bilder/bg_body.png) repeat-x;
    text-align: center;
    padding: 0;
    margin: 0;
}

p {
    margin: 0 0 1em 0;
    padding: 0;
}

h1{
    font-size: 14px;
    margin: 0 0 1em 0;
    color: #0052A0;
}

h2{
    font-size: 12px;
    margin: 0 0 0.5em 0;
}

h3{
    font-size: 11px;
    margin: 0;
}

a {
    color: #0052A0;
}

a:hover {
    color: #A05200;
    text-decoration: none;
}

h2 a {
    text-decoration: none;
}

/* HTML STANDARDS ende */


/* RAHMEN start */

#container , #header , #footer {
    margin: 0 auto;
    text-align: left;
    position: relative;
    width: 760px;
}

#header {
    height: 113px;
}

#container {
    background: transparent url(../bilder/bg_container.png) repeat-y;
}

#footer {
    background: transparent url(../bilder/bg_footer.png) no-repeat;
    text-align: center;
    position: relative;
}

#logo {
    position: absolute;
    right: 0;
    top: 15px;
}

#headerpic {
    position: absolute;
    left: 0;
    top: 10px;   
}

#headerpic img {
    border: 1px solid #666;
}

#navigation {
    position: absolute;
    left: 0;
    top: 82px;
    width: 760px;
}

#categories {
    position: relative;
    width: 160px;
    float: left;
    margin-right: 20px;
    padding: 15px 0 0 0;
}

#content {
    position: relative;
    width: 400px;
    margin-right: 20px;
    padding: 20px 0 10px 0;
    float: left;
}

#stuff {
    width: 160px;
    float: left;
    padding: 10px 0 10px 0;
}
/* RAHMEN ende */


/* NAVI start */

#navigation ul , #categories ul , #footer ul {
    list-style: none;
    line-height: 16px;
}

#categories ul {
    background: transparent url(../bilder/bg_categories.png) left bottom no-repeat;
    padding-bottom: 1px;
}

#navigation ul li {
    float: left;
    display: inline;
}

#navigation ul li a {
    float: left;
    display: block;
    height: 31px;
}

#categories ul li , #footer ul li {
    position: relative;
    display: block;
    width: 160px;
    margin: 0;
    padding: 0;
    _float: left;
}

#categories ul li a , #footer ul li a {
    display: block;
    text-decoration: none;
    text-align: right;
    padding: 5px 10px;
    margin: 0;
    background: transparent url(../bilder/bg_categories.png) left top no-repeat;
    color: #0052A0;
    /* height: 1%; */
    font-weight: bold;
}

#categories ul li a.noborder {
    background: none;
}

#categories ul li.active a , #categories ul li a:hover {
    background-color: #fff;
    color: #f90;
}

#categories ul li ul li a:hover, #categories ul li.active ul li a:hover, #categories ul li ul li.active a {
    background-color: #f6f6f6;
    color: #f90;
}

#categories ul li ul {
    background: none;
    padding-bottom: 0px;
    margin-bottom: 3px;
}

#categories ul li ul li {
    background: none;
}

#categories ul li ul li a, #categories ul li.active ul li a {
    /* background: transparent url(../bilder/bg_subcategories.png) right top no-repeat; */
    background: none;
    padding: 1px 10px 1px 0;
    margin-left: 0;
    color: #0052A0;
    height: 1%;
    font-weight: normal;
}

#footer ul {
    position: absolute;
    top: -100px;
    left: 0;
    width: 160px;
}

#footer ul li a {
    background: transparent url(../bilder/bg_categories.png) right top no-repeat;
    color: #666;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    font-weight: normal;
}

#footer ul li.active a , #footer ul li a:hover {
    background-color: #f6f6f6;
    color: #333;
}

/* NAVI ende */


/* STUFF start */

#stuff .abstand {
    padding: 10px 0 10px 10px;
    background: transparent url(../bilder/bg_categories.png) left bottom no-repeat;
}

#stuff .nobg {
    background: none !important;
}

/* STUFF ende */

#content ul , #stuff ul {
    list-style: none;
    margin-bottom: 1em;
}

#content ul li, #stuff ul li {
    padding-left: 9px;
    background: transparent url(../bilder/pfeil_rechts.png) 0px 5px no-repeat;
}

ol {
    margin-bottom: 1em;
    margin-left: 20px;
}

ol li {
    margin-bottom: 0.5em;
}


.infobox {
    background: #fff;
    border: 1px dashed #999;
    padding: 5px 5px 0 5px;
    display: block;
    position: relative;
    height: 1%;
    overflow: hidden;
}

#categories .infobox {
    margin: 20px 10px 120px 0;
    position: relative;
}



.datum {
    font-size: 10px;
    color: #808080;
}

.kontakt, input.text, textarea.text, input.password{
    width: 180px;
}
label, .label{
    position: relative;
    margin-bottom: 5px;
    width: 150px;
    float: left;
}
.label{
    width: 90px;
}
input.text, input.password, textarea, select{
    background: #ffffff;
    border: 1px solid #999;
    margin: 0px 0px 5px 0px;
    font-size: 11px;
    padding: 1px 0;
}

textarea.anzeige {
    font-size: 12px;
}

#counter {
    color: #090;
    font-weight: bold;
}

input.radio {
    float: left;
    margin-right: 10px;
}

label.radio {
    width: 350px;
}

.formmailerror em {
    font-style: normal;
    color: #333;
}

input:focus, select:focus, input.required:focus{
    border: 1px solid #000000;
}
input.required, input.password.required, textarea.required{
    border: 1px solid #F8D5D5;
}
input.required.completed, input.ausfuellen.completed{
    border: 1px solid #999 !important;
}
body > select{
    margin-bottom: 0px;
}

input.button:focus {
    border: none;
}

.checkbox, .radio{
    margin-bottom: 5px;
    background: none;
    width: auto;
    padding: 0;
    margin: 0;
    border: 0;
}
label.required{
    color: #c00;
}
label.completed{
    color: #333;
}
.formmailerror{
    border: 2px dashed #d00;
    margin: 0px 0px 10px 0px;
    line-height: 1.3em;
    overflow: hidden;
    display: block;
    color: #c00;
    padding: 5px;
    background: white;
}
.ausfuellen{
    border: 1px solid #c00;
}
.kontakt{
    position: relative;
    margin-bottom: 5px;
    display: block;
    float: left;
}
.clearleft{
    clear: left;
}
input.amount {
    background: #ffffff;
    border: 1px solid #999;
    margin: 0px 10px 5px 0px;
    text-decoration: none;
    font-size: 11px;
    display: block;
    color: #333333;
    padding: 1px;
    float: left;
}

.klein {
    font-size: 10px;
}

.gross {
    font-size: 14px;
}

.rahmenbild, .rahmenbilder img {
    border: 1px solid #ccc;
    padding: 1px;
    background: #fff;
}

.links {
    float: left;
}

.rechts {
    float: right;
}

.mittel {
    width: 190px;
}

.schmal {
    width: 160px;
}

.breit {
    width: 220px;
}

.mono {
    font-family: "Courier New", Courier, monospace;
    color: #666;
}

.hr {
    border-bottom: 1px dashed #999;
    padding-bottom: 1em;
}

table.anzeige {
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

table.anzeige td, table.anzeige th {
    vertical-align: top;
}

table.anzeige td {
    padding: 2px 0 2px 5px;
    text-align: right;
}

table.anzeige.th {
    padding: 2px 5px 2px 0;
    text-align: left;
}

table.anzeige thead th , table.anzeige thead td {
    font-weight: normal;
    text-transform: uppercase;
    border-bottom: 1px dashed #999;
}

table.anzeige tbody th , table.anzeige tbody td {
    font-weight: normal;
}

table.anzeige tbody th.preis, table.anzeige tbody td.preis {
    border-top: 1px dashed #999;
    color: #c00;
}

.beitrag {
    width: 370px !important;
}

.ansprechpartner label {
    margin-bottom: 0;
    cursor: default;
}

div.ansprechpartner label {
    width: 45px;
}

.ap_bild {
    width: 90px;
    float: left;
}

.ap_text {
    width: 300px;
    float: left;
}

.ap_bild img {
    margin-bottom: 10px;
}

.rabatte tbody td, .rabatte tbody th {
    text-align: right;
    padding: 0px 3px 0px 0;
    vertical-align: top;
}

.rabatte tbody td.leftalign {
    text-align: left;
}

.rabatte tbody th {
    font-weight: bold;
    padding-left: 5px;
    color: #c00;
}

.halfform{
    float:left;
}

.halfform label, input, select{
    float:left;
}

div.halfform{
    width: 200px;
    float:left;
}

.halfform input {
    width: 120px;
}

.halfform label {
    width: 65px;
}
.halfform select {
    width:120px;
}

div.halfform_extended{
    float:left;
}
.halfform_extended label {
    width: 65px;
}

input.alt_field,label.alt_field {
    margin-left:65px;
}

label.alt_field  {
    width:120px;
    font-style:italic;
}

input.radios {
    width:20px;
}
label.radios {
    width:30px;
}