/*

***************************************************************************************
*                                                                                     *
*   deinfoto24                                                                        *
*   http://www.deinfoto24.de                                                          *
*                                                                                     *
*   S C R E E N . C S S                                                               *
*                                                                                     *
*   Last modified: 25.08.2014                                                         *
*                                                                                     *
**************************************************************************************/

@font-face {
  font-family: 'Open Sans';
  src: url(/design/include/fonts/OpenSans/OpenSans-400.eot);
  src: url(/design/include/fonts/OpenSans/OpenSans-400.eot?#iefix) format('embedded-opentype'), url(/design/include/fonts/OpenSans/OpenSans-400.woff) format('woff'), url(/design/include/fonts/OpenSans/OpenSans-400.ttf) format('truetype'), url(/design/include/fonts/OpenSans/OpenSans-400.svg#OpenSans) format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url(/design/include/fonts/OpenSans/OpenSans-400-Italic.eot);
  src: url(/design/include/fonts/OpenSans/OpenSans-400-Italic.eot?#iefix) format('embedded-opentype'), url(/design/include/fonts/OpenSans/OpenSans-400-Italic.woff) format('woff'), url(/design/include/fonts/OpenSans/OpenSans-400-Italic.ttf) format('truetype'), url(/design/include/fonts/OpenSans/OpenSans-400-Italic.svg#OpenSans) format('svg');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: 'Open Sans';
  src: url(/design/include/fonts/OpenSans/OpenSans-700.eot);
  src: url(/design/include/fonts/OpenSans/OpenSans-700.eot?#iefix) format('embedded-opentype'), url(/design/include/fonts/OpenSans/OpenSans-700.woff) format('woff'), url(/design/include/fonts/OpenSans/OpenSans-700.ttf) format('truetype'), url(/design/include/fonts/OpenSans/OpenSans-700.svg#OpenSans) format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans Condensed';
  src: url(/design/include/fonts/OpenSansCondensed/open-sans-condensed-v12-latin-700.eot);
  src: url(/design/include/fonts/OpenSansCondensed/open-sans-condensed-v12-latin-700.eot?#iefix) format('embedded-opentype'), url(/design/include/fonts/OpenSansCondensed/open-sans-condensed-v12-latin-700.woff) format('woff'), url(/design/include/fonts/OpenSansCondensed/open-sans-condensed-v12-latin-700.ttf) format('truetype'), url(/design/include/fonts/OpenSansCondensed/open-sans-condensed-v12-latin-700.svg#OpenSans) format('svg');
  font-weight: 700;
  font-style: normal;
}

@media only screen and (max-width: 1024px) {
    img.smallscreenInfo {
        width: 32px;
        height: 32px;
    }
}

/*  B A S I C S
------------------------------------------------------------------------------------ */

* {
    border: 0;
    margin: 0;
    padding: 0;
}
.highslide-html-content {
    width: auto;
    height: 100% !important;
}

.highslide-container tr:nth-child(odd){
    background: none !important;
}
html {
    height: 100%;
    background: #fff url('../bilder/bg-body.jpg') repeat-x left top;
    font-size: 16px;
}
img {image-orientation: none;}
body {
    background-image: url("/bilder/hintergrund.jpg");
    background-size: 100% 100%;
    background-color: #cccccc;
    background-repeat: no-repeat; /*background: transparent url('../bilder/bg-wrapper.png') no-repeat center top;*/
    font: normal 0.8em/160% 'Open Sans', Arial, Helvetica, sans-serif;
    text-align: center;
    padding-bottom: 0px;
}

#container {
    position: relative;
    background-color: #ffffff; /*background: #fff url('../bilder/bg-container.png') repeat-x 0 49px;*/
    text-align: left;
    color: #222;
    width: 960px;
    margin: 0 auto 0;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
html.main_on #container {
    margin: 50px auto -20px;
}

p, .p1, h1, h2, h3, h4, h5, h6, ul, ol, fieldset, img {
    margin-bottom: 12px;
}

h1, h2, h3, h4, h5, h6, strong, b {
    font-weight: bold;
}

h1 {
    font: normal 2.5em/120% 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #99cc00;
}

h2 {
    font: normal 2em/150% 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    color: #cc3333;
    padding-top: 24px;
}

h3 {
    font-size: 1.2em;
    padding-top: 8px;
}

h4, h5 {
    font-size: 1em;
}

h6 {
    font: normal 1.3em/120% Arial, Helvetica, sans-serif;
    color: #99cc00;
}



.p1 {
    font: normal 1.3em/150% Arial, Helvetica, sans-serif;
    color: #99cc00;
}

a:link, a:visited {
    color: #004e7a;
    text-decoration: none;
    outline: 0;
}

a:hover, a:active {
    color: #004e7a;
    text-decoration: underline;
    outline: 0;
}

:focus {
    outline: 0;
    -moz-outline-style: none;
}

ul {
    list-style: none;
}

/* nT, 01.04.2015: background */
ul li { /*background: url('../bilder/li.png') no-repeat -4px -2px;*/
    padding-left: 20px;
}

ol {
    list-style: outside decimal;
}

ol li {
    margin: 0 20px 12px;
}

* html ol {
    padding-left: 4px;
}

* + html ol {
    padding-left: 4px;
}

table {
    /*table-layout: fixed;*/
    width: 100%;
    overflow: hidden;
    border: 0;
    border-collapse: separate;
    border-spacing: 0;
    margin-bottom: 24px;
}

/* nT, 30.03.2015: new table definition login */
#logintable01 tbody td { /*background: #E4E4E4;*/
}

/*#logintable01 tbody td:nth-child(1){ width:41%;}
#logintable01 tbody td:nth-child(2){ width:13%;}
#logintable01 tbody td:nth-child(3){ width:13%;}
#logintable01 tbody td:nth-child(4){ width:13%;}
#logintable01 tbody td:nth-child(5){ width:13%;}
#logintable01 tbody td:nth-child(6){  width:7%;}*/

/* nT, 11.07.2015: new table definition logout */
#logouttable01 tbody td {
    background: #E4E4E4;
}

#logouttable01 tbody td:nth-child(1) {
    width: 20%;
    font-size: 100%;
}

#logouttable01 tbody td:nth-child(2) {
    width: 15%;
    font-size: 100%;
}

#logouttable01 tbody td:nth-child(3) {
    width: 14%;
    font-size: 100%;
}

#logouttable01 tbody td:nth-child(4) {
    width: 12%;
    font-size: 100%;
}

#logouttable01 tbody td:nth-child(5) {
    width: 11%;
    font-size: 100%;
}

#logouttable01 tbody td:nth-child(6) {
    width: 7%;
    font-size: 100%;
}

#logouttable01 tbody td:nth-child(7) {
    width: 4%;
    font-size: 100%;
}

/* nT, 03.04.2015: DIV horizontal */
#divhorizontal {
    font-size: 100%;
    color: #909090;
    float: left;
    width: 180px;
    height: 100px; /*border: 2px solid #000000;*/
    margin-left: 5px;
}

#divhorizontal a:link, a:visited {
    color: #909090;
    text-decoration: none;
    outline: 0;
}

#divhorizontal a:hover, a:active {
    color: #909090;
    text-decoration: none;
    outline: 0;
}

#divhorizontalsw {
    font-size: 100%;
    color: #303030;
    float: left;
    width: 100%;
    height: 100px; /*border: 2px solid #000000;*/
    margin-left: 5px;
}

/* nT, 03.04.2015: DIV horizontal1 */
#divhorizontal1 {
    font-size: 180%;
    float: left;
    width: auto;
    height: auto; /*border: 1px solid #000000;*/
    margin-left: 60px;
}

#divhorizontal1 a:link, a:visited {
    color: #888;
    text-decoration: none;
    outline: 0;
}

#divhorizontal1 a:hover, a:active {
    color: #fff;
    text-decoration: none;
    outline: 0;
}

/* nT, 03.04.2015: payment */
#payment {
    font: 20px arial, sans-serif;
    font-weight: 900;
    color: #909090;
}

/* nT, 04.04.2015: streifen */
#streifen {
    background: repeating-linear-gradient(-45deg, lightgrey, lightgrey 0.5px, white 2px, white 5px);
    font: 32px arial, sans-serif;
    font-weight: 700;
    text-align: center;
}

/* nT, 04.04.2015: ‹berschrift */
#ueberschrift {
    font: 28px open sans, arial, sans-serif;
    font-weight: 500;
    text-align: center;
}

/* nT, 04.04.2015: textzentral */
#textzentral {
    font: 13px open sans, arial, sans-serif;
    font-weight: 700;
    text-align: center;
}

/* nT, 04.04.2015: tablebutton */
#tablebutton tbody td {
    background-color: #FFFFFF;
    border: 0px;
    margin-bottom: 0px;
    margin-top: 20px;
    height: 120px;
}

#tablebutton p {
    margin-top: -81px;
    color: #FFFFFF;
    font: 14px open sans, arial, sans-serif;
    text-align: center;
}

#tablebutton img {
    display: block;
    width: 100%;
}

/* nT, 04.04.2015: tablebutton */
#tablebutton2 tbody td {
    background-color: #FFFFFF;
    border: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    height: 145px;
}

#tablebutton2 p {
    margin-top: -100px;
    color: #FFFFFF;
    font: 14px open sans, arial, sans-serif;
    text-align: center;
}

#tablebutton2 img {

    display: inline-block;
    width: 100%;
}


/* nT, 04.04.2015: schatten oben */
#schattenoben {
    box-shadow: 0px -2px 5px #888888;
}

/* nT, 04.04.2015: schatten oben */
ul.listSymbol {
    list-style-type: disc;
    margin: 0px;
}

li.listLinieDanach {
    border-bottom: 1px solid #BCBCBC;
    width: 95%;
}

li.listLinieDavor {
    border-top: 1px solid #BCBCBC;
}

/*li.listLinieDanach:after {
    content: "";
    display: block;
    height: 1px;
    width: 10%;
    margin: 5px;
    background: #BCBCBC;
}
li.listLinieDavor:before {
    content: "";
    display: block;
    height: 1px;
    width: 35%;
    margin: 5px;
    background: #BCBCBC;
}*/

/* nT, 11.07.2015: SlidePushMenus START */
/* General styles for all menus */

#showTop {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: open sans, Arial;
    font-size: 20px;
    background: #222;
    padding: 10px 20px 10px 20px;
    border: solid #ffffff 2px;
    text-decoration: none;
    margin-top: -12px;
    z-index: 1;
    text-transform: uppercase;
    color: #ffffff !important;
    display: inline-block !important;
    cursor: pointer !important;
}

#showTop:hover {
    border: solid #c7c7c7 2px;
}

#hideTop {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: open sans, Arial;
    font-size: 20px;
    background: #222;
    padding: 10px 20px 10px 20px;
    border: solid #222 2px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block !important;
    cursor: pointer !important;
    width: 160px !important;
    float: none !important;
}

#hideTop:hover {
    border: solid #c7c7c7 2px;
}

#showTopLogin {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 8px;
    font-family: open sans, Arial;
    font-size: 20px;
    background: #000;
    padding: 1px 20px 4px 20px;
    border: solid #ffffff 2px;
    text-decoration: none;
    margin-left: 10px;
    color: #ffffff !important;
    display: inline-block !important;
    cursor: pointer !important;
    width: 160px !important;
    float: none !important;
}

#showTopLogin:hover {
    border: solid #c7c7c7 2px;
}

#hideTopLogin {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: open sans, Arial;
    font-size: 20px;
    background: darkred;
    padding: 10px 20px 10px 20px;
    border: solid #222 2px;
    text-decoration: none;
    color: #ffffff !important;
    display: inline-block !important;
    cursor: pointer !important;
    width: 160px !important;
    float: none !important;
}

#hideTopLogin:hover {
    border: solid #c7c7c7 2px;
}

.cbp-spmenu {
    background: #222;
    position: fixed;
}

.cbp-spmenu strong {
    color: #fff;
    font-size: 1.4em;
    margin-left: 40px;
    font-weight: 300;
}

.cbp-spmenu h3 {
    color: #fff;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #AACD41;
}

.cbp-spmenu a {
    display: block;
    color: #fff;
    font-size: 1.1em;
    font-weight: 300;
    text-align: left;
}

.cbp-spmenu a:hover {
    /*background: #AACD41;*/
}

.cbp-spmenu a:active {
    background: #222;
    color: #AACD41;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

.cbp-spmenu-vertical a {
    border-bottom: 1px solid #99cc00;
    padding: 1em;
}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}

.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 0px solid #99cc00;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
    left: -240px;
}

.cbp-spmenu-right {
    right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
    top: -150px;
}

.cbp-spmenu-bottom {
    bottom: -150px;
}

.cbp-spmenu-top.cbp-spmenu-open {
    top: 0px;
}

.cbp-spmenu-bottom.cbp-spmenu-open {
    bottom: 0px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
}

.cbp-spmenu-push-toleft {
    left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em) {

    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }
}

@media screen and (max-height: 26.375em) {

    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }

    .cbp-spmenu-right {
        right: -190px;
    }

    .cbp-spmenu-push-toright {
        left: 190px;
    }
}

/* nT, 11.07.2015: SlidePushMenus END */

input, textarea, select {
    font-size: 1em;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #939597;
    vertical-align: middle;
    border: 1px solid #000;
    padding: 1px;
}

textarea {
    overflow: auto;
}

small {
    font-size: 0.9em;
    line-height: 150%;
}

em, i {
    font-style: italic;
}

strike, del {
    text-decoration: line-through;
}

blockquote, cite {
    background: #EEE;
    border-left: 1px solid #999;
    height: 1% /* stupid IE */;
    width: auto;
    margin: 1em 0 1em 2em;
    padding: 1.5em 2em 0.5em;
}

code {
    font-family: Monaco, monospace;
    font-size: 1em;
}

sup, sub {
    font-size: 80%;
    line-height: 0 !important;
    color: #939597 !important;
}

/*  S P E C I A L   F O R M A T T I N G
------------------------------------------------------------------------------------ */

.no-border {
    border: 0 !important;
}

.no-margin {
    margin-bottom: 0 !important;
}

.margin {
    margin-bottom: 12px !important;
}

.big-margin {
    margin-bottom: 24px !important;
}

.superbig-margin {
    margin-bottom: 36px !important;
}

.normal {
    font-weight: normal !important;
    letter-spacing: 0 !important;
}

.italic {
    font-style: italic !important;
}

.center {
    text-align: center !important;
}

/* Hidden Elements */

/* hr, legend, /*a span, button span,*/
.inv, #skip {
    display: none;
}

/* Floats */

.left {
    float: left;
}

.right {
    float: right;
}

/* Floating Images */

img.left {
    margin: 0.4em 1.5em 1em 0;
}

img.right {
    margin: 0.4em 0 1em 1.5em;
}

/* Special Links */

a.more { /*background: transparent url('../bilder/a-more.gif') no-repeat right center; font-weight: bold; padding-right: 0.7em;*/
}

a.more:hover {
    text-decoration: underline;
}

a.more span {
    display: none;
}

a.top { /*background: transparent url('../bilder/a-top.gif') no-repeat right center;*/
    font-weight: bold;
    padding-right: 0.9em;
}

a.top:hover {
    text-decoration: underline;
}

/* Clearfix */
* html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */
*+html .clearfix { min-height: 1%; } /* IE7 Fix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clear { clear: both; height: 1px; }


/* Colors */

.red, .error {
    color: #DD0000;
}

.green, .success {
    color: #809900;
}

.light {
    color: #939597 !important;
}

/* Forms */

form.styledform {
    background: #F3F5F7;
    border: 1px solid #C3C5C7;
    padding: 20px;
}

form.unstyledform {
    background: transparent;
    border: 0 none;
    padding: 0;
}

fieldset {
    margin-bottom: 1.7em;
}

form.unstyledform fieldset {
    background: #F3F5F7;
    border: 1px solid #C3C5C7;
    margin-bottom: 0.5em;
    padding: 1em;
}

legend {
    display: none;
}

label {
    font-size: 1em;
    font-weight: bold;
    display: block;
    margin-bottom: 2px;
    width: 180px;
    float: left;
}

label.normal {
    width: 100%;
}

input, textarea, select {
    font-size: 1em;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    color: #535557;
    vertical-align: middle;
    border: 1px solid #C3C5C7;
}

input {
    color: #535557;
    width: 160px;
    margin-bottom: 0em;
    padding: 2px;
}

textarea {
    color: #535557;
    overflow: auto;
    width: 400px;
    margin-bottom: 1em;
    padding: 5px;
}

select {
    margin-bottom: 1em;
    padding: 0;
}

input, textarea, select {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

input, textarea, select {
    -webkit-transition: border linear .2s, -webkit-box-shadow linear .2s, color linear .2s;
    -moz-transition: border linear .2s, -moz-box-shadow linear .2s, color linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s, color linear .2s;
    transition: border linear .2s, box-shadow linear .2s, color linear .2s;
}

input:focus, textarea:focus, select:focus {
    border: 1px solid #004e7a;
    -moz-box-shadow: 0 0 3px #619bbb;
    -webkit-box-shadow: 0 0 4px #619bbb;
    box-shadow: 0 0 3px #619bbb;
    color: #004e7a;
}

input.checkbox {
    border: 0 none !important;
    width: auto !important;
    margin: 0;
    padding: 0;
}

input.radio {
    border: 0 none !important;
    width: auto;
    margin: 0;
    padding: 0;
}

input.inputfile {
    width: 300px;
}



span.cancel {
    line-height: 220%;
}

span.cancel a {
    font-weight: bold;
}

input#formSiegelButton {
    width: auto !important;
    border: none !important;
}

input#btnProtect {
    width: auto !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
}

/* Tooltip */

#tooltip {
    background-color: #ddd;
    font: normal 0.75em/150% 'Open Sans', Arial, Helvetica, sans-serif;
    text-align: left;
    position: absolute;
    z-index: 3000;
    border: 1px solid #999;
    width: 280px;
    padding: 10px;
}

#tooltip h3, #tooltip div {
    font-weight: normal;
    font-size: 1em;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}

#tooltip a {
    cursor: default !important;
}

.tooltip-preview {
    position: absolute;
    display: inline-block;
    padding: 1px 6px;
    font-weight: normal;
    color: #EA5B0C;
    margin-top: -36px;
    margin-left: -140px;
    background: #fff59b;
    border: 1px solid #f39200;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.tooltip-preview div {
    position: absolute;
    margin-top: 19px;
    margin-left: 146px;
    width: 20px;
    height: 16px;
    background: url('../bilder/tooltip-arrow.png') no-repeat top left;
}

#tooltip.image_tooltip {
    background: none !important;
    border: none !important;
    position: absolute;
    z-index: 3001;
}

/*  H E A D E R
------------------------------------------------------------------------------------ */

#header {
    position: relative;
    text-align: left;
    color: #000000;
    width: 960px;
    height: 110px;
    margin: 0 auto 0;
}

/* Top Navigation */

#topnav ul {
    font-size: 0.9em;
    line-height: 120%;
    text-align: right;
    float: right;
    margin: 0;
    padding-top: 1em;
}

#topnav li {
    background: transparent url('../bilder/li-topnav.gif') no-repeat left 1px;
    float: left;
    display: inline;
    margin-left: 0.5em;
    padding-left: 0.8em;
}

#topnav li.first {
    background: none;
}

#topnav a {
    display: block;
    color: #222 /*#999*/;
}

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

/* Logo */
/* nT, 30.03.2015: top */
h1#logo {
    position: absolute;
    z-index: 1;
    top: 0px;
    left: 0px;
    background: transparent url('../bilder/logoDE.png') no-repeat left top;
}

h1#logo a {
    display: block;
    text-decoration: none !important;
    height: 70px;
    width: 265px;
}

h1#logo span {
    display: none;
}

p#logo-subline {
    display: none;
}

/*  N A V I G A T I O N
------------------------------------------------------------------------------------ */
/* nT, 30.03.2015: Background, border-radius, hover, z-index */
#nav {
    position: relative;
    height: 59px; /*background: url('../bilder/bg-nav.png') repeat-x top left; -moz-border-radius: 6px 6px 6px 6px; -webkit-border-radius: 6px 6px 6px 6px; border-radius: 6px 6px 6px 6px;*/
}

#nav ul {
    position: absolute;
    height: 100%;
    margin: 0;
    right: 10px;
    bottom: 0;
}

#nav li {
    position: relative;
    display: block;
    float: left;
    padding: 18px 0 0;
    margin-left: 10px;
    background: none;
}

#nav a {
    display: inline-block;
    background: #fff;
    padding: 1px 16px;
    font: 16px/96% 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 0px 0px 0 0;
    text-transform: uppercase;
    transition: all 0.0s;
}

#nav li.current a {
    color: #9cb400;
}

#nav a:hover {
    display: block;
    text-decoration: none;
    margin-top: -18px;
    padding: 19px 16px;
    color: #9CB400;
    background: url('../bilder/bg-nav3.png') repeat-x top left;
}

/*#nav:hover~#left { display: inline; }*/

#subnav .innercol {
    padding: 15px;
    margin-right: -10px;
}

#subnav h3 {
    padding-right: 10px;
}

#subnav ul {
    background: none;
}

#subnav li {
    background: none;
    padding: 0;
    text-align: right;
}

#subnav li a {
    background-color: transparent;
    display: block;
    text-decoration: none !important;
    width: auto !important;
    width: 150px; /* IE6 Fix */
    padding: 4px 10px 4px 0px;
}

#subnav li a:hover {
    background-color: #eeeeee;
}

#subnav li.current a {
    font-weight: bold;
    text-decoration: none !important;
    cursor: default;
}

#subnav p {
    margin-bottom: 0.5em;
}

.sidebar-box {
    padding-bottom: 10px;
    margin-top: 24px;
    margin-bottom: 18px;
}

.sidebar-box div.innercol {
    text-align: right;
    padding-top: 24px !important;
}

/*  B U T T O N S
------------------------------------------------------------------------------------ */

/* ACHTUNG: pd-button ist auch in html/plupload/css/plupload_pixelprint.css definiert - Änderungen in beiden Dateien ausführen! */

button, .pd-button, .pd-button-small, .pd-button-color, .pd-button-color-small { /*background: #efefef;*/
}

button, .pd-button, .pd-button-small {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #efefef; /* for non-css3 browsers */
    background: linear-gradient(top, #FFFFFF, #EFEFEF);
    background: -ms-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#EFEFEF');
    zoom: 1; /* Für Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #FFFFFF, #EFEFEF); /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFFFFF, #EFEFEF); /* for Presto (Opera etc) */
    border: 1px solid #CCCCCC;
    cursor: pointer;
    overflow: visible;
    padding: 0.3em 0.7em 0.3em 0.7em !important;
    vertical-align: middle;
    white-space: nowrap;
    outline: none;
    display: inline-block;
}

button:active, button:hover, button:focus, .pd-button:active, .pd-button:hover, .pd-button:focus,
.pd-button-small:active, .pd-button-small:hover, .pd-button-small:focus {
    box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    border-color: #999999;
    background: #efefef; /* for non-css3 browsers */
    background: linear-gradient(top, #FFFFFF, #EFEFEF);
    background: -ms-linear-gradient(top, #FFFFFF 0%, #EFEFEF 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFFFFF', endColorstr='#EFEFEF');
    zoom: 1; /* Für Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFFFFF, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #FFFFFF, #EFEFEF); /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #FFFFFF, #EFEFEF); /* for Presto (Opera etc) */
}



 a.pd-button, a.pd-button-selected {
    color: #535557 !important;
}

a.pd-button-color {
    color: #fff !important;
}

a.pd-button:hover, a.pd-button:active, a.pd-button-selected:hover, a.pd-button-selected:active {
    color: #535557 !important;
    text-decoration: none !important;
}

html.main_on button{
    color: #535557 !important;
    padding: 0.4em 0.8em 0.4em 0.8em !important;
}

/*
button.plain { padding: 0; background: transparent; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border: 0; height: auto; }
button.plain:hover, button.plain:active, button.plain:focus { box-shadow: 0 0 0 #fff; -moz-box-shadow: 0 0 0 #fff; -webkit-box-shadow: 0 00 #fff; }
*/

/* Button colored */
.pd-button-color, .pd-button-color-small {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #447ee4; /* for non-css3 browsers */
    background: linear-gradient(top, #b8cef5, #447ee4);
    background: -ms-linear-gradient(top, #b8cef5 0%, #447ee4 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#b8cef5', endColorstr='#447ee4');
    zoom: 1; /* Für Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#b8cef5, endColorstr=#447ee4)"; /* Für Internet Explorer 8 */
    background: -webkit-gradient(linear, left top, left bottom, from(#b8cef5), to(#447ee4)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #b8cef5, #447ee4); /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #b8cef5, #447ee4); /* for Presto (Opera etc) */
    border: 1px solid #6391e2;
    cursor: pointer;
    overflow: visible;
    padding: 0.3em 0.7em 0.3em 0.7em; /*#1f62d6*/
    vertical-align: middle;
    white-space: nowrap;
    outline: none;
    display: inline-block;
}

.pd-button-color:hover,
.pd-button-color-small:hover {
    box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    border-color: #6391e2;
    background: #cdddf8; /* for non-css3 browsers */
    background: linear-gradient(top, #cdddf8, #7ca5ec);
    background: -ms-linear-gradient(top, #cdddf8 0%, #7ca5ec 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cdddf8', endColorstr='#7ca5ec');
    zoom: 1; /* Für Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cdddf8, endColorstr=#7ca5ec)"; /* Für Internet Explorer 8 */
    background: -webkit-gradient(linear, left top, left bottom, from(#cdddf8), to(#7ca5ec)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #cdddf8, #7ca5ec); /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #cdddf8, #7ca5ec); /* for Presto (Opera etc) */
}

.pd-button-color:active,
.pd-button-color-small:active, .pd-button-color-small:focus {
    box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    border-color: #6391e2;
    background: #7ca5ec; /* for non-css3 browsers */
    background: linear-gradient(top, #7ca5ec, #cdddf8);
    background: -ms-linear-gradient(top, #7ca5ec 0%, #cdddf8 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7ca5ec', endColorstr='#cdddf8');
    zoom: 1; /* Für Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#7ca5ec, endColorstr=#cdddf8)"; /* Für Internet Explorer 8 */
    background: -webkit-gradient(linear, left top, left bottom, from(#7ca5ec), to(#cdddf8)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #7ca5ec, #cdddf8); /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #7ca5ec, #cdddf8); /* for Presto (Opera etc) */
}

a.pd-button-color {
    color: #fcfcfe;
}

a.pd-button-color:hover, a.pd-button-color:active {
    color: #fcfcfe;
    text-decoration: none;
}

.pd-button-small {
}

.pd-button span {
    color: #333;
}

.pd-button-small span {
    color: #333;
    font-size: 0.9em;
    line-height: 100%;
}

a.pd-button-small {
    padding: 0 5px;
    color: #535557;
}

a.pd-button-small:hover, a.pd-button-small:active {
    color: #535557;
    text-decoration: none;
}

.pd-button-selected {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #cccccc; /* for non-css3 browsers */
    background: linear-gradient(top, #cccccc, #EFEFEF);
    background: -ms-linear-gradient(top, #cccccc 0%, #EFEFEF 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cccccc', endColorstr='#EFEFEF');
    zoom: 1; /* Für Internet Explorer 5.5 - 7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#cccccc, endColorstr=#EFEFEF)"; /* Für Internet Explorer 8 */
    background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#EFEFEF)); /* for webkit browsers */
    background: -moz-linear-gradient(center top, #cccccc, #EFEFEF); /* for firefox 3.6+ */
    background: -o-linear-gradient(top, #cccccc, #EFEFEF); /* for Presto (Opera etc) */
    color: #888888;
    border: 1px solid #CCCCCC;
    cursor: pointer;
    overflow: visible;
    padding: 0.3em 0.7em 0.3em 0.7em;
    vertical-align: middle;
    white-space: nowrap;
    outline: none;
    display: inline-block;
}

.button-block {
    display: block;
    width: 140px;
    text-align: center;
    height: 1.5em;
    margin: 6px 0;
}

/* z.B. in meineauftraege_inc.php */

/*  L O G I N
------------------------------------------------------------------------------------ */
/* nT, 30.03.2015: margin, width, padding */
#login { /* background: #dbdbdb url('../bilder/bg-login-top.gif') no-repeat top left*/;
    height: 63px;
    padding: 0;
}

#login { /*background: transparent url('../bilder/bg-login-bottom.gif') no-repeat left bottom;*/
    height: 100%; /*border-top: 1px solid #004e7a;*/
}

/*#login .innercol { padding: 20px 9px 0 12px; }*/

#loginform {
    border: 0;
    padding: 0;
}

#login fieldset {
    margin: 0 !important;
    padding: 0px !important;
}

#login fieldset label {
    float: left;
    font-size: 0.85em;
    width: 66px;
    color: #004e7a;
    font-weight: normal;
}

#login fieldset div {
    width: 179px;
    margin-bottom: 5px;
}

#login fieldset div#loginform-button {
    text-align: left;
}

* html #login fieldset label {
    width: 63px;
}

#login input {
    background: url('../bilder/bg-login-input.gif') no-repeat top left;
    font-size: 1em;
    color: #004e7a;
    width: 104px;
    margin: 0;
    padding: 2px 3px; /*border: none;*/
}

#login p {
    margin: 0;
    padding: 0 p;
}

#login p.login-links {
    margin: 0;
    padding: 0px 0 0 0;
    font-size: 0.9em;
    clear: left;
}

#login button {
    background: url('../bilder/button_login.gif') no-repeat left top;
    display: block;
    vertical-align: middle;
    cursor: pointer;
    width: 62px;
    height: 19px;
    margin: 0;
}

/*
#login button { background: url('../bilder/button-login.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 85px; height: 22px; margin: 0; }
#login button:hover { background-position: left -22px; }

*/
.loggedin {
    text-align: right;
    padding-right: 22px;
}

/*  I M A G E  S L I D ER
------------------------------------------------------------------------------------ */
#slider {
    position: relative;
    width: 960px;
    margin: -40px auto 0;
}

#slider div {
    margin-bottom: -12px;
}

#sliderBilder {
    position: relative;
    width: 960px;
    margin: -40px auto 0;
}

#sliderBilder div {
    margin-bottom: -12px;
}

#sliderPreise /*{ position: relative; width: 960px; margin: -20px auto 0; }*/
{
    position: relative;
    width: 960px;
    margin: -20px -30px 30px;
    height: 288px;
}

#sliderPreise div {
    margin-bottom: -12px;
}

/*#slidermeineBilder { position: relative; width: 960px; margin: -20px auto 0; }
#slidermeineBilder div { margin-bottom: -12px; }*/

/*  M A I N
------------------------------------------------------------------------------------ */
/* nT, 30.03.2015: display */
#left {
    position: relative;
    float: left;
    width: 200px;
    display: inline;
    min-height: 280px;
    height: auto !important;
    height: 280px;
}

#main {
    padding: 20px 30px 0; /* margin-left: 200px; background: url('../bilder/bg-main-shadow.png') no-repeat 10px 10px; */
}

* html #main {
    float: left;
    margin-left: -4px;
    height: 480px;
}

/* IE6 Fix */

/* Grid Layout */

.cols {
    position: relative;
    padding-bottom: 24px;
}

.col1_4, .col2_4, .col3_4, .col4_4 {
    float: left;
    background-position: left bottom;
    background-repeat: no-repeat;
    display: inline;
    min-height: 600px;
    height: auto !important;
    height: 600px;
    margin-right: 18px;
}

.cols .innercol {
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 220px;
    height: auto !important;
    height: 220px;
    padding: 12px;
}

.cols .last {
    margin: 0;
}

.col1_4 {
    width: 180px;
}

.col2_4 {
    width: 444px;
}

.col3_4 {
    width: 669px;

}

.col4_4 {
    width: 100%;
    margin-right: 0 !important;
}

/* ALLGEMEINES */

.infopanel {
    background: #99cc00;
    margin-bottom: 18px;
    padding: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.infopanel h3 {
    padding: 0;
}

.infopanel p {
    margin: 0;
}

.infopanel ul {
    margin: 0;
}

.panel {
    position: relative;
    background: #E8EBED;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 18px;
    padding: 9px;
    color: #444;
}

.errorpanel {
    background: #dbe8f6 url('../bilder/icon-warning.png') no-repeat 12px 14px;
    margin-bottom: 18px;
    padding: 12px 12px 12px 60px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.errorpanel h3 {
    padding: 0;
}

.errorpanel p {
    margin: 0;
}

.errorpanel ul {
    margin: 0;
}

/* BUTTONS */

a.button-bestellen {
    background-image: url('../bilder/button-bestellen.gif');
    display: block;
    width: 129px;
    height: 28px;
    margin: 0;
    padding: 0;
}

a.button-bestellen:hover {
    background-position: 0 -28px;
}

a.button-details {
    background-image: url('../bilder/button-details.gif');
    display: block;
    width: 85px;
    height: 28px;
    margin: 0;
    padding: 0;
}

a.button-details:hover {
    background-position: 0 -28px;
}

/* STARTSEITE */

.teaser {
    position: relative;
    margin: -20px -40px 0 -40px;
    height: 288px;
}

.slider-nav {
    position: relative;
    margin: 0 -40px 0 -40px;
    height: 27px;
}

#teaser-home {
    background: transparent;
    margin-bottom: 30px;
}

#teaser-home-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 500px;
}

#teaser-home-text ul {
    margin-left: 30px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 160%;
}

#teaser-home-text li {
    background: url('../bilder/li.png') no-repeat -4px -2px;
    padding-left: 18px;
}

#button-neuanmelden {
    margin-left: 0;
    margin-top: 18px;
}

.button-neuanmelden { /*background: url('../bilder/button-jetztneuanmelden.gif') no-repeat left top;*/
    display: block;
    cursor: pointer;
    width: 145px !important;
    height: 22px;
}

/*.button-neuanmelden:hover { background-position: left -22px !important; }*/

#slider-nav {
    background: #3973b0 url('../bilder/bg-thead.gif') no-repeat center 0;
    font-weight: bold;
    color: #FFF;
}

#slider-nav ul {
    height: 27px;
    padding-left: 25px;
}

#slider-nav li {
    background: none;
    display: inline;
    padding: 0 !important;
}

#slider-nav a {
    float: left;
    display: block;
    background: url('../bilder/li-slider-nav.gif') repeat-x left 0;
    height: 23px;
    padding: 4px 26px 0 26px;
    color: #ffffff;
}

#slider-nav a:hover {
    background-position: 0% -27px;
    text-decoration: none !important;
}

#slider-nav li.current a {
    background-position: 0% -54px;
    text-decoration: none !important;
    cursor: default;
}

* html #slider-nav ul {
    height: auto;
}

#angebot {
    position: relative;
    margin-bottom: 24px;
}

#angebot .box-angebot {
    font-size: 0.9em;
    float: left;
    margin-right: 10px;
    width: 280px;
    height: 140px;
    background: url('../bilder/box-bottom-220.png') no-repeat bottom left, url('../bilder/box-top-220.png') no-repeat top left;
    padding: 40px 10px 20px;
    text-align: center;
}

#angebot .last {
    margin-right: 0;
}

#angebot img {
    float: left;
}

.box-angebot h4 {
    margin-bottom: 2px;
}

.box-angebot h3 {
    padding: 0px;
    margin: 0px;
}

.box-angebot h2, h2.prodinfo {
    padding: 0;
    margin-bottom: 3px;
    color: #004e7a;
}

.box-angebot p {
    padding: 0px;
    margin: 0px;
}

.box-angebot a {
    text-decoration: none;
}

.minihinweis {
    color: #d00;
}

.head_bestellen {
    height: 73px !important;
}

.box-aktion {
    width: 100%;
    height: 186px;
    background: url('../bilder/aktion-bg.png') repeat-x 0 0;
    text-align: center;
    margin-bottom: 20px;
}

/* SUBPAGES */

#teaser-fotoabzug {
    background: /*url('../bilder/produkt_fotoabzuege.png') no-repeat 400px 0px; */
}

#teaser-fotoabzug-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 500px;
}

#teaser-fotoabzug-text ul {
    margin-left: 30px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 160%;
}

#teaser-fotoabzug-text li {
    background: url('../bilder/li.png') no-repeat -4px 0px;
    padding-left: 18px;
}

#teaser-fotobuch { /*background: url('../bilder/produkt_fotobuch.png') no-repeat 400px 0px;*/
}

#teaser-fotobuch-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 500px;
}

#teaser-fotobuch-text ul {
    margin-left: 30px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 160%;
}

#teaser-fotobuch-text li {
    background: url('../bilder/li.png') no-repeat -4px 0px;
    padding-left: 18px;
}

#button-jetztbestellen {
    margin-left: 30px;
    margin-top: 18px;
}

.button-jetztbestellen {
    background: url('../bilder/button-jetztbestellen.gif') no-repeat left top;
    display: block;
    cursor: pointer;
    width: 145px !important;
    height: 22px;
}

/*.button-jetztbestellen:hover { background-position: left -22px !important; }*/

#teaser-fotokalender { /*background: url('../bilder/produkt_fotokalender.png') no-repeat 400px 0px;*/
}

#teaser-fotokalender-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 500px;
}

#teaser-fotokalender-text ul {
    margin-left: 30px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 160%;
}

#teaser-fotokalender-text li {
    background: url('../bilder/li.png') no-repeat -4px 0px;
    padding-left: 18px;
}

#teaser-poster { /*background: url('../bilder/produkt_poster.png') no-repeat 400px 0px;*/
}

#teaser-poster-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 500px;
}

#teaser-poster-text ul {
    margin-left: 30px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 160%;
}

#teaser-poster-text li {
    background: url('../bilder/li.png') no-repeat -4px 0px;
    padding-left: 18px;
}

#teaser-leinenposter { /*background: url('../bilder/produkt_leinwand.png') no-repeat 400px 0px;*/
}

#teaser-leinenposter-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 500px;
}

#teaser-leinenposter-text ul {
    margin-left: 30px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 160%;
}

#teaser-leinenposter-text li {
    background: url('../bilder/li.png') no-repeat -4px 0px;
    padding-left: 18px;
}

#teaser-aludibond { /*background: url('../bilder/produkt_aludibond.png') no-repeat 400px 0px;*/
}

#teaser-aludibond-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 500px;
}

#teaser-aludibond-text ul {
    margin-left: 30px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 160%;
}

#teaser-aludibond-text li {
    background: url('../bilder/li.png') no-repeat -4px 0px;
    padding-left: 18px;
}

#teaser-fotogeschenke { /*background: url('../bilder/produkt_fotogeschenke.png') no-repeat 400px 0px;*/
}

#teaser-fotogeschenke-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 500px;
}

#teaser-fotogeschenke-text ul {
    margin-left: 30px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 160%;
}

#teaser-fotogeschenke-text li {
    background: url('../bilder/li.png') no-repeat -4px 0px;
    padding-left: 18px;
}

#teaser-postkarten { /*background: url('../bilder/produkt_karten.png') no-repeat 400px 0px;*/
}

#teaser-postkarten-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 500px;
}

#teaser-postkarten-text ul {
    margin-left: 30px;
    margin-top: 10px;
    font-size: 1.2em;
    line-height: 160%;
}

#teaser-postkarten-text li {
    background: url('../bilder/li.png') no-repeat -4px 0px;
    padding-left: 18px;
}

#teaser-meinebilder {
    background: transparent;
}

#teaser-meinebilder-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 400px;
}

#teaser-meinebilder #button-neuanmelden {
    margin-left: 0px;
    margin-top: 18px;
}

#teaser-hochladen {
    background: transparent;
}

#teaser-hochladen-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 400px;
}

#teaser-hochladen #button-neuanmelden {
    margin-left: 0px;
    margin-top: 18px;
}

#teaser-bestellen {
    background: transparent;
}

#teaser-bestellen-text {
    position: absolute;
    top: 50px;
    left: 45px;
    width: 400px;
}

#teaser-bestellen #button-neuanmelden {
    margin-left: 0px;
    margin-top: 18px;
}

.intro {
    border-bottom: 1px solid #C3C5C7;
    margin: 12px 0 24px;
    padding: 0 25px 8px 0
}

.intro .left {
    width: 37%;
}

.intro .right {
    width: 63%;
}

.col2_4 h2, .col3_4 h2, .col4_4 h2, .intro h2 {
    margin-bottom: 8px;
    padding-top: 12px;
}

table {
    margin-bottom: 30px;
}

/*table thead td { font: bold 1.1em 'Open Sans Condensed', Arial, Helvetica, sans-serif; background: url('../bilder/bg-nav.png') repeat-x 0 0; font-weight: bold; color: #FFF; }*/
table thead td {
    font: bold 1.1em 'Open Sans Condensed', Arial, Helvetica, sans-serif;
    background: url('../bilder/bg-nav4.png') repeat-x 0 0;
    font-weight: bold;
    color: #FFF;
}

table thead td.td-1st {
    padding-left: 10px;
    background-position: 0 0;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

table thead td.td-4th {
    padding-right: 10px;
    background-position: 100% 0;
}

table thead td.td-4th:last-child {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

table tr {
}

table tr:nth-child(odd) {
    background: #dbe8f6;
}

table td {
    vertical-align: top;
    border-bottom: 1px solid #ddd;
    padding: 4px 5px;
}

table td.td-1st {
    width: 25%
}

table td.td-2nd {
    width: 30%
}

table td.td-3rd {
    width: 25%
}

table td.td-4th {
    text-align: right;
    width: 20%;
}

table.flat td {
    border: none !important;
}

thead sup {
    color: #C3C5C7 !important;
}

table select {
    margin: 0 !important;
}

.content-box {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left top;
    border-bottom: 1px solid #C3C5C7; /*min-height: 120px; height: auto !important; height: 120px;*/
    margin-bottom: 12px;
    padding: 12px 0 1px 0;
    display: block;
}

.content-box h3, .content-box p {
    margin-bottom: 0.5em;
}

.content-box .box-icon {
    float: left;
    width: 120px;
}

.content-box .box-text {
    float: left;
    width: 550px;
    padding-bottom: 12px;
}

.content-box img {
    float: left;
    margin-right: 20px;
}

.adressliste img {
    margin: 0px !important;
}

.adressliste table {
    margin-bottom: 9px !important;
    background: none !important;
}

.adressliste table td {
    padding: 6px 0px 4px 0px;
}

.adressliste input {
    border: 0 none !important;
    width: auto;
    margin: 0;
    padding: 0;
}

/* Fotoprodukte */

.details .left, .details .right {
    width: 48%;
}

.product {
    margin-bottom: 24px;
}

.product div {
    float: left;
    display: inline;
    width: 210px;
    margin-right: 24px;
}

.product div img {
    margin: 0 0 6px;
}

.product div h3, .product div p {
    margin: 0 0 6px;
}

.product div.last {
    margin-right: 0 !important;
}

.product p.light {
    font-size: 0.9em;
    line-height: 150%;
}

a.calendarlink {
    cursor: default;
}

#cal-designs {
    border-top: 1px solid #C3C5C7;
}

#cal-designs td {
    border-bottom: 1px solid #C3C5C7;
    padding: 12px 0 6px;
}

#cal-designs h4 {
    margin-bottom: 6px;
}

#cal-designs img {
    border: 1px solid #C3C5C7;
    padding: 3px;
}

#cal-designs span {
    background: #F3F5F7; /* font-weight: bold; */
    font-size: 0.9em;
    line-height: 110%; /* color: #FFF; */
    display: block;
    float: left;
    border: 1px solid #C3C5C7;
    margin: 0 1px 1px 0;
    padding: 1px 2px;
}

.intro .orderbook .left {
    width: 59%;
    padding-top: 5px;
}

.intro .orderbook .right {
    width: 37%;
}

img.big-margin {
    display: block;
}

a#button-scanform {
    background: url('../bilder/button-scanform.gif') no-repeat 0 0;
    display: block;
    width: 276px;
    height: 28px;
}

a#button-scanform:hover {
    background-position: 0 -28px;
}

/* Preisliste */

* html .preisheader {
    margin-bottom: 12px;
}

/* IE6 Fix */
* + html .preisheader {
    margin-bottom: 12px;
}

/* IE7 Fix */
.preisheader h3 {
    float: left;
}

.preisheader p {
    float: right;
    margin: 0;
    padding-top: 10px;
}

body#page-preisliste .cols .left,
body#page-preisliste .cols .right {
    width: 48%;
}

body#page-preisliste .cols .right .preisheader {
    border: 0;
    padding-top: 0;
}

#page-preisliste .toggle tr {
    display: none;
}

#page-preisliste tr {
    background: #fff;
}

#page-preisliste tr.hidden td { /*background: #f6f7f8;*/
}

#page-preisliste .toggle p {
    margin-bottom: 0;
    padding: 3px 6px;
}

#page-preisliste .toggle tr {
    display: none;
}

#page-preisliste .toggle tr.block {
    display: table-row;
}

#page-preisliste .toggle thead tr {
    display: table-row;
}

#page-preisliste table.no-margin + p {
    margin-bottom: 30px;
}

.marker .flag b {
    color: #cc0000;
}

/* Kontakt */

#contactform {
    background: transparent url('../bilder/bg-col2_4.gif') no-repeat left bottom;
    border: 0;
    padding: 0 0 24px;
}

#contactform div.forminner {
    background: transparent url('../bilder/bg-col2_4-top.gif') no-repeat left top;
    padding: 20px;
}

#contactform fieldset {
    border-top: 1px solid #D3D5D7;
    margin: 0;
    padding: 12px 0;
}

#contactform input, #contactform textarea {
    width: 384px;
}

button#sendmessage {
    background-image: url('../bilder/button-sendmsg.gif');
    width: 143px;
}

/* Error 404 */

#error404 .cols div {
    min-height: 200px !important;
    height: auto !important;
}

#error-div {
    background: url('../bilder/bg-error-div.gif') repeat-x;
    height: 200px;
    margin-bottom: 12px;
}

#error404 #main div.left {
    width: 300px;
}

/* Neuanmeldung */

#formregister {
}

#formregister div.forminner {
}

#formregister h3 {
    font-size: 1.5em;
}

#formregister fieldset h3 {
    font-size: 1.2em;
}

#formregister input {
    width: 240px;
}

#formregister input.checkbox {
    width: auto;
}

#formregister div.left {
    width: 250px;
    border-left: 1px solid #C3C5C7;
    margin: 0 0 24px 20px;
    padding-left: 20px;
}

#formregister div#field-username {
    border: 0 none;
    margin: 0;
    padding: 0;
}

#formregister div#field-agb {
    clear: both;
    border: 1px solid #C3C5C7;
    border-width: 1px 0;
    margin-bottom: 18px;
    padding: 12px 0 18px;
}

* html #formregister div#field-agb {
    margin-bottom: 6px;
}

/* IE6 Fix */
* + html #formregister div#field-agb {
    margin-bottom: 6px;
}

/* IE7 Fix */

#formregister button { /*background: url('../bilder/button-createaccount.gif') no-repeat left top; display: inline; vertical-align: middle; width: 145px; height: 22px;*/
    cursor: pointer;
    margin-left: 180px;
}

/*#formregister button:hover { background-position: left -22px; }*/

.no_bgimg {
    background: none !important;
}

.input_error {
    background: #fff url('../bilder/icon-error-right-whitespace.png') no-repeat right center;
}

#button-login {
    background: url('../bilder/button-login-form.gif') no-repeat left top !important;
    display: block;
    vertical-align: middle;
    cursor: pointer;
    width: 102px !important;
    height: 28px;
}

#button-login:hover {
    background-position: left -28px !important;
}

/* Passwort vergessen */

#formrecovery {
}

#formrecovery div.forminner {
}

#formrecovery input {
    width: 300px;
    font-size: 1em;
    margin-bottom: 0;
}

#formrecovery button { /*background: url('../bilder/button-senden.gif') no-repeat left top; display: block; vertical-align: middle; width: 105px; height: 22px;*/
    cursor: pointer;
    margin-left: 180px;
    display: inline;
}

/*#formrecovery button:hover { background-position: left -22px; }*/

/* Index */

#dashboard {
    padding-bottom: 0;
    margin-bottom: 2.5em;
}

.dashboard-panel {
    float: left;
    width: 319px;
    margin-right: 20px;
}

#dashboard table {
    margin: 0
}

#dashboard table td {
    border: 0;
    border-top: 1px solid #C3C5C7;
    padding: 6px 5px 6px 0;
}

#dashboard table td.td-1st {
    width: 80%;
}

#dashboard table td.td-2nd {
    text-align: right;
    width: 20%;
}

form#vouchercode {
    border: 0;
    padding: 0 0 8px;
    margin-bottom: 3em;
}

#vouchercode div.forminner {
}

#vouchercode fieldset {
    margin: 0
}

#vouchercode label {
    float: left;
    margin-right: 10px;
    padding-top: 4px;
    font-size: 1em;
}

#vouchercode input {
    float: left;
    width: 250px;
    margin: 0 10px 0 0;
}

#vouchercode-info {
    display: none;
}

#vouchercode-info div.inner {
    margin: 0 0 0 0 !important;
    padding: 12px 12px !important;
    background: #e5e7ea;
    height: 60px !important;
}

#vouchercode-info h3 {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

form#formunlock {
}

#formunlock div.forminner {
}

#formunlock fieldset {
    margin: 0
}

#formunlock label {
}

#formunlock input {
    float: left;
    width: 150px;
    margin: 0 10px 0 0;
}

#formunlock button {
    background: url('../bilder/button-weiter.gif') no-repeat left top;
    display: block;
    vertical-align: middle;
    cursor: pointer;
    width: 105px;
    height: 22px;
}

/*#formunlock button:hover { background-position: left -22px; }*/

#myalbum {
    background-image: url('../bilder/icon-myfotopost-album.jpg');
    border: 0 none !important;
}

#myupload {
    background-image: url('../bilder/icon-myfotopost-upload.jpg');
}

#mybestellung {
    background-image: url('../bilder/icon-myfotopost-bestellung.jpg');
}

table#orderview tr:nth-child(odd) {
    background: transparent;
}

table#financeview tr:nth-child(odd) {
    background: transparent;
}

/* Kundendaten */

#formprofile {
}

#formprofile div.forminner {
}

#formprofile div.divider {
    border-bottom: 1px solid #C3C5C7;
    margin-bottom: 18px;
    padding-bottom: 6px;
}

#formprofile input {
    width: 240px;
}

#formprofile input.checkbox {
    width: auto;
}

#formprofile-street, #formprofile-street2 {
    width: 240px !important;
    margin-right: 5px;
}

#formprofile-nr, #formprofile-nr2 {
    width: 40px !important;
}

#formprofile-country, #formprofile-country2 {
    margin-right: 5px;
    width: 56px;
}

#formprofile-plz, #formprofile-plz2 {
    width: 40px !important;
    margin-right: 5px;
}

#formprofile-location, #formprofile-location2 {
    width: 122px !important;
}

h3#ftp-account {
    border-top: 1px solid #c3c5c7;
    display: block;
    margin-top: 6px;
    padding-top: 18px;
}

/* Einstellungen */

#einstellungen {
}

#einstellungen div.forminner {
}

#settings-wrapper {
    border-bottom: 1px solid #C3C5C7;
    margin-bottom: 18px;
}

#einstellungen fieldset {
    float: left;
    width: 49%;
    margin-bottom: 6px;
}

#einstellungen fieldset select {
    width: 200px;
}

#einstellungen fieldset div {
    margin-bottom: 2em;
}

#einstellungen fieldset h3 {
    padding: 0;
}

#settings-grid {
    margin: 0 !important;
}

#settings-grid-x, #settings-grid-y {
    float: left;
    text-align: center;
    width: 20px;
}

#settings-grid span {
    display: block;
    float: left;
    margin: 0 10px;
    padding-top: 4px;
}

#settings-ppop {
    margin: 0 !important;
}

#settings-ppop span {
    display: block;
    float: left;
    margin: 0 10px;
    padding-top: 4px;
}

#settings-ppop-field {
    float: left;
    text-align: center;
    width: 77px;
}

#einstellungen button { /*background: url('../bilder/button-save.gif') no-repeat left top; display: block; vertical-align: middle; width: 145px; height: 22px;*/
    cursor: pointer;
}

/*#einstellungen button:hover { background-position: left -22px; }*/

/* Auftragsstatus */

#myfp-status p {
    display: block;
    float: left;
    margin-right: 40px;
}

#myfp-status ul {
    float: right;
}

#myfp-status li {
    float: left;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 1px 0 1px 20px;
    margin-right: 10px;
}

table#myfp-status-table td {
    text-align: left;
}

table#myfp-status-table img {
    margin: 0;
}

table#myfp-status-table thead td.td-4th {
    background-position: 50% 0;
}

table#myfp-status-table thead td.td-6th {
    background-position: 100% 0;
}

table#myfp-status-table td.td-1st {
    width: 17%;
}

table#myfp-status-table td.td-2nd {
    text-align: center;
    width: 8%;
}

table#myfp-status-table td.td-3rd {
    width: 30px;
}

table#myfp-status-table td.td-4th {
    text-align: right;
    width: 14%;
    padding-right: 20px;
}

table#myfp-status-table td.td-5th {
    width: 13%;
}

table#myfp-status-table td.td-6th {
    width: 46%;
}

/* Fusszeile in Buchungsliste */

table#myfp-status-table td.td-tf1 {
    width: 17%;
    font-weight: bold;
}

table#myfp-status-table td.td-tf2 {
    text-align: center;
    width: 8%;
}

table#myfp-status-table td.td-tf3 {
    width: 30px;
}

table#myfp-status-table td.td-tf4 {
    text-align: right;
    width: 14%;
    padding-right: 20px;
    font-weight: bold;
}

table#myfp-status-table td.td-tf5 {
    width: 13%
}

table#myfp-status-table td.td-tf6 {
    width: 46%;
}

/* Einzelauftrag Detailinformationen */

table#myfp-status-auftrag td {
    text-align: left;
}

table#myfp-status-auftrag img {
    margin: 0;
}

table#myfp-status-auftrag thead td.td-4th {
    background-position: 50% 0;
}

table#myfp-status-auftrag thead td.td-6th {
    background-position: 100% 0;
}

table#myfp-status-auftrag td.td-1st {
    width: 10%;
}

table#myfp-status-auftrag td.td-2nd {
    width: 35%;
}

table#myfp-status-auftrag td.td-3rd {
    width: 23%;
}

table#myfp-status-auftrag td.td-4th {
    text-align: center;
    width: 5%;
}

table#myfp-status-auftrag td.td-5th {
    text-align: right;
    width: 15%;
    padding-right: 20px;
}

table#myfp-status-auftrag td.td-6th {
    text-align: right;
    width: 12%;
    padding-right: 20px;
}

#myfp-status-auftrag-box {
    background: #F3F5F7;
    border: 1px solid #C3C5C7;
    padding: 1em;
}

#myfp-status-auftrag-adress-wrapper {
    margin: 0.5em 0 0;
}

#myfp-status-auftrag-adress-wrapper div {
    width: 33%;
}

a.btn-rechnung-anzeigen {
    background: url('../bilder/button-rechnung-anzeigen.gif') no-repeat left top;
    display: block;
    vertical-align: middle;
    cursor: pointer;
    width: 145px;
    height: 22px;
    margin: 5px 0 0
}

/*a.btn-rechnung-anzeigen:hover { background-position: left -22px; }*/

a.btn-bilder-anzeigen {
    background: url('../bilder/button-bilder-anzeigen.gif') no-repeat left top;
    display: block;
    vertical-align: middle;
    cursor: pointer;
    width: 145px;
    height: 22px;
    margin: 5px 0 0
}

/*a.btn-bilder-anzeigen:hover { background-position: left -22px; }*/

.myfp-status-versendet {
    background-image: url('../bilder/icon-status-versendet.gif');
}

.myfp-status-druck {
    background-image: url('../bilder/icon-status-druck.gif');
}

.myfp-status-bestellt {
    background-image: url('../bilder/icon-status-bestellt.gif');
}

.myfp-status-storniert {
    background-image: url('../bilder/icon-status-storniert.gif');
}

.myfp-status-wartend {
    background-image: url('../bilder/icon-status-wartend.gif');
}

table.status-order-imglist td {
    border-bottom: none !important;
}

table.status-order-imglist td[valign=middle] {
    vertical-align: middle;
}

table.status-order-imglist td img {
    margin-bottom: 0;
}

/* Fotoalbum */

#fotoalbum-folder-layer {
}

#fotoalbum-folder-layer h3 {
    padding: 0;
    margin-bottom: 12px;
}

#fotoalbum-folder-layer p {
    margin-bottom: 3px;
}

* html #fotoalbum-folder-wrapper {
    margin: 0;
    padding-bottom: 12px;
}

/* IE6 Fix */
* + html #fotoalbum-folder-wrapper {
    margin: 0;
    padding-bottom: 12px;
}

/* IE7 Fix */

.fotoalbum-folder {
    position: relative;
    background: transparent url('../bilder/icon-album-folder.png') no-repeat center 3px;
    font-weight: bold;
    color: #535557 !important; /*font-size: 0.9em; line-height: 120%; text-align: center; text-decoration: none !important;  border: 1px dashed #C3C5C7;*/
    float: left;
    width: 100px; /*min-height: 90px;*/
    height: 100px !important;
    margin: 0 12px 12px 0;
}

.fotoalbum-folder p {
    position: absolute;
    top: 72px;
    width: 100%;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 120%;
    text-align: center;
    color: #535557 !important;
    text-decoration: none !important;
}

#fotoalbum-folder-wrapper {
    padding-left: 0px;
}

#fotoalbum-folder-wrapper .fotoalbum-folder.selected {
    position: relative;
    background-color: #e5e7ea;
    width: 100px !important;
    height: 100px !important;
    cursor: default;
}

#trash {
    background-image: url('../bilder/icon-album-trash.gif');
    background-position: center 15px;
}

.fotoalbum-folder span {
    display: inline;
    font-weight: normal;
}

.fotoalbum-folder h3 {
    margin: 0;
}

.fotoalbum-folder-up {
    background: transparent url('../bilder/icon-album-folder-up.png') no-repeat center 3px;
}

.fotoalbum-folder-objects {
    background: transparent url('../bilder/icon-album-folder-objects.png') no-repeat center 3px;
}

.fotoalbum-folder-cal {
    background: transparent url('../bilder/icon-album-folder-cal.png') no-repeat center 3px;
}

.fotoalbum-folder-book {
    background: transparent url('../bilder/icon-album-folder-book.png') no-repeat center 3px;
}

.fotoalbum-folder-video {
    background: transparent url('../bilder/icon-album-folder-video.png') no-repeat center 3px;
}

/* Fotoalbum / Neuen Ordner anlegen */

#fotoalbum-newfolder {
    display: none;
}

#fotoalbum-newfolder div.newfolderinner {
    margin: 0 0 24px !important;
    padding: 6px 12px !important;
    background: #e5e7ea;
}

#fotoalbum-newfolder h3 {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

#fotoalbum-newfolder form {
    background: transparent;
    border: 0 none;
    margin: 0;
    padding: 0 !important;
}

#fotoalbum-newfolder fieldset {
    border: 0 none !important;
    margin: 0 !important;
    padding: 0px !important;
}

#fotoalbum-newfolder input {
    width: 300px;
    margin: 0 5px 0 0 !important;
}

/* Fotoalbum / Ordner Einstellungen */

#fotoalbum-foldersettings {
    display: none;
}

#fotoalbum-foldersettings div.foldersettinner {
    margin: 0 0 24px !important;
    padding: 6px 12px !important;
    background: #e5e7ea;
}

#fotoalbum-foldersettings h3 {
    margin: 0 0 8px !important;
    padding: 0 !important;
}

#fotoalbum-foldersettings form {
    background: transparent;
    border: 0 none;
    margin: 0 !important;
    padding: 0 !important;
}

#fotoalbum-foldersettings fieldset {
}

#fotoalbum-foldersettings input {
    width: 300px;
    margin: 0 5px 0 0 !important;
}

h3 a.fotoalbum-foldersettings-link {
    background: url('../bilder/icon-folder-settings.gif') no-repeat right top;
    padding-right: 24px;
    margin-right: 6px;
}

#fotoalbum-foldershares {
    display: none;
}

#fotoalbum-foldershares div.foldersettinner {
    margin: 0 0 24px !important;
    padding: 6px 12px !important;
    background: #e5e7ea;
}

#foldersetting #hinweis {
    border-width: 0;
    padding: 0;
    width: 300px;
    float: left
}

#foldersetting #folder-img-preview {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

a#btn-folderimg {
    background: url('../bilder/button-ordnerbild.gif') no-repeat left top !important;
    float: left;
    display: block;
    vertical-align: middle;
    cursor: pointer;
    width: 145px !important;
    height: 22px;
}

/*a#btn-folderimg:hover { background-position: left -22px !important; }*/

#foldersetting select {
    width: 160px;
    margin-right: 20px;
    float: left;
}

#foldersetting div.divider {
    border-bottom: 1px solid #C3C5C7;
    margin-bottom: 18px;
    padding-bottom: 6px;
}

/* Fotoalbum / Navigation */

.fotoalbum-nav {
    background: #E8EBED;
    font-size: 0.9em;
    margin-bottom: 18px;
    padding: 6px 12px;
}

.fotoalbum-nav * {
    margin: 0;
}

.fotoalbum-nav select {
    vertical-align: middle;
    margin: 0 5px;
    width: 150px;
}

.fotoalbum-nav a, .fotoalbum-nav .right {
    font-weight: bold
}

.fotoalbum-nav a.pd-button-small {
    font-weight: normal;
    font-size: 1.1em;
}

.fotoalbum-nav span.right {
    white-space: nowrap;
}

/* Fotoalbum / Bilder */

#fotoalbum-pics-layer {
    padding: 12px 0;
}

h3 small {
    font-size: 0.8em !important;
    font-weight: normal;
    letter-spacing: 0;
}

.fotoalbum-pics {
    position: relative;
    background: #FFF;
    font-size: 0.9em;
    line-height: 140%;
    color: #535557 !important;
    text-decoration: none !important;
    text-align: center;
    float: left;
    min-height: 250px;
    height: auto !important;
    height: 250px;
    width: 150px;
    margin: 0 24px 24px 0;
}

* html .fotoalbum-pics {
    margin-right: 24px;
}

/* IE6 Fix */

#fotoalbum-pics-wrapper .fotoalbum-pics.selected {
    background: #fff;
    color: #535557 !important;
    text-decoration: none !important;
    cursor: default;
}

.fotoalbum-pics.last {
    margin-right: 0;
    margin-bottom: 24px;
}

.fotoalbum-pics-kompakt {
    position: relative;
    background: #FFF;
    font-size: 0.9em;
    line-height: 140%;
    color: #535557 !important;
    text-decoration: none !important;
    text-align: center;
    float: left;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    width: 100px;
    margin: 0 14px 14px 0;
}

* html .fotoalbum-pics-kompakt {
    margin-right: 14px;
}

/* IE6 Fix */

#fotoalbum-pics-wrapper .fotoalbum-pics-kompakt.selected {
    background: #fff;
    color: #535557 !important;
    text-decoration: none !important;
    cursor: default;
}

.fotoalbum-pics-kompakt.last {
    margin-right: 0;
}

.fotoalbum-pics .imageframe {
    position: relative;
    background: #FFF;
    text-align: center;
    border: 1px solid #D3D5D7;
    padding: 0px;
    width: 148px;
    height: 148px;
    margin: 0 auto
}

.fotoalbum-pics.selected .imageframe {
    background: #e5e7ea !important;
    border-color: #535557;
}

.fotoalbum-pics .imageframe img {
    position: absolute !important;
}

.fotoalbum-pics-kompakt .imageframe {
    position: relative;
    background: #FFF;
    text-align: center;
    border: 1px solid #D3D5D7;
    padding: 0px;
    width: 98px;
    height: 98px;
    margin: 0 auto
}

.fotoalbum-pics-kompakt.selected .imageframe {
    background: #e5e7ea !important;
}

.fotoalbum-pics-kompakt .imageframe img {
    position: absolute !important;
}

.fotoalbum-pics p {
    text-align: left;
    position: absolute;
    left: 6px;
    bottom: 12px;
    width: 156px;
    margin: 0;
}

.fotoalbum-pics span {
    display: block;
    width: 65px;
    float: left;
    font-weight: bold;
}

#ansicht-wahl {
    float: right;
    height: 17px;
    padding-top: 6px;
}

#ansicht-wahl img {
    margin: 0;
}

span#galerie-hinweis {
    position: relative;
}

span#galerie-hinweis div {
    position: absolute;
    top: -35px;
    left: -40px;
    background: #ffc;
    border: 1px solid #fc0;
    padding: 3px 6px;
    white-space: nowrap;
}

span#galerie-hinweis div span {
    position: absolute;
    display: block;
    bottom: -11px;
    left: 80px;
    background: url('../bilder/tooltip-arrow-down.png') no-repeat top left;
    width: 21px;
    height: 11px;
}

/* Upload */

div#uploader_container {
    background-color: transparent;
}

table#uploader_filelist tr:nth-child(odd) {
    background: transparent;
}

.button-dateienhochladen {
    background: url('../bilder/button-dateienhochladen.gif') no-repeat left top;
    display: block;
    cursor: pointer;
    width: 145px !important;
    height: 22px;
}

/*.button-dateienhochladen:hover { background-position: left -22px !important; }*/

a#btn-choosepics {
    background: url('../bilder/button-choosepics.gif') no-repeat left top;
    display: block;
    width: 143px;
    height: 28px;
    margin: 24px auto;
}

a#btn-choosepics:hover {
    background-position: left bottom;
}

/* Upload / Express */
/*
a#btn-choosepics { background: url('../bilder/button-choosepics.gif') no-repeat left top; display: block; width: 143px; height: 28px; margin: 24px auto; }
a#btn-choosepics:hover { background-position: left bottom; }
*/

/* Upload / Standard */
/*
#standardfileupload { background: none; border: 0 none; margin: 0 !important; padding: 0; }
#standardfileupload table { border-top: 1px solid #C3C5C7; margin-bottom: 12px; }
#standardfileupload table input.inputfile { margin: 0; }

#btn-uploadpics { background: url('../bilder/button-dateienhochladen.gif') no-repeat left top; display: block; vertical-align: middle; cursor: pointer; width: 145px; height: 22px; float: none; }
#btn-uploadpics:hover { background-position: left -22px; }
*/

/* Upload / Komfort */

#comfuploadapp {
    background: url('../bilder/bg-comfupload.jpg') no-repeat left top;
    height: 360px;
    margin: 24px 0;
}

#head label {
    width: 100px;
}

/* Upload / FTP-Upload */

#ftp-userdata {
    margin-bottom: 24px;
}

#ftp-userdata li {
    background: none;
    padding: 0;
}

#ftp-userdata li span {
    font-weight: bold;
    display: block;
    float: left;
    width: 110px;
}

/* Bestellung / Produktauswahl */

.product.order div {
    position: relative
}

.product.order h3 {
    position: absolute;
    background: white;
    bottom: 30px;
    left: 1px;
    margin: 0;
}

.product.order h3 a {
    color: #535557 !important;
    text-decoration: none !important;
    display: block;
    padding: 0 20px 10px;
}

.pgr-fotoabzuege {
    padding-bottom: 10px;
}

.pgr-fotokalender {
    padding-bottom: 10px;
}

.pgr-poster {
    padding-bottom: 10px;
}

.pgr-keilrahmenposter {
    padding-bottom: 10px;
}

.pgr-fotogeschenke {
    padding-bottom: 10px;
}

.pgr-postkarten {
    padding-bottom: 10px;
}


#order-breadcrumb { list-style-type: none; height: 44px; margin-top: 8px; }
* html #order-breadcrumb { margin-left: -4px; margin-right: -4px; }
*+html #order-breadcrumb { margin-left: -4px; margin-right: -4px; }
#order-breadcrumb li { float: left; margin: 0; padding: 0; width: 225px; height: 44px; line-height: 100%; }
#order-breadcrumb li.current { font-weight: bold; font-size: 1.2em; line-height: 90%; }
#order-breadcrumb li a { text-align: center; background: url('../bilder/bg-order-breadcrumb.gif') no-repeat right 0px; display: block; margin: 0; padding: 16px 16px 16px 0; }

#order-breadcrumb li.current * { background-position: right -44px; }
#order-breadcrumb li.disabled span { text-decoration: none !important; color: #004e7a; cursor: default; }
#order-breadcrumb li.check a { background-position: right -88px; color: #FFFFFF; }
#order-breadcrumb li.current a { color: #FFFFFF; }

#order-breadcrumb li.check .first a { background-position: right -88px; }
#order-breadcrumb li.check .last a { background-position: left -88px; }

#order-breadcrumb li .last a { background: url('../bilder/bg-order-breadcrumb.gif') no-repeat left top; }
#order-breadcrumb li.current .last a { background-position: left -88px; }

#order-breadcrumb li .first a { background: url('../bilder/bg-order-breadcrumb.gif') no-repeat right top; }
#order-breadcrumb li.current .first a { background-position: right -44px; }

/*#order-breadcrumb li.disabled span { text-decoration: none !important; color: #000000; cursor: default; }
#order-breadcrumb li.check a { background-position: -10px top; }

#order-breadcrumb li.check .last a { background-position: right -168px; }

#order-breadcrumb li .last a { background: url('../bilder/test1.png') no-repeat right -122px; }
#order-breadcrumb li.current .last a { background-position: right -88px; }

#order-breadcrumb li .first a { background: url('../bilder/test1.png') no-repeat left top; }
#order-breadcrumb li.current .first a { background-position: left -44px; }*/

.order-intro {
    border: 1px solid #C3C5C7;
    border-width: 1px 0;
    margin-bottom: 14px;
    padding: 8px 0;
}

/*
.button-produktbestellen { background: url('../bilder/button-produktbestellen.gif') no-repeat left top; display: block; cursor: pointer; width: 145px !important; height: 22px; }
.button-produktbestellen:hover { background-position: left -22px !important; }
*/

/* Bestellung / Motivauswahl */
/*
a#btn-order-continue, button.btn-order-continue { background: url('../bilder/button-order-continue.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; }
a#btn-order-continue:hover, button.btn-order-continue:hover { background-position: 0 -22px; }

a#btn-allewieerstes { background: url('../bilder/button-allewieerstes.gif') no-repeat 0 0; display: block; width: 105px; height: 22px;  margin-left: 9px; }
a#btn-allewieerstes:hover { background-position: 0 -22px; }

a#btn-reset { background: url('../bilder/button-reset.gif') no-repeat 0 0; display: block; width: 105px; height: 22px;  margin-left: 9px; }
a#btn-reset:hover { background-position: 0 -22px; }

a#btn-order-basket { background: url('../bilder/button-warenkorb.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px; }
a#btn-order-basket:hover { background-position: 0 -22px; }
*/
a#btn-new-kalender {
    padding: 6px 9px; /*background: url('../bilder/button-neuer-kalender.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px;*/
}

/*a#btn-new-kalender:hover { background-position: 0 -22px; }*/

a#btn-new-fotobuch {
    padding: 6px 9px; /*background: url('../bilder/button-neues-fotobuch.gif') no-repeat 0 0; display: block; width: 145px; height: 22px; margin-bottom: 12px;*/
}

/*a#btn-new-fotobuch:hover { background-position: 0 -22px; }*/

.order-motiv-nav {
    background: #E3E5E7;
    margin-bottom: 18px;
    padding: 8px 12px;
}

.order-motiv-nav * {
    margin: 0;
}

.order-motiv-nav a {
    font-weight: bold
}

.order-motiv-nav span.left {
    padding: 5px 0;
}

.order-motiv-nav span.right {
    width: 35%;
}

a.btn-put-in-shoppingcart {
    background: url('../bilder/button-putincart.gif') no-repeat 0 0;
    display: block;
    float: right;
    width: 273px;
    height: 28px;
}

a.btn-put-in-shoppingcart:hover {
    background-position: 0 -28px;
}

a#btn-weitere-motive {
    background: url('../bilder/button-weitere-motive.gif') no-repeat 0 0;
    display: block;
    width: 145px;
    height: 22px;
    margin-bottom: 12px;
}

/*a#btn-weitere-motive:hover { background-position: 0 -22px; }*/

.pagination {
    padding: 2px 0 9px;
}

.pagination span.left {
    width: 40%;
}

.pagination span.left .disabled {
    color: #939597 !important;
    font-weight: bold;
}

.pagination select {
    vertical-align: middle;
    font-size: 0.9em;
    margin: 0 0 0 5px;
}

/* Bestellung / Formatauswahl */

.order-picturebox {
    margin-bottom: 12px;
}

.order-picturebox table tr:nth-child(odd) {
    background: transparent;
}

.order-picturebox .fotoalbum-pics {
    background: transparent;
    border: 0 none;
    margin: 0;
    position: static !important;
    min-height: auto !important;
    height: auto !important;
}

.order-picturebox .fotoalbum-pics .imageframe img {
    position: absolute !important;
    border: 1px dotted #aaaaaa !important;
    margin-bottom: 10px !important
}

.order-picturebox .fotoalbum-pics .imageframe.warn_px {
    background: #FFA800;
}

* html .order-picturebox .fotoalbum-pics .imageframe img {
    margin-bottom: 7px !important
}

* + html .order-picturebox .fotoalbum-pics .imageframe img {
    margin-bottom: 7px !important
}

.greetingcard .imageframe {
    position: relative;
    background: #FFF;
    text-align: left;
    border: 0;
    padding: 0px;
    width: 160px;
    height: 160px;
    margin: 0 auto 6px auto;
}

.greetingcard img {
    margin-bottom: 0;
}

.greetingcard input {
    width: auto;
    margin-right: 5px;
    margin-bottom: 0;
}

.greetingcard select {
    width: auto !important;
}

.greetingcard table td.td-2nd {
    width: 55% !important;
    text-align: left !important;
}

.greetingcard table td.td-3rd {
    width: 45% !important;
    text-align: left !important;
}

.greetingcard table td.top {
    vertical-align: top;
}

.greetingcard input.flat {
    color: #fff;
    padding: 0;
    vertical-align: text-bottom;
}

.greetingcard textarea {
    width: 250px;
    height: 186px;
    margin-top: 5px;
}

#greetingcard-adress input {
    width: 210px;
    text-align: left !important;
}

#greetingcard-adress .address-col1 {
    width: 90px;
    float: left;
    margin-right: 10px;
}

#greetingcard-adress .address-col2 {
    width: 110px;
    float: left;
}

#greetingcard-adress .address-col3 {
    width: 60px;
    float: left;
    margin-right: 10px;
}

#greetingcard-adress .address-col4 {
    width: 140px;
    float: left;
}

a#btn-textfueralle { /*background: url('../bilder/button-textfueralle.gif') no-repeat 0 0;*/
    display: block;
    width: 145px;
    height: 22px;
    margin-bottom: 12px;
}

/*a#btn-textfueralle:hover { background-position: 0 -22px; }*/

.fotoalbum-pics table {
    margin-bottom: 8px !important;
}

.fotoalbum-pics table td {
    background: transparent;
    text-align: left;
    border: 0 none;
    width: auto;
    padding: 2px 5px;
}

.fotoalbum-pics table td.td-1st {
    font-weight: bold;
    width: 40px;
}

.fotoalbum-pics table td.td-2nd {
}

.order-picturebox select {
    width: 100%;
    margin-bottom: 0 !important;
}

p.order-removeimage {
    position: static;
    width: 41px;
    margin-left: 10px;
    margin-right: 4px;
    float: right;
}

p.order-removeimage a {
    background: url('../bilder/button-removeimage.gif') no-repeat 0 0;
    display: block;
    width: 41px;
    height: 22px
}

p.order-removeimage a:hover {
    background-position: 0 -22px;
}

p.order-removeimage a span {
    display: none;
}

p.order-copyimage {
    position: static;
    width: 41px;
    float: right;
}

p.order-copyimage a {
    background: url('../bilder/button-dublicateimage.gif') no-repeat 0 0;
    display: block;
    width: 41px;
    height: 22px
}

p.order-copyimage a:hover {
    background-position: 0 -22px;
}

p.order-copyimage a span {
    display: none;
}

p.order-showpreview {
    position: static;
    width: 41px;
    float: left;
}

p.order-showpreview a {
    background: url('../bilder/button-showpreview.gif') no-repeat 0 0;
    display: block;
    width: 41px;
    height: 22px
}

p.order-showpreview a:hover {
    background-position: 0 -22px;
}

p.order-showpreview a span {
    display: none;
}

.order-formats {
    float: right;
    width: 700px;
}

.compactview {
    float: none !important;
    width: auto;
}

.order-formats table {
    margin-bottom: 0px;
}

.order-formats table thead td {
    font-weight: bold;
    color: #FFF;
}

.order-formats table thead td.td-2nd {
    background-position: 0 0;
}

.order-formats table thead td.td-7th {
    background-position: 100% 0;
}

.order-formats table tr {
    background: #FFF;
}

.order-formats table tr.alt {
    background: #FFF;
}

/*#F3F5F7*/
.order-formats table tr._warn {
    background: url('../bilder/bg-pxwarn-alt.gif')
}

.order-formats table tr.alt_warn {
    background: url('../bilder/bg-pxwarn-alt.gif')
}

.order-formats table tr._info { background: url('../bilder/bg-emptywarn.gif') }
.order-formats table tr.alt_info { background: url('../bilder/bg-emptywarn.gif') }

.order-formats table td {
    border-color: #E3E5E7;
    vertical-align: middle;
}

.order-formats table td.td-2nd {
    width: 47%;
}

.order-formats table td.td-3rd {
    text-align: center;
    width: 8%
}

.order-formats table td.td-4th {
    text-align: center;
    width: 9%
}

.order-formats table td.td-5th {
    width: 16%;
    text-align: right !important;
    padding-right: 5px;
}

.order-formats table td.td-6th {
    width: 10%;
    text-align: right !important;
    padding-right: 5px;
}

.order-formats table td.td-7th {
    width: 10%;
    text-align: right !important;
    padding-right: 5px;
}

.order-formats table input {
    width: 30px;
    margin-bottom: 0;
    text-align: right !important;
}

.order-formats table img {
    vertical-align: middle;
    margin: 0 0 0 3px;
}

.order-formats select {
    width: 75%;
    margin-bottom: 0 !important;
}

.order-formats input.flat {
    border: none !important;
    padding-right: 0px !important;
    width: 45px !important;
    background: none !important;
}

/* Bestellung / Formatauswahl (Kompaktauswahl) */

.compactview table thead td.td-1st {
    background-position: 0 0;
}

.compactview table thead td.td-2nd, .compactview table thead td.td-7th {
    background-position: center top;
}

.compactview table thead td.td-8th {
    background-position: 100% 0;
}

/* bisheriges Compactview-CSS (13.3.2014) */

.compactview.original table td.td-1st {
    width: 27% !important;
}

.compactview.original table td.td-2nd {
    width: 18% !important;
}

.compactview.original table td.td-3rd {
    text-align: left;
    width: 12% !important;
}

.compactview.original table td.td-4th {
    text-align: center;
    width: 6% !important;
}

.compactview.original table td.td-5th {
    text-align: center !important;
    width: 8% !important;
    padding: 0;
}

.compactview.original table td.td-6th {
    text-align: right;
    width: 11% !important;
    padding-right: 10px;
}

.compactview.original table td.td-7th {
    width: 6% !important;
}

.compactview.original table td.td-8th {
    width: 9% !important;
    padding-right: 0;
}

.compactview.original select {
    width: 100% !important;
}

/* angepasste Compactview-CSS für neues Formular (zum Einbildeditor) */
.compactview table td.td-1st {
    width: 19% !important;
    padding-left: 0;
}

.compactview table td.td-2nd {
    width: 20% !important;
}

.compactview table td.td-3rd {
    text-align: left;
    width: 41% !important;
}

.compactview table td.td-4th {
    position: relative;
    text-align: left;
    width: 20% !important;
}

.compactview .fotoalbum-pics {
    min-height: 150px;
    height: auto !important;
    height: 150px;
    width: 150px;
    margin: 12px 12px 12px 0;
}

.compactview table td.td-2nd ul.options li {
    background: transparent;
    padding-left: 0;
    margin-bottom: 2px;
}

.compactview table td.td-2nd ul.options li a span {
    margin-left: 20px;
}

.compactview table td.td-3rd .ui-tabs .ui-tabs-panel {
    border-width: 0;
    padding: 1em 0 0 0;
}

.compactview table td.td-3rd .formatSelector {
    width: 340px;
    height: 165px;
    margin-bottom: 8px;
}

/* fix linebreak in tabs VS 1.9.17 */

.compactview table td.td-3rd div.formatSelector {
  overflow:hidden;
}
.compactview table td div.formatSelector ul {
  width:1000px;
}
/**********************/

.compactview table td.td-3rd .paper {
    margin-bottom: 8px;
}

.compactview table td.td-3rd label {
    float: left;
    width: 100px;
}

.compactview table td.td-3rd label.flat {
    float: none;
    width: auto;
    display: inline-block;
    font-weight: normal;
    margin-right: 6px;
}

.compactview table td.td-3rd input[type=radio] {
    width: auto;
    margin-right: 6px;
}

.compactview table td.td-3rd select {
    width: 200px !important;
}

.compactview table td.td-4th .row {
    margin-bottom: 6px;
}

.compactview table td.td-4th .row label {
    width: 60px;
    float: left;
    vertical-align: bottom;
    display: inline-block;
}

.compactview table td.td-4th .row div {
    float: right;
}

.compactview table td.td-4th .row div div {
    float: left;
    margin-left: 10px;
    text-align: center;
}

.compactview table tr.setall td {
    border-top: 0;
    padding: 0;
}

.compactview table tr.setall a {
    float: right;
    margin-bottom: 6px;
    margin-top: -20px;
}

.compactview table td div.setall {
    text-align: right;
    margin-top: 16px;
}

/* angepasste Compactview-CSS ENDE */
.compactview table img {
    margin: 0 !important;
}

.compactview table td.td-1st img {
    margin-right: 3px !important;
}

#order-legend {
    margin-bottom: 8px;
    padding-bottom: 2px;
}

#order-legend h4 {
    margin-right: 20px;
    padding: 1px 0
}

ul#order-legend-list {
    float: left;
}

ul#order-legend-list li {
    font-size: 0.9em;
    display: block;
    float: left;
    background-position: left center;
    margin-right: 15px;
    padding: 1px 0 1px 30px;
}

ul#order-legend-list li#order-legend-format-full {
    background-image: url('../bilder/imgcut0.gif');
}

ul#order-legend-list li#order-legend-format-cut {
    background-image: url('../bilder/imgcut1.gif');
}

ul#order-legend-list li#order-legend-fit {
    background-image: url('../bilder/imgcut2.gif');
}

ul#order-legend-list li#order-legend-full-framed {
    background-image: url('../bilder/imgcut3.gif');
}

ul#order-legend-list li#order-legend-info {
    background-image: url('../bilder/icon-info.gif');
    padding-left: 19px;
}

a.back {
    background: transparent url('../bilder/a-back.gif') no-repeat left center;
    font-weight: bold;
    padding-left: 0.7em;
}

a.back:hover {
    text-decoration: underline;
}

a.back span {
    display: none;
}

/* Bestellung / Adresse vervollständigen */

#formorder {
    background: transparent no-repeat left bottom;
    border: 0;
    padding: 0 0 0px;
}

#formorder div.forminner {
}

#formorder div.divider {
    border-bottom: 0px solid #C3C5C7;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#formorder input {
    width: 240px;
}

#formorder input.checkbox {
    width: auto;
}

#formorder -street, #formorder -street2 {
    width: 240px !important;
    margin-right: 5px;
}

#formorder -nr, #formorder -nr2 {
    width: 40px !important;
}

#formorder-country, #formprofile-country2 {
    width: 40px;
    margin-right: 5px;
}

#formorder-plz, #formorder-plz2 {
    width: 40px !important;
    margin-right: 5px;
}

#formorder-location, #formorder-location2 {
    width: 138px !important;
}

/* Bestellung / Bestellung abschliessen */

table.table-checkout {
    margin-bottom: 1em;
    margin-bottom: 2em;
    padding-bottom: 1px;
}

table.nohead {
    border-top: 1px solid #C3C5C7;
    border-bottom: 1px solid #535557;
    margin-bottom: 2em;
    padding-bottom: 1px;
}

table.table-checkout thead td {
    background-position: center 0;
}

table.table-checkout thead td.td-1st {
    background-position: 0 0;
}

table.table-checkout thead td.td-6th {
    background-position: 100% 0;
}

table.table-checkout tr.sum td {
    border-top: 1px solid #535557;
}

table.table-checkout td {
    text-align: left;
}

table.table-checkout td.td-1st {
    width: 44% !important;
}

table.table-checkout td.td-2nd {
    width: 13% !important;
}

table.table-checkout td.td-3rd {
    text-align: right;
    width: 13% !important;
}

table.table-checkout td.td-4th {
    text-align: right;
    width: 15% !important;
}

table.table-checkout td.td-5th {
    text-align: right;
    width: 15% !important;
}

table.table-checkout tr.lastrow td {
    border-top: 1px solid #535557;
    border-bottom: 3px double #535557;
}

table.table-checkout tr.lastrow td strong {
    font-size: 1em;
}

table.table-checkout tr.lastrow td.td-5th {
    font-size: 1.4em;
    font-weight: bold;
}

table.table-checkout tr.no-border td {
    border: 0 none !important;
}

form#order-checkout-form label, form#order-checkout-form-agb label {
    font-size: 1em;
    font-weight: normal;
}

#order-check-agb {
    margin-right: 12px;
}

form#order-checkout-form-agb {
}

form#order-checkout-form-agb input.checkbox {
    float: left;
    margin-top: 2px;
    margin-right: 10px;
    margin-bottom: 12px;
}

form#order-checkout-form-agb label {
    float: left;
    width: 97%;
}

#order-sonder-kal {
    position: relative;
}

#order-sonder-kal label {
    margin-bottom: 0em;
    padding-top: 4px;
    width: 300px;
}

#order-sonder-kal input {
    float: left;
    width: 30px;
    margin-right: 5px;
    margin-bottom: 0px;
    text-align: right;
}

#adress-wrapper {
    margin: 1.5em 0 0.5em;
}

#adress-wrapper div {
    width: 48%;
}

#adress-wrapper div small {
    font-weight: normal;
}

#zahlweise-wrapper {
    margin: 0em 0 0.5em;
}

#zahlweise-wrapper div {
    width: 48%;
}

#zahlweise-wrapper div small {
    font-weight: normal;
}

button#btn-order-checkout {
    margin-bottom: 12px;
    margin-top: 12px
}

button#btn-produkte-hinzufuegen { /*background: url('../bilder/button-produktehinzufuegen.gif') no-repeat 0 0; */
    display: block;
    width: 145px;
    height: 22px;
    position: relative;
    left: 0px;
    top: 0px
}

/*button#btn-produkte-hinzufuegen:hover { background-position: 0 -22px; }*/

#zusatzoptionen img {
    margin: 0px;
}

#zusatzoptionen label {
    width: auto;
}

#order-checkout-form-agb label {
    width: auto;
}

/*  F O O T E R
------------------------------------------------------------------------------------ */

#footer {
    position: relative;
    font-size: 0.9em;
    border-top: 0px solid #004e7a; /*background: url("../bilder/bg-body.jpg") repeat-x scroll 0 -440px;*/
    background: #E4E4E4;
    min-height: 50px;
    margin-bottom: 0px;
}

#footer .inner {
    padding: 18px 0;
    width: 960px;
    margin: 0px auto 0;
    color: #50829e;
}

#footer .inner p {
    margin: 0;
    padding: 0;
}

#footer .right {
    text-align: right;
}

#footer .right a {
    margin-left: 10px;
}

/*.footnote { color: #004e7a; }*/
.footnote p {
    margin: 0;
    padding: 0;
}

p.partners {
    color: #737577;
    border-top: 1px dotted #939597;
    padding: 12px 21px 0;
}

p.partners a {
    color: #939597 !important;
}

/*  I N F O - P O P U P S
------------------------------------------------------------------------------------ */

body#info {
    background: #FFF;
}

body#info #container {
    width: auto;
    margin: 0;
    padding: 30px 30px 0
}

body#info div.left {
    width: 160px;
}

body#info div.right {
    width: 350px;
}

body#info h2 {
    font: normal 1.8em/150% 'Open Sans', Arial, Helvetica, sans-serif;
    color: #004e7a;
    padding-top: 0
}

body#info h2.h2-geschenke {
    padding-top: 0px;
}

body#info p {
}

body#info small {
    color: #939597
}

body#info a.closewindow {
    background: url('../bilder/a-closewindow.gif') no-repeat 0 0;
    display: block;
    width: 145px;
    height: 22px;
}

body#info a.closewindow:hover {
    background-position: 0 -22px;
}

body#info a.closewindow span {
    display: none;
}

/*  O P T I M A T O R
------------------------------------------------------------------------------------ */

body#optimator { background: #e5e7ea; padding: 0; }
body#optimator #container { background: transparent !important; width: 1080px; height: 350px; margin: 0; padding: 0px; font: normal 0.75em/150% Arial, Helvetica, sans-serif; text-align: left; color: #444; }

#opt-content { }
#opt-content h3 { font-size: 1em; letter-spacing: 0; margin: 0 0 8px; padding: 0 }

#opt-origimg { display: inline; float: left; text-align: center; width: 400px;  background: #FFF; margin: 10px 0 10px 10px; padding: 10px; }
#opt-origimg img { border: 1px solid #737577; margin: 0 }

#opt-optimimg { display: inline; float: left; text-align: center; width: 400px;  background: #FFF; margin: 10px 0 10px 10px; padding: 10px; }
#opt-optimimg img { border: 1px solid #737577; margin: 0 }

#opt-settings { font-size: 1em !important; display: inline; float: left; width: 172px; margin: 8px 0 10px 3px; padding: 0 0 10px 10px; }

#opt-settings ul#opt-meta li { background: none; font-size: 0.9em !important; list-style: none; padding: 0; }
#opt-settings ul#opt-meta li span { display: block; float: left; width: 65px; }

#opt-settings p#opt-help { font-size: 0.9em; text-align: right; margin: 0 10px 15px 0 }

#opt-settings ul#opt { margin: 0 0 8px; }
#opt-settings ul#opt li { background: none; list-style: none; vertical-align: bottom; height: 22px; margin-bottom: 2px !important; margin: 0; padding: 0; }
#opt-settings ul#opt li.margin { margin-bottom: 10px !important; }
#opt-settings ul#opt li img { margin: 1px 0 0 !important; margin-top: 3px; padding: 0; }
#opt-settings ul#opt li span { text-align: center; display: block; float: left; padding: 2px 0; }
#opt-settings ul#opt li span.plus a { width: 18px; }
#opt-settings ul#opt li span.minus a { width: 18px; }
#opt-settings ul#opt li span.value { font-weight: bold; font-size: 1.2em; width: 32px; }
#opt-settings ul#opt li span.descr { float: right; width: 80px; background: url('../bilder/bg-optimator-sett.jpg') no-repeat 0 center; text-align: left; padding-left: 12px; }


/*  D R U C K V O R S C H A U
------------------------------------------------------------------------------------ */

#preview-wrapper {
    border-top: 1px solid #C3C5C7;
    margin-bottom: 1em;
    padding-top: 18px;
}

#preview-wrapper div {
    float: left;
    width: 180px;
    min-height: 340px;
    height: auto !important;
    height: 340px;
    border: 1px solid #C3C5C7;
    margin: 0 7px 0 0;
    padding: 10px 0;
}

#preview-wrapper div.selected {
    background: #ffffd5;
}

#preview-wrapper div.last {
    margin: 0;
}

#preview-wrapper div label {
    margin: 0 0 1em 10px;
}

#preview-wrapper div p {
    margin: 0 10px 0.5em;
}

/*  K A L E N D E R   E D I T O R
------------------------------------------------------------------------------------ */

body#cal {
    background: #FFF !important;
}

body#cal #container {
    background: #FFF !important;
    overflow: auto;
    width: auto;
    margin: 0;
    padding: 20px 30px 0
}

body#cal #order-breadcrumb {
    position: relative !important;
    float: right;
    margin: 8px 0 24px;
    padding: 0;
}

body#cal #calintro {
}

body#cal #calintro h2 {
    float: left;
    padding: 18px 0 5px;
}

body#cal small {
    color: #939597
}

#calsettings {
    background: url(../bilder/bg-caloptions.gif) repeat-y right 0;
    border: 1px solid #C3C5C7;
    margin-bottom: 18px;
    padding: 20px;
}

#calsettings div.left {
    text-align: center;
    float: left;
    width: 380px;
}

#calsettings div.right {
    float: right;
    width: 250px;
}

body#cal h3 {
    background-repeat: no-repeat;
    background-position: 0 center;
    margin-bottom: 0.2em;
    padding: 0;
}

body#cal h3#no01 {
    background-image: url(../bilder/icon-no1.gif);
    padding-left: 24px
}

body#cal h3#no02 {
    background-image: url(../bilder/icon-no2.gif);
    padding-left: 24px
}

body#cal h3#no03 {
    background-image: url(../bilder/icon-no3.gif);
    padding-left: 24px
}

table#table-caltype {
    width: 250px;
    margin-bottom: 0.5em;
}

table#table-caltype td {
    border: 0 none;
    margin: 0;
    padding: 0;
}

table#table-caltype td.typerow {
    width: 180px;
}

table#table-caltype td.typesize {
    width: 70px;
}

table#table-caltype td.typesize small {
    font-weight: bold;
    color: #535557;
    display: block;
    margin-bottom: 4px;
}

table#table-caltype td.typesize img {
    margin: 0;
}

#calpreview {
    width: auto;
    text-align: center;
    padding-top: 30px;
}

#calpreview img#m0 {
    display: block;
    border: 1px solid #C3C5C7;
    margin: 0 auto 20px;
}

body#cal img.zoom {
    vertical-align: middle;
    border: 0 none;
    margin: 0 0 3px 4px;
    padding: 0
}

body#cal a.calendarlink {
    cursor: pointer;
}

input.input_typerow {
    width: 160px
}

input.input_typesize {
    width: 18px;
    text-align: center;
}

#calsettings select {
    width: 160px
}

body#cal .topframe {
    height: 160px;
    border-bottom: 1px solid #C3C5C7;
}

body#cal button {
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    vertical-align: middle;
    cursor: pointer;
    height: 28px;
    float: left;
    margin: 0;
}

body#cal button:hover {
    background-position: left -28px;
}

body#cal a#btn-choosetitle { /*background: url('../bilder/button-choosetitle.gif') no-repeat 0 0;*/
    display: block;
    width: 145px;
    margin-bottom: 24px;
}

body#cal a#btn-choosetitle:hover {
    background-position: left -22px;
}

body#cal button#btn-refreshtype { /*background-image: url('../bilder/button-refreshtype.gif');*/
    width: 145px;
    float: none;
    margin-bottom: 24px;
}

body#cal button#btn-refreshtype:hover {
    background-position: left -22px;
}

body#cal a#btn-cal-bestellung-fortsetzen { /*background-image: url('../bilder/button-continue.gif');*/
    display: block;
    width: 145px;
    margin-bottom: 12px;
    float: right;
}

body#cal a#btn-cal-bestellung-fortsetzen:hover {
    background-position: left -22px;
}

body#cal a#btn-cal-fertigstellen { /*background-image: url('../bilder/button-cal-fertigstellen.gif');*/
    display: block;
    width: 145px;
    margin-bottom: 12px;
    float: right;
}

body#cal a#btn-cal-fertigstellen:hover {
    background-position: left -22px;
}

body#cal a#btn-cal-neu-pruefen { /*background-image: url('../bilder/button-cal-neu-pruefen.gif');*/
    display: block;
    width: 145px;
    margin-bottom: 12px;
    margin-left: 12px;
    float: right;
}

body#cal a#btn-cal-neu-pruefen:hover {
    background-position: left -22px;
}

body#cal a#btn-cal-doppelte-motive { /*background-image: url('../bilder/button-cal-doppelte-motive.gif');*/
    display: block;
    width: 145px;
    margin-bottom: 12px;
    margin-left: 12px;
    float: right;
    overflow: hidden;
}

body#cal a#btn-cal-doppelte-motive:hover {
    background-position: left -22px;
}

#calimages {
    margin-bottom: 18px;
}

#calimages div.calpages {
    float: left;
    width: 530px;
}

#calimages div.calpages div {
    background: #FFF;
    text-align: center;
    float: left;
    width: 140px;
    margin: 0 12px 12px 0;
    padding: 10px 10px 0;
}

#calimages div.calpages div.selected {
    background: #E3E5E7;
    width: 140px;
    cursor: default;
}

#calimages div.calpages div.last {
    margin: 0 0 12px 0;
}

#calimages div.calpages img.calpagemonth {
    background: #FFF;
    text-align: center;
    display: block;
    border: 1px solid #D3D5D7;
    padding: 3px;
    margin: 0 auto 8px;
}

#calimages div.calpics {
    background: #F3F5F7;
    width: 158px;
    padding-bottom: 7px;
    margin-left: 10px;
}

#calimages div.calpics img {
    background: #fff;
    float: left;
    border: 3px solid white;
    margin: 0 0 7px 7px;
    padding: 2px;
}

#calimages div.calpics img.selected {
    border: 3px solid #939597;
}

#calimages div.calpicsfolder {
    background: #D3D5D7;
    border-bottom: 1px solid #FFF;
    margin-bottom: 1em;
    padding: 1em 7px 0;
}

/*  P O P U P S   ( V O R S C H A U E N   E T C . )
------------------------------------------------------------------------------------ */

body#grossansicht_objekt  {background: #FFFFFF !important;}
body#grossansicht_objekt table {height: 100%; }
body#grossansicht_objekt table td { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center !important; color: #444; border-top: 0px; padding: 10px; vertical-align: top; }
body#grossansicht_objekt table td img { margin: 0; }
body#grossansicht_objekt input[type=radio] { width: auto; margin: 0 6px 0 0; }
body#grossansicht_objekt #pageBrowser .page { float: left; }
body#grossansicht_objekt div.optionbar div { padding: 0 6px; text-align: center !important; }


body#druckvorschau_gross table td {
    font: normal 13px/150% 'Open Sans', Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    color: #444;
    border-top: 0px;
    padding: 0;
    vertical-align: top;
}

body#folderinfo {
    padding: 10px;
}

body#folderinfo table td {
    font: normal 13px/150% 'Open Sans', Arial, Helvetica, sans-serif !important;
    text-align: left !important;
    color: #444;
    border-top: 0px;
    padding: 0;
    vertical-align: top;
}

body#druckvorschau {
    padding: 12px 18px;
}

body#druckvorschau div {
    margin-bottom: 6px;
    border-spacing: 1px;
}

body#druckvorschau div { font: normal 13px/150% Arial, Helvetica, sans-serif !important; text-align: center !important; color: #444; padding: 0; vertical-align: top; }

body#druckvorschau > div {border-top: 0px;}

body#druckvorschau div img {
    margin: 0;
}

body#druckvorschau div input[type=radio] {
    margin: 1px 0 10px 0px;
}

body#druckvorschau div select {
    margin: 6px 0 12px 0 !important;
}

body#druckvorschau div div.pmsel1 {
    width: 260px;
    margin: 5px;
}

body#druckvorschau div div.pmsel1 input {
    width: 20px;
}

body#druckvorschau div div.pmsel2 {
    width: 200px;
    height: 204px;
    margin: 5px;
    clear: both;
}

/* DANIEL 200/204 -> 600/604 */
body#druckvorschau div div.pmsel3 {
    width: 60px;
    height: 140px;
    margin: 5px;
    float: left
}

body#druckvorschau div div.pmsel3 div {
    width: 60px;
    height: 60px;
}

body#druckvorschau div.print_meth_select div {
    padding: 0;
    float: left;
    margin-right: 5px;
    text-align: left !important
}

body#druckvorschau div.print_meth_select div div {
    padding: 0;
    float: left;
}

body#druckvorschau div div.pmsel1 p.small {
    font-size: 0.8em;
}

body#druckvorschau div div.pmsel2 img {
    max-width: 100%;
    height: auto;
    border: 1px solid #c0c0c0
}

body#druckvorschau.leinwand { background: #fff; padding: 0; }
body#druckvorschau.leinwand div.pmsel1 { width: auto; margin: 0; cursor: pointer; }
body#druckvorschau.leinwand div.pmsel2 { width: 550px; height: 550px; margin: 0px; margin-left: 20px; display: none; overflow: hidden; position: relative; }
body#druckvorschau.leinwand div.pmsel2 iframe#3dframe {  }
body#druckvorschau.leinwand div.pmsel2 img { max-width: none; border: 0; position: absolute; top: 0; left: 0; }

body#druckvorschau.leinwand div#loadingStart { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff url('/ci/bilder/ajax-loader.gif') no-repeat center center; z-index: 100; }
body#druckvorschau.leinwand div#loadingStart div#message { padding-top: 300px; text-align: center; }

body#druckvorschau.leinwand div { margin-bottom: 0; }
body#druckvorschau.leinwand div#select_format { position: absolute; top: 80px; right: 10px; z-index: 2; }
body#druckvorschau.leinwand div#select_views { position: absolute; top: 160px; right: 0; width: 150px; }
body#druckvorschau.leinwand div#select_views div.view_link { padding-top: 80px; padding-bottom: 6px; cursor: pointer; margin-bottom: 0px; padding-right: 24px; background: transparent url('../bilder/preview/view-icons-sprite.png') no-repeat -16px 14px; }
body#druckvorschau.leinwand div#select_views div.view_link.selected { background-color: #E8EBED; }
body#druckvorschau.leinwand div#select_views div.view_link.print_trimmark { background-position: -176px 14px; }
body#druckvorschau.leinwand div#select_views div.view_link.print { background-position: -16px 14px; }
body#druckvorschau.leinwand div#select_views div.view_link.povray_canvas { background-position: -336px 14px; }
body#druckvorschau.leinwand div#select_views div.view_link.interactive { background-position: -336px 14px; }
body#druckvorschau.leinwand div#select_views div.view_link a:hover { text-decoration: none; }
body#druckvorschau.leinwand div#select_views div.view_link:hover { background-color: #E8EBED; }
body#druckvorschau.leinwand div#select_method { position: relative; width: 100%; height: 120px; background: transparent url('../bilder/preview/method-bg.gif') repeat-x bottom left; }
body#druckvorschau.leinwand div#select_method div {  }
body#druckvorschau.leinwand div#select_method input { position: absolute; top: -50px; left: -50px; visibility: hidden; }
body#druckvorschau.leinwand div#select_method label { float: left; width: auto; text-align: left; font-weight: normal; padding-left: 20px; color: #6A7F8E; background: url('../bilder/preview/radiobutton_off.png') no-repeat left center; cursor: pointer; }
body#druckvorschau.leinwand div#select_method div.selected label { background: url('../bilder/preview/radiobutton_on.png') no-repeat left center; }
body#druckvorschau.leinwand div#preview_images { position: absolute; top: 150px; left: 0; }
body#druckvorschau.leinwand div#button_closewindow { position: absolute; bottom: 20px; right: 0; width: 200px; }

body#druckvorschau.leinwand #method1 { position: absolute; width: 150px; top: 10px; left:  10px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat 0 0; }
body#druckvorschau.leinwand #method2 { position: absolute; width: 140px; top: 10px; left: 160px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat -140px 0; }
body#druckvorschau.leinwand #method4 { position: absolute; width: 140px; top: 10px; left: 440px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat -280px 0; }
body#druckvorschau.leinwand #method3 { position: absolute; width: 140px; top: 10px; left: 300px; padding-top: 110px; background: url('../bilder/preview/method-icons-sprite.png') no-repeat -420px 0; }

body#druckvorschau.leinwand #method1:hover { background-position: 0 -130px; }
body#druckvorschau.leinwand #method2:hover { background-position: -140px -130px; }
body#druckvorschau.leinwand #method4:hover { background-position: -280px -130px; }
body#druckvorschau.leinwand #method3:hover { background-position: -420px -130px; }

body#druckvorschau.leinwand div.selected #method1 { background-position: 0 -260px; }
body#druckvorschau.leinwand div.selected #method2 { background-position: -140px -260px; }
body#druckvorschau.leinwand div.selected #method4 { background-position: -280px -260px; }
body#druckvorschau.leinwand div.selected #method3 { background-position: -420px -260px; }

body#druckvorschau_opt {
    padding: 12px 18px;
}

body#druckvorschau_opt .b18 {
    font-size: 1.2em;
    padding-top: 8px;
    font-weight: bold;
}

body#druckvorschau_opt table {
    margin-bottom: 0;
}

body#druckvorschau_opt table.tab_functions td {
    background: #fff;
    padding: 3px;
    text-align: left;
}

body#druckvorschau_opt table td {
    font: normal 13px/150% 'Open Sans', Arial, Helvetica, sans-serif !important;
    text-align: center;
    color: #444;
    border-top: 0px;
    padding: 0;
    vertical-align: top;
}

body#druckvorschau_opt table td img {
    margin: 0;
}

body#druckvorschau_opt table td input {
    margin: 0;
}

body#druckvorschau_opt table select {
    margin: 0;
}

body#template_browser table {
    margin-bottom: 0px;
}

body#template_browser table.thumb {
    width: 150px !important;
    height: 150px !important;
}

body#template_browser table td {
    font: normal 13px/150% 'Open Sans', Arial, Helvetica, sans-serif !important;
    text-align: center !important;
    color: #444;
    border-top: 0px;
    padding: 0px;
    vertical-align: middle;
}

body#template_browser div {
    text-align: left;
    margin-bottom: 2px;
}

body#template_browser div a img {
    margin: 0;
}

body#template_browser div a.dir {
    font-size: 13px;
    line-height: 100%;
}

#overlay {

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 66px;
    height: 66px;
    text-align: center;
    padding: 20px;
    line-height: 14px;
    background-color: #9BA9B4;
    color: black;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 99999;

}

.bodyoverlay {

    background-color: #fff;
    opacity: 0.3;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;

}

.subnav { border: 1px solid #CCCCCC; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-top: 8px;}
.subnav .innercol { padding: 12px 0 18px 0 !important; }
.subnav h2 { padding: 0 15px; }
.subnav p { padding: 0 15px; }
.subnav ul { background: none; margin-bottom: 0; }
.subnav li { background: none; padding: 0; }
.subnav li a { background: transparent url('../bilder/li.gif') no-repeat 15px 11px; padding-left: 0px; display: block; text-decoration: none !important; width: auto !important; width: 150px; /* IE6 Fix */ padding: 5px 15px 5px 27px; }
.subnav li a:hover { background-color: #f3f4f6; }
.subnav li.current { background: none; width: auto; } /* für IE6 */
.subnav li.current a { background-color: #E8EBED; text-decoration: none !important; cursor: default; }
.subnav p { margin-bottom: 0.5em; }
.subnav h3 { background: none; font-size: 1.1em; padding: 15px 15px 0 15px; margin-bottom: 12px; color: #666; }
.subnav select { margin: 0 15px; }

#folgebestellung-info { display: none; }
#folgebestellung-info div.inner { margin: 0 0 0 0 !important; padding: 12px 12px !important; background: #e5e7ea; }
#folgebestellung-info h3 { margin: 0 0 8px !important; padding: 0 !important; }

#vouchercode-info { display: none; }
#vouchercode-info div.inner { margin: 0 0 0 0 !important; padding: 12px 12px !important; background: #e5e7ea; height: 60px !important;}
#vouchercode-info h3 { margin: 0 0 8px !important; padding: 0 !important; }

/*  E N D   S T Y L E S . C S S
------------------------------------------------------------------------------------ */