/*--- // -------------------------------------------------------
		
		@ Informatica Frontend 
		@ /css/content.css
		@ Style-Sheet f?r das Layout der Inhalte
		
		@ 28.1.2008 PH
		@ alpha 0.1
		
		@ Content:
		-	Element Definitionen
		-	Diverse Klassen
		
		Changelog:
		
	-------------------------------------------------------- // ---*/
	
	/* --------------------------------------------------
		Element Definitionen
	-------------------------------------------------- */
	
	* {
		padding: 0;
		margin: 0;
	}
	
	body {
		font: 11px/16px Arial, Verdana, Helvetica, sans-serif;
		color:#444;
	}
	
	table tr td, table tr th {
		font-size:11px;
	}
	
	p {
		padding-bottom:15px;
	}
	
	h3 {
		font-size:13px;
		font-weight:bold;
		color:#442c79;
		background: url(../img/layout/h3_hg.gif) center left repeat-x;
		margin-bottom:8px;
	}
	
	h3 span {
		padding:0 7px 0 0;
		background:#fff;
	}
	
	h4 {
		font-size:11px;
		font-weight:bold;
		color:#442c79;
		margin-bottom:8px;
	}
	
	h5 {
		font-size:13px;
		font-weight:bold;
		color:#442c79;
		margin-bottom:8px;
	}
	
	div#content ul {
		list-style:none !important;
		margin-left:24px;
	}	
	
	div#content ul li {
		padding: 0 0 0 18px;
		list-style-type:none !important;
		background:url(../img/layout/list_style.gif) left top no-repeat;
	}

	.pdf-icon {
		background: url(../img/layout/pdf.gif) center left no-repeat;
		padding-left: 28px;
	}
	
	.lila-font {
		color:#442c79;
	}
	
	.grey-font {
		color:#5e5e5e;
	}
	
	.image-left {
		margin:8px 8px 8px 0;
		float:left;
	}
	
	.image-right {
		margin:8px 8px 8px 0;
		float:right;
	}
	
	.image-top-left {
		margin:0 8px 8px 0;
		float:left;
	}
	
	.image-top-right {
		margin:0 8px 8px 0;
		float:right;
	}
	
	.image-border {
		border:1px solid #e7e7e7;
	}
	
	.table-shadow, .table-shadow td {
		background: #f9f9f9;
	}
	
	.twolines { /* ////////////////////////// IE 6 to optimize!!! */
		width:100%;
		background:url(../img/layout/2lines_bg.gif) top center repeat-y;
	}
	
	html * > .twolines {
		background:url(../img/layout/2lines_bg.gif) top center repeat-y;
	}
	
	.left-content {
		float:left;
		width:320px;
		margin-right:25px;
	}
	
	.right-content {
		float:left;
		width:320px;
	}
	
	.home-content {
		width:100%;
		font-size:9px;
	}
	
	.home-content table {
		font-size:11px;
		width:270px;
	}
	
	.home-content table tr td {
		width:130px;
		padding:3px 7px;
	}
	
	.home-top-right {
		float:left;
		width:322px;
		height:94px;
		padding:7px 10px;
		background:url(../img/layout/top-right-img.gif) top left repeat-y;
	}
	
	.home-top-left {
		float:left;
		width:301px;
		height:94px;
		margin-right:3px;
		padding:7px 10px;
		background:url(../img/layout/top-left-img.gif) top left repeat-y;
	}
	
	.home-bottom-right {
		float:left;
		width:322px;
		height:117px;
		margin:3px 0 0 0;
		padding:7px 10px;
		background:url(../img/layout/bottom-right-img.gif) top left repeat-y;
	}
	
	.home-bottom-left {
		float:left;
		width:301px;
		height:117px;
		margin:3px 3px 0 0;
		padding:7px 10px;
		background:url(../img/layout/bottom-left-img.gif) top left repeat-y;
	}
	
	.borderBottom {
		border-bottom:1px solid #ddd;
	}
	
	.borderRight {
		border-right:1px solid #ddd;
	}
	
	.place-item {
		width: 160px;
		float: left;
	}
	
	/*-------------------------------------------------------------
		
		Diverse Klassen
		
	-------------------------------------------------------------*/		
			
	.clear {
		clear:both;
	}