/* CSS Screen */
@charset "utf-8";

body, p, h1, h2, h3, h4, h5, h6, form { margin: 0; padding: 0 }

body {
    font-family: Verdana, Arial, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
    background-color: #edebeb;
 }

p, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .6em
}

img {
    border: none;
}

img.bild_rahmen {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
}

img.bild_links {
    float: left;
    margin: 0 10px 5px 0;
}

img.bild_rechts {
    float: right;
    margin: 0 0 5px 10px;
}



h1 {
    font-size: 2em;
    font-weight: normal;
    font-family: Georgia, serif;
}

h2 {
    font-size: 1.5em;
    font-weight: normal;
    font-family: Georgia, serif;
}

h3 {
    font-size: 1.2em;
    font-weight: normal;
}

h4 {
    font-size: 1em;
}

h6 {
    font-size: .8em;
    color: #999;
}

h6 a {
    text-decoration: none;
    color: #999;
}

h6 a:hover {
    color: red;
}


hr {
    height: 1px;
    border: none;
    border-bottom: 1px solid #ccc;
}


input, select, textarea, option {
    font-family: Verdana, Arial, Geneva, sans-serif;
    font-size: 12px;
    color: #666;
}

a {
    color: red;
}

a:hover {
    text-decoration: none;
}


#marvin {
    width: 940px;
    padding: 0 20px;
    background-image: url('../images/hg.png');
    background-repeat: repeat-y;
    margin: 0 auto;

}

#header {
    background-image: url('../images/header.jpg');
    background-repeat: no-repeat;
    height: 160px;
    font-size: .9em;
}

#header img#img_header {
    height: 119px;
    width: 100%;
}

img.headericon {
    width: 16px;
    height: 14px;
    margin-top: 7px;
    margin-right: 1px;
    border: 1px solid #999;
    background-color: #e5e5e5;
}

img.flagEn {
    background-image: url(../images/flag_en_14px.png);
    width: 31px;
}

img.flagDe {
    background-image: url(../images/flag_de_14px.png);
    width: 31px;
}


#header ul {
    margin: 0; padding: 0 190px 0; list-style-type: none;
}

#header ul li {
    float: left;
    text-align: center;
    width: 110px;
    height: 27px;
    font-weight: bold;
}

#header ul li a {
    background-image: url('../images/header_bt_off.png');
    background-repeat: no-repeat;
    display: block;
    line-height: 27px;
    color: #333;
    text-decoration: none;
}

#header ul li a:hover {
    background-image: url('../images/header_bt_on.png');
    background-repeat: no-repeat;
    color: #666;
}

#header ul li a.thispage {
    background-image: url('../images/header_bt_on.png');
    background-repeat: no-repeat;
    color: red;
}


#toc {
    float: left;
    width: 190px;
    clear: left;
    font-size: .9em;
    padding-bottom: 10px;
}

#toc ul {
    margin: 30px 20px 0;
    padding: 0;
    list-style-type: none;
}

#toc ul li {
    margin-top: 10px;
}


#toc ul li a {
    background-image: url('../images/toc_hg.png');
    background-repeat: repeat-x;
    border-left: 1px solid #999;
    border-right: 2px solid #999;
    border-bottom: 1px solid #999;
    display: block;
    text-decoration: none;
    padding: 5px 5px;
    color: #666;
    font-weight: bold;
}

#toc ul li a:hover {
    color: #333;
    border-right: 2px solid #666;
    border-bottom: 1px solid #666;
}

#toc ul li a.thispage {
    color: red;
}

#toc ul ul {
    margin: 0 0 0 5px;
}


#toc ul ul li {
    margin-top: 0;
}


#toc ul ul li a {
    background-image: none;
    border: none;
    padding: 2px;
    font-weight: normal;
}

#toc ul ul li a:hover {
    text-decoration: underline;
    border: none;
}


#main {
    float: left;
    width: 680px;
    padding-bottom: 20px;
}

#info{
    float: right; width: 10px; height: 470px;
}


#footer {
    clear: both;
    background-image: url('../images/footer.jpg');
    background-repeat: no-repeat;
    height: 50px;

 }

#footer address {
    text-align: center;
    font-style: normal;
    font-size: .8em;
    font-weight: bold;
    padding-top: 4px;
    color: #333;
}

#footer a {
    color: #333;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#wd {
    background-image: url('../images/hg_wd.png');
    background-repeat: no-repeat;
    width: 940px;
    margin: 0 auto;
    padding: 5px 20px 0;
    text-align: center;
    font-size: .8em;
    color: #999;
}

#wd p {
    padding: 0;
}

#wd a {
    color: #999; text-decoration: none;
}

#wd a:hover {
    text-decoration: underline;
}

h1#startbox {
    text-align: center;
    width: 545px;
    padding: 15px 0;
}

img#img_start {
    width: 550px;
    height: 367px;
    margin-top: 30px
}

img#flags_start {
    width: 159px;
    height: 20px;
    margin: 10px 0 0 195px
}


img#startfoto {
    width: 550px;
    height: auto;
    margin-left: 10px;
}


/* Inside */
form#eintrag {
    background-position: top right;
    background-repeat: no-repeat;
}


#eintrag fieldset, fieldset.gruppen {
    border: 1px solid silver;
    width: 527px;
    margin: 0 0 20px; padding: 0 10px 5px;
}

#eintrag fieldset legend, fieldset.gruppen legend {
    font-size: 1.5em;
    font-family: Georgia;
    color: silver;
    margin: 0; padding: 0;
}

fieldset.gruppen h5 {
    font-size: .9em;
    color: #666;
    padding: .6em 0 0;
}

fieldset.gruppen p {
    color: #999;
    font-size: .9em;
    line-height: 16px;
}

fieldset.gruppen a {
    color: #999;
    text-decoration: none;
    padding-right: 15px;
}

fieldset.gruppen a:hover {
    text-decoration: underline;
    color: #333;
}


#eintrag dt, #contact dt {
    font-size: .9em;
}


#eintrag dd, #contact dd {
    margin: 3px 0 10px;
}

#eintrag #ref_products, #eintrag #cat_de, #eintrag #cat_en, #art_no, #teaser_de, #teaser_en, #ve,
#eintrag #title_de, #eintrag #title_en, #eintrag #desc_de, #eintrag #desc_en,
#eintrag #ref_subcat, #eintrag #ref_cat, #eintrag .selectbox, #eintrag #subcat_de, #eintrag #subcat_en,
#page_title, #page_seo, #eintrag #img_name, #eintrag #img, #eintrag #img_width,
#contact #vn, #contact #nn, #contact #email, #contact #tel, #contact #telvw, #contact #kommentar, #contact #firma,
#eintrag #search_term, #eintrag #search_cat, #contact #land  {
    width: 250px;
    border: 1px solid #ccc;
}

#contact #vn, #contact #telvw {
    width: 150px
}

#contact #nn, #contact #tel {
    width: 220px
}

#contact #email, #contact #kommentar, #contact #firma, #contact #land {
    width: 375px
}

#contact #kommentar {
    height: 100px
}

.shortblock {
    width: 550px;
}


#page_text {
    width: 600px;
    border: 1px solid #ccc;
}


#eintrag .subcatselectbox {
    width: 360px;
    height: 130px;
}

#eintrag #img_width {
    width: 90px;
}


.catliste li {
    clear: left;
    margin-bottom: 20px;
}


.catliste span {
    display: block;
}

.catliste a {
    float: left;
    font-size: .9em;
    color: #C8C8C8;
    text-decoration: none;
    padding-right: 10px;
}

.catliste a:hover {
    color: #666;
    text-decoration: underline;
}

.subcatliste a {
    color: #999;
    text-decoration: none;
}

.subcatliste a:hover {
    color: #333;
    text-decoration: underline;
}

.subcatliste img {
    vertical-align: bottom;
    margin: 0 20px 3px 5px;
}

p.subcatliste span {
    white-space: nowrap;
    line-height: 18px;
}


table.productlist {
    border-collapse: collapse;
    border: 1px solid #ccc;
    table-layout: fixed;
    width: 100%;
    clear: both;
}

table.productlist td, table.productlist th {
    border-bottom: 1px dotted #ccc;
    padding: 5px;
    vertical-align: top;
}

table.productlist th {
    width: 120px;
}

table.productlist td {
    width: auto;
}

td.minitext {
    text-align: right;
    width: 120px !important;
    vertical-align: top;
}

.minitext {
    color: #c8c8c8;
}

.minitext a {
    color: #c8c8c8;
    text-decoration: none;
    font-size: .9em;
}

.minitext a:hover {
    color: #666;
    text-decoration: underline;
}

dd.labels a {
    padding: 2px 2px;
    color: #999;
    text-decoration: none;
    font-size: .9em;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin-right: 1px;
    display: block;
    float: left;
}

dd.labels div {
    clear: left;
}

dd.labels a:hover {
    background: #E8E8E8;
    color: #666;
}

#label1, #label1 a {
    background: #ccc;
    color: #333;
}


#box2, #box3, #box4 {
    display: none;
}

div.pages_en, div.pages_de {
    background-image: url('../images/en_big.png');
    background-repeat: no-repeat;
    background-position: top right;
    padding-right: 270px;
}

div.pages_de {
    background-image: url('../images/de_big.png');
}

div.pages_en {
    background-image: url('../images/en_big.png');
}

div.pages_en li, div.pages_de li {
    margin-bottom: 10px;
}

form.pages_en, form.pages_de {
    background-image: url('../images/en_small.png');
    background-repeat: no-repeat;
    background-position: top right;
}

form.pages_de {
    background-image: url('../images/de_small.png');
}

img.minithumbs {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    height: 80px;
    width: auto;
    padding: 10px;
    margin: 4px 2px 0 0;
    background: #efefef;
}

img.minithumbs:hover {
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background: #ccc;
}

img#detailbild {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

#googlemap {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
}

/* Print Bereiche ausblenden */
#print_header, #print_footer {
    display: none;
}


.inh {
    padding-left: 14px;
}

#sitemap h2 a {
    color: #999;
    background-image: url('../images/sitemap_h2.png');
    background-repeat: no-repeat;
    text-decoration: none;
    font-size: .8em;
    padding: 4px 10px;
    display: block;
}

#sitemap h2 a:hover {
    color: #333;
}

#sitemap h3 a {
    color: #999;
    text-decoration: none;
    font-size: .9em;
}

#sitemap h3 a:hover {
    color: #333;
    text-decoration: underline;
}


#sitemap h3 {
    padding-bottom: 0;
    margin-bottom: 0;
}