/* CSS Document */

html, body{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #012d59;
	color: white;
	/* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
	/* font-family: 'Segoe UI', Arial, sans-serif; */
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 10pt;
}

h1, h2, h3 { letter-spacing: 0.1em; color: #b6c7de;}
h1 { font-size: 110%; }
h2 { font-size: 100%; }
h3 { font-size: 100%; }

img { border: none; }

#Container {
	position: absolute;
	width: 100%;
	margin-top: 7%;
	margin-bottom: 7%;
	background-image: url(../images/bg_side.gif);
}

#Container2 {
	position: relative;
	width: 924px;
	margin: auto;
	padding-top: 40px;
	background-color: #003366;
	color: white;
	background-image: url(../images/bg_left.jpg);
	background-repeat: repeat-y;
}

#LanguageChooser {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 86%;
	color: #6C90BD;
}
#LanguageChooser img { border: none; vertical-align: middle; }

#PageHeader {
	width: 924px;
	height: 120px;
	margin-top: 52px;
	background-color: #6F91BF;
}

#MainNav {
	margin-top: 12px;
	margin-bottom: 6px;
	margin-left: 208px;
}

#EmptySpace {
	float: left;
	width: 120px;
}

#TitlePageTeaser {
	margin-top: 70px;
	margin-bottom: 70px;
	text-align: center;
}

#TitlePageContent {
	padding-bottom: 50px;
	text-align: center;
}

#PageContent {
	float: left;
	width: 560px;
	padding: 2em;
}

#PageContent p { line-height: 1.4em; text-align: justify; }

#PageContent ul { 
	margin-bottom: 2.5em;
	list-style-image: url(../images/dreieck-rechts.png);
}

#PageContent li {
	line-height: 1.4em;
	margin-bottom: 0.75em;
}

#PageContentPicture {
	float: left;
	padding-top: 4.4em;
	padding-bottom: 2em;
}

#PageFooter {
	padding: 1px 30px;
	background-color: #002140;
	color: #6c90bd;
	font-size: 90%;
}
.FooterCol {
	width: 20%;
	float: left;
	margin: 2%;
}


#LanguageChooser a:link, 
#PageContent a:link, 
#PageFooter a:link,
#LanguageChooser a:visited, 
#PageContent a:visited, 
#PageFooter a:visited,
#LanguageChooser a:active, 
#PageContent a:active, 
#PageFooter a:active { color: white; text-decoration: none }

#LanguageChooser a:hover, 
#PageContent a:hover, 
#PageFooter a:hover { color: white; text-decoration: underline }

.ClearFloats {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

.SubLink { font-size: 7pt; font-weight: bold; }

.ImgLeft { float: left; }
.TxtRight { float: left; }

.tab1 { display: inline-block; width: 5em; }

.txtmatt { color: #b6c7de; }

div#accordion h3 a { text-decoration: none }
div#accordion h3 {
	padding: 2px 4px 2px 18px;
	border: none;
	background: transparent url(../images/dreieck-rechts.png) no-repeat 6px 6px;
	text-decoration: none;
}
div#accordion h3.ui-state-active
{
	background: transparent url(../images/dreieck-unten.png) no-repeat 4px 6px;
}