body {
    margin: 0;
    padding: 0;
    text-align: center;
    font: normal 10px/150% verdana, sans-serif;
    background-color: #efefef;
    background-color: #efefef;
}

/* general */
a {
    color: #c82909;
    text-decoration: none;
    background: transparent url(/images/arrow.gif) bottom right no-repeat;
    padding: 0px 16px 1px 0;
    border-bottom: 1px solid #c82909;
}

a.noarrow {
    text-decoration: none;
    border: none;
    padding: 0;
    background: none;
    color: #761805;
}

a.noborder {
    border: none;
}

.none {
    display: none;
}

div#wrapper {
    width: 775px;
    margin: 0 auto 10px;
    text-align: left;
    background: #fff url(/images/bg.gif) right repeat-y;
    padding: 3px 3px 0;
}

div#head {
    position: relative;
    height: 100px;
    margin: 0 0 3px;
    padding: 0;
}

div#head h1 {
    font-size: 120%;
    margin: 0;
    padding: 0;
}

.teaser {
    font-weight: bold;
}

div#head form {
    position: absolute;
    color: #222;
    right: 10px;
    top: 10px;
    text-align: right;
    line-height: 170%;
}

div#head form a {
    cursor: pointer;
}

div#head form input {
    width: 82px;
    border: 0;
    padding: 0px;
    margin-bottom: 2px;
    margin-top: 1px;
    font-size: 10px;
    font-family: verdana, sans-serif;
    border: 1px solid #9c9c9c;
}

* html div#head form input {
    margin-bottom: 0;
}



div#head form input.txt {
    width: 80px;
    margin-top: 0;
}

div#login_nav {
    position: absolute;
    color: #222;
    right: 10px;
    top: 10px;
    text-align: right;
    line-height: 170%;
    background-color: #fff;
    padding: 2px 4px;
    border: 1px solid #aaa;
}

/* ------------------------------------------------------------------------
 * navigation
 */
ul#primenav {
    float: left;
    margin: 0;
    padding: 2px 2px 2px;
    width: 766px;
    list-style: none;
    background: #dedede;
}

ul#primenav li {
    float: left;
}

ul#primenav a {
    display: block;
    width: 124px;
    border-bottom: 1px solid #9c9c9c;
    border-right: 1px solid #9c9c9c;
    margin-left: 2px;
    background: #fff url(/images/bg_mainnav.png) bottom right no-repeat;
    padding: 1px 0;
    text-align: center;
    color: #222;
    text-decoration: none;
}

/*
ul#primenav li.first a {
    margin-left: 0;
    width: 200px;
}
*/

ul#primenav li.active a {
    /*color: red;
    letter-spacing: 1px;*/
    background: #fff url(/images/bg_mainnav_active.gif) bottom right no-repeat;
    width: 126px;
}

ul#primenav li a:hover {
    background-color: #fff;
    /*letter-spacing: 1px;*/
    background: #fff url(/images/bg_mainnav_active.gif) bottom right no-repeat;
}

/*
 * body
 */
div#body {
    float: left;
    margin: 15px 0 -1px;
    padding-left: 5px;
    background-image: url("/images/bg_body.gif");
    background-repeat: repeat-y;
    background-color: #fff;
}

html>body div#body {
    margin: 15px 0 -3px;
}

div#secondnav {
    float: left;
    width: 200px;
    margin: 0;
    margin: 0 0 0 0px;
    background: #fff;
    padding-bottom: 15px;
}

ul.subnav {
    margin: 0;
    padding: 0 0 10px;
    list-style: none;
}

ul.subnav li {
    border: 1px solid #7CA0D4;
    border: 1px solid #4C70C2;
    padding: 2px 2px;
    margin: 4px 0;
    background: #A8CCE5;
}

div#secondnav ul.subnav li a {
    border: 0;
}

div#wave {
    width: 100%;
    height: 180px;
    background: transparent url(/images/bg_wave01.png) bottom right no-repeat;
    margin: -100px 0 0;
}

/* maininfo */
a#maininfo {
    display: block;
    font-size: 130%;
    font-weight: bold;
    line-height: 160%;
    color: #fff;
    width: 200px;
    text-align: center;
    background: url(/images/bg_bl_tl.png) top left no-repeat;
    margin: 0 0 1em 0;
    padding: 0;
    text-decoration: none;
    border: 0;
}

div#mi_top {
    background: url(/images/bg_bl_tr.png) top right no-repeat;
}

div#mi_bottom {
    background: url(/images/bg_bl_bl.png) bottom left no-repeat;
}

div#mi_right {
    background: url(/images/bg_bl_br.png) bottom right no-repeat;
    padding: 10px 0;
}

a#maininfo span.outstanding {
    font-size: 125%;
}

div#pointers {
    padding: 5px;
    /*background-color: #facbc2;*/
    width: 200px;
    background: url(/images/bg_bred_tl.png) top left no-repeat;
    margin: 10px 0 5px 0;
    padding: 0;
    padding-bottom: -2px;
}

div#pointers h3 {
    font-size: 110%;
    font-weight: normal;
    margin: 1.5em 0 0;
    padding: 0;
    border-bottom: 1px solid #000;
}

div#pointers h3.first {
    margin: 0;
    margin: 5px;
}

div#pointers p, div#pointers ul {
    margin: 0.5em 5px;
    padding: 0;
    list-style: none;
}

div#pointers ul li {
    /*margin-left: 15px;
    */
    margin-bottom: 5px;
}

#job, #lang {
    display: block;
    margin: 2em 0;
    border: 1px solid #AF1618;
    padding: 0.5em;
    background: none;
    background-color: #A8CCE5;
    font-weight: bold;
    font-size: 120%;
}

div#main_article {
}

div#stage {
    /*background: transparent url(../images/bg_wave01.png) top right no-repeat;*/
    float: left;
    position: relative;
    width: 538px;
    padding: 0 5px 20px 15px;
    background: #fff;
}

div#stage ul {
    margin: 0.5em 1.5em;
    padding: 0;
}

div#stage .thumb, div#full .thumb {
    float: left;
    margin: 0.5em;
    padding: 1px;
    border: 1px solid #ccc;
    width: 85px;
}

h2 {
    color: #761805;
    border-bottom: 1px solid #761805;
    font-size: 170%;
    line-height: 110%;
    font-weight: normal;
    font-family: georgia;
    margin: 1em 0 0;
    padding: 2px 0;
    clear: both;
}

div#body h2.intro {
    margin: 0;
}

div#stage p {
    margin: 5px 0 0 5px;
}

div#stage h3, div#full h3, h3 {
    color: #761805;
    font-size: 130%;
    margin-bottom: 0;
    clear: both;
}

/* products */
div#productsofmonth {
    float: left;
    margin: 10px 0 20px 0px; 
}

div#productsofmonth img {
    width: 162px;
    padding: 1px;
    border: 1px solid #ccc;
}

div#productsofmonth div {
    float: left;
}

div#productsofmonth p {
    margin: 0;
}

div#product1, div#product3 {
    width: 164px;
}

div#product2 {
    width: 165px;
    margin: 0 9px;
    border-right: 1px dotted #ccc;
    border-left: 1px dotted #ccc;
    padding: 0 10px;

}

/*
 * footer
 */
div#footer {
    background: #fff;
    clear: both;
    color: #ccc;
    text-align: center;
    background: url(/images/bg_footer.gif) bottom no-repeat;
    padding: 0 -5px 0;
    margin: 0 -3px;
}

div#footer p {
    margin: 0 0 0 195px;
    padding: 10px 0 20px;
}

div#footer p.real_center {
    margin: 0;
}
div#footer a {
    padding: 0;
    margin: 0;
    background: 0;
    text-decoration: underline;
    border: 0;
}

/* shop */
div#product_info {
    /*background-color: #A8CCE5; */
    padding: 5px;
}

div#last_viewed {
    padding: 5px 5px 10px;
    margin: 1em 0;
    border: 1px solid #A8CCE5;
}

div#last_viewed ul, div#product_info ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div#last_viewed h3, div#product_info h3 {
    font-size: 100%;
    margin: 0;
}

div#light_box {
    margin: 1em 0;
        padding: 5px;
            /*background-color: #facbc2;*/
            }

div#light_box div {
    margin: 5px 0;
    padding: 5px 0 10px;
    clear: both;
}

div#light_box div p {
    margin: 0;
    padding: 0;
}

div#light_box div img {
    float: left;
    margin-right: 10px;
    padding: 1px;
    border: 1px solid #000;
}

div#light_box h3 {
    font-size: 110%;
    font-weight: normal;
    margin: 0 0;
    padding: 0;
    border-bottom: 1px solid #000;
}

/* shopnav */
div#shopnav {
    color: #222;
    width: 200px;
    background: url(/images/bg_bl_tl.png) top left no-repeat;
    margin: 0 0 5px 0;
    padding: 0;
    padding-bottom: -2px;
    border: 0;
}

div#shopnav h3 {
    margin: 0;
    padding: 10px 10px 0;
    color: #fff;
    font-size: 110%;
}

div.mi_top {
    background: url(/images/bg_bl_tr.png) top right no-repeat;
}

div.mi_bottom {
    background: url(/images/bg_bl_bl.png) bottom left no-repeat;
}

ul.mi_right {
    background: url(/images/bg_bl_br.png) bottom right no-repeat;
    padding: 10px;
    padding-top: 5px;
    margin: 0;
    list-style: none;
}

ul.mi_right ul {
    list-style: none;
    margin: 0;
    padding: 5px 12px;
}

ul.mi_right li {
    padding: 1px;
}

div#path {
    font-size: 10px;
    padding: 5px;
    margin: 5px 0 0;
    border: 1px solid #ccc;
    width: 758px;
}

div#path a {
    border: none;
    text-decoration: none;
    border: none;
    padding: 0;
    background: none;
    color: #761805;
}

div#path .search {
    text-align: right;
    width: 250px;
    margin-right: 5px;
    float: right;
}

div#path .search form {
    margin: 0;
    padding: 0;
    display: inline;
}

div#path .path {
    float: left;
    width: 500px;
}

div#path input.txt {
    border: 1px solid #ccc;
    width: 80px;
}

div#path a {
    text-decoration: underline;
}



div.pointers_top {
    background: url(../images/bg_bred_tr.png) top right no-repeat;
}

div.pointers_bottom {
    background: url(../images/bg_bred_bl.png) bottom left no-repeat;
}
div.pointers_right {
    background: url(../images/bg_bred_br.png) bottom right no-repeat;
    padding: 10px 0;
}
div#wk_top {
    background: url(../images/bg_bred_tr.png) top right no-repeat;
}

div#wk_bottom {
    background: url(../images/bg_bred_bl.png) bottom left no-repeat;
}
div#wk_right {
    background: url(../images/bg_bred_br.png) bottom right no-repeat;
    padding: 10px 0;
}
div#warenkorb_left h3 {
    margin: 0;
    color: #000;
    font-size: 110%;
    padding: 0 6px;
}

div#warenkorb_left table {
    padding: 0 4px;
}

div#warenkorb_left th {
    font-weight: normal;
    background-color: #e5e5e5;
    padding: 2px;
}

div#warenkorb_left td {
}

div#warenkorb_left tr.grey {
    background-color: #f5f5f5;
}

div#warenkorb_left tr.footer {
    background-color: #e5e5e5;
}

div#warenkorb_left td.right {
    text-align: right;
}

#full {
    margin: 5px;
}

div#full h2.intro {
    margin-right: 5px;
    margin-bottom: 10px;
}

#full h3 {
    clear: both;
}

.step {
    float: left;
    width: 113px;
    margin-right: 0px;
    padding: 2px;
    padding-left: 37px;
    padding-top: 9px;
    height: 40px;
    background: url(/images/step1.png) no-repeat;
    margin-bottom: 15px;
    margin-top: 20px;
}

.step a {
    display: block;
    border: 0;
    padding: 0;
    background: none;
}

#step1_future {
    background: url(/images/step1_future.png) no-repeat;
    color: #aaa;
}

#step1_active {
    background: url(/images/step1_active.png) no-repeat;
}

#step1_old {
    background: url(/images/step1_old.png) no-repeat;
}

#step2_future {
    background: url(/images/step2_future.png) no-repeat;
    color: #aaa;
}

#step2_active {
    background: url(/images/step2_active.png) no-repeat;
}

#step2_old {
    background: url(/images/step2_old.png) no-repeat;
}

#step3_future {
    background: url(/images/step3_future.png) no-repeat;
    color: #aaa;
}

#step3_active {
    background: url(/images/step3_active.png) no-repeat;
}

#step3_old {
    background: url(/images/step3_old.png) no-repeat;
}

#step4_future {
    background: url(/images/step4_future.png) no-repeat;
    color: #aaa;
}

#step4_active {
    background: url(/images/step4_active.png) no-repeat;
}

#step4_old {
    background: url(/images/step4_old.png) no-repeat;
}

#step5_future {
    background: url(/images/step5_future.png) no-repeat;
    color: #aaa;
}

#step5_active {
    background: url(/images/step5_active.png) no-repeat;
}

#step5_old {
    background: url(/images/step5_old.png) no-repeat;
}

#full table {
    width: 100%;
}

table.grey th {
    background-color: #A8CCE5;
    padding: 2px 5px;
    font-size: 110%;
}

table.grey td {
    padding: 5px;
    background-color: #dedede;
}

table.grey .red {
    color: #761805;
    font-weight: bold;
}

table.grey .txt input {
    border: 1px solid #aaa;
    padding: 1px 2px;
    font-family: verdana, sans-serif;
}

table.grey input {
  width: 300px;
}

table.grey .auto input {
  width: auto;
}

table.grey .small input {
  width: 50px;
}

table.grey .tiny input {
  width: 30px;
}

table.grey input.plz {
    width: 50px;
}

table.grey input.ort {
    width: 240px;
}

table.grey textarea {
  width: 99%;
  height: 200px;
}

div#full h3 {
    margin: 1em 0;
}

div#full div#steps_nav {
    margin: 1em 4px 2em;
}

div#full table .piece {
    position: relative;
    display: block;
    width: 490px;
    margin: 0.5em 0;
}

div#full table .piece em {
    position: absolute;
    right: 0px;
}

div#full table .piece em span {
    color: #761805;
}

#partner {
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: 15px;
}

#partner h3 {
    margin: 0 0 5px;
    padding: 0;
}

div.partner{
    border-left: 1px solid white;
    border-right: 1px solid white;
    background: none;
    padding: 30px 0px 10px;
}

/* table for modules */
table {
    font: normal 11px/150% verdana, sans-serif;
    margin: 1em 0;
}

table td.right {
    text-align: right;
}

table .txt {
    border: 1px solid #ccc;
    width: 200px;
}

table textarea.txt {
    height: 100px;
}

#aktionsbar {
    position: absolute;
    top: 10px;
    right: 10px;
    border: 2px solid #c9c9c9;
    background: #fff;
    padding: 5px 5px 5px 0;
}

* html #aktionsbar {
    right: 10px;
}

#aktionsbar img {
    vertical-align: bottom;
    padding-right: 5px;
    padding-left: 5px;
}

.error {
  border: 1px solid red;
  background-color: #fcc;
  padding: 5px;
  font-weight: bold;
  font-size: 12px;
  margin: 2em 0;
  line-height: 18px;
}

.button a {
  text-decoration: none;
  border: 0;
  padding: 0;
  background: none;
}

.button img {
  border: 0;
}

.button {
  mouse: hand;
  cursor: pointer;
}

.required {
    color: red;
}

#hotline {
    border: 1px solid #ee3b0d;
    background-color: #fc6;
    color: #000;
    padding: 0.5em;
    margin: 0 0 1.5em;
    font-size: 125%;
    line-height: 150%;
    font-weight: bold;
    text-align: center;
}

h3.vs {
  margin-bottom: 0;
}
h3.vs2 {
  margin: 0;
}
h4.vs {
  margin: 0;
}

.button a {
  border: 0;
}

.button a {
  margin: 2px;
}