/* positionierung */


body{
      text-align:center; /*IE quirk mode*/
}
body > div,#title,#root,#content,#footer{ /*counter work for IE quirk mode*/
    text-align:left;
}


#header{
     width:840px;
     margin: 10px auto 0px auto;
     padding-left: 160px;
}

#root{
      width:1000px;
      margin: 70px auto 0 auto;
}
#root #title{
	width:none;
	margin:none;
	padding:none;
}

#content{
     width:620px;
     margin: 0px 0 0 160px;
     padding: 0px;
}
#content:after{
	content:".";
	font-size:1px;
	clear:both;
	display:block;
	}

#menu{
    float:left;
    margin: 0 10px 0 0;
    padding-right: 10px;
    width:130px;
    border-right: dotted 1px #999;
}

#topmenu {
    float:right;
    border-left: dotted 1px #999;
    margin: 0 0 10px 10px;
    padding-left:10px;
    width:180px;
}    


.navigation{
    margin-bottom:5px;
    display:none;
}

#footer{
	border-top: dotted 1px #999;
	margin-top: 30px;
	clear:both;
	}

/*-----start-page-----------*/

.startpage tr td img{
    margin-right:13px;
    margin-bottom:13px;
}

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

body{
      background-position:top left;
      background-repeat:no-repeat;
}


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

p, td, th, body {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 10pt;
     line-height: 1.3em;
}

a img{
    border:0px;
}

form{
	margin-bottom:0;
	}

#content, table, .menu{
     color:#646464;
}

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

#content ul{
    list-style-image: url(templates/templates/img/bullet.png);
}

.menu div{
	margin: 2px 0px;
	}

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

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

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

/* --- navigation -- */

.navigation{
    text-transform:uppercase;
    white-space:nowrap;
    font-size:9pt;
    float:right;
 }

.navigation div {
      display:inline;
}


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

.navigation div:last-child{
    color:#8b0000;
}

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

	
.content_title, h2{
  font-size:16pt;
  margin:0 0 10px 0;
  color:black;
  font-weight:normal;
  
}
.leadtext{
    width:550px;
    margin-bottom:30px;
}

.demolink{
  font-weight:bold
}
/*---------package-----------*/

.package {
      margin-bottom:40px;
}

/*.package:after{
	content:".";
	font-size:1px;
	clear:left;
	display:block;
	}*/
.package .clear,
.device  .clear{
    font-size:1px;
    clear:left;
 }
.package .owned .image {
      border: 1px solid #000000;
}

.package .title {
      color: black;
      font-weight: bold;
      margin-left: 170px;
      margin-bottom:4px;
}

.package .title a {
      color: black;
}



.package .image{
      float:left;
}

.package .cartlink,
.device .cartlink,
.abo .cartlink {
      float:right;
      padding:4px;
      border:solid 1px #999;
      margin-left:30px;
      background:white;
}

.package .text{
      margin-left:170px;
}

.package .exercises {
    margin-top:13px;
	font-size:10pt;
	display:none;
}

.package .exercises-switch {
    font-size:10pt;
    color:#8b0000;
     text-decoration:underline;
}

.detail .image{
    float:left;
    margin-right:20px;
    margin-bottom: 30px;
}

.detail .text{
	clear:left;
	margin:0;
}
.detail .description{
    margin-bottom:20px;
}
.detail .files div{
    line-height: 30px;
}
.detail .files img{
    vertical-align: middle;
}

.detail .exercises {
    margin-bottom: 30px;
    display:table;
    border-collapse: collapse;
    width:100%;
}
.detail .exercises td{
    border-bottom: dotted 1px #999;
    border-top: dotted 1px #999;
    
}

/*---------Preis Box-------*/
.prices{
	border-bottom: dotted 1px #999;
	margin: 5px 0 20px 0;
	padding:5px;
	}
.prices .title ,h4{
	display:block;
	border-bottom: dotted 1px #999;
	margin-bottom: 3px;
	padding-bottom:2px;
	font-weight:bold;
	}
.prices table{
	width:100%;
	}
.prices table th{
	text-align:left;
	}

.category img{
   /*float:left;*/
   margin:20px;
   display:inline;
}


/*-------devices-----*/

.devicetext{
    padding-bottom:40px;
}

.device {
      padding-bottom:40px;
}

.device .name {
      color: black;
      font-weight: bold;
      margin-left: 170px;
      margin-bottom:4px;
      margin-top:0px;
}

.device .description{
     margin-bottom:13px;
     margin-left:170px;
}

.device .image{
      float:left;
}

.device .cartlink {
      float:right;
      
}

.device .price{
	margin-left:170px;
}


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

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

#cart .amount, #minicart .amount,
#cart .name, #minicart .name,
#cart .remove {
       padding-right:10px;
       text-align:left;
      /* white-space:nowrap;*/
}

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

#cart .sum, #cart .price {
      text-align:right;
      padding-right:18px;
      white-space:nowrap;
}
#minicart .sum, #minicart .price {
      text-align:right;
}
#minicart{
      width:140;
      padding-left:10px;
      font-size: 9pt;
}


.minicart_title{
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size: 10pt;
     font-weight:bold;
     text-decoration: none;
}
#minicart_table td {
     font-size: 10pt;
}
#minicart_hide_div {
	position: relative;
	left:125px;
	top: -15px;
	width: 12px;
	height: 11px;
	border: 1px solid #000000;
	background-color: #ffffff;
}
#minicart_hide {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:bold;
	color: #000000;
	text-decoration: none;
	position: absolute;
	margin-left: 2px;
	margin-top: -3px;
}
#minicart tr{
       height:18px;
       vertical-align:top;
}
/* --------- Cart (propositions) ---------*/

.proposition{
	margin-top: 50px;
	}
.proposition .subject{
	margin-bottom: 20px;
	}
.proposition > div {
	float:left;
	list-style: none;
	margin-right:20px;
	}
.proposition .image,
.proposition .cartlink {
    text-align: center;
    }
.proposition .title{
	margin-bottom:5px;
	
}	

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

#abo_text {
      padding-bottom:0px;
}

#abo_list .title {
      padding:18px 0 2px 0;
}


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

#myorders{
	width:100%;
	}
#myorders .order_title{
      font-weight:bold;
}

#myorders td{
      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;
}

#mysubscriptions .title{
	font-weight:bold;
	}
#mysubscriptions .details p{
	margin:0px;
	margin-left:20px;
	}

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

#messages{
	
	}
#messages .message{
    text-align:center;
    border:1px dotted #999999;
    background:white;
    width:400px;
    margin: 10px auto;
    padding:4px;
}
#messages .error, .error{
color:red;
}



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

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

.must:after{
	content:"*";
	}

.form .element,
.form .submit{
     padding-top:0px;
}


input, select,button,textarea {
     font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 11pt;
     border:1px solid #999999;
     background-color:white;
     color:#646464;
     padding: 1px;
}

.cart_tocachpoint a{
    border:1px solid #999999;
    padding:5px;
    text-decoration:none;
    background-color:#eeeeee;
}

select {
     background-color:#eeeeee;
}

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


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



.button input{
     border:1px solid #999999;
     background-color:#eeeeee;
     color:#646464;
     text-decoration:none;
     font-size:10pt;
}
.button input:hover{
     color:#8b0000;
}

#ShoppingCartView_refreshButton {
    margin-top:30px;
}

/*--------pager------*/
.pager{
   clear:left;
   text-align:center;
   margin:25px auto;
}
.pager div{
   float:left;
   margin-right:5px;
}
.pager .total{
   display:none;
   clear:left;
}