@charset "UTF-8";

/* LAYOUT */

.clear {
	clear: both;
	width: 0px;
	height: 0px;
}

body {
	background-color: #b6bcc2;
}

.site_bg {
	background-color:#dfe4eb;
}

.site_bg_top {
	background-image:url(../images/site_bg_top.png);
	background-position:top;
	background-repeat:repeat-x;
	min-height: 500px;
}

.site_bg_bottom {
	background-image:url(../images/site_bg_bottom.png);
	background-position:bottom;
	background-repeat:repeat-x;
	min-height: 500px;
}

.content_container {
	width: 1024px;
	margin: 0 auto;
	background-color: #f1f1f4;
	background-image:url(../images/content_bg.png);
	background-repeat:repeat-y;
}

.content_container_top {
	background-image:url(../images/content_top.png);
	background-position:top;
	background-repeat:no-repeat;
	min-height: 455px;
}

.content_container_bottom {
	background-image:url(../images/content_bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	min-height: 345px;
}

.content_container_reflection {
	background-image:url(../images/content_reflect.png);
	background-position:top;
	background-repeat:no-repeat;
	height: 70px;
}

.header {
	padding: 35px 30px 0 40px;
}

.cidlogo {
	float: left;
}

.flags {
	float:right;
	padding: 10px 10px 0 0;
	clear: right;
	text-align:right;
}

.flags img {
	padding-left: 10px;
	padding-bottom: 20px;
}

.navi {
	height: 30px;
	width: 944px;
	margin: 0 auto;
	text-align:center;
}

.navi .active {
	background-image:url(../images/navi_bg_active.png);
	background-repeat:repeat-x;
	width: 118px;
	height: 30px;
	border-left: 1px solid #1e568f;
	border-right: 1px solid #1e568f;
	float: left;
}

.navi .inactive {
	width: 116px;
	height: 30px;
	background-image:url(../images/navi_bg_inactive.png);
	background-repeat:repeat-x;
	float: left;
}

.naviborder {
	background-image:url(../images/navi_border.png);
	width: 1px;
	height: 30px;
	float: left;
}

.navisep {
	background-image:url(../images/navi_sep.png);
	width: 2px;
	height: 30px;
	float:left;
}

.content {
	min-height: 300px;
	width: 944px;
	margin: 0 auto;
	background-color: #f1f1f4;
}

.footer {
	width: 944px;
	min-height: 170px;
	margin: 0 auto;
}

.footer .navi {
	padding: 10px 0 25px 0;
	text-align: left;
}

.flashheader {
	height: 365px;
	text-align: center;
	display: none;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.subnavi {
	width: 230px;
	float: left;
	text-align: right;
}

.the_content {
	width: 674px;
	float: left;
	padding: 20px;
}

/* FONTS */

.navi .inactive a {
	padding-top: 8px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 0.9em;
	font-weight: normal;
	color: #fff;
	text-decoration: none;
	display: block;
}

.navi .active a {
	padding-top: 8px;
	font-family: "Trebuchet MS", Verdana, Arial;
	font-size: 0.9em;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	display: block;
}

.footer .navi {
	color: #fff;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size: 0.75em;
	font-weight: normal;
	text-decoration: none;
}

.footer .navi a {
	color: #fff;
	font-family:"Trebuchet MS", Verdana, Arial;
	font-weight: normal;
	text-decoration: none;
}

.navimultilinespacer {
	font-size: 0.1em;
	display: inline-block;
	width: 5px;
	height: 5px;
}

.subnavi ul li a:link, .subnavi ul li a:visited {
	font-family:"Trebuchet MS", Verdana, Arial;
	color: #1e568f;
	font-size: 0.75em;
	text-decoration:none;
	padding: 2px 5px;
}

.subnavi ul li a:hover, .subnavi ul li a:focus, .subnavi ul li a:active {
	color: #fff;
	background-color: #1e568f;
	padding: 2px 5px;
}

.subnavi ul li .active {
	width: 30px;
	height: 16px;
	background-image:url(../images/navi_arrow_active.png);
	background-repeat: no-repeat;
	background-position: center 6px;
	float: right;
	margin-bottom:10px;
}

.subnavi ul li ul li .active {
	width: 30px;
	height: 16px;
	background-image:url(../images/navi_arrow_active.png);
	background-repeat: no-repeat;
	background-position: center 6px;
	float: right;
}

.subnavi ul li ul li .more {
	width: 30px;
	height: 16px;
	background-image:url(../images/navi_arrow_active_more.png);
	background-repeat: no-repeat;
	background-position: center 6px;
	float: right;
}

.subnavi ul li ul li ul li .active {
	width: 30px;
	height: 16px;
	background-image:url(../images/navi_arrow_active.png);
	background-repeat: no-repeat;
	background-position: center 6px;
	float: right;
}

.subnavi ul li .more {
	width: 30px;
	height: 16px;
	background-image:url(../images/navi_arrow_more.png);
	background-repeat: no-repeat;
	background-position: center 7px;
	float: right;
}

.subnavi ul li .inactive {
	width: 30px;
	height: 16px;
	background-image:url(../images/navi_arrow_inactive.png);
	background-repeat: no-repeat;
	background-position: center 6px;
	float: right;
	margin-bottom:10px;
}

.subnavi ul li .empty {
	width: 30px;
	height: 16px;
	float: right;
}

.subnavi ul li ul li a:link, .subnavi ul li ul li a:visited {
	color: #333;
	text-decoration:none;
	padding: 2px 5px;
}

.subnavi ul li ul li a:hover, .subnavi ul li ul li a:focus, .subnavi ul li a:active {
	color: #fff;
	background-color: #941b20;
}

.subnavi ul li ul li ul li a:link, .subnavi ul li ul li ul li a:visited {
	color: #941b20;
	text-decoration:none;
	padding: 2px 5px;
}

.subnavi ul li ul li ul li a:hover, .subnavi ul li ul li ul li a:focus, .subnavi ul li ul li ul li a:active {
	color: #fff;
	background-color: #941b20;
}

.subnavi ul, .subnavi ul li {
	list-style-position: outside;
	list-style-type: none;
	padding: 10px 0px;
}

.subnavi .viewed1 a:link, .subnavi .viewed1 a:visited {
	background-color: #1e568f;
	color: #FFF; 
	font-weight: bold;
}

.subnavi .viewed2 a:link, .subnavi .viewed2 a:visited  {
	background-color: #941b20;
	color: #FFF;
	font-weight: bold;
}

.the_content {
	font-family:"Trebuchet MS", Verdana, Arial;
	text-align: left;
	font-size: 0.8em;
	line-height: 1.4em;	
}

.the_content h1 {
	font-size: 2em;
	color: #941b20;
	padding: 0 0 15px 0;
	line-height: 1em;
}

.the_content h2 {
	font-size: 1.75em;
	color: #941b20;
	padding: 0 0 15px 0;
	line-height: 1em;
}

.the_content h3 {
	font-size: 1.5em;
	color: #941b20;
	padding: 0 0 15px 0;
	line-height: 1em;
}

.the_content h4 {
	font-size: 1.25em;
	color: #941b20;
	padding: 0 0 15px 0;
	line-height: 1em;
}

.heading_class {
	display: block;
	font-size: 1.25em;
	color: #941b20;
	padding: 0 0 5px 0;
	line-height: 0.75em;
}

.the_content h5 {
	font-size: 1em;
	font-weight:bold;
	color: #941b20;
	padding: 0 0 15px 0;
	line-height: 1em;
}

.infobox {
	padding: 10px;
	background-color:#1e568f;
	color: #fff;
}

.the_content a:link, .the_content a:visited {
	text-decoration: none;
	border-bottom: 1px solid #1e568f;
	font-weight: bold;
	color: #1e568f;
}

.the_content a:hover, .the_content a:focus {
	border-bottom: none;
}

.startthema {
	background-position:top;
	background-repeat:no-repeat;
	float: left;
	width: 200px;
	height: 155px;
	padding: 60px 10px 0 10px;
	margin-right: 14px;
}

.startbox {
	padding: 10px;
	width: 275px;
	height: 375px;
	float: left;
	margin-right: 18px;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(../images/start_box_bg.png);
}

.startbox h3 {
	text-transform:uppercase;
}

.startbox #events {
	font-size: 0.9em;
	line-height: 1.1em;
}

.startbox #events a {
	line-height: 1.3em;
}

.startbox #events a:link {
	color: #000;
	text-decoration: underline;
	border-bottom: none;
}

.startbox #events a:visited {
	color: #000;
	text-decoration: underline;
	border-bottom: none;
}

.startbox #events a:hover {
	color: #000;
	text-decoration: none;
	border-bottom: none;
}

.startbox #events .sep {
	background-image: url(../images/event-sep.png);
	background-repeat: repeat-x;
	height: 1px;
}

.bildunter {
	font-size: 0.9em;
	font-style:italic;
	line-height: 1.35em;
}

.glossarysep {
	padding: 0 6px 0 6px;
}

.glossarysepline {
	background-image:url(../images/glossary-sep.png);
	background-repeat:repeat-x;
	background-position:50%;
	width: 570px;
	height: 20px;
	float: left;
	margin-bottom: 15px;
}

.glossarytotop {
	float: right;
	width: 100px;
	height: 20px;
	text-align: right
}

.the_content .imgfloater {
	float: right;
	margin-left: 20px;
}

.teaserbox {
	float: right;
	padding: 10px;
	border: 1px solid #1e568f;
	width: 230px;
	background-color:#dfe4eb;
	margin: 0 0 0 20px;
}