/* -------------------------------------------------------------- 
    
   Typography.css
   * Sets some default typography.
  
   Based on work by:
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Wilson Miner      [wilsonminer.com]
   * Typogrify         [code.google.com/p/typogrify]
   
   The default font size is 12px. The baseline is set to 
   18px. When you're setting heights of elements, always 
   remember to use a multiple of the baseline (18,36,54..).
   
   The height of images shoud also be a multiple of 18.
   
   Read more about using a baseline here:
   * alistapart.com/articles/settingtypeontheweb
  
-------------------------------------------------------------- */   

body,ul,ol,dl,h1,h2,h3,h4,h5,h6,td,th,
caption,pre,p,blockquote,input,textarea {
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	line-height: 15px; /* Baseline here at 150%. This is set multiple places. */
	color: #333;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { 
	font-family: "Lucida Grande", Arial, sans-serif;
	margin: 0; 
	padding: 0;
	clear:both; 
	color: #2655ac;
}

/* Total height for each heading has to be a multiple of the baseline (18). */
h1 { font-size: 20px; line-height: 30px; font-weight:bold; }
h2 { font-size: 12px; line-height: 18px; font-weight:bold; }
h3 { font-size: 12px; line-height: 18px; }
h4 { font-size: 11px; line-height: 16px; font-weight:bold; }
h5 { font-size: 11px; line-height: 16px; }
h6 { font-size: 10px; line-height: 15px; font-weight:bold; }

h2, h3 {
	padding-top: 18px;
}
h4, h5 {
	padding-top: 16px;
}
h6 {
	padding-top: 15px;
}



/* Text elements
-------------------------------------------------------------- */

p           { margin: 0; text-align:left; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */

ul, ol      { margin: 0 0 0 18px; list-style-type: square; }
li          { line-height:18px; }
ol          { list-style-type: decimal; }
dl          { margin: 0; }
dl dt       { font-weight: bold; }

a           { color: #2655ac; text-decoration: underline; outline: none; }
/*a:hover     { color: #000; }*/

blockquote  { margin: 18px 0 18px 23px; font-size: 0.9em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { margin-bottom: 18px; line-height:18px; background: #eee; padding:8px; border:1px solid #ddd; }
code        { font:0.9em Monaco, monospace; }


/* Tables
-------------------------------------------------------------- */
/*
table   { margin-bottom: 13px; border-top:1px solid #ddd; border-left:1px solid #ddd; }
th,td   { height:17px; padding:0 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; }
th      { font-weight:bold; }
*/
th,td   { padding:0 8px; }

/* Some default classes
-------------------------------------------------------------- */

.small, .small p  { font-size: 10px; }
.large, .large p  { font-size: 14px; }
.quiet, .quiet p  { color: #666; }
.hide             { display: none; }

/* TODO: Implement image captions. */
.caption { }


/* Extra fancy typography
-------------------------------------------------------------- */

/* For great looking ampersands, use this code instead of &amp;: 
   <span class="amp">&amp;</span>  */
  
.amp { 
  color: #666; 
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", serif; 
  font-size: 1.1em;
  line-height:10%; /* Fix to maintain correct baseline */
  font-style: italic;
}

/* For great looking quote marks in titles, replace "asdf" width:
   <span class="dquo">&#8220;</span>asdf&#8221;
   (That is, when the title starts with a quote mark). */  

.dquo { margin-left: -.7em; } 
/* (You may have to change this value depending on your font size). */




/*SECOND PART OVERRIDE*/
/*
* ./typography.css
* Usage: Henn Fries Steuerberater Partnerschaft
*
* Copyright (C)2009 Henn Fries Steuerberater Partnerschaft
*
* Last modification: 2009-06-26 10:35
*******************************************************************************/


.bodytext {
	font-family: "Lucida Grande", Arial, sans-serif;
	margin: 0; 
	padding: 0;
}
.bodytext, ul, ol, #yymenu a {
	color: #ffffff;
}

.col3_middle {
	color: #474747;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, sans-serif;
}
.col3_middle h1 {
	color: #2655ac;
	font-size: 20px;
	line-height: 25px;
	font-weight: bold;
	font-family: "Lucida Grande", Arial, sans-serif;
}
.col3_middle h2 {
	color: #2655ac;
	font-size: 12px;
	font-family: "Lucida Grande", Arial, sans-serif;
}

#breadcrumb {
	font-size: 9px;
	font-style: normal;
	color: #4f6b97;
}
#breadcrumb a {
	text-decoration: underline;
	font-style: italic;
	color: #7f8999;
}
.submenu * {
	text-decoration: underline;
}


/* newsletter */

#newsletter .newsletter-text {
	color: #2655ac;
	font-size: 14px;
	line-height: 23px;
	font-style: normal;
}

#newsletter a {
	line-height:31px;
	color: #9baaca;
	font-size: 14px;
	font-style: italic;
}

#newsletter a:hover, #newsletter a:active {
	color: #2655ac;
}
#newsletter a:hover .newsletter-text, #newsletter a:active .newsletter-text {
	color: #2655ac;
}
/* News*/
.news-list-item .news-list-subheader, .news-latest-item .news-latest-subheader {
	color: #2655ac;
}
.news-list-item a:hover, .news-list-item a:link, .news-list-item a:active, .news-list-item a:visited, .news-latest-item a:hover, .news-latest-item a:visited, .news-latest-item a:active, .news-latest-item a:hover {
/*	color: #2655ac; */
}

.news-list-item h3, .news-latest-item h3 {
	margin:0px;
	padding:0px;
	font-size:12px;
	color: #2655ac;
	line-height:16px;
	font-weight:bold;
}
/*
.news-list-item:hover .bodytext, .news-latest-item:hover .bodytext{
	color: #ffffff;
}
*/
.news-list-item .bodytext, .news-latest-item .bodytext {
	text-align: left;
	font-size: 11px;
}
/*
.news-list-item:hover .bodytext a, .news-latest-item:hover .bodytext a{
	color:#ffffff;
	text-decoration:underline;
}
*/
/*
.news-list-item .bodytext a:hover, .news-latest-item .bodytext a:hover {
	color:#ffffff;
}
*/
.news-list-item .news-list-subheader .bodytext, .news-latest-item .news-latest-subheader .bodytext{
	font-weight:normal;
	margin:0px;
	padding:0px;
	font-size:12px;
	color: #2655ac;
	line-height:16px;
	font-variant:small-caps;
}
/*
.news-list-item:hover .news-list-morelink a, .news-latest-item:hover .news-latest-morelink a {
	color:white;
	text-decoration: underline;
}
*/

/* MAINMENU*/
#yymenu div.mmLevel1 a{
	color:#ffffff;
}
#yymenu div.mmLevel1 a:hover{
	color:#000000;
}

/* list bullets */
ul {
	list-style-image: url('square_11px.gif');
	margin-left: 11px;
}
/* and navigation has no bullets */
.col3_left ul {
	list-style-image: none;
	margin-left: 0px;
}