@media all {
/************************************************/

/*
'-------------------------------------------------
' Grundeinstellungen
'-------------------------------------------------
*/

html {
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.01%;
}

body {
	/* Hintergrund */
	background-color: #fff;
	background-image: url("/5_images/1_main/bg_lines-v.gif");
	background-repeat: repeat-y;
	background-attachment: scroll;
	background-position: 0 0;
	/* Schrifteinstellungen */
	font-size: 68.75%; /* = 75% von 16px = 12px | 68.75% von 16px = 11px */
	color: #00234f;
	line-height: 1.4em;
	letter-spacing: 0;
	word-spacing: normal;
	text-align: left;
	text-decoration: none;
}

* {
	font-size: 100%;
	padding: 0;
	margin: 0;
}

select, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}



/*
'-------------------------------------------------
' Definition Layer
'-------------------------------------------------
*/

div#layoutContainerLayer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: visible;
	z-index: 1;
}

div#headerCoverLayer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 240px;
	height: 295px;
	background-color: #fff;
	z-index: 1;
}

div#nav1BackgroundLayer { position: absolute; left: 0px; top: 110px; width: 100%; height: 18px; background-color: #00285a; z-index: 3; }
div#nav2BackgroundLayer { position: absolute; left: 0px; top: 128px; width: 100%; height: 18px; background-color: #5e8fcb; z-index: 3; }
div#nav2BackgroundCoverLayer { position: absolute; left: 240px; top: 128px; height: 18px; background-color: #fff; z-index: 4; }

div#headerPictureLayer {
	position: absolute;
	left: 0px;
	top: 110px;
	width: 240px;
	height: 170px;
	background-color: #00285a;
	z-index: 5;
}

div#headerLogoLayer {
	position: absolute;
	left: 541px;
	top: 30px;
	width: 242px;
	height: 51px;
	z-index: 5;
}

div#footerLogoLayer {
	position: fixed;
	left: 0px;
	bottom: 30px;
	width: 240px;
	height: auto;
	text-align: center;
	z-index: 100;
}

* html div#footerLogoLayer {
	position: absolute;
}

div#contentLayer {
	position: absolute;
	left: 270px;
	top: 247px;
	width: 410px;
	height: auto;
	padding: 0 0 35px 0;
	z-index: 21;
}

div#contentLayer.contentMaxClass {
	width: 690px;
}

div#contentExtraLayer {
	position: absolute;
	left: 720px;
	top: 247px;
	width: 240px;
	height: auto;
	z-index: 21;
}

div#navigation1Layer {
	position: absolute;
	left: 240px;
	top: 110px;
	width: 725px;
	height: 18px;
	overflow: hidden;
	z-index: 31;
}

div#navigation2Layer {
	position: absolute;
	left: 240px;
	top: 128px;
	width: auto;
	height: 18px;
	overflow: hidden;
	z-index: 31;
}

div#navigation3Layer {
	position: absolute;
	left: 0px;
	top: 320px;
	width: 240px;
	height: auto;
	z-index: 31;
}



/*
'-------------------------------------------------
' Definition Subtemplates
'-------------------------------------------------
*/

.subcolumns {
	width: 100%;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 15px;
}

.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l { float: left; }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { float: right; margin-left: 0px; }

.c25l, .c25r { width: 24.999%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 49.999%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 74.999%; }
.c38l, .c38r { width: 38.199%; }
.c62l, .c62r { width: 61.799%; }

.subc { padding: 0 0.5em 0 0; }
.subcl { padding: 0 1em 0 0; }
.subcr { padding: 0 0 0 1em; }

* html .c50l, * html .c25l, * html .c33l, * html .c38l, * html .c66l, * html .c75l, * html .c62l,
* html .c50r, * html .c25r, * html .c33r, * html .c38r, * html .c66r, * html .c75r, * html .c62r {
	display: inline;
}

* html #col1_content { word-wrap: break-word; }
* html #col2_content { word-wrap: break-word; }
* html #col3_content { word-wrap: break-word; }

* html .subcolumns .subc,
* html .subcolumns .subcl,
* html .subcolumns .subcr { word-wrap: break-word; overflow: hidden; padding: 0; }



/*
'-------------------------------------------------
' Definition Elemente
'-------------------------------------------------
*/

div.clearClass {
	clear: both;
	height: 1px;
	font-size: 1px;
	line-height: 0;
}

div.ghostClass {
	position: absolute;
	display: none;
	z-index: 0;
}

div.separatorClass {
	position: relative;
	width: 100%;
	height: 1px;
	font-size: 0;
	line-height: 0;
	border-style: solid;
	border-color: #5e8fcb;
	border-width: 1px 0 0 0;
	margin: 24px 0 20px 0;
}

div.formAlertClass {
	border: 1px solid #c00;
	border-width: 1px 0 1px 0;
	color: #c00;
	background-color: #eee;
}

span.subtitleClass {
	font-weight: normal;
}

.alertClass {
	font-weight: bold;
	color: #cc0000;
}

.topZeroClass { margin-top: 0 !important; }
.topDoubleClass { margin-top: 2.4em !important; }
.bottomZeroClass { margin-bottom: 0 !important; }
.bottomDoubleClass { margin-bottom: 2.4em !important; }

.w25Class { width: 24.999%; }
.w33Class { width: 33.333%; }
.w50Class { width: 49.999%; }
.w66Class { width: 66.666%; }
.w75Class { width: 74.999%; }

p { margin: 1.4em 0 1.4em 0; }
div.pClass { margin: 1.4em 0 1.4em 0; }
p.firstClass { margin-top: 0em; }

table {
	border-width: 0;
	margin: 0 0 1.4em 0;
	border-collapse: collapse;
	empty-cells: hide;
}

th, td {
	background-color: transparent;
}

img {
	border: 0;
}

div#contentLayer img {
	border: 1px solid #000000;
}

img.impressionClass {
	width: 100px;
	height: 100px;
	border: 0;
}

img.nav1Class { height: 18px; }
img.nav2Class { height: 18px; }

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

pre, code {
	font-family: "Courier New", Courier, monospace;
}

address {
	font-style: normal;
	margin: 0 0 1.4em 0;
}

acronym, abbr {
	letter-spacing: 0.07em;
	border-bottom: 1px dashed #000000;
	cursor: help;
}

blockquote, cite {
	margin: 0 0 1.4em 1.4em;
	width: auto;
}

hr {
	color: #fff;
	background: transparent;
	margin: 0 0 0.5em 0;
	border: 0;
	border-bottom: 1px #000000 solid;
}

h1 { font-size: 136.36%; color: #00285a; line-height: 1.2em; margin: 2.4em 0 1.4em 0; }
h2 { font-size: 127.27%; color: #00285a; margin: 2.4em 0 1.4em 0; }
h3, h4, h5, h6 { font-size: 1.0em; color: #000000; margin: 2.4em 0 1.4em 0; font-weight: bold; }
h1.firstClass, h2.firstClass, h3.firstClass, h4.firstClass, h5.firstClass, h6.firstClass { margin-top: 0em; }



/*
'-------------------------------------------------
' Links
'-------------------------------------------------
*/

div#contentLayer a,
div#contentLayer a:link,
div#contentLayer a:visited { color: #00285a; font-weight: normal; text-decoration: underline; }
div#contentLayer a:hover,
div#contentLayer a:active,
div#contentLayer a:visited:hover,
div#contentLayer a:visited:active { color: #5e8fcb; }

div#contentExtraLayer a,
div#contentExtraLayer a:link,
div#contentExtraLayer a:visited { color: #00285a; font-weight: normal; text-decoration: underline; }
div#contentExtraLayer a:hover,
div#contentExtraLayer a:active,
div#contentExtraLayer a:visited:hover,
div#contentExtraLayer a:visited:active { color: #5e8fcb; }

div#navigation1Layer ul li a,
div#navigation1Layer ul li a:link {
	display: block;
	float: left;
	width: auto;
	background-color: #00285a;
	padding: 0px 10px 0px 30px;
}
div#navigation1Layer ul li a:hover { background-color: #5e8fcb; }
div#navigation1Layer ul li a:active { background-color: #5e8fcb; }
div#navigation1Layer ul li a:visited { background-color: #00285a; }
div#navigation1Layer ul li a:visited:hover { background-color: #5e8fcb; }
div#navigation1Layer ul li a:visited:active { background-color: #5e8fcb; }

div#navigation1Layer ul li a.actClass,
div#navigation1Layer ul li a.actClass:link { background-color: #5e8fcb; }

div#navigation2Layer ul li a,
div#navigation2Layer ul li a:link {
	display: block;
	float: left;
	width: auto;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 17px 7px;
	padding: 0px 10px 0px 30px;
}
div#navigation2Layer ul li a:hover { background-image: url('/5_images/5_navigation/2_indicator.gif'); }
div#navigation2Layer ul li a:active { background-image: url('/5_images/5_navigation/2_indicator.gif'); }
div#navigation2Layer ul li a:visited { background-image: none; }
div#navigation2Layer ul li a:visited:hover { background-image: url('/5_images/5_navigation/2_indicator.gif'); }
div#navigation2Layer ul li a:visited:active { background-image: url('/5_images/5_navigation/2_indicator.gif'); }

div#navigation2Layer ul li a.actClass,
div#navigation2Layer ul li a.actClass:link { background-image: url('/5_images/5_navigation/2_indicator.gif') !important; }

div#navigation3Layer ul li a,
div#navigation3Layer ul li a:link {
	color: #fff;
	text-decoration: none;
	display: block;
	width: auto;
	background-image: url('/5_images/5_navigation/3_indicator_off.gif');
	background-repeat: no-repeat;
	background-position: 31px center;
	padding: 1px 0px 1px 45px;
}
div#navigation3Layer ul li a:hover { color: #fff; background-image: url('/5_images/5_navigation/3_indicator_on.gif'); }
div#navigation3Layer ul li a:active { color: #fff; background-image: url('/5_images/5_navigation/3_indicator_on.gif'); }
div#navigation3Layer ul li a:visited { color: #fff; background-image: url('/5_images/5_navigation/3_indicator_off.gif'); }
div#navigation3Layer ul li a:visited:hover { color: #fff; background-image: url('/5_images/5_navigation/3_indicator_on.gif'); }
div#navigation3Layer ul li a:visited:active { color: #fff; background-image: url('/5_images/5_navigation/3_indicator_on.gif'); }

div#navigation3Layer ul li a.actClass,
div#navigation3Layer ul li a.actClass:link { color: #fff; background-image: url('/5_images/5_navigation/3_indicator_on.gif') !important; }



/*
'-------------------------------------------------
' Formulare
'-------------------------------------------------
*/

form { overflow: hidden; }
fieldset { border: 0; }

span.formInputsetClass {
	display: block;
	margin: 0 0 0.5em 0;
}

span.formInputsetIndentClass {
	padding-left: 125px;
}

span.formInputsetIndentLoginClass {
	padding-left: 100px;
}

label {
	width: 125px;
	height: auto;
	padding: 2px 0 0 0;
	float: left;
	text-align: left;
}

label.loginClass { width: 100px; }

.ffCheckboxClass { margin-right: 3px; }

.ffTextClass {
	width: 270px;
	border: 1px #00285a solid;
	background: #fff;
	padding: 2px 0 2px 5px;
	color: #00285a;
}

.ffText25Class { width: 75px; }
.ffText50Class { width: 135px; }
.ffTextLoginClass { width: 125px; }

.ffTextareaClass {
	width: 270px;
	height: 100px;
	border: 1px #00285a solid;
	background: #fff;
	padding: 2px 0 2px 5px;
	color: #00285a;
}

.ffSelectClass { width: 270px; }
.ffSelectNumbersClass { width: 75px !important; margin-right: 5px; }
.ffSelectClass option { padding-left: 5px; }

.ffButtonClass { width: auto; }

input[type=text]:focus, input[type=text]:hover, input[type=text]:active,
input[type=password]:focus, input[type=password]:hover, input[type=password]:active,
textarea:focus, textarea:hover, textarea:active {
	background: #eee;
	color: #00285a;
	font-weight: bold;
	border-color: #5e8fcb;
}

select, input, textarea {
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
}



/*
'-------------------------------------------------
' Listen
'-------------------------------------------------
*/

ul, ol, dl {
	position: relative;
}

div#contentLayer ul,
div#contentExtraLayer ul {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
	margin-top: 1.4em;
	margin-bottom: 1.4em;
}

/* Liste Navigation - horizontal */

div#navigation1Layer ul,
div#navigation2Layer ul {
	list-style-type: none;
	list-style-position: outside;
	display: inline;
}

div#navigation1Layer ul li,
div#navigation2Layer ul li {
	float: left;
	display: inline;
}

/* Liste Navigation - vertikal */

div#navigation3Layer ul {
	list-style-type: none;
	list-style-position: outside;
	width: 100%;
}

div#navigation3Layer ul li {
	width: 100%;
}



/************************************************/
}