/*
	AUTOR: Philipp Haubner

	FARBWELT
	#9b8c65 - Braun / Beige
	#f7f6f1 - Blass Braun / Beige
	#101480 - Dunkel Blau	
	#fff 	- Wei�
	+ diverse Unterstriche (border-bottom)


	INHALTSVERZEICHNIS
	- Grundlegendes
	- Links - Blocks

	- Header
	- Body
	- Breadcrumb
	- Sidebar - left 
	- Sidebar - right 
	- Content
	- Content - Artikelliste 
	- Content - Statements
	- Content - Pagination
	- FAQ
	- Footer
	- HOME - Header
*/



	/* Grundlegendes
	---------------------------------------------------------------------------------------------------------*/
	body {
		background: #fff url(/live/eucusa_08/gfx/body_bg.jpg) left top repeat-x;
		font-family: Arial, sans-serif;
		font-size:10pt;
		line-height:1.3;
	}
	
	a, a:hover, a:active, a:visited, a:focus, a:link {
		text-decoration:none;
		color:inherit;
	}

	h1, h2, h3 {
		/*font-family: "Lucida Sans", sans-serif;*/
	}

	h2 {
		color:#101480;
		font-size:14pt;
	}
	
	h3 , h3 a {
		color:#101480;
		font-size:12pt;
		font-weight:bold;
	}

	h4 {
		color:#101480;
		font-size:11pt;
	}
	
	div#wrapper {
		border-top: 0;
		margin: 0 auto;
		width: 974px;
	}

	.bodytext td {
	      font-family: Arial, sans-serif;
	      font-size:10pt;
	      line-height:1.3;
	 }

	/* Links - Blocks
	---------------------------------------------------------------------------------------------------------*/
	
	a.readmore, a.readmore:hover, a.readmore:active, a.readmore:visited, a.readmore:focus, a.readmore:link {
		color:#fff;
	}

	a.backtolist, a.backtolist:hover, a.backtolist:active, a.backtolist:visited, a.backtolist:focus, a.backtolist:link {
		color:#fff;
	}

	div#home div#header-article-left a.readmore, div#home div#header-article-right a.readmore {
		background-color:#d3ccba;
		color:#9b8c65;
	}

	div#infobox a.readmore {	
		background-color:#9b8c65;	
	}

	div#infobox a.readmore:hover {
		text-decoration:none;
	}

	a.readmore, a.backtolist {
		padding:3px 4px 2px 4px;
		background-color:#101480;
		font-size:8pt;
	}
	 
	a.readmore:hover, a:hover.backtolist {
		padding:3px 4px 2px 4px;
		background-color:#9b8c65;
		font-size:8pt;
		text-decoration:none;	
	}


	/* Header
	---------------------------------------------------------------------------------------------------------*/
	div#header {
		background: transparent url(/live/eucusa_08/gfx/header_small.gif) left bottom no-repeat;
		height: 386px;
		margin-left:3px;
		position: relative;
	}
	div#cross-nav {
		font-size:10pt;
		color: #fff;
		height: 50px;
		right: 23px;
		position: absolute;
		top: 5px;
		width: 300px;
		text-align:right;
	}
	div#cross-nav a {
		padding:3px;		
		color: #fff;
		text-decoration:none;
	}
	div#cross-nav a:hover, a:active {		
		color: #fff;
		text-decoration:underline;
		background-color:#101480;
	}
	div#logo {
		left:480px;
		position:absolute;
		top:50px;		
	}
	div#main-nav {
		
		bottom: 143px;
		height: 40px;
		left: 266px;
		position: absolute;
	}
	
	div#main-nav a {
		background-color:transparent;
	}

	div#main-nav a img.hover{
		display:none;
	}
	div#main-nav-left {
		background: transparent url(/live/eucusa_08/gfx/nav_left.jpg) top left no-repeat;
		height: inherit;
		padding-left: 13px;		
	}
	div#main-nav-right {
		background: transparent url(/live/eucusa_08/gfx/nav_right.jpg) top right no-repeat;
		height: inherit;
		padding-right: 13px;
	}	
	div#areatext {
		color:#fff;
		position:absolute;
		left:285px;
		top:270px;
		width:520px;
		height:90px;
		font-size:10pt;
	}
	div#areatext b{
		/*font-family: "Lucida Sans", sans-serif;*/
		font-size:11pt;
	}
	
	/* Body
	---------------------------------------------------------------------------------------------------------*/
	div#body {
		background: transparent url(/live/eucusa_08/gfx/body_inner_bg.jpg) left top repeat-y;
		padding-bottom:26px;
	}

	/* Breadcrumb
	---------------------------------------------------------------------------------------------------------*/
	div#breadcrumb {
		color: #b3ad9d;
		font-size:10pt;
		margin-left: 31px;
		padding-top:13px;
		float:left;	
	}
	div#breadcrumb a {
		color: #786844;
		text-decoration:none;
	}
	div#breadcrumb a:hover, div#breadcrumb a:active {
		text-decoration:underline;
	}

	/* Sidebar - left 
	---------------------------------------------------------------------------------------------------------*/
	div#sidebar-left {
		color:#9b8c65;
		margin-left:24px;
		width:184px;
		margin-top:34px;
		float:left;
	}	
	div#sub-nav ul.level1 {
		text-align:right;
		
	}
	div#sub-nav ul.level1 a {
		color:#9b8c65;		
		display: block;
		text-decoration: none;
		padding:8px 15px 8px 0px;
	}
	
	div#sub-nav ul.level1 li {
		border-bottom: 4px solid #f7f6f1;	
	}	
	div#sub-nav ul.level1 li.first {
		border-bottom: 4px solid #f7f6f1;
		border-top: 4px solid #f7f6f1;
	}
	div#sub-nav ul.level1 a:hover, div#sub-nav ul.level1 li a.current {	
		background-color: #9b8c65;
		color: #fff;
	}
	div#sub-nav h1 {
		font-size:16pt;
		font-weight:bold;
		padding-bottom:5px;
		border-bottom: 4px solid #f7f6f1;
	}


	/* Sidebar - right 
	---------------------------------------------------------------------------------------------------------*/
	div#sidebar-right {
		float:right;
		margin-right:23px;
		margin-top:34px;
		width:199px;

	}
	div#infobox {
		background: #fff url(/live/eucusa_08/gfx/box_quer.gif) top left repeat-y;
	}
	div#infobox-top {
		background: transparent url(/live/eucusa_08/gfx/box_header.gif) top left no-repeat;
		padding-top: 23px;
	}
	div#infobox-bottom {
		background: transparent url(/live/eucusa_08/gfx/box_footer.gif) bottom left no-repeat;
		padding: 0px 21px 27px 21px;
		
	}
	
	div#sidebar-right div.spacer {
		height:14px;
		background-color:white;
	}

	div#statement {
		color:#9b8c65;
		font-size: 10pt;		
	}
	div#statement i, div#factbox i {
		/*font-family: "Lucida Sans", sans-serif; */
		font-size: 12pt;
		color:#9b8c65;
		font-weight:bold;
	}
	div#factbox b {
		color:#101480;
	}
	
	/* Content
	---------------------------------------------------------------------------------------------------------*/
	div#content {
		color: #000;
		margin-left:24px;
		margin-top:34px;
		float:left;
		width: 493px;
	}

	div#content u {
		text-decoration: none;
		color: #101480;
	}

	div#content div#headline {
		border-bottom: 3px solid #a4a6cd;
		padding-bottom:2px;
		margin-top:5px;
		margin-bottom:25px;
		float:left;
		width: 493px;
		
	}

	div#content div#headline div.headline-text {
		float:left;		
	}
	div#content div#headline div.headline-print {
		float:right;
		width:20px;
		padding-top:6px;
		padding-bottom:4px;
	}

	div#content div.bodytext li {
		list-style-image: url(../gfx/disc-gold.jpg);
		margin-left:20px;
	}
	
	div#content div.leadtext {
		font-weight:bold;
		margin-bottom:15px;
	}
	
	div#content img.content-image {
		margin-right:5px;
		margin-bottom:5px;
	}
	
	div#content div.backtolist {
		margin-top:25px;
		float:right;
	}
		
	/* Content - Artikelliste 
	---------------------------------------------------------------------------------------------------------*/
	
	ul.article-list-big li {
		border-bottom: 4px solid #f4f1ec;
		margin-bottom: 26px;
		padding-bottom: 26px;
		float:left;
	}

	ul.article-list-big div.teaserimage {
		float: left;
		height: 95px;
		width: 95px;
		border:1px solid #9b8c65;
	}

	ul.article-list-big div.teaserimage div.image-center {
		height:95px;
		display:table-cell;
		vertical-align:middle;
		
	}
	
	ul.article-list li {
		border-bottom: 4px solid #f4f1ec;
		margin-bottom: 18px;
		padding-bottom: 18px;
		float:left;
		list-style-image: url(/develop/eucusa_08/gfx/disc-gold.gif);
	}

	ul.article-list div.teaserimage {
		float: left;
		height: 65px;
		width: 95px;
		border:1px solid #9b8c65;
		text-align:center;
		padding:auto;
	}

	ul.article-list div.teaserimage div.image-center {
		height:65px;
		display:table-cell;
		vertical-align:middle;
		margin:auto;
		text-align:center;
	}
	
	ul.article-list div.text, ul.article-list-big div.text {
		padding: 0px 14px 0px 13px;
		float:left;
		width:365px;
	}

	
	
	ul.article-list p, ul.article-list-big p {
		width:365px;			
		padding: 10px 0px 10px 0px;	
	}

	/* Content - Statements  
	--------------------------------------------------------------------------------------------------------*/
	
	ul.article-list h3.referenz, ul.article-list span.referenz {
		color:#9b8c65;
	}
	
	ul.article-list h3.referenz {
		font-style:italic;
		font-size:10pt;
		margin-bottom:5px;
		font-weight:bold;
	}

	div#content div#statements-headline {
		border-bottom: 3px solid #a4a6cd;
		padding-bottom:6px;
		margin-top:6px;
		margin-bottom:8px;
		float:left;
	}
	div#content div#statements-headline div.headline-text {
		float:left;		
	}

	div#content div#statements-headline div.headline-print {
		float:right;
		width:20px;
		padding-top:10px;
	}

	div.statements-statement {
		color:#9b8c65;
		font-size:14pt;
		font-style:italic;
		margin-bottom:25px;
	}

	div.statements-bodytext div.statements-teaserimage {
		float: left;
		height: 95px;
		width: 95px;
		border:1px solid #9b8c65;
	}

	div.statements-bodytext div.statements-teaserimage div.image-center {
		height:95px;
		display:table-cell;
		vertical-align:middle;
	}

	div.statements-bodytext div.statements-text {
		padding: 0px 14px 0px 13px;
		float:left;
		width:365px;
	}
	
	div.statements-bodytext div.statements-text p {
		width:365px;			
		padding: 0px 0px 10px 0px;	
	}
	div.statements-bodytext div.statements-text p span.referenz {
		color:#9b8c65;
	}

	/* Content - Pagination
	--------------------------------------------------------------------------------------------------------*/
	
	div.pagination {
		font-size:10pt;
		color:#101480;
		text-decoration:none;
		text-align:center;
	}	

	div.pagination a, div.pagination a:visited, div.pagination a:hover, div.pagination a:active {
		color:#101480;
		text-decoration:none;
		margin:4px;
	}
	
	span.current-page {
		font-weight:bold;
		border-bottom:1px solid #101480;
		margin:4px;
	}
	/* FAQ
	--------------------------------------------------------------------------------------------------------*/
	
	ul.faq-list {
		width:493px;
		margin:25px 0px 25px 0px;
	}

	ul.faq-list li.question  {
		color:#101480;
		background: transparent url(/live/eucusa_08/gfx/faq_question.gif) 0 0.5em no-repeat;
		padding-left: 15px;
		padding-bottom:5px;
	}
	ul.faq-list li.question {
		cursor: pointer;
	}
	ul.faq-list li.answer {
		color:black;
		padding-left: 15px;
		display:none;
	}
	ul.faq-list li.answer li{
		background: transparent url(/live/eucusa_08/gfx/faq_answer.gif) 0 0.5em no-repeat;
		padding-left: 15px;
	}


	/* Footer
	---------------------------------------------------------------------------------------------------------*/
	div#footer {
		background: transparent url(/live/eucusa_08/gfx/footer_bg.jpg) left top repeat-y;
		color: #9b8c65;
		height:53px;
		margin-bottom:20px;
		position:relative;
		text-align:center;	
	}

	div#footer div#footertext {
		padding:10px;
		font-size:9pt;
	}
	
	div#footer div#bottom {
		background: transparent url(/live/eucusa_08/gfx/footer_bottom.jpg) left top no-repeat;
		top:40px;
		height:13px;
		left:0px;
		position:absolute;
		width:974px;		
	}

	div#footer a, a:hover, a:active, a:visited, a:focus, a:link {
		color:#9b8c65;
	}
	/* HOME - Header
	---------------------------------------------------------------------------------------------------------*/
	div#home div#header {
		background: transparent url(/live/eucusa_08/gfx/header_big.gif) left bottom no-repeat;
		height: 507px;		
		margin-left:3px;
		position: relative;
		color: #fff;
	}	
	div#home div#main-nav {		
		/*bottom: 263px;*/
		height: 40px;
		left: 266px;
		position: absolute;
		top: 204px;
	}
	div#home div#header-article-left {
		position:absolute;
		left:338px;
		top:286px;
		height:190px;
		width:280px;
	}
	div#home div#header-article-right {
		position:absolute;
		left:639px;
		top:286px;
		height:190px;
		width:280px;
	}

	div#home h2, div#home h3 {
		color: #fff;
	}
	
	div#home h2 {
		font-size:14pt;
	}
	div#home h3 {
		font-size:13pt;
		font-weight:bold;
	}

	div#home div#header-article-right div.headline, div#home div#header-article-left div.headline{
		width:280px;
		padding-bottom:10px;
		border-bottom:4px solid #d3ccba;
		margin-bottom:10px;
	}

	div#home div#header-article-left p, div#home div#header-article-right p {
		margin-bottom:10px;
	} 

	/* HOME - body
	--------------------------------------------------------------------------------------------------*/

	div#home div#body {
		padding-top:26px;
		padding-left:44px;
	}
	div#home div.box {
		width:275px;
		float:left;
		margin-right:26px;
	}
	div#home div.box div.headline {
		width:275px;
		padding-bottom:6px;
		border-bottom:4px solid #9ea1ca;
		margin-bottom:10px;
		float:left;
	}
	div#home div.box div.headline div.headline-left {
		float:left;
	}
	div#home div.box div.headline div.headline-right {
		float:right;
		color:#101480;
		padding-top:7px;
	}	
	div#home div.box div.headline h2, div#home div.box b{
		color:#101480;
	}
	div#home div#news b {
		margin-bottom:10px;
		cursor: pointer;
	}	
	div#home div#news li{
		padding:7px;
		border-bottom:1px solid #9ea1ca;
		
	}
	div#home div#news div.newstext {
		padding-top:7px;
	}
	div#home div#news li.active{
		background-color:#e8e8f2;
		border-top:1px solid #9ea1ca;
		border-bottom:1px solid #9ea1ca;
	}
	div#home div#statement h3, div#home div#download h3 {
		color:#101480;
		font-style:italic;
		font-weight:bold;
		font-size:10pt;
		margin-bottom:5px;
	}
	div#home div#statement span.referenz {
		color:#101480;		
	}
	div#home div#statement p {
		color:black;
		padding: 7px 0px 7px 0px;
	}
	div#home div#download img.download{
		margin-bottom:7px;
	}

	.statements-text ul li {
		list-style-type:disc;
		margin-left:25px;
	}

	.statements-text ol li {
		list-style-type:decimal;
		margin-left:25px;
	}
