/* positionierung */
#body{
      position:absolute;
      top:120;
      left:0;
}

#header{
     position:absolute;
     top:8;
     left:170;
}



#topmenu, #content{
     position:absolute;
     left:170;
}


#topmenu{
        position:absolute;
        top:0;
        width:800;
}

#topmenu input{
        position:relative;
        top:-3;

}

.navigation, #welcometitle {

        top:165;
        margin-left: 170px;
}

#content{
     position:absolute;
     top:70;
     width:664px;
}

#menu{
     position:absolute;
     left:20;
     top:90;
}

#welcometitle{
}

#welcomeimage{
}

#welcometext{
     margin-top:6;
}




/*-----hintergundbilder-----*/

body{
      background-position:top left;
      background-repeat:no-repeat;
      background-image:url("http://doit-shop.crashdummies.ch/public/1022a12c39db3ed3f13035b4095b08ee_hintergrund016.jpg"); 
}


/*--------typo------------*/

p, td, body {
     font-family: verdana;
     font-size: 11;	
}
#title {

}
h1,h2,h3 {
     color:#666666;
     font-weight:bold;
     font-size: 11;
     margin-bottom: -10px;
}

#content, table{
     color:#646464;
     margin-top: 20px;
}

#content a:link, a:visited {
     color:#666666;
     text-decoration:underline;
}

#content a:hover, a:active {
     color:#8b0000;
     text-decoration:underline;
}

#menu {
     font-size: 10;
     line-height:15px;
     color:#000000;
}

#menu a {
     color:#666666;
     text-decoration:none;
}

#menu a:hover {
     color:#8b0000;
}

#menu .menu1-level1-act a, #menu .menu1-level2-act a {
     color:#000000;
}
.menu1-level2-no, .menu1-level2-act {
     padding-left: 20px;
}

.menu1-level3-no, .menu1-level3-act {
    padding-left: 40px;
}



#topmenu{
     font-family: verdana;
     font-size: 10;
     color:#666666;
     
}

#topmenu a:link, a:visited {
     color:#666666;
     text-decoration:none;
}


#topmenu a:hover, a:active {
     color:#8b0000;
     text-decoration:none;
}

#topmenu li{
 float:left;
 padding-right:5px;
 padding-left:5px;
 border-right:1px solid #666666;
}

#topmenu ul{
 list-style-type:none;
 margin-left:-44px;
}


.navigation, #welcometitle {
    font-family:arial black,sans-serif;
    text-transform:uppercase;
    font-weight:regular;
    color:#8b0000;
    font-size:9pt;
}

.navigation a{
    color:#000000;
}

#welcometitle {
    color:#000000;
   
}


.navigation div {
      float:left;
      margin-right:0;
}

.navigation div:before{
      content:" / ";
      font-weight:bold;
}

.navigation div:first-child:before{
 content:"" !important;
}

.content_title{
 display:none;
 clear:left;
 font-size:16pt;
 margin-bottom:20;
}


/*---------package-----------*/

.package {
      clear:left;
      position:relative;
      border-bottom:0px dotted #999999;
      line-height:14px;
      padding-bottom:40px;
 
}


.package .title{
      position:relative;
      font-family: verdana, sans-serif;
      font-size: 10px;
      color: black;
      font-weight: bold;
      left: 106;
      line-height:8px;
      white-space: nowrap;
      margin-bottom:4px;
      margin-top:0px;
      vertical-align:text-top;
}

.package .description{
      margin-bottom:13;
      left: 106;
      
}

.package .image{
      position:absolute;
      width:128;
      height:102;
      top:0px;
      
}

.package .text{
      position:relative;
      left:106;
}

.package .text .exercises{
      display:table; 
}

.package .text .exercises .row {
      display:table-row;

}
.package .text .exercises .row > div{
      display:table-cell;
      padding:0 10 0 0;
      vertical-align:center;
      white-space:nowrap;
      border-bottom: 1px dotted #999999;

}


/*-------cart--------*/


#cart tr {
       height:30px;
       vertical-align:top;
}

#cart .amount, #minicart .amount,
#cart .name, #minicart .name,
#cart .remove {
       padding-right:30px;
       text-align:left;
}

#cart .total, #minicart .total{
      color:black;
      font-weight:bold;
}

#cart .sum, #cart .price, 
#minicart .sum, #minicart .price  {
      text-align:right;
      padding-right:18px;
}

#minicart{
      position:absolute;
      top:186;
      left:852;
      width:200;
      border-left:1px dotted #999999;
      padding-left:10;
}

#minicart .minicart_title{
     margin-bottom:18;
}

#minicart tr{
       height:18px;
       vertical-align:top;
}


/* --------- ABOS ---------- */

#abo_text {
      color:;
      padding-bottom:0px;
}

#abo_list .title {
      color:black;
      font-weight:bold;
      padding:18 0 2 0;
}


/*-------my orders---------*/

#myorders{
       display:table;
}


#myorders .order,
#myorders .order_title,
#myorders .reminder{
      display:table-row;
}

#myorders .order_title{
      font-weight:bold;
      color:black;
}


/* abstýnde tabelle */
#myorders .order > div,
#myorders .order_title > div,
#myorders .reminder > div {
      display:table-cell;
      padding:0 12 2 0;
      vertical-align:top;
}

/* abstand zwischen den posten */
#myorders .order > div{
      padding-top:26px;
}


#myorders .reminder > div{
      color:#8b0000;
}

/*ausrichtun mahnung*/
#myorders .reminder .name {
      text-align:right;

}


#myorders .fresh, #myorders .handelt{
      color:#000000;
}

#myorders .new, #myorders .payed{
      color:#646464;
}



/*------- messages -----------*/

#messages .message{
padding-bottom:20;
}
#messages .error{
color:red;
}



/*------- register form ------*/

.form .label, .form .cancel{
    float:left;
    position:absolute;
    text-align: left;
    width:150;
    padding-top:3;
    border-bottom:1px dotted #999999;
    font-weight:bold;
}

.must {
    color:black;
}

.form .element,
.form .submit{
     position:relative;
     left:150;
     padding-top:0;
}


input, select {
     border-color:#999999;
     background-color:transparent;
     color:#646464;
} 

.form select, .form input {
     margin-bottom:4px;
}


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



.button input{
     border:none;
     color:#646464;
     text-decoration:none;
     font-size:10px;
}
.button input:hover{
     color:#8b0000;
}

#ShoppingCartView_refreshButton {
    margin-top:30;
}