/* CSS Document */

/* --------------------------------------------------------------

   typography.css
   * 2012 amareco GmbH

-------------------------------------------------------------- */

	body {
	  	font-size: 12px;
	  	color: #102759;
	  	font-family: Arial, Helvetiva, sans-serif;
	  /* font-family: 'Open Sans', sans-serif; ku 17.12.12 */
	}


/* Ueberschriften
-------------------------------------------------------------- */

	h1,h2,h3,h4,h5,h6 { 
		color: #102759; 
		}
	
	h1 { 
		font-size: 2.0em; 
		line-height: 1.50; 
		margin-bottom: 0.8em; 
		font-weight: bold; 
		}
		
	h2 { 
		font-size: 2em; 
		margin-bottom: 0.20em; 
		font-weight:400; 
		}
		
	h3 	{ 
		font-size: 1.4em; 
		line-height: 1.25; 
		margin-bottom: 1.2em; 
		font-weight: 300; 
		font-style: italic;
		} 
		
	h4 	{ 
		font-size: 1.2em; 
		line-height: 1.25; 
		margin-bottom: 1.25em;
		}
	
	h5 	{ 
		font-size: 1em; 
		font-weight: bold;
	 	margin-bottom: 1.5em;
		}
	
	h6 	{ 
		font-size: 1em; 
		font-weight: bold; 
		}
	
	
	h1 img, h2 img, h3 img,
	h4 img, h5 img, h6 img {
		margin: 0;
		}
	
	
	.maincontentcol h3 {
		margin-bottom: 0.5em; 
		}


/* Text Elemente
-------------------------------------------------------------- */

	p { 
		margin: 0 0 1.8em;
		line-height: 190%;
    	}
           
	.standard li {
		line-height: 200%;
		}


/* Text Elemente links rechts boxen
-------------------------------------------------------------- */
	.left { 
		float: left; 
		width: 48%; 
		}
	
	.right { 
		margin-left: 53%;
		}
		
		
/* a tag
-------------------------------------------------------------- */


	a:focus,
	a:hover { 
		color: #00939c; 
		}
	
	a 	{ 
		color: #00939c; 
		text-decoration: none; 
		font-weight: bold;
		}
	
	
	.maincontentcol a {
		background-image: url("../media/struktur/btn_link.png");
	    background-position: center left;
	    background-repeat: no-repeat;
	    padding-left: 11px;		
		}
	
	a .top { 
		background-image: none !important; 
		}

		
/* Rootline
-------------------------------------------------------------- */
	.rootline {
		clear: both;
	    display: block;
	    height: 0;
	    margin: 10px 0 30px 0;
	}
	
	.rootline a {
		color: #858585;	
		background-image: none !important;
	    padding-left: 0;		
		}



/* Footer Adresse
-------------------------------------------------------------- */
	.address p {
		padding: 8px 20px;		
		}
	
	.address p,
	.address p b { 
		font-style: italic; 
		color: #ffffff;  
		margin: 0;
		}

		
/* weiter Textformatierungen
-------------------------------------------------------------- */		
	blockquote  { 
		margin: 1.5em; 
		color: #666; 
		font-style: italic; 
		}
	
	strong,dfn,b  { 
		font-weight: bold; 
		}
	
	em,dfn      { 
		font-style: italic; 
		}
	
	sup, sub    { 
		line-height: 0; 
		}
	
	abbr,
	acronym     { 
		border-bottom: 1px dotted #666; 
		}
	
	address     { 
		font-style: italic; 
		}
	
	del         { 
		color:#666; 
		}
	
	pre         { 
		margin: 1.5em 0; 
		white-space: pre; 
		}
		
	pre,code,tt { 
		font: 1em 'andale mono', 'lucida console', monospace; 
		line-height: 1.5; 
		}

	.align-center{
		text-align: center;
		}
	.align-left{
		text-align: left;
		}
	.align-right{
		text-align: right;
		}


/* Liste
-------------------------------------------------------------- */

	li ul,
	li ol  { margin: 0; }
	ul, ol { margin: 0 1.5em 1.5em 0; padding-left: 1.5em; }
	ol li  { margin: 1em; }
	
	ul     { list-style-type: disc; }
	ol     { list-style-type: decimal; }
	
	dl     { margin: 0 0 1.5em 0; }
	dl dt  { font-weight: bold; }
	dd     { margin-left: 1.5em;}


/* Tabellen
-------------------------------------------------------------- */

/*
  Because of the need for padding on TH and TD, the vertical rhythm
  on table cells has to be 27px, instead of the standard 18px or 36px
  of other elements.
 */

	table         { margin-bottom: 1.4em; width:100%; border-top: 1px solid #CCC; }
	th            { font-weight: bold; border-bottom: 1px solid #CCC; }
	thead th      { background: #F8F4E7; }
	th,td,caption { padding: 4px 10px 4px 5px;
					vertical-align: top;
					text-align: left;
		 }	 
	 
/*
  You can zebra-stripe your tables in outdated browsers by adding
  the class "even" to every other table row.
 */
	tbody tr:nth-child(even) td,
	tbody tr.even td  {
	  background: #f1f2f6;
	}
	tfoot       { font-style: italic; }
	caption     { background: #F8F4E7; }





/* Misc classes
-------------------------------------------------------------- */

	.small     { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
	.large     { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
	.hide      { display: none; }
	
	.quiet     { color: #666; }
	.loud      { color: #000; }
	.highlight { background:#ff0; }
	.added     { background:#060; color: #fff; }
	.removed   { background:#900; color: #fff; }
	
	.first     { margin-left:0; padding-left:0; }
	.last      { margin-right:0; padding-right:0; }
	.top       { margin-top:0; padding-top:0; }
	.bottom    { margin-bottom:0; padding-bottom:0; }


/* Abstaende bei Text mit Bild
-------------------------------------------------------------- */
	
	DIV.csc-textpic-intext-right .csc-textpic-imagewrap, 
	DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
	    margin-left: 30px;
	    margin-top: 6px;
		}

	.csc-textpic-image,
	ul {
	    margin-bottom: 20px;
		}

	DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
	    margin-bottom: 20px;
		}
	
	
/* wichtiger Hinweis
-------------------------------------------------------------- */
	div.importantnote {
		background-color: red;
		padding:15px;
		}
	
	div.importantnote p, 
	div.importantnote ul,
	div.importantnote li {
		color:white;
		font-weight:bold;
	}