/* CSS typographic styles 



* FILE DESCRIPTION:     This stylesheet can be used for every project, as a means to reset all typographic styles.

* 			Suitable for screen display and for print display.

*/



/*BASIC ELEMENTS*/

	p, ul, ol, dl	{ margin: 0.8em 0;}

	ul, ol, dd		{ padding-left: 30px;}

	li ul, li ol		{ padding: 0 0 5px 15px;}

	body			{ font-size: 70%; line-height: 1.3em; font-family: Verdana, Geneva, Helvetica, sans-serif; color:#453d47;}

	table			{ font-size: 100%;} /*IE 5.5 text too big bugfix*/

	

	h1,h2,h3,h4,h5,h6,

    .componentheading,

	.contentheading { 

    font-family: Verdana, Arial, Helvetica, sans-serif; 

    margin: 0 0 0.5em 0; 

    }

	

	h1.componentheading,

	h1.componentheading-male,

	h1.componentheading-female {

		padding: 0 10px 0 37px;

	}



	h1,

	h1.componentheading,

	div.componentheading,

	h1.contentheading {

	font-size: 150%;  /* ~18px */

	color: #514B8B;

    font-weight:bold; 

	}

	

	div.blog-female h1,

	.componentheading-female {

	color: #bb6d6d;

	}

	

	div.blog-male h1,

	.componentheading-male {

	color: #4d698b;

	}

	

	h1.contentheading-front {

	font-size: 180%;

	color: #9397cb;

	}

	

	h2.link2form {

		background: url(../images/arow2form.gif) 0 3px no-repeat;

		color:#453d47;

		padding-left: 24px;

		font-weight: bold;

		font-size: 135%;

		margin-bottom: 25px;

	}

	

	h2.link2form a {

		background:transparent url(../images/link2form.gif) no-repeat scroll 0 0;

		color:#FFFFFF;

		display:inline-block;

		height:20px;

		line-height:17px;

		text-align:center;

		text-decoration:none;

		width:105px;

	}

	

	h2 { font-size: 140%; color:#FF7FC2; font-weight:normal;}       /* ~15px */

	

	h2 strong {

		font-size:15px;

		line-height:1.2em;

	}

	

	h3 { font-size: 130%;color: #FF7FC2;font-weight:normal;}                        /* ~14px */

	h4 { font-size: 100%; font-weight:bold;color:#81814c;}                     /* ~13px */

	h5 { font-size: 110%;font-weight:bold;}                     /* ~12px */

	h6 { font-size: 110%; font-style:italic }  /* ~12px */

	

	p			{ font-size:   1em; margin: 0 0 1em;}

	address			{ font-style: normal;}

	caption			{ font-weight: bold; text-align:left;}

	tr, td, th		{ vertical-align:top;}

	img			{ }



/* Global link styles */



a {

	outline: none;

	text-decoration: underline;

	color:#000000;

}



a.backtotop {

	color: #81814c;

	font-size:92%;

	text-decoration: underline;

	font-weight: bold;

}



/*SPECIAL ELEMENTS*/

	img 			{ border: 0;}

	hr 			{ border: 0; border-top: 1px dotted #81814c; height: 0; /* background: #81814c; */ margin-bottom: 10px;}



 /* ### text formatting | Textauszeichnung ### */



  cite, blockquote { font-style:italic }

  blockquote { margin: 0 0 1em 1.5em }



  strong,b { font-weight: bold;}

  em,i { font-style:italic }



  pre, code { font-family: monospace; font-size: 1.1em; }



  acronym, abbr {

    letter-spacing: .07em;

    border-bottom: .1em dashed #c00;

    cursor: help;

  }

  

  small, .small, .mosimage_caption, .createdate, .modifydate, .createdby, .img_caption {

    font-size: 92%;

  }

  

  span.modifydate,

  span.createdate,

  span.createdby {

  	display:block;

  }

  

  /* ### form elements | Formular Elemente ### */

  

  label, input[type=checkbox], input[type=radio], select, button, .button {

    cursor: pointer;

  }

  

  input[type=checkbox], input[type=radio] {

	border: none;

  }

  

  label {

	color: #81814c;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 92%;

  }

  

  input, .inputbox, label, select, button {

    padding: 1px 2px;

  }

  

  .inputbox {

  border: 1px solid #a4a3ae;

  }

  

  .inputbox:hover {

  border: 1px solid #ccc;

  }

  

  input, .inputbox, button, .button {

  }

  input:hover, .inputbox:hover, button:hover, .button:hover,

  input:focus, .inputbox:focus, button:focus, .button:focus {

  }

  

  fieldset {

 	border: none;

  }

  

/* Bonus list styles */ 



ul.arrow {

	margin: 0;

	padding: 0;

}



ul.arrow li {

	background:url(../images/bullet_arow.gif) 0 3px no-repeat;

	padding: 0 0 10px 10px;

	list-style: none;

}



ul.arrow li  strong {

	color: #79456b;

}



ul.arrow li a:link,

ul.arrow li a:visited,

ul.arrow li a:hover {

	color: #79456b;

	text-decoration: none;

	font-weight: bold;

}



ul.arrow li a:hover {

	text-decoration:underline;

}



ul.nobullets {

	margin: 0;

	padding: 0;

	list-style: none;

	color: #81814c;

	font-weight: bold;

}



ul.nobullets li {

	padding: 2px 0; 

}



ul.feature {

	padding: 0;

	margin: 0;

	width: 100%;

	float: left;

}



ul.feature li {

	background:transparent url(../images/featured-bullet.gif) no-repeat scroll 0 5px;

	color:#66663A;

	display:block;

	float:left;

	font-size:13px;

	font-weight:bold;

	list-style-image:none;

	list-style-position:outside;

	list-style-type:none;

	padding-bottom:4px;

	padding-left:20px;

	padding-top:4px;

	width:29%;

}



ul.feature li a {

	color:#66663a;

	font-size: 13px;

	font-weight: bold;

	text-decoration: underline;

}



ul.articlelist {

	margin: 0;

	padding: 20px 0;

	list-style: none;

}



ul.articlelist li {

	padding: 4px 0;

}



/* Definitions lists */



dl.days {

	float: left;

	width: 49%;

	line-height: 20px;

}



dl.days dt {

	float: left;

	font-weight: bold;

	margin-right: 15px;

}



dl.days dd{

	

}

   

/*  Articl info formating elements */



.buttonheading {

    float: right;

    width: 70px;

  }

  

  .buttonheading img {

    margin: 0 0 0 5px;

    border: 0;

    float: right;

  }  



/*HIDE ACESSIBILITY TEXT*/

	.accessibility		{ position: absolute; top: -9999em;}



/*HIDE PRINT-MEDIA*/

	.print-media		{ display:none;}