/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * This typography file is included in the WYSIWYG editor and the front end. It provides
 * a place to add link styles and font styles you would like in the CMS and the Front End.
 */

 
/* GENERIC STYLES 
-------------------------------------------- */
 
.typography * {
	 font-family:Verdana, Helvetica, sans-serif;
   font-size: 12px; 
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p { 
 	color: #666;
 	line-height: 1.4em;
	margin: 0 10px 18px 10px;
	text-align: left;
}

/* QUOTES
-------------------------------------------- */
.typography blockquote {
	margin: 10px;
	font-size: 1.4em;
	color: #777;
	font-style: italic;
}	
  .typography blockquote ul li {
	  list-style-position: inside;
  }	

.typography q {
	display:block;
	font-size: 0.8em;
	margin: 1em 1em;
	padding: 0.5em;
	border: 1px #ccc solid;
}

/* LINKS 
-------------------------------------------- */

.typography a { 
 	text-decoration: none;
	color: #000;
	margin-left:3px;
	font-weight:normal;
}
	.typography a:hover { 
	  color: #c32c36;
	}

	/* LINK ICONS - shows type of file
	------------------------------------ */
	
  .typography  a.SingleLink {
  	padding: 2px;
		padding-left: 10px;
		background: url(/themes/medocheck2009/images/right.gif) no-repeat left center;
	}
  
  .typography  a[href$=".pdf"],
	.typography  a[href$=".PDF"],
	.typography  a.pdf {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_acrobat.png) no-repeat left center;
	}
	.typography .linkCollection a[href$=".doc"],
	.typography .linkCollection a[href$=".DOC"],
	.typography .linkCollection a.doc {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_word.png) no-repeat left center;
	}
	.typography .linkCollection a[href$=".xls"],
	.typography .linkCollection a[href$=".XLS"],
	.typography .linkCollection a.xls {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_excel.png) no-repeat left center;
	}
	.typography .linkCollection a[href$=".gz"],
	.typography .linkCollection a[href$=".GZ"],
	.typography .linkCollection a[href$=".gzip"],
	.typography .linkCollection a[href$=".GZIP"],
	.typography .linkCollection a[href$=".zip"],
	.typography .linkCollection a[href$=".ZIP"],
	.typography .linkCollection a.archive {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/page_white_zip.png) no-repeat left center;
	}
	.typography .linkCollection a[href$=".exe"],
	.typography .linkCollection a[href$=".EXE"],
	.typography .linkCollection a.application {
		padding: 2px;
		padding-left: 20px;
		background: url(../images/icons/application.png) no-repeat left center;
	}

/* LIST STYLES 
-------------------------------------------- */
.typography ul, 
.typography ol {
	margin: 0 0 18px 24px;
	color: #666;
}
	.typography li {
		margin: 5px 10px;
	}
		.typography li li {
		}
/*
.contentnavi li {
  list-style-type:none;
  margin-left: 5px;
}
.contentnavi li a {
  background: url('/themes/medocheck2009/images/right.gif') no-repeat;
  background-position:0 5px;
  font-weight: normal;
  color:#c32c36;
  list-style-type:none;
  margin-left: 5px;
  padding-left:10px;
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
  font-size:16px;
}
.contentnavi li a:hover {
  text-decoration:underline;
}
.contentnavi li p {
  margin: 1px 2px 15px 15px;
  padding: 0;
  color: #000;
  font-size:11px;
}
	*/	
/* HEADER STYLES 
-------------------------------------------- */

.typography h1,
.typography h2 {  
	margin: 0 0 18px 0;
	font-weight: normal;
	clear:both;
}
.typography h1 {
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
  color: #333;
	font-size: 2.0em;
}
.typography h2 { 
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
  color: #c32c36;
  border-bottom: 2px solid #c32c36;
}
  .fitnesswellness .typography h2 {
    color: #374523;
    border-bottom: 2px solid #748f4c;
}
  .personaltraining .typography h2 {
    color: #15304d;
    border-bottom: 2px solid #5589c2;
}
  .medical .typography h2 {
    color: #835847;
    border-bottom: 2px solid #aa735e;
}
.typography h3.NewsHeader {
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 16px;
 	font-weight:normal;
  color: #fff;
  border: 0;
  display:block;
  margin: 10px 0 10px 0;
  padding: 3px 10px 3px 10px;
  clear:both;
  background: #c32c36;
}

.typography h3 {
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 16px;
 	font-weight:normal;
  color: #c32c36;
  border-top: 1px solid #c32c36;
  border-bottom: 1px solid #c32c36;
  display:block;
  margin: 10px 0 10px 0;
  padding: 3px 10px 3px 10px;
  clear:both;
  background: #ffffff url('/themes/medocheck2009/images/h3background.gif') repeat-x 0 2px;
}
  .fitnesswellness .typography h3 {
    border-top: 1px solid #748f4c;
    border-bottom: 1px solid #748f4c;
    background: #f4f2d6 url('/themes/medocheck2009/images/h3background_fitnesswellness.gif') repeat-x 0 -5px;
}
  .personaltraining .typography h3 {
    border-top: 1px solid #5589c2;
    border-bottom: 1px solid #5589c2;
    background: #e9f2f4 url('/themes/medocheck2009/images/h3background_personaltraining.gif') repeat-x 0 -5px;
}
  .medical .typography h3 {
    border-top: 1px solid #aa735e;
    border-bottom: 1px solid #aa735e;
    background: #eee2de url('/themes/medocheck2009/images/h3background_medical.gif') repeat-x 0 -5px;
}
  .common .typography h3 {
    background: #ffffff url('/themes/medocheck2009/images/h3background_common.gif') repeat-x 0 3px;
}
  .kids .typography h3 {
    background: #ffffff url('/themes/medocheck2009/images/h3background_kids.gif') repeat-x 0 3px;
    border-top: 1px solid #fe8c36;
    border-bottom: 1px solid #fe8c36;
}
.typography h4 {
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	border-bottom: 1px solid #333;
	margin: 10px 0 10px 0;
}
  .fitnesswellness .typography h4 {
    border-bottom: 1px solid #748f4c;
    color: #748f4c;
}
  .personaltraining .typography h4 {
    border-bottom: 1px solid #5589c2;
    color: #5589c2;
}
  .medical .typography h4 {
    border-bottom: 1px solid #aa735e;
    color: #aa735e;
}

.typography h5 {
	 font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	color: #666;
	margin: 10px 0 10px 0;
	padding: 0 10px;
}
.typography h6 {
	font-size: 13px;
	color: #555;
	line-height: 1.4em;
	margin: 0 0 12px 0;
}

/* PRE STYLES 
-------------------------------------------- */	
.typography pre {
	font-family:"Courier New",Courier;
	display:block;
	font-size:1.2em;
	margin:2em 5em;
	padding:0.5em;
	border:1px #ccc solid;
	background:#eee;;
}

/* TABLE STYLING 
-------------------------------------------- */
.typography table {
	margin: 0 0 18px 0;
	color: #666;
	border-collapse:collapse;
}
	.typography tr {
  }
	
		.typography td {
      vertical-align:top;
			border:0;
			padding:5px;
		}
		  .typography td p {
	    color: #666;
		  }
		  
.typography table.Preise {
  width:100%;
  font-size:14px;
}

.typography table.Preise td{
  font-size:14px;
}

.typography table.Preise strong{
  color:#333;
}

.typography table.Preise th {
  text-align:center;
  font-size:14px;
}

.typography table.Preise .right{
  text-align:right;
}

.typography table.versionsvergleich {
	font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
  width:100%;
}
.typography table.versionsvergleich .even {
  background-color: #f0f0f0;
}
.typography table.versionsvergleich #fitnesswellness.even {
  background-color: #e7e5c5;
}
.typography table.versionsvergleich #personaltraining.even {
  background-color: #e6f1f3;
}
.typography table.versionsvergleich #medical.even {
  background-color: #dec8c1;
}

.typography table.versionsvergleich .odd {
  background-color: #fff;
}

.typography table.versionsvergleich td {
  margin:0;
  padding: 5px;
}
.typography table.versionsvergleich td.even {
  border-left: 1px solid #fff;
}
.typography table.versionsvergleich th {
  font-size:14px;
}
.typography table.versionsvergleich h3 {
  margin-top:1px;
  font-weight:normal;
}
.typography table.versionsvergleich .basic,
.typography table.versionsvergleich .pro {
  width:75px;
}
.typography table.versionsvergleich .basic h3,
.typography table.versionsvergleich .pro h3 {
  text-align:center;
}
.typography table.versionsvergleich th h4,
.typography table.versionsvergleich th.fitnesswellness h4,
.typography table.versionsvergleich th.personaltraining h4,
.typography table.versionsvergleich th.medical h4 {
  margin-bottom:1px;
  text-align:center;
  text-decoration:none;
  border:0;
}
.typography table.versionsvergleich th.fitnesswellness h4 {
  color: #748f4c;
}
.typography table.versionsvergleich th.personaltraining h4 {
  color: #5589c2;
}
.typography table.versionsvergleich th.medical h4 {
  color: #aa735e;
}
.typography table.versionsvergleich h5 {
  padding-left: 10px;
  font-size:14px;
  color:#000;
  margin:0;
  font-weight:normal;
}
.typography table.versionsvergleich p {
	margin: 0 10px 1px 10px;
  font-size:11px;
}

.typography .note{
  font-size:10px;
}

.typography .note strong{
  font-size:10px;
  color:#333;
}

.typography .note sup{
  font-size:10px;
  color:#333;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* WYSIWYG medo.check INTERNAL CLASSES
-------------------------------------------- */
.medocheck {
   font-size:1.1em;
	 font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	 color:#000;
}

.medocheck .red {
  font-size:1.0em;
  color:#c32c36; 
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
}

.typography .premium {
  font-family:Times, Arial, Helvetica, sans-serif, Verdana; 
}

.typography .easyCheck {
}

.typography .easyCheck .small {
  font-variant: small-caps; 
}

.typography .slogan {
  text-align:center;
  font-style:italic;
  color:#000;
  font-size: 20px;
  font-family:"Century Gothic", Verdana, Arial, Helvetica, sans-serif; 
}

/* IMAGES 
-------------------------------------------- */
.typography img {
	border: none;
}
	.typography img.right {
		float: right;
		margin: 5px 20px 10px 20px;
	}
	.typography img.left {
		float: left;
		margin: 5px 20px 10px 20px;
	}
	.typography img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	.typography img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
/*
.Button {
  display:table;
  width:150px;
  height:40px;
  font-size:12px;
  text-align: center;
  line-height:40px;
  background: url('/themes/medocheck2009/images/Button.gif');
}
  a.Button {
    color:#c32c36; 
}
a.Button:hover {
    font-weight:bold;
}
*/

.typography .ReadMore {
  text-align:right;
}
.typography #partner .ReadMore {
  text-align:left;
}
.typography .ReadMoreWebsite {
  text-align:center;
}

.typography  .ReadMore a {
  color:#000;
  padding-left:10px;
  background: url('/themes/medocheck2009/images/right.gif') no-repeat left center;
  font-size:12px;
}
.typography #partner .ReadMore a {
  color:#000;
  margin-left: -9px;
  padding-left:10px;
  background: url('/themes/medocheck2009/images/right.gif') no-repeat left center;
  font-size:12px;
}
.typography .ReadMoreWebsite a {
  color:#000;
  margin-left: -9px;
  padding-left:10px;
  background: url('/themes/medocheck2009/images/right.gif') no-repeat left center;
  font-size:12px;
}

.typography  .ReadMore a:hover {
  color:#c32c36;
 }

.fitnesswellness .typography .slogan {
  color: #374523;
}
.personaltraining .typography .slogan {
  color: #15304d;
}
.medical .typography .slogan {
  color: #835847;
}
.kids .typography .slogan {
  color: #964c13;;
}
                  
.typography .blogSummary .authorDate {
  font-size:11px;
  color: #000;
  padding-bottom:10px;
  border-bottom: 1px dotted #666;
}
.typography .blogSummary .authorDate a {
  font-size:11px;
  color: #000;
}
.typography .blogSummary h6 {
  font-size:11px;
  margin:0;
  padding:0;
}
.typography .blogSummary h4 {
  border:0;
  margin: 3px 0;
}
.typography .blogSummary h4 a {
  font-size:20px;
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
  color:#c32c36;
  font-weight:normal;
}

.typography #breadCrumb {
  margin-top: 20px;
  border-top: 1px dotted #AAA;
  float:right;
  clear:both;
}
.typography .contentBox h1 {
  font-size:16px;
  margin:0 0 2px 0;
  padding: 0;
}
.typography .contentBox p {
  font-size:11px;
  margin:0;
  padding:0;
  text-align:left;
}

.typography .contentBox img {
  margin:2px;
  padding:0;
}


.typography .referenceContainer {
  width:100%;
  padding:0;
}

.typography .referenceContainer .referenceShortCut {
  width:24%;
  margin:0 1% 0 0;
  padding: 5px;
  float:left;
  height:150px;
  border:1px dotted #aaa;
}

.typography .referenceContainer .referenceShortCut p {
  text-align:center;
}

.typography .referenceImage {
  border: 1px dotted #aaa;
  float: left;
  padding: 5px;
  margin: 0 10px;
}

.typography .referenceImage p {
  text-align:center;
}

.typography .referenceContainer {
  margin-bottom:20px;
  clear:both;
}

.typography ul.messeTeaser {
  width:100%;
  padding:0;
  margin:5px 0 5px 0;
  list-style-type:none;
  clear:both;
}

.typography ul.messeTeaser li {
  width: 220px;
  margin: 0 10px 10px 0;
  padding: 3px;
  float: left;
  border: 0;
  list-style-type: none;
}

.typography ul.contentnavi {
  width:100%;
  padding:0;
  margin:5px 0 30px 0;
  list-style-type:none;
  clear:both;
}

.typography ul.contentnavi li {
  width: 160px;
  margin: 0 4px 4px 0;
  padding: 3px;
  min-height: 196px;
  float: left;
  border: 1px dotted #aaa;
  list-style-type: none;
}

.typography ul.contentnavipartner li {
  width: 210px;
  margin: 0 4px 4px 0;
  padding: 3px;
  min-height: 175px;
  float: left;
  border: 1px dotted #aaa;
  list-style-type: none;
}

.typography ul.contentnavi li:hover,
.typography ul.contentnavipartner li:hover {
  border: 1px solid #c32c36;
  cursor:pointer;
}

.typography ul.contentnavi li h4 a,
.typography ul.contentnavipartner li h4 a,
.typography ul.messeTeaser li h4 {
  font-size:14px;
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
  font-weight:normal;
  color:#c32c36;
}
.typography ul.contentnavi li h4,
.typography ul.messeTeaser li h4 {
  height:23px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align:center;
}
.typography ul.contentnavipartner li h4 {
  height:36px;
  margin: 0;
  padding: 0;
  border: 0;
  text-align:center;
}
.typography ul.contentnavi li p img,
.typography ul.contentnavipartner li p img,
.typography ul.messeTeaser li p img {
  margin: 0 auto;
  padding: 2px 0;
	float: none;
	display: block;
}

.typography ul.contentnavi li p {
  color: #000;
  margin: 0;
  padding: 0;
  border: 0;
}
.typography ul.contentnavipartner li p {
  color: #000;
  margin: 0;
  padding: 0;
  border: 0;
}
.typography ul.contentnavi li p.subtext {
  height:55px;
  text-align:center;
  padding-top:3px;
}
.typography ul.contentnavipartner li p.partnersub,
.typography ul.contentnavipartner li p.partnerweb {
  height:25px;
  text-align:center;
  padding-top:5px;
}

.typography ul.contentnavi li p.subtext a,
.typography ul.contentnavipartner li p.partnersub a {
  font-size:11px;
}
  .typography ul.contentnavi li p.subtext a em {
    font-size:10px;
  }
  .typography ul.contentnavipartner li p.partnersub a em,
  .typography ul.contentnavipartner li p.partnerweb a {
    font-size:11px;
  }
  	.typography .subtextmore a { 
      background:url('/themes/medocheck2009/images/right.gif') no-repeat left center;
    	padding-left: 10px;
	  }
  	.typography .ansprechpartner a { 
      background:url('/themes/medocheck2009/images/right.gif') no-repeat left center;
      margin-left: 1px;
    	padding-left: 10px;
	  }
  	.typography ul li a.xing { 
      background:url('/themes/medocheck2009/images/right.gif') no-repeat left center;
      margin-left: 4px;
    	padding-left: 10px;
	  }

/* eCommerce Modul
---------------------------------------- */
#Layout h2 { 
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 20px;
  color: #c32c36;
	margin: 0 0 18px 0;
  border-bottom: 2px solid #c32c36;
}	
#Product h2,
#ProductGroup h2 { 
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 20px;
  color: #c32c36;
  border-bottom: 2px solid #c32c36;
  padding: 5px 10px 5px 10px;
  line-height:1.0;
}	
  .fitnesswellness #ProductGroup h2 {
    color: #374523;
    border-bottom: 2px solid #748f4c;
}
  .personaltraining #ProductGroup h2 {
    color: #15304d;
    border-bottom: 2px solid #5589c2;
}
  .medical #ProductGroup h2 {
    color: #835847;
    border-bottom: 2px solid #aa735e;
}

#Checkout h3,
#Checkout form h3 {
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 16px;
 	font-weight:normal;
  color: #c32c36;
  border-top: 1px solid #c32c36;
  border-bottom: 1px solid #c32c36;
  display:block;
  margin: 10px 0 10px 0;
  padding: 3px 10px 3px 10px;
  clear:both;
  background: #ffffff url('/themes/medocheck2009/images/h3background.gif') repeat-x 0 2px;
}
#ProductGroup .product_summary h3.productGroupTitle {
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 16px;
 	font-weight:normal;
  color: #c32c36;
  border-top: 1px solid #c32c36;
  border-bottom: 1px solid #c32c36;
  display:block;
  margin: 10px 0 10px 0;
  padding: 0 10px 0 10px;
  clear:both;
  background: #ffffff url('/themes/medocheck2009/images/h3background.gif') repeat-x 0 2px;
}
  .fitnesswellness #ProductGroup .product_summary h3.productGroupTitle {
    border-top: 1px solid #748f4c;
    border-bottom: 1px solid #748f4c;
    background: #f4f2d6 url('/themes/medocheck2009/images/h3background_fitnesswellness.gif') repeat-x 0 -5px;
}
  .personaltraining #ProductGroup .product_summary h3.productGroupTitle {
    border-top: 1px solid #5589c2;
    border-bottom: 1px solid #5589c2;
    background: #e9f2f4 url('/themes/medocheck2009/images/h3background_personaltraining.gif') repeat-x 0 -5px;
}
  .medical #ProductGroup .product_summary h3.productGroupTitle {
    border-top: 1px solid #aa735e;
    border-bottom: 1px solid #aa735e;
    background: #eee2de url('/themes/medocheck2009/images/h3background_medical.gif') repeat-x 0 -5px;
}
  .common #ProductGroup .product_summary h3.productGroupTitle {
    background: #ffffff url('/themes/medocheck2009/images/h3background_common.gif') repeat-x 0 3px;
}
  .kids #ProductGroup .product_summary h3.productGroupTitle {
    background: #ffffff url('/themes/medocheck2009/images/h3background_kids.gif') repeat-x 0 3px;
    border-top: 1px solid #fe8c36;
    border-bottom: 1px solid #fe8c36;
}
.product_summary .productTitle {
  font-size:14px;
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
  font-weight:normal;
  color:#c32c36;
  }
.product_summary h3.productTitle {
  min-height:50px;
  margin-top: 0;
  padding: 0;
  border: 0;
  text-align:center;
}
.product_summary .productTitle a {
  color: #c32c36;
}
.price_display{
	font-weight:normal;
	color:#c32c36;
	font-size:1em;
	margin-top: 5px;
	height: 25px;
}
productContent .typography ul, 
productContent .typography ol {
	margin: 0 0 18px 24px;
	color: #666;
}
	productContent .typography li {
		margin: 5px 10px;
	}
.productItem .ReadMore {
  text-align:right;
  height: 25px;
}
.productItem .ReadMore a {
  color:#000;
  padding-left:10px;
  background: url('/themes/medocheck2009/images/right.gif') no-repeat left center;
  font-size:12px;
}
.productContent a.ReadMore {
  color:#000;
  padding-left:10px;
  background: url('/themes/medocheck2009/images/right.gif') no-repeat left center;
  font-size:12px;
}
.productContent p.small {
  font-size:10px;
}
#InformationTable tr.Total {
	background: #F3F3F3;
	border-top: 1px solid #ccc;
}
#InformationTable tr.Total td,
#InformationTable tr th {
	font-weight:normal;
	color:#c32c36 !important;
}
#Checkout h2.process {
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 18px;
 	font-weight: normal;
  color: #c32c36;
  border-bottom: 2px solid #c32c36;
}
	#Checkout h2.process span {
    color: #c32c36;
	}
		#Checkout h2.process span.current {
			background: 0;
			padding: 5px;
		}
		#Checkout h2.process a {
			color: #c32c36;
			text-decoration: none;
		}
			#Checkout h2.process a:hover {
				text-decoration: none;
			}			
.buyProducts {
  text-align:right;
}
.buyProducts a.checkoutButton {
  color:#000;
  padding-left:10px;
  background: url('/themes/medocheck2009/images/right.gif') no-repeat left center;
  font-size:12px;
}
#Account h2,
#Customer h2 {
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 20px;
  color: #c32c36;
  border-bottom: 2px solid #c32c36;
  padding: 5px 10px 5px 10px;
  line-height:1.0;
}
#MemberForm_MemberForm h3,
#CustomerForm_CustomerForm h3 {
  font-family:"Century Gothic", Arial, Verdana, Helvetica, sans-serif;
 	font-size: 16px;
 	font-weight:normal;
  color: #c32c36;
  border-top: 1px solid #c32c36;
  border-bottom: 1px solid #c32c36;
  display:block;
  margin: 10px 0 10px 0;
  padding: 3px 10px 3px 10px;
  clear:both;
  background: #ffffff url('/themes/medocheck2009/images/h3background.gif') repeat-x 0 2px;
}