html, body {
        background-color:#333333;
        font-family:Tahoma, Verdana, "Sans Serif";
        padding:0;
        margin-top:0;
        margin-left:2px;
        margin-right:2px;
        margin-bottom:10px;
}
#wrapper{
                position:relative;
                height:auto;
                min-width:850px;
                max-width:1650px;
                margin-top:3px;
                margin-left:5px;
                margin-right:5px;
                padding:0;
                width: expression((document.documentElement && document.documentElement.clientWidth) ?((document.documentElement.clientWidth < 850) ? "850px" : "auto") : ((document.body.clientWidth < 850) ? "850px" : "auto"));
}


/* --------------------------------------- */
/* Header Bereich mit Logo und Überschrift */
/* --------------------------------------- */

#header{
                position:relative;
                width:100%;
                height:113px;
                background-color:#FFFFFF;
                border-top: 2px groove white;
                border-right:2px groove silver;
                border-left: 2px groove white;
}
#headerimage{
                position:relative;
                float:left;
                width:100%;
                height:100%;
                background: url(bilder/header_rechts.gif) left top;
                background-repeat: no-repeat;
                background-position:left;
}
#header .slogan{
                position:absolute;
                left:20px;
                top:39px;
                width:360px;
                height:26px;
                color:#E2E2E2;
                /*
                background: url(bilder/slogan.gif);
                background-repeat:no-repeat;
                */
}
#header_slogan{
                position:absolute;
                left:0px;
                top:0px;
                width:382px;
                height:113px;
}

#main{
                position:relative;
                width:100%;
                height:auto;
                border-right:2px groove silver;
                padding-right:2px;
}

/* --------------------------------- */
/* Linke Spalte Menü & Bannerwerbung */
/* --------------------------------- */

#colleft{
               position:absolute;
               left:0px;
               width:130px;
               height:auto;
               z-index:10;
               background-color:#D70000;
               border-left:2px groove white;
}
#colleft #menu{
               position:relative;
               width:100%;
               height:auto;
}
#colleft #menu .menupunkt{
               position:relative;
               width:100%;
               height:36px;
               text-align:center;
               background: url(bilder/hintergrund_menu_hover.jpg);
               background-position: left;
               background-repeat:no-repeat;
               border-bottom-style:groove;
               border-bottom-width:2px;
}
#colleft #menu .menupunkt:hover{
               background-position: right;
}
#colleft #menu .active{
               background-position: right;
}
#colleft #banner{
               position:relative;
               text-align:center;
               width:100%;
               height:600px;
               border-right:2px groove darkred;
               border-top:1px solid black;
               border-bottom:2px solid black;
}

/* --------------- */
/* Content Bereich */
/* --------------- */
#contentWrapper{
               position:relative;
               margin-left:134px;
               z-index:1;
               width:auto;
               height:auto;
}
#content{
               position:relative;
               overflow:hidden;
               z-index:1;
               display: inline-block;
               width:auto;
               height:auto;
               min-height:620px;
               background:#FFFFFF url(bilder/hintergrund_content.jpg) 100% 100%;
               background-position:right bottom;
               background-repeat:no-repeat;
               /*background-color:#FFF;*/
}
* html #content { /* Für IE */
        overflow:visible;
        height: 620px;
}

/* content Bereich 1. Reihe */
#content #row1{
               position:relative;
               width:100%;
               height:auto;
}
#content .left{
               position:relative;
               height:auto;
               padding-left:20px;
               margin-right:280px;
}
#content h1{
               font-family:"Arial Black";
               font-size:24px;
               line-height:28px;
               color:#D93F3F;
               margin-top:10px;
               width:auto;
}
#content h2{
               font-family:"Arial Black";
               font-size:20px;
               line-height:28px;
               color:#D93F3F;
               margin:0;
               width:auto;
}
#content h3{
               font-family:"Arial Black";
               font-size:18px;
               line-height:20px;
               color:#FFFFFF;
               margin:0;
               width:auto;
}
#content h4{
               font-family:"Arial", Tahoma, Verdana;
               color:#363636;
               text-decoration:none;
               font-size:17px;
}

/* Abstandhalter */
.plh{
               position:relative;
               height:40px;
               line-height:40px;
               width:100%;
               margin:0;
}

#content .left .text{
               font-size:1em;
               line-height:24px;
}

/* content Bereich 2. Reihe */
#content #row2{
               position:relative;
               width:100%;
               height:auto;
}

/*Laufband schwarz 3-teilig mit Text */
#laufband{
               position:relative;
               float:left;
               margin:10px 0px 0px 0px;
               width:100%;
               height:auto;
               overflow:hidden;
               background-color:#616161;
}

/* laufband oben */
#laufband_EckeObenLinks{
                position: relative;
                float:left;
                width: 12px;
                height:13px;
                line-height:13px;
                margin-right: -12px;
                padding: 0;
                background:#616161 url(bilder/laufband/laufband_linksOben.gif);
                background-position:top left;
}
#laufband_EckeObenRechts{
                position: relative;
                float:right;
                width: 12px;
                height:13px;
                line-height:13px;
                margin-left: -12px;
                padding: 0;
                background:#616161 url(bilder/laufband/laufband_rechtsOben.gif);
}
#laufband_oben{
                position:relative;
                margin-left:8px;
                margin-right:6px;
                height:13px;
                line-height:13px;
                font-size:1px;
                background:#616161 url(bilder/laufband/laufband_oben.gif);
                background-repeat:repeat-x;
                background-position:top;

}

/* laufband mitte */
#laufband_mitte{
                position:relative;
                float:left;
                width:100%;
                height:auto;
}
#laufband_InhaltLinks{
                position: relative;
                float:left;
                height:40px;
                line-height:30px;
                width:8px;
                margin-right:-8px;
                background:#616161 url(bilder/laufband/laufband_seiteLinks.gif);
                background-repeat:repeat-y;
                z-index:11;
}
#laufband_InhaltRechts{
                position: relative;
                float:right;
                height:40px;
                line-height:30px;
                width:6px;
                margin-left:-6px;
                background:#616161 url(bilder/laufband/laufband_seiteRechts.gif);
                background-repeat:repeat-y;
                z-index:10;
}
#laufband_inhalt {
                position:relative;
                float:left;
                padding: 0px 0px 0px 0px;
                margin:3px 6px 0px 8px;
                height:35px;
                line-height:33px;
                overflow:hidden;
                font-family:Arial, Tahoma, Verdana;
                font-size:20px;
                background-color:#616161;
                color:#FFFFFF;
}
* html #laufband_inhalt{
                width:100%;
                margin:3px 0px 0px 0px;
}

/* min-height für IE
* html #laufband_inhalt {
                height: 45px;
                overflow:visible;
}*/

/* laufband unten */
#laufband_unten_container{
                position:relative;
                float:left;
                width:100%;
                height:auto;
}
#laufband_EckeUntenLinks{
                position: relative;
                float:left;
                width: 12px;
                height:13px;
                line-height:13px;
                margin-right: -12px;
                padding: 0;
                background:#616161 url(bilder/laufband/laufband_linksUnten.gif);
}
#laufband_EckeUntenRechts{
                position: relative;
                float:right;
                width: 12px;
                height:13px;
                line-height:13px;
                margin-left: -12px;
                padding: 0;
                background:#616161 url(bilder/laufband/laufband_rechtsUnten.gif);
}
#laufband_unten{
                position:relative;
                margin-left:8px;
                margin-right:7px;
                height:13px;
                font-size:1px;
                background:#616161 url(bilder/laufband/laufband_unten.gif);
                background-repeat:repeat-x;
                background-position:bottom;
}

#breite{
                position:relative;
                float:left;
                visibility:hidden;
}


/* Hintergrundfeld (Box) mit Auto-Height und Width */
#box{
               position:relative;
               float:left;
               margin:10px 0px 0px 0px;
               width:99%;
}

#EckeObenLinks {
               position: absolute;
               left: -1px;
               top:-1px;
               width: 30px;
               height:30px;
               margin: 0;
               padding: 0;
               background:url(bilder/box/EckeObenLinks.gif);
               background-position:top left;
               background-repeat: no-repeat;
}
#EckeObenRechts{
                position: absolute;
                right: -1px;
                top:-1px;
                width: 30px;
                height:30px;
                margin: 0;
                padding: 0;
                background:url(bilder/box/EckeObenRechts.gif);
                background-position:top right;
                background-repeat: no-repeat;
}
#EckeUntenLinks{
                position: relative;
                float:left;
                width: 35px;
                height:35px;
                margin-right:-35px;
                padding: 0;
                background:url(bilder/box/EckeUntenLinks.gif);
                z-index:1000;
}
#EckeUntenRechts{
                position: relative;
                float:right;
                width: 35px;
                height:35px;
                margin-left:-35px;
                padding: 0;
                background:url(bilder/box/EckeUntenRechts.gif);
}
#oben {
                position:relative;
                margin-left:25px;
                margin-right:25px;
                height:24px;
                background-color: #ffffff;
                background:#FFFFFF url(bilder/box/InhaltTop.gif);
                background-repeat:repeat-x;
                background-position:top;
}
#unten{
                position:relative;
                margin-left:35px;
                margin-right:35px;
                height:35px;
                background-color: #ffffff;
                background:#FFFFFF url(bilder/box/InhaltBottom.gif);
                background-repeat:repeat-x;
                background-position:bottom;
}

#inhalt {
                position:relative;
                padding: 0px 50px 30px 50px;
                margin: 0;
                width:auto;
                height:auto;
                min-height:450px;
                overflow:hidden;
                border-left:1px solid black;
                border-right:1px solid black;
                background-color: #ffffff;
}
/* min-height für IE */
* html #inhalt {
        height: 450px;
        overflow:visible;
}

/* Logo Pinshop rechts */
#content #containerBildOnlineshop{
    position:absolute;
    width:250px;
    height:200px;
    top:30px;
    right:20px;
    background:url(bilder/Pincodeslogo.png);
}

/* Werbung der Partner rechts */
#content #containerAnbieter{
    position:absolute;
    bottom:40px;
    right:20px;
    width:255px;
    height:auto;
}

#content #sofortueberweisung{
    position:relative;
    float:left;
    width:253px;
    height:287px;
    background:url(bilder/sofortueberweisung.jpg);
}

#content #link_sofortueberweisung{
    position:absolute;
    bottom:15px;
    left:15px;
    width:223px;
    height:257px;
}

/* Pinshop Schriftzug unten rechts */
#content #pinshop{
               position:absolute;
               bottom:9px;
               right:20px;
               width:144px;
               height:26px;
               background:url(bilder/pinshop2.gif);
}

/* Ende des Content Bereichs */
#contentEnd{
               position:relative;
               width:100%;
               height:7px;
               line-height:10px;
               z-index:2;
               background:#FFFFFF url(bilder/hintergrund_content_end.jpg);
               background-repeat:repeat-x;
}

/* Footer Bereich am Ende des Contents */
#footer {
              position:relative;
              width:100%;
              height:30px;
              background-color:#FFFFFF;
              border-bottom:2px groove silver;
}
#footer .text{
              position:relative;
              float:right;
              right:0px;
              top:5px;
              width:440px;
              height:25px;
              font-family:Arial;
              font-size:16px;
}

.floatleft{
               float:left;
}

/*  Punktlinien */

/* Vertikale Punkt-Linie */
.dotlineV{
               position:relative;
               float:left;
               background:#FFFFFF url(bilder/dotline_vert.gif) 100% 100%;
               background-position:left;
               background-repeat:repeat-y;
               padding-left:5px;
               margin-left:21px;
               width:auto;
}
.dotlineVright{
               position:relative;
               float:left;
               background:url(bilder/dotline_vert.gif) 100% 100%;
               background-position:right;
               background-repeat:repeat-y;
               padding-left:5px;
               margin-left:21px;
               width:auto;
}
.dotlineVleft{
              position:relative;
              float:left;
              background:url(bilder/dotline_vert.gif) 100% 100%;
              background-position:left;
              background-repeat:repeat-y;
              padding-left:10px;
              margin-left:21px;
              width:auto;
}
/* min-width für IE */
* html .dotlineV {
               margin-left:11px;
}
.dotlineLeft{
               background:#FFFFFF url(bilder/dotline_vert.gif) 100% 100%;
               background-position:left;
               background-repeat:repeat-y;
}
.dotlineRight{
               background:url(bilder/dotline_vert.gif) 100% 100%;
               background-position:right;
               background-repeat:repeat-y; 
}

/* Horizontale Punkt-Linie */
.dotlineH{
               position:relative;
               float:left;
               background: url(bilder/dotline.gif) 100% 100%;
               background-position:top;
               background-repeat:repeat-x;
               height:1px;
               line-height:1px;
               font-size:1px;
               width:100%;
}
.small_black{
             font-size:12px;
             line-height:15px;
}

/* Clear Klasse */
.clear{
               clear:both;
}
#printcontainer{
                display:none;
}