/** 
 * medo.check 2009 Theme
 * http://www.medocheck.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333; 
  font-family:Verdana, Helvetica, sans-serif;
  line-height:1.3;
  font-size:12px;
}

.homePageContainer {
  background: url('/themes/medocheck2009/images/Randgrafik.jpg') repeat-x;
}

.homePageContent {
  background: url('/themes/medocheck2009/images/Strand_Mitte2.jpg') no-repeat;
}

html {
	background: #fff;
	margin: 0;
}

.homeBackground {
  background: url('/themes/medocheck2009/images/home_background.jpg') no-repeat;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
.clear{
	clear:both;
}

.inside {
  padding: 10px;
}


/* ----------------------------------------
        MAIN CONTENT 
  ----------------------------------------- */
#mainContainer {
  padding: 0;
  width : 100%;
  margin: 0;
}
#mainContent {
  width: 960px;   
	margin:0 auto;
  padding: 0;
}
  #footer {
    margin-top: 10px;
    margin-bottom: 25px;
}
  #footer p {
    color: #333;
}
  #footer ul {
    list-style-type:none;
    margin-left:10px;
}
  #footer ul li {
    padding:2px;
}

  #footer .right {
    text-align:right;
  }
  
  #footer a {
    text-decoration:none;
    color: #000;
    background:url('/themes/medocheck2009/images/right.gif') no-repeat left center;
    padding-left:10px;
}
  #footer #sitenavi {
    border: 1px dotted #AAA;
    /* background: url('/themes/medocheck2009/images/bgsitenavi.gif') repeat-x; */
    width:100%;
    height:155px;
    margin:5px;
    padding:5px;
}

  #footer #sitenavi .sitenaviBox {
    border-right: 1px dotted #AAA;
    float:left;
    width:239px;
    height:100%
  }
  
  #footer #sitenavi .sitenaviBox img {
    margin: 5px;
  }
  
  #footer #sitenavi .sitenaviBox p {
    text-align:left;
    font-size:11px;
    padding:5px;
  }
  
  #footer #sitenavi .sitenaviBox .left {
    float:left;
  }
  
  #footer #sitenavi .sitenaviBox h1 {
    font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
    font-weight:normal;
    font-size:16px;
    text-align:left;
    line-height: 1.0em;
    margin: 0;
    padding: 5px 10px 5px 10px;
}
 #footer a:hover {
    color: #c32c36;
}

/* ----------------------------------------
        LAYOUT CONTENT 
  ----------------------------------------- */
#contentFrame {
  margin-top: 5px;
}
#sidebarFrame {
  margin: 0 0 20px 20px;
  width: 250px;
  float: right;
  min-height: 400px;
}
.contentImage {
  background: #fff;
  float:left;
  margin: 5px 15px 5px 15px;
  padding: 6px;
}
.contentBox {
  border: 2px solid #fff;
  outline:1px solid #666;
	-moz-outline-radius:10px;
  /*background: #fff;*/
  float:left;
  margin: 5px 15px 5px 15px;
  padding: 6px;
}


/* ----------------------------------------
        CATEGORY CONTENT 
  ----------------------------------------- */

#homepageHeader {
  width:460px;
  padding:170px 0 0 0;
  margin:0;
}

#topnavi {
  width:500px;
  height:39px;
  padding: 15px 0px 0px 467px;
}

#topnavi ul {
  list-style:none;
}

#topnavi .naviBox {
  float:left;
  width:120px;
  margin-right:3px;
  display:table-cell;
}

#topnavi a {
  width:120px;
  display:table-cell;
  text-decoration: none;
  color:#c32c36;
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
  font-weight:normal;
  font-size:11px;
  text-align:center;
}
  #topnavi .naviBox .fitnesswellness .topnaviBoxContent {
    border: 2px solid #748f4c;
    background: url('/themes/medocheck2009/images/SoftwareFitnessWellnessTopnavi.gif') no-repeat;
    width:116px;
    margin-right: 3px;
    margin-top: 10px;
    height: 80px;
  }
  #topnavi .naviBox .personaltraining .topnaviBoxContent {
    border: 2px solid #5589c2;
    background: url('/themes/medocheck2009/images/SoftwarePersonalTrainingTopnavi.gif') no-repeat;
    width:116px;
    margin-right: 3px;
    margin-top: 10px;
    height: 80px;
  }
  #topnavi .naviBox .medical .topnaviBoxContent {
    border: 2px solid #aa735e;
    background: url('/themes/medocheck2009/images/SoftwareMedicalTopnavi.gif') no-repeat;
    width:116px;
    margin-right: 3px;
    margin-top: 10px;
    height: 80px;
  }
  #topnavi .naviBox .kids .topnaviBoxContent {
    border: 2px solid #fe8c36;
    background: url('/themes/medocheck2009/images/SoftwareKidsTopnavi.gif') no-repeat;
    width:116px;
    margin-right: 3px;
    margin-top: 10px;
    height: 80px;
  }
    #topnavi .fitnesswellness .topnaviBox {
      background: url('/themes/medocheck2009/images/common_top_navi_background.gif') no-repeat;
      background-position: 0px 0px;
      margin: -10px -3px;
    }
    #topnavi .personaltraining .topnaviBox {
      background: url('/themes/medocheck2009/images/common_top_navi_background.gif') no-repeat;
      background-position: 0px -39px;
      margin: -10px -3px;
    }
    #topnavi .medical .topnaviBox {
      background: url('/themes/medocheck2009/images/common_top_navi_background.gif') no-repeat;
      background-position: 0px -78px;
      margin: -10px -3px;
    }
    #topnavi .kids .topnaviBox {
      background: url('/themes/medocheck2009/images/common_top_navi_background.gif') no-repeat;
      background-position: 0px -117px;
      margin: -10px -3px;
    }
      #topnavi .naviBox .fitnesswellness a {
        color: #374523;
        text-decoration: none;
        font-weight: normal;
      }
      #topnavi .naviBox .personaltraining a {
        color: #15304d;
        text-decoration: none;
      }
      #topnavi .naviBox .medical a {
        color: #835847;
        text-decoration: none;
      }
      #topnavi .naviBox .kids a {
        color: #964c13;
        text-decoration: none;
      }
      #topnavi .naviBox .topnaviBox h4{
        font-weight: normal;
        font-size: 11px;
        height: 5px;
        padding-top: 5px;
      }

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

#topnavi p {
  text-align:center;
  margin: 0;
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
  font-weight:normal;
  font-size:12px;
}

#subnavi {
  width:250px;
  float:left;
  margin:0;
  margin-top:6px;
}
  #subnavi ul {
    list-style-type:none;
    font-size: 16px;
    padding-left: 5px;
}
  #subnavi ul ul {
    margin-bottom:10px;
}
    #subnavi ul li a {
    background: url('/themes/medocheck2009/images/right.gif') no-repeat;
    background-position:0 5px;
    padding-left:10px;
    font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
}
  #subnavi a.section {
    color:#666;
}
  #subnavi a.current {
    color:#000;
}
  #subnavi ul ul li.link {
    padding-left:10px;
    font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
    margin-left:8px;
    color: #000;
  }
  #subnavi .common ul li ul ul {
    margin-bottom: 0;
  }
  #subnavi .fitnesswellness ul li a.section,
  #subnavi .personaltraining ul li a.section,
  #subnavi .medical ul li a.section,
  #subnavi .kids ul li a.section,
  #subnavi .common ul li a.section {
    color:#c32c36;
  }
  #subnavi .common ul li ul li {
    padding-left: 0;
    margin-left: 0;
  }
  #subnavi .common ul li ul li.link {
    margin-top: 2px;
    margin-left: 5px;
  }
  #subnavi ul ul li a {
    background: url('/themes/medocheck2009/images/right.gif') no-repeat;
    background-position:0 2px;
    padding-left:10px;
    font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
    font-size:13px;
    margin-left:10px;
    color: #666;
}
  #subnavi ul ul ul li a {
    background: url('/themes/medocheck2009/images/right.gif') no-repeat;
    background-position:0 2px;
    padding-left:10px;
    font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
    font-size:13px;
    margin-left:1px;
    color: #666;
}
  #subnavi li a:hover {
    text-decoration:underline;
}
  #subnavi li p {
    margin: 1px 2px 10px 10px;
    padding: 0;
    font-size:11px;
}

#content {
  width:690px;
  margin:10px;
  float:left;
}
#content h1,#content h2 {  
	margin: 0 0 18px 0;
	font-weight: normal;
}

#content h1 {
  color: #333;
	font-size: 2.0em;
}
#content h2 { 
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 20px;
  color: #c32c36;
  border-bottom: 3px solid #c32c36;
  padding: 5px 10px 5px 10px;
  line-height:1.0;
}	
.fitnesswellness #content h2 {
  background-position:0 -40px;
  color: #374523;
  border-bottom: 2px solid #748f4c;
}
.personaltraining #content h2 {
  background-position:0 -80px;
  color: #15304d;
  border-bottom: 2px solid #5589c2;
}
.medical #content h2 {
  background-position:0 -120px;
  color: #835847;
  border-bottom: 2px solid #aa735e;
}
.kids #content h2 {
  background-position:0 -160px;
  color: #964c13;
  border-bottom: 2px solid #fe8c36;
}

#player {
  cursor:pointer;
  height:366px;
  width:650px;
  border: 5px solid #fff;
  outline:1px solid #333;
	 -moz-outline-radius:10px;
  background: #fff;
  margin: 0 auto;
  margin-bottom:20px;
  display:block;
}
.fitnesswellness #player {
  outline: 2px solid #748f4c;
}
.personaltraining #player {
  outline: 2px solid #5589c2;
}
.medical #player {
  outline: 2px solid #aa735e;
}

#contentHeader {
  width:960px;
  height:110px;
  padding:0;
  margin:10px 0 0 0;
  background: url('/themes/medocheck2009/images/banner_common.jpg') no-repeat;
}
.fitnesswellness #contentHeader  {
  background: url('/themes/medocheck2009/images/banner_fitnesswellness.jpg');
}
.personaltraining #contentHeader  {
  background: url('/themes/medocheck2009/images/banner_personaltraining.jpg');
}
.medical #contentHeader  {
  background: url('/themes/medocheck2009/images/banner_medical.jpg');
}
.kids #contentHeader  {
  background: url('/themes/medocheck2009/images/banner_kids.jpg');
}
.common #contentHeader {
  height:119px;
}

.center {
    text-align:center;
}

.info {
  margin: 10px;
  
  color:#666;
}

/* ----------------------------------------
        HOMEPAGE TEASER 
  ----------------------------------------- */
#sidebarFrame .teaser {
	border-left: 1px dotted #AAA;
  float:left;
  margin: 5px 15px 5px 15px;
  padding: 6px;
}
  
.teaser .teaserBox {
  font-size:11px;
  width:220px;
  float: left;
  margin: 5px 10px 5px 10px;
  padding: 0;
}
  .teaser .teaserBox .left {
    float: left;
}
  .teaser .teaserBox img {
    margin-right:5px;
    border: 0;
}
  .teaser .teaserBox h1, .teaser .teaserBox .WidgetHolder h3 {
    font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
    font-weight:normal;
    font-size:18px;
    text-align:center;
    line-height: 1.0em;
    margin: 0;
    padding: 5px 10px 5px 10px;
    background:url('/themes/medocheck2009/images/teaser.gif') repeat-x;
}

  .teaser .teaserBox h2 {
   font-weight:bold;
   margin: 0;
   font-size:12px;
   padding: 0px 5px 0px 5px;
}
  .teaser .teaserBox a {
   color:#c32c36;
   text-decoration:none;
}
  .teaser a .teaserBox {
   color:#000;
   text-decoration:none;
}
 .teaser .teaserBox a:hover, .teaser a:hover .teaserBox  {
   text-decoration:none;
}
  .teaser .teaserBox p, .teaser .teaserBox ul, .teaser .homeTeaserBox p, .teaser .homeTeaserBox ul {
    padding: 5px;
}
  .teaser .teaserBox ul {
    list-style-position: inside;
}
 .teaser .teaserBox .teaserBoxContent, .teaser .teaserBox .WidgetHolder ul, .teaser .teaserBox .WidgetHolder p {
    margin: 0;
    padding: 0;
    border: 2px solid #999999;
 }
 
.teaser .teaserBox .fitnesswellness .teaserBoxContent {
    background: url('/themes/medocheck2009/images/Software-PackungWellness.gif') no-repeat;
    border: 2px solid #748f4c;
}
  .teaser .teaserBox .personaltraining .teaserBoxContent {
    border: 2px solid #5589c2;
    background: url('/themes/medocheck2009/images/Software-PackungPT.gif') no-repeat;
}
  .teaser .teaserBox .medical .teaserBoxContent {
     border: 2px solid #aa735e;
     background: url('/themes/medocheck2009/images/Software-PackungMedical.gif') no-repeat;
}
  .teaser .teaserBox .kids .teaserBoxContent {
    border: 2px solid #fe8c36;
    background: url('/themes/medocheck2009/images/Software-PackungKids.gif') no-repeat;
}
  .teaser .teaserBox .fitnesswellness h1 a,
  .teaser .teaserBox .fitnesswellness h1 {
    background-position:0 -40px;
     color: #374523;
}
  .teaser .teaserBox .personaltraining h1 a,
  .teaser .teaserBox .personaltraining h1 {
    background-position:0 -80px;
     color: #15304d;
}
  .teaser .teaserBox .medical h1 a,
  .teaser .teaserBox .medical h1 {
    background-position:0 -120px;
    color: #835847;
}
  .teaser .teaserBox .kids h1 a,
  .teaser .teaserBox .kids h1 {
    background-position:0 -160px;
    color: #964c13;
}
  .teaser .homeTeaserBox .noBorder {
    border:0;
  }

#subnavi .teaser .teaserBox .teaserBoxContent {
      background: #fff;
}

#subnavi .demoFormBox {
  width:220px;
  height:270px;
  float: left;
  text-align: center;
  margin: 5px 10px 5px 10px;
  padding: 0;
}
.common #subnavi .demoFormBox,
.kids #subnavi .demoFormBox {
  display: none;
}
#subnavi .demoFormBox .ReadMore {
  list-style: none;
}
.demoFormBox .fitnesswellness .demoForm {
    background: url('/themes/medocheck2009/images/Software-PackungWellness.gif') no-repeat;
}
#subnavi .demoFormBox .personaltraining .demoForm {
    background: url('/themes/medocheck2009/images/Software-PackungPT.gif') no-repeat;
}
#subnavi .demoFormBox .medical .demoForm {
    background: url('/themes/medocheck2009/images/Software-PackungMedical.gif') no-repeat;
}
#subnavi .demoFormBox .ReadMore li {
  padding-top: 250px;
}
.demoFormBox .ReadMore .demoForm li a {
  background: url('/themes/medocheck2009/images/right.gif') no-repeat left center;
  color: #000;
  width:100%;
  text-align:right;
  padding: 0 0 0 10px;
  text-decoration: none;
}
.demoFormBox .ReadMore .demoForm li a:hover  {
    color: #c32c36;
}
#contentTeaser .teaser {
   width:100%;
   text-align:center;
 }
  #contentTeaser .teaserBoxContent {
    height:270px;
    text-align:center;
}
  #contentTeaser a:hover {
     color:#c32c36;
}
  #contentTeaser .slogan {
     font-style:italic;
     font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
     font-size: 11px;
     height:20px;
}
   #contentTeaser a .slogan  {
     color:#000;
}
  #contentTeaser .ReadMore {
    background: url('/themes/medocheck2009/images/right.gif') no-repeat left center;
    padding: 0;
    font-size:12px;
    color: #000;
    width:100%;
    text-align:left;
    padding: 0 0 0 10px;
    margin: 220px 0 2px 70px;
}
  #contentTeaser a:hover .ReadMore  {
    color: #c32c36;
}

#backLink {
  margin: 20px 0 10px 0;
  text-align:right;
  clear: both;
  display:block;
}
#backLink a {
  font-family:Arial, Verdana, Helvetica, sans-serif;
  font-size:1.2em;
  color:#333;
  background: url('/themes/medocheck2009/images/right.gif') no-repeat 0 4px;
  padding-left:10px;
  text-decoration:none;
}
#backLink a:hover {
  color:#c32c36;
  text-decoration:underline;
}

.WidgetHolder {
  padding:0;
  margin: 5px 0 10px 0;
}
  .WidgetHolder a {
    font-size:14px;
}
  .teaser .teaserBox .WidgetHolder ul {
    padding: 5px 0 5px 0;
}
  .WidgetHolder li {
    margin: 5px 0 0 0;
}
  .teaser .teaserBox .WidgetHolder p {
    padding: 5px;
}

#newsTeaser {
  margin: 30px 0;
}

/* eCommerce Modul
---------------------------------------- */
#ProductGroup {
  width:690px;
  margin: 10px;
  float:left;
}
#ProductGroup .content .typography p.ReadMore a{
  margin-top: 25px;
  height: 25px;
}
.productContent {
	width: 450px;
}
#Product {
  width:690px;
  margin: 10px;
  float:left;
}
#Checkout {
  width:690px;
  margin: 10px;
  float:left;
}
#Account {
  width:690px;
  margin: 10px;
  float:left;
}
#Customer {
  width:690px;
  margin: 10px;
  float:left;
}
.product_summary #ProductList {
	color: #666;
	list-style:none;
	float:right;
	width:97%;
	padding-bottom: 18px;
}
.product_summary li.productItem {
	float:left;
	width:180px;
	height: 275px;
	overflow:hidden;
	margin:10px 5px 0 5px;
	padding:1em;
  background: #fff;
  border: 1px dotted #AAA;
}
.productItem a img {
  margin: 0 auto;
  padding: 2px 0;
	float: none;
	display: block;
	border: 0;
}
.productItem p.itemContent {
  min-height:85px;
  text-align:center;
  padding-top:10px;
  font-size: 0.8em;
}
.productItem p a {
	text-align: right;
}
.productItem p.price {
  height:25px;
  text-align:right;
  padding-top:10px;
}
.productItem p.ReadMore {
  height: 25px;
}
.quantityBox {
	border: 1px solid #c32c36;
	padding: 5px;
  background: #ffffff url('/themes/medocheck2009/images/h3background.gif') repeat-x 0 2px;
	color: #c32c36;
	font-weight: normal;
	text-align: center;
}
	.quantityBox a {
		vertical-align: middle;
		color: #c32c36;
	}
		.quantityBox .productActions a {
			color: #c32c36 !important;
			line-height: 1.5em;
			font-weight: normal;
		}
#InformationTable {
  width: 690px;
}
#InformationTable td.product {
  width: 350px;
}
#InformationTable td.center {
  width: 100px;
}
		.warningMessage {
			margin: 4px 0 0 3px;
			padding: 5px;
			width: 92%;
			color: #c32c36;
			border: 4px solid #c32c36;
			background: #FED0D0;
		}
#ShoppingCart {
  padding-top: 25px;
  clear: both;
}
#ShoppingCart ul li {
  list-style: none;
}
.cart .price {
	text-align: right;
	margin-right: 12px;
}

/* total of the cart */
.cart .total,
.cart .subtotal {
	text-align: right;
}