
/* 0. GLOBAL HTML ELEMENTS */

	body {
		margin:0;
		padding:0;
	}
	
	body, input, textarea {
		font-family:Arial,Helvetica,sans-serif;
		font-size:12px;
	}
	
	h1 {
		color:#888888;
		font-family:Arial,Helvetica,sans-serif;
		font-size:2em;
		font-weight:normal;
		margin:0 0 .5em 0;
	}
	
	h2 {
		font-size:1em;
		color:#660066;
		font-weight:bold;
		margin:0 0 1em 0;
	}
	
	h3 {
		font-size:1em;
		color:#660066;
		font-weight:bold;
		margin:0 0 1em 0;
	}
	
	h6 {
		font-size:.8em;
		font-weight:normal;
	}
	
	h6 a {
		text-decoration:none;
	}
	
	h6 a:hover {
		text-decoration:underline;
	}
	
	p {
		line-height:1.4em;
	}
	
	a {
		color:#93117E;
	}
	
	#content-content a {
		color:#336699;
	}
	
	a:hover {
		color:#336699;
	}

/* 1. INTRO PAGE */
	
	body#intro {
		background:#FFF;
	}
	
	#intro-header-1 {
		height:100px;
		background:#FFF;
	}
	
	#intro-header-2 {
		height:400px;
		background:#FFF url(/images/eu-231/intro-bg-main.jpg) 50% 50% no-repeat;
		text-indent:-9000px;
	}
	
	#intro-choose-language {
	}
	
	#intro-choose-language ul {
		width:450px;
		margin:0 auto;
		padding:.3em 0;
		list-style:none;	
		text-align:center;
		line-height:2.8em;
	}
	
	#intro-choose-language li {
		display:inline;
	}
	
	#intro-choose-language a {
		font-weight:bold;
		padding-right:.6em;
	}

/* 2. CONTENT PAGES */

	body#content {
		background:#E4E4E4;
	}
	
	#content-container {
		padding:0 5px;
		width:900px;
		background:#FFFFFF url(/images/eu-231/content-bg-box.gif) repeat-y;
		margin:0 auto;
		position:relative;
	}

/* 2.1. HEADER */

	#content-header-1 {
		background:url(/images/eu-231/content-logo-main.jpg) no-repeat;
		line-height:50px;
	}
	
	#content-header-1 h1 {
		text-indent:-9000px;
		margin:0;
		padding:0;
	}
	
	#content-header-1 h1 a {
		display:block;
		height:10px;
		text-decoration:none;
	}
	
		
	#content-header-2 {
		background:#FFF url(/images/eu-231/content-bg-main.jpg) 50% 50% no-repeat;
		height:130px;
	}
	
	#login {
		position:absolute;
		right:2.5em;
		top:18px;
	}
	
	#login a {
		background:url(/images/eu-231/content-ico-more.gif) 0 50% no-repeat;
		padding-left:13px;
		font-size:.9em;
		font-weight:bold;
	}


/* 2.2. NAVIGATION */

	#content-navigation {
		width:180px;
		float:left;
	}
	
	#content-navigation ul {
		background:#E2C8E3 url(/images/eu-231/content-bg-menu-top.gif) no-repeat;
		padding:30px 0 0 0;
		margin:0;
		list-style:none;
		font-size:.9em;
		border-bottom:1px solid #FFFFFF;
	}
	
	#content-navigation ul li {
		background:#E2C8E3;
		border-top:1px solid #FFFFFF;
	}
	
	#content-navigation ul li.active {
		font-weight:bold;
		background:#93117E;
	}
	
	#content-navigation ul li.active a {
		color:#FFFFFF;
	}
	
	#content-navigation ul a {
		text-decoration:none;
		padding:2px 5px;
		display:block;
	}
	
	#content-navigation ul a:hover {
		color:#93117E;
		text-decoration:underline;
	}
	
	/* 2.2.2. ZWEITE EBENE */
	
	#content-navigation ul ul {
		padding:0;
		margin:0;
		border-bottom:0;
	}
	
	#content-navigation ul ul li a {
		padding-left:10px;
	}
	
	#content-navigation ul li.active ul li a  {
		color:#93117E;
		font-size:1em;
		font-weight:normal;
	}
	
	/* 2.2.3. EU-ABSATZ */
	
	#eu-text {
		padding:60px 10px 10px 10px;
		margin:0;
		font-size:.75em;
		text-align:center;
		background:url(/images/eu-231/content-bg-menu-bottom.gif) right top no-repeat;
		line-height:16px;
	}
	
	#content-navigation p img {
		margin-bottom:1em;
	}

/* 2.3. CONTENT */

	#content-content {
		background:#FFFFFF url(/images/eu-231/content-bg-menu-top.gif) repeat-x;
		margin-left:180px;padding:30px 2.5em 2.5em 2.5em;
	}

/* 2.4. FOOTER */

	#content-footer {
		width:900px;
		background:url(/images/eu-231/content-bg-footer.gif) no-repeat;
		padding:37px 5px 5px 5px;
		margin:0 auto;
	}
	
	#content-footer p {
		margin:0;
		padding:0 0 0 12px;
		font-size:.9em;
	}
	
	#content-footer a {
		color:#000000;
	}
	
	#content-footer a:hover {
		color:#93117E;
	}

/* STANDARDS */

@charset 'utf-8'; html {min-height: 100%; margin-bottom: 1px;} .form-error {color:#FFFFFF;background:#880000;border:1px solid #FF0000;} .error {font-weight:bold;} a {outline:none;} form {display:inline;} .nostyle {background:none;border: none;margin:0;padding:0;width:inherit;} .clearfix:after {content:'.';display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} * html .clearfix {height:1%;} .clearfix {display:block;}
