* {
    padding: 0;
    margin: 0;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    background: #011721 url(../images/background/body.jpg) no-repeat top left;
}

img {
    border: 0px;
}


/* =================================================== DIVS =================================================== */

#container {
    position: relative;
    width: 960px;
    margin: auto;
    z-index: 1;
}

#header {
    height: 190px;
    padding-left: 10px;
}

#header_menu {
    position: relative;
    width: 298px;
    height: 143px;
    float: right;
    color: #FFF;
    font-size: 11px;
    background: #011017;
    padding: 11px;
    margin-top: 20px;
}

#menu {
    height: 34px;
    background: url(../images/background/mainmenu.gif) no-repeat bottom left;
}

#submenu_galerie {
    position: relative;
    height: 30px;
    line-height: 30px;
    background: url(../images/background/submenu_galerie.jpg) no-repeat top left;
    padding-left: 10px;
    margin-bottom: 4px;
    z-index: 1;
}

#footer {
    height: 57px;
    font-size: 10px;
    color: #FFF;
    line-height: 32px;
    padding-top: 4px;
    margin-bottom: 20px;
}

#footer_logo {
    position: relative;
    width: 134px;
    float: right;
    margin-top: -4px;
}

#right_col {
    width: 320px;
    float: right;
}

#left_col {
    width: 635px;
}

.content_text, .content_text_block {
    background: #FFF;
    padding: 5px 10px 10px 10px;
    line-height: 20px;
}

.content_text_block {
    min-height: 437px;
    height: auto !important;
    height: 437px;
}

.content_longtext {
    background: #FFF;
    padding: 5px 35px 10px 10px;
    line-height: 20px;
}

.hor_line {
    height: 1px;
    background: url(../images/hor_line.gif) no-repeat top left;
    margin-bottom: 15px;
}

.hor_line_space {
    height: 1px;
    background: url(../images/hor_line.gif) no-repeat top left;
    margin-top: 15px;
    margin-bottom: 15px;
}

.hor_line_narrow_space {
    height: 1px;
    background: url(../images/hor_line_narrow.gif) no-repeat top left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.hor_line_dark_space {
    height: 1px;
    background: url(../images/hor_line_dark.gif) no-repeat top left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.product_right {
    width: 220px;
    float: right;
    text-align: center;
}

.points {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    padding-left: 28px;
    background: url(../images/icon_punkte.gif) no-repeat center left;
}

.points_small {
    height: 22px;
    padding-left: 27px;
    background: url(../images/icon_punkte_small.gif) no-repeat center left;
}

.points_sum {
    height: 22px;
    font-weight: bold;
    color: #97DFAC;
    padding-left: 27px;
    background: url(../images/icon_punkte_sum.gif) no-repeat center left;
}

.ranking {
    float: right;
    padding-left: 20px;
    background: url(../images/icon_ranking.gif) no-repeat center left;
}

#galerie {
    width: 970px;
}

#galerie_intro {
    width: 478px;
    height: 294px;
    float: left;
    margin-right: 4px;
    margin-bottom: 12px;
}

.galerie_intro_text {
    width: 458px;
    height: 225px;
    background: #FFF;
    padding: 5px 10px 10px 10px;
    line-height: 20px;
}

.galerie_item {
    position: relative;
    width: 237px;
    height: 320px;
    float: left;
    margin-right: 4px;
    margin-bottom: 12px;
}

.fake_link {
    position: absolute;
    width: 237px;
    height: 237px;
    top: 0px;
    left: 0px;
    z-index: 1;
    background: #900;
}

.winner {
    position: absolute;
    top: 0px;
    right: 0px;
}

.winner_popup {
    position: absolute;
    top: 0px;
    left: 0px;
}

.galerie_item_text {
    height: 48px;
    color: #FFF;
    background: url(../images/background/galerie_item_text.gif) repeat-x bottom left;
    padding: 5px 0px 5px 8px;
}

.galerie_item_ranking {
    height: 25px;
    line-height: 25px;
    color: #FFF;
    background: #000;
    padding: 0px 8px;
}

.galerie_item_icons_1, .galerie_popup_icons_1 {
    position: absolute;
    width: 44px;
    height: 12px;
    right: 35px;
    top: 237px;
    text-align: right;
}

.galerie_item_icons_1 img, .galerie_popup_icons_1 img {
    margin-right: 5px;
    margin-top: 7px;
}

.galerie_item_icons_2, .galerie_popup_icons_2 {
    position: absolute;
    width: 35px;
    height: 58px;
    right: 0px;
    top: 237px;
}

.galerie_popup_icons_1, .galerie_popup_icons_2 {
    top: 540px;
}

.galerie_popup_text {
    height: 50px;
    color: #FFF;
    background: url(../images/background/galerie_popup_text.gif) repeat-x bottom left;
    line-height: 16px;
    padding: 5px 0px 5px 8px;
}

.galerie_popup_public_text_1 {
    width: 265px;
    height: 50px;
    float: left;
    color: #FFF;
    background: url(../images/background/galerie_popup_text.gif) repeat-x bottom left;
    line-height: 16px;
    padding: 5px 0px 5px 8px;
}

.galerie_popup_public_text_2 {
    height: 52px;
    color: #FFF;
    margin-left: 265px;
    background: url(../images/background/galerie_popup_text.gif) repeat-x bottom left;
    line-height: 26px;
    padding: 3px 0px 5px 20px;
}

.galerie_popup_public_separator {
    float: left;
    margin-top: 2px;
}

.galerie_popup_icons {
    width: 35px;
    float: right;
    height: 60px;
    background: url(../images/background/galerie_popup_text.gif) repeat-x bottom left;
}

.galerie_popup_rights {
    color: #FFF;
    padding: 5px 0px 5px 8px;
    line-height: 25px;
}

.rating_stars {
    display: inline;
    margin-left: 5px;
}

.rating_stars img {
    vertical-align: middle;
}

.average_stars {
    display: inline;
    margin-right: 4px;
}

.average_stars img {
    margin-right: 2px;
}

/* --------------------------------------------------- hidden inline divs --------------------------------------------------- */

.hidden {
    display: none;
}

.input {
    min-height: 376px;
    height: auto !important;
    height: 376px;
    background: #011017;
    color: #FFF;
    padding: 20px 20px 30px 20px;
    line-height: 20px;
}

.warenkorb {
    min-height: 480px;
    height: auto !important;
    height: 480px;
    color: #FFF;
    padding: 20px 20px 10px 20px;
    line-height: 20px;
    background: #011017 url(../images/background/warenkorb.gif) no-repeat top center;
}

#galerie_public {
    width: 536px;
    min-height: 596px;
}

#galerie_private {
    width: 536px;
    min-height: 760px;
}


/* =================================================== LINKS =================================================== */

a, a:link, a:visited, a:focus, a:hover, a:active {
    color: #97DFAC;
    text-decoration: underline;
}

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

a.blue, a.blue:link, a.blue:visited, a.blue:focus, a.blue:hover, a.blue:active {
    color: #00B8E6;
    text-decoration: underline;
}

a.blue:hover {
    color: #00B8E6;
    text-decoration: none;
}

h3 a, h3 a:link, h3 a:visited, h3 a:focus, h3 a:hover, h3 a:active,
#header_menu h3 a, #header_menu h3 a:link, #header_menu h3 a:visited, #header_menu h3 a:focus, #header_menu h3 a:hover, #header_menu h3 a:active {
    color: #FFF;
    text-decoration: none;
}

h3 a:hover, #header_menu h3 a:hover {
    color: #97DFAC;
}

a.small, a.small:link, a.small:visited, a.small:focus, a.small:hover, a.small:active {
    font-size: 11px;
}

a.rating, a.rating:link, a.rating:visited, a.rating:focus, a.rating:hover, a.rating:active,
.galerie_popup_public_text_2 a, .galerie_popup_public_text_2 a:link, .galerie_popup_public_text_2 a:visited, .galerie_popup_public_text_2 a:focus, .galerie_popup_public_text_2 a:hover, .galerie_popup_public_text_2 a:active {
    color: #FFF;
    text-decoration: underline;
}

a.rating a:hover, .galerie_popup_public_text_2 a:hover {
    color: #97DFAC;
}

a.help, a.help:link, a.help:visited, a.help:focus, a.help:hover, a.help:active,
#header_menu a.help, #header_menu a.help:link, #header_menu a.help:visited, #header_menu a.help:focus, #header_menu a.help:hover, #header_menu a.help:active {
    color: #97DFAC;
    text-decoration: none;
}

#header_menu a, #header_menu a:link, #header_menu a:visited, #header_menu a:focus, #header_menu a:hover, #header_menu a:active {
    color: #FFF;
    text-decoration: underline;
}

#header_menu a:hover {
    text-decoration: none;
}

#submenu_galerie a, #submenu_galerie a:link, #submenu_galerie a:visited, #submenu_galerie a:focus, #submenu_galerie a:hover, #submenu_galerie a:active {
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    margin-right: 4px;
}

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

#submenu_galerie a strong, #submenu_galerie a:link strong, #submenu_galerie a:visited strong, #submenu_galerie a:focus strong, #submenu_galerie a:hover strong, #submenu_galerie a:active strong {
    color: #000;
    text-decoration: underline;
}

#footer a, #footer a:link, #footer a:visited, #footer a:focus, #footer a:hover, #footer a:active {
    font-size: 12px;
    font-weight: bold;
    color: #97dfac;
    text-decoration: underline;
    margin-right: 12px;
}

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

/* --------------------------------------------------- mainmenu --------------------------------------------------- */

ul#mainmenu {
    position: relative;
    height: 30px;
}

ul#mainmenu li {
    display: inline;
}

a#menu_news, a#menu_news:link, a#menu_news:visited, a#menu_news:focus, a#menu_news:hover, a#menu_news:active,
a#menu_anmeldung, a#menu_anmeldung:link, a#menu_anmeldung:visited, a#menu_anmeldung:focus, a#menu_anmeldung:hover, a#menu_anmeldung:active,
a#menu_challenge, a#menu_challenge:link, a#menu_challenge:visited, a#menu_challenge:focus, a#menu_challenge:hover, a#menu_challenge:active,
a#menu_konfigurator, a#menu_konfigurator:link, a#menu_konfigurator:visited, a#menu_konfigurator:focus, a#menu_konfigurator:hover, a#menu_konfigurator:active,
a#menu_galerie, a#menu_galerie:link, a#menu_galerie:visited, a#menu_galerie:focus, a#menu_galerie:hover, a#menu_galerie:active,
a#menu_warenkorb, a#menu_warenkorb:link, a#menu_warenkorb:visited, a#menu_warenkorb:focus, a#menu_warenkorb:hover, a#menu_warenkorb:active,
a#menu_faq, a#menu_faq:link, a#menu_faq:visited, a#menu_faq:focus, a#menu_faq:hover, a#menu_faq:active {
    display: block;
    height: 30px;
    float: left;
}

.active {
    background-position: 0px -30px ! important;
}

/* --------------------------------------------------- submenu - gallery --------------------------------------------------- */

ul.submenu {
    list-style-type: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1000;
}

ul.subsubmenu {
    list-style-type: none;
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 1000;
}

a#sort_rating, a#sort_rating:link, a#sort_rating:visited, a#sort_rating:focus, a#sort_rating:hover, a#sort_rating:active,
a#sort_public, a#sort_public:link, a#sort_public:visited, a#sort_public:focus, a#sort_public:hover, a#sort_public:active,
a#sort_rechte, a#sort_rechte:link, a#sort_rechte:visited, a#sort_rechte:focus, a#sort_rechte:hover, a#sort_rechte:active,
a#sort_datum, a#sort_datum:link, a#sort_datum:visited, a#sort_datum:focus, a#sort_datum:hover, a#sort_datum:active {
    display: block;
    width: 152px;
    height: 31px;
    margin-right: 0px;
}

ul.submenu li ul {
    display: none;
}

ul.submenu li:hover ul {
    display: block;
}

/* --------------------------------------------------- buttons --------------------------------------------------- */

a.button_zurueck, a.button_zurueck:link, a.button_zurueck:visited, a.button_zurueck:focus, a.button_zurueck:hover, a.button_zurueck:active,
a.button_weiter, a.button_weiter:link, a.button_weiter:visited, a.button_weiter:focus, a.button_weiter:hover, a.button_weiter:active,
a.button_weiter2, a.button_weiter:link, a.button_weiter:visited, a.button_weiter:focus, a.button_weiter:hover, a.button_weiter:active,
a.button_abschliessen, a.button_abschliessen:link, a.button_abschliessen:visited, a.button_abschliessen:focus, a.button_abschliessen:hover, a.button_abschliessen:active,
a.button_bestellen, a.button_bestellen:link, a.button_bestellen:visited, a.button_bestellen:focus, a.button_bestellen:hover, a.button_bestellen:active,
a.button_speichern, a.button_speichern:link, a.button_speichern:visited, a.button_speichern:focus, a.button_speichern:hover, a.button_speichern:active {
    display: block;
    height: 20px;
}

a.button_activate, a.button_activate:link, a.button_activate:visited, a.button_activate:focus, a.button_activate:hover, a.button_activate:active,
a.button_changedata, a.button_changedata:link, a.button_changedata:visited, a.button_changedata:focus, a.button_changedata:hover, a.button_changedata:active,
a.button_editgallery, a.button_editgallery:link, a.button_editgallery:visited, a.button_editgallery:focus, a.button_editgallery:hover, a.button_editgallery:active {
    display: block;
    width: 155px;
    height: 20px;
}

/* --------------------------------------------------- blocks --------------------------------------------------- */

a.link_konfigurator, a.link_konfigurator:link, a.link_konfigurator:visited, a.link_konfigurator:focus, a.link_konfigurator:hover, a.link_konfigurator:active,
a.link_einspielen, a.link_einspielen:link, a.link_einspielen:visited, a.link_einspielen:focus, a.link_einspielen:hover, a.link_einspielen:active,
a.link_gewinnspiel, a.link_gewinnspiel:link, a.link_gewinnspiel:visited, a.link_gewinnspiel:focus, a.link_gewinnspiel:hover, a.link_gewinnspiel:active,
a.link_challenge, a.link_challenge:link, a.link_challenge:visited, a.link_challenge:focus, a.link_challenge:hover, a.link_challenge:active,
a.link_galerie, a.link_galerie:link, a.link_galerie:visited, a.link_galerie:focus, a.link_galerie:hover, a.link_galerie:active,
a.link_ml-1640, a.link_ml-1640:link, a.link_ml-1640:visited, a.link_ml-1640:focus, a.link_ml-1640:hover, a.link_ml-1640:active,
a.link_drucker, a.link_drucker:link, a.link_drucker:visited, a.link_drucker:focus, a.link_drucker:hover, a.link_drucker:active {
    display: block;
    height: 33px;
}


/* =================================================== TEXT =================================================== */

h1 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 14px;
}

h1.produkte {
    font-size: 14px;
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 0px;
}

h2, h2.dark  {
    font-size: 14px;
    font-weight: bold;
    color: #97DFAC;
    text-indent: 27px;
    background: transparent url(../images/background/heading_2.gif) no-repeat top left;
}

h2.dark {
    background: transparent url(../images/background/heading_2_dark.gif) no-repeat top left;
}

h2.blue  {
    font-size: 14px;
    font-weight: bold;
    color: #00B8E6;
    text-indent: 27px;
    background: transparent url(../images/background/heading_2_blue.gif) no-repeat top left;
}

h2.darkblue {
    font-size: 14px;
    font-weight: bold;
    color: #2A4290;
    text-indent: 27px;
    background: transparent url(../images/background/heading_2_darkblue.gif) no-repeat top left;
    margin-bottom: 42px;
}

h2.darkblue img {
    vertical-align: middle;
}

h2.faq, h2.teilnahme {
    font-size: 14px;
    font-weight: bold;
    color: #00B8E6;
    text-indent: 27px;
    background: transparent url(../images/background/heading_2_blue.gif) no-repeat top left;
    margin-bottom: 15px;
    margin-top: 30px;
}

h2.teilnahme {
    margin-bottom: 5px;
    margin-top: 10px;
}

h3  {
    font-size: 11px;
    font-weight: normal;
    color: #97DFAC;
    margin-bottom: 10px;
}

h3.faq  {
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
    color: #00B8E6;
    margin-bottom: 0px;
}

#header_menu h3 {
    margin-bottom: 0px;
}

p {
    margin-bottom: 21px;
}

p.space {
    margin: 0px;
}

p.narrow {
    width: 480px;
}

p.header_buttons {
    margin-top: 5px;
    margin-bottom: 7px;
}

strong {
    font-weight: bold;
}

.green {
    color: #97DFAC;
}

.blue {
    color: #00B8E6;
}

ol.teilnahme {
    margin-left: 30px;
}

ul.teilnahme {
    margin-left: 25px;
}

ul.teilnahme {
    list-style-type: disc;
}

.error {
    color: #F57101;
}

.popup_error {
    position: absolute;
    width: 521px;
    height: 27px;
    left: 0px;
    top: 500px;
    padding: 5px 8px;
    background: #000;
    color: #F57101;
}

p.error {
    margin-top: 5px;
    margin-bottom: 5px;
}

.small_error {
    font-size: 11px;
    color: #F57101;
    line-height: 14px;
    margin-top: 5px;
}

#header_menu .small_error {
    font-size: 11px;
    color: #F57101;
}

.form_error {
    line-height: 21px;
    color: #F57101;
    background: url(../images/background/formerror.gif) no-repeat center left;
    padding-left: 30px;
    margin: 0px 30px 0px 0px;
}

.allowed {
    color: #97DFAC;
    padding-left: 22px;
    background: url(../images/icon_allowed.gif) no-repeat center left;
}


/* =================================================== TABELLEN =================================================== */

table.anmelden {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

table.anmelden td {
    vertical-align: middle;
    padding-bottom: 3px;
}

*+ html table.anmelden td {
    padding-bottom: 2px;
}

table.register {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

table.register td {
    vertical-align: middle;
    padding-bottom: 8px;
}

*+ html table.register td {
    padding-bottom: 7px;
}

table.kontakt {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

table.kontakt td {
    vertical-align: middle;
    padding-bottom: 8px;
}

table.kontakt td.top {
    vertical-align: top;
    padding-bottom: 8px;
}

*+ html table.kontakt td {
    padding-bottom: 7px;
}

table.warenkorb_items {
    width: 568px;
    border-spacing: 0px;
    border-collapse: collapse;
}

table.warenkorb_items tr {
    height: 34px;
    background: url(../images/background/warenkorb_items.gif) repeat-x top left;
}

table.warenkorb_items td {
    vertical-align: middle;
    padding-bottom: 3px;
}

*+ html table.warenkorb_items td {
    padding-bottom: 2px;
}

table.warenkorb_items td.items input {
    width: 25px;
}

table.warenkorb_items td.delete {
    background: #011017;
    padding-left: 5px;
}

table.warenkorb_items td.sum {
    background: #011017;
}


/* =================================================== FORMULARE =================================================== */

input, select, option {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    background-color: #FFF;
    border: 1px solid #CCC;
    padding: 2px;
    vertical-align: middle;
}

input.check, input.galerie_check {
    padding: 0px;
    background: none;
    border: 0px;
}

input.galerie_check {
    margin-right: 7px;
}

option {
    border: 0px;
}

label {
    vertical-align: middle;
}

input.serial {
    width: 209px;
}

input.long {
    width: 196px;
}

input.half {
    width: 126px;
}

input.short {	
    width: 46px;
}

input.hidden {
    visibility: hidden;
}

textarea {
    width: 196px;
    height: 80px;
}

/* --------------------------------------------------- anmelden --------------------------------------------------- */

#header_menu input {
    width: 206px;
    height: 14px;
    border: 0px;
}


/* =================================================== HELPER =================================================== */

.clear {
    clear: both;
    background: none;
    width: 0;
    height: 0;
    line-height: 0;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

img.icon_error {
    vertical-align: bottom;
}

img.icon_success {
    margin-bottom: -40px;
    margin-left: -20px;
}

.img_left {
    float: left;
}

.img_right {
    float: right;
}

.separator {
    margin-left: 3px;
}

.separator_big {
    margin: 0px 4px;
}

.bottom {
    vertical-align: bottom;
}

.details {
    vertical-align: middle;
    margin-left: 5px;
}

/* =================================================== MOBILE PAGES =================================================== */

#container_mobile {
    position: relative;
    width: 300px;
    margin: auto;
    z-index: 1;
}

#header_mobile {
    height: 190px;
    padding-left: 10px;
}

.content_text_block_mobile {
    min-height: 437px;
    height: auto !important;
    height: 437px;
}

#left_col_mobile {
    width: 320px;
}

.form_error_mobile {
    line-height: 21px;
    color: #F57101;
    background: url(../images/background/formerror.gif) no-repeat center left;
    padding-left: 30px;
    margin: 0px 30px 0px 0px;
}
input.half_mobile {
    width: 126px;
}