@charset "utf-8";
/* Allgemeines CSS-Dokument Germanflux */

* {
	padding:0;
	margin:0;
}

html {
	height:100%;
	overflow-y:scroll;
}

body {
	height:100%;
	font-size: 100.01%;
	background:#85b8df;
	font-family:Arial, Helvetica, sans-serif;
}

table {
	border-collapse:collapse;
	border:0 none;
}

td {
	border:0 none;
}

img {
	display:block;
	border:0 none;
}

/* HAUPT-LAYOUT-GERÜST */

/* Vordergrund */

#vg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

#vg-tabelle {
	width:100%;
}

#ol {
	background:#85b8df url(../allgemein/kopf-hg-li.gif) right;
	border-right: 1px solid #fff;
	height:124px;
	vertical-align:bottom;
	width:22%;
}

#or {
	background:#85b8df url(../allgemein/kopf-hg-re-blau.gif) left;
	width:78%;
	
}

#ml-o {
	vertical-align:top;
	border-top: 1px solid #fff;
	background:#dbeaf5;
	border-right: 1px solid #fff;
	height:80px;
}

#ml-u {
	vertical-align:bottom;
	background:#dbeaf5;
	border-right: 1px solid #fff;
}

#mr {
	border-top: 1px solid #fff;
	background:#dbeaf5 url(../allgemein/hg-menuebalken.gif) top repeat-x;
	vertical-align:top;
}

#ul {
	border-top: 1px solid #fff;
	background:#dbeaf5;
	border-right: 1px solid #fff;
}

#ur {
	border-top: 1px solid #fff;
	background:#dbeaf5;
}

/* Hintergrund */

#hg {
	height:100%;
	width:100%;
}

#hg-tabelle {
	height:100%;
	width:100%;
}

#hg-spalte-1 {
	width:22%;
	height:100%;
	background:#dbeaf5;
	border-right: 1px solid #fff;
}

#min-breite-1 {
	width:200px;
	height:100%;
	float:right;
}

td#hg-spalte-2 {
	width:78%;
	height:100%;
	background:#dbeaf5;
}

#min-breite-2 {
	width:722px;
	height:100%;
	background:#f8fbfd url(../allgemein/hg-bildbereich.gif) right repeat-y;
	float:left;
	border-right: 1px solid #fff;
}

/* GRAFISCHE ELEMENTE */

#kopf {
	width:722px;
	height:124px;
	border-right: 1px solid #fff;
}

.headerbild {
	height:139px;
	width:240px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	float:left;
}

.bildbeschreibung {
	position:absolute;
	margin:140px 0 0 0;
	font-size:0.7em;
	color:#000;
	padding:0 0 0 4px;
}

#inhalt {
	clear:both;
	width:723px;
	display:table;
	background:#f8fbfd url(../allgemein/hg-bildbereich.gif) right repeat-y;
}

.text {
	width:436px;
	padding:12px 15px 0 30px;
	float:left;
}

.bilder {
	width:240px;
	float:left;
}

.bilder img {
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
}

.text-rechts {
	width:204px;
	float:left;
	padding:40px 10px 0 16px;
}

.text-rechts-2 {
	width:204px;
	float:left;
	padding:12px 10px 0 16px;
}

#sprachwahl {
	float:right;
	text-align:right;
	padding:0 18px 10px 0;
}

#sprachwahl a img {
	float:left;
	border:1px solid transparent;
	margin:0 0 0 10px;
}

#sprachwahl a.aktiv img {
	float:left;
	border:1px solid #fff;
}

#sprachwahl a:hover img {
	border:1px solid #fff;
}

#kontaktdaten {
	width:182px;
	padding:0 18px 1.2em 0;
	float:right;
	text-align:right;
}

#fuss {
	width:723px;
	background:#f8fbfd url(../allgemein/hg-bildbereich.gif) right repeat-y;
	height:30px;
}

/* HAUPTMENÜ */

#hauptmenuefeld {
}

ul#hauptmenue  {
	display:block;
	line-height:1px;
	padding:0;
	margin:0;
	background:#85b8df;
}

#hauptmenue li {
	list-style:none;
	border-bottom:1px solid #fff;
	text-align:right;
	font-size:13px;
	width:100%;
	padding:0;
	margin:0;
}

#hauptmenue li a {
	color:#fff;
	font-size:13px;
	line-height:16px;
	display:block;
	min-height:18px;
	padding:5px 18px 4px 0;
	text-decoration:none;
}

#hauptmenue li a:hover {
	background:#dbeaf5;
	color:#106ca5;
}

#hauptmenue li.aktiv a {
	background:#f3f8fc;
	color:#000;
}

/* Untermenü */

ul#untermenue {
	clear:both;
	display:block;
	line-height:1px;
	padding:0;
	margin:0;
}

ul#untermenue li {
	list-style:none;
	border-bottom:1px solid #fff;
	text-align:right;
	width:100%;
	font-size:13px;
	padding:0;
	margin:0;
}

ul#untermenue li a {
	color:#0d7fc5;
	font-size:13px;
	line-height:16px;
	display:block;
	min-height:16px;
	padding:4px 18px;
	text-decoration:none;
}

ul#untermenue li a:hover {
	background:#b0d1ea;
	color:#106ca5;
}

#untermenue li.aktiv a {
	background:#f3f8fc;
	color:#000;
}

/* TYPOGRAFIE */

h1, h2 {
	font-family:Georgia , Times New Roman, Times, serif;
}

h1 {
	font-size:1.4em;
	line-height:2em;
	font-weight:normal;
	padding:14px 0 0.8em 0;
	color:#333;
}

h2 {
	font-size:1.2em;
	line-height:1.7em;
	font-weight:normal;
	padding:0 0 0.6em 0;
	color:#333;
}

h3 {
	font-size:1em;
	font-weight:normal;
	padding:0 0 0.3em 0;
	color:#333;
}

h4 {
	font-size:0.8em;
	font-weight:bold;
	color:#333;
	padding:0 0 0.3em 0;
}

h5 {
	font-size:0.7em;
	font-weight:bold;
	color:#333;
}


p {
	font-size:0.8em;
	line-height:1.6em;
	padding:0 0 1em 0;
	color:#333;
}

p.bildunter {
	font-size:0.7em;
	line-height:1.1em;
	display:block;
	padding:2px 4px 4px 4px;
	line-height:0.9em;
}

a {
	color:#0d7fc5;
}

a:hover {
	color:#85b8df;	
}

ul {
	padding:0 0 0.6em 0;
	margin:0;
}

li {
	margin:0 0 0 16px;
	list-style:square;
	font-size:0.8em;
	line-height:1.4em;
	padding:0 0 0.2em 0;
}

li a.aktiv {
	color:#000;
}

small {
	font-size:0.7em;
	line-height:1.5em;
}

strong.wichtig {
	font-weight:normal;
}

span.trennung {
	font-size:0px;
}

.ueberschrift {
	clear:both;
	padding:0 0 0.6em 30px;
}

.text-1-bild {
	clear:both;
	width:722px;
	background:url(../allgemein/linie-333-2.gif) 30px 2px no-repeat;
	display:table;
	margin:0 0 16px 0;
}

.bild-rechts {
	float:right;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.text-2-bilder {
	clear:both;
	width:722px;
	margin:0 0 16px 0;
}


.bild-li {
	width:240px;
	vertical-align:top;
	padding:15px 0 0 0;
	background:url(../allgemein/linie-333.gif) 30px 2px no-repeat;
}

.bild-li img {
	margin:0 0 0 30px;
}

.bild-re {
	width:240px;
	vertical-align:bottom;
	padding:0 0 4px 0;
	background:url(../allgemein/linie-333.gif) bottom repeat-x;
}

.bild-re img {
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.haupttext {
	padding:12px 4px 0 0;
	vertical-align:top;
	background:url(../allgemein/linie-333.gif) -4px 2px no-repeat;
}

.nebentext {
	vertical-align:bottom;
	font-size:0.8em;
	line-height:1.4em;
	text-align:right;
	padding:6px 4px 2px 0;
	background:url(../allgemein/linie-333.gif) bottom repeat-x;
}

/* Typo Kontaktdaten */

#kontaktdaten h5 {
	font-size:0.7em;
}

#kontaktdaten p {
	font-size:0.7em;
	line-height:1.2em;
	padding:0 0 0.2em 0;
}