﻿/*  Anpassungen Krz */
/*  =============== */
/*
/*  Farben */
/* #000000  - schwarz       */
/* #666666  - dunkelgrau    */
/* #000060  - Krz blau      */
/* #FC7814  - Krz orange    */
/* #e6e6e6  - hellgrau      */
/* #CCCCCC  - grau          */
/* #FFFFFF  - weiß          */
/*

 3.9.2014  Mü
    .ym-form button -> .ym-form input[type="submit"]  - ergänzt ( 7 Stellen)
    .ym-fbox-steps button -> .ym-form .ym-fbox-steps a - ergänzt (31 Stellen)
    .ym-form .ym-fbox-steps button, ym-form .ym-fbox-steps a  ->    border-radius: 5px;
    .ym-form .ym-fbox-steps button:hover, button:focus, button:active,
    .ym-form .ym-fbox-steps a:hover, a:focus, a:active ->   border-radius: 5px


 4.9.2014 Mü
    .ym-columnar input,
    .ym-columnar textarea,
    .ym-columnar select {
      float: left;
      margin-right: -3px;
      width: 70%;    <--  ergänzt
    }
    10.09.2014 Mü
    neuer button

    neue Klassen
    .ym-form .krz-error
    .ym-form .krz-hideme
    .ym-form .ym-fbox-steps button.krz-save
    .ym-form .ym-fbox-steps button.krz-print



23.09.2014 Mü
    neue Klassen
    .ym-form .ym-factions a.ym-ico-trash 
    .svg .ym-form .ym-factions a.ym-ico-trash 

    
07.10.2014 Mei
    Position datepicker-trigger geändert



09.10.2014 Mei
    - für die Klasse .ym-header wurde padding-top von 80px auf 0px verringert
    
    - form.ym-form-login
      nur padding-top auf 40 px gesetzt


13.10.2014 Mei
   - für form.ym-form-login fieldset wurde padding-right auf 0 gesetzt 
       so können die einzelnen label für die radiobuttons mehr text aufnehmen
       und ein Zeilenumbruch wird verhindert
  


14.10.2014 Mü
    - .ym-form-trail  margin-top: 2em; -> -.7em;
    - h3.ico-schueler, h3.ico-schulen, h3.ico-bildung, h3.ico-hilfe
        zoom: 1; -> .7;

27.10.2014 Mei
    - Klasse .ym-form-trail-krz li:nth-child(2) span:after  
      ergänzt, um nur für die Registerkarte Notfalladresse/Erziehungsberechtigt
      die Navigation farblich anzupassen 


27.11.2014 Mei
    Klassen .gelberListentyp und .gruenerListentyp zur farblichen Differenzierung
    z.B. für gelbe und gruene Betriebe

10.12.2014 Mei
    ui datepicker-trigger für diverse Textboxen mit ID-Verknüpfung

12.12.2014 Mei
    - krz-FkMs zur Formatierung Fahrkostenantrag Münster

17.12.2014 Mü
    margin-bottom datepicker-trigger geändert

22.04.2015 Mou
    Success criteria 3.3.2 and 1.3.1 (Barriere-Check Pro Nr 12.4, Index.aspx)

21.10.2015 Mou
    h3.faq
    Layout wie in der Template 
    
21.10.2015 Mou
    Slide blocks für Accordeon
    
21.10.2015
    dl (Definition List) innerhalb vom accordeon für faq  
       
21.10.2015
    dt (Definition Title) innerhalb vom accordeon für faq     

13.07.10.2016
    Krz-InfoBox

26.10.2016 Mei
     Klassen für interaktiv erstellte Buttons
    .ym-form button
    .ym-ico-print-krz
    .ym-ico-save-krz

08.11.2016 Mei
    Klasse für SkipLink-Navigation mit der Steuerleiste (Firefox)
    krz-skiplink

*/

.ym-columnar input,
.ym-columnar textarea,
.ym-columnar select {
	float: left;
	margin-right: -3px;
	width: 100%;
}

.ym-form .ym-factions a.ym-ico-trash {
	background-image: url(../img/loeschen.svg);
	background-position: right 10px center;
	background-repeat: no-repeat;
	border: 2px #fff solid;
	display: inline-block;
	padding: 8px 0 0 10px;
}

.svg .ym-form .ym-factions a.ym-ico-trash {
	background-image: url(../img/loeschen.svg);
}

.ym-form textarea, .ym-form input, .ym-form select, .ym-form input [type="submit"] {
	color: #000060;
	font-family: "Titillium Web", Helvetica, Arial, sans-serif;
	font-size: 18px;
}

/*funktioniert nur beim IE*/
select > option:hover {
	color: #FFFFFF;
	background-color: #000060;
}

select > option:active {
	color: #FFFFFF;
	background-color: #000060;
}

select > option:checked {
	color: #FFFFFF;
	background-color: #000060;
}

select > option:current {
	color: #FFFFFF;
	background-color: #000060;
}

select > option::selection {
	color: #FFFFFF;
	background-color: #000060;
}

.gelberListentyp {
	color: #000060;
	background-color: #ff0;
}

.gruenerListentyp {
	color: #FFFFFF;
	background-color: #339933;
}

.ym-form button.ym-xl, .ym-form input [type="submit"].ym-xl {
	font-size: 21px;
	font-size: 1.3125rem;
}


.ym-form input.ym-80, .ym-form select.ym-80, .ym-form textarea.ym-80 {
	width: 80%;
}

/* Header */
.ym-header {
	zoom: 1;
}

	.ym-header h1.ym-logo a, .ym-header h1.ym-logo strong {
		background: url(../img/logo_schueler-online.png) no-repeat;
		display: block;
		height: 80px;
		width: 254px;
	}

.svg .ym-header h1.ym-logo a, .svg .ym-header h1.ym-logo strong {
	background-image: url(../img/logo_schueler-online.svg);
}

form.ym-form-login {
	border: 0;
	margin: 0;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*changeset 3415*/
.ym-form .ym-fbox-steps button, .ym-form .ym-fbox-steps a {
}


	/*changeset 3415*/
	.ym-form .ym-fbox-steps button.ym-button-step-left, .ym-form .ym-fbox-steps a.ym-button-step-left {
		float: left;
	}

	/*changeset 3415*/
	.ym-form .ym-fbox-steps button.ym-button-step-right, .ym-form .ym-fbox-steps a.ym-button-step-right {
		float: right;
	}

	/*changeset 3415*/
	.ym-form .ym-fbox-steps button.ym-arrow-left, .ym-form .ym-fbox-steps a.ym-arrow-left {
		background-image: url(../img/ico_steps-left.png);
		background-position: 0 .3em;
		padding-left: 35px;
	}

/*changeset 3415*/
.svg .ym-form .ym-fbox-steps button.ym-arrow-left, .svg .ym-form .ym-fbox-steps a.ym-arrow-left {
	background-image: url(../img/ico_steps-left.svg);
}

.ym-form .ym-fbox-steps button.ym-arrow-left, .ym-form .ym-fbox-steps a.ym-arrow-left {
	background-image: url(../img/ico_steps-left.png);
	background-position: 0 .3em;
	padding-left: 35px;
}

	/*changeset 3415*/
	.ym-form .ym-fbox-steps button.ym-arrow-left:hover, .ym-form .ym-fbox-steps button.ym-arrow-left:focus, .ym-form .ym-fbox-steps button.ym-arrow-left:active,
	.ym-form .ym-fbox-steps a.ym-arrow-left:hover, .ym-form .ym-fbox-steps a.ym-arrow-left:focus, .ym-form .ym-fbox-steps a.ym-arrow-left:active {
		background-image: url(../img/ico_steps-left-active.png);
	}

/*changeset 3415*/
.svg .ym-form .ym-fbox-steps button.ym-arrow-left:hover, .svg .ym-form .ym-fbox-steps button.ym-arrow-left:focus, .svg .ym-form .ym-fbox-steps button.ym-arrow-left:active,
.svg .ym-form .ym-fbox-steps a.ym-arrow-left:hover, .svg .ym-form .ym-fbox-steps a.ym-arrow-left:focus, .svg .ym-form .ym-fbox-steps a.ym-arrow-left:active {
	background-image: url(../img/ico_steps-left-active.svg);
}

/*changeset 3415*/
.ym-form .ym-fbox-steps button.ym-arrow-double, .ym-form .ym-fbox-steps a.ym-arrow-double {
	background-image: url(../img/ico_steps-left-double.png);
	background-position: 0 .3em;
	padding-left: 45px;
}

/*changeset 3415*/
.svg .ym-form .ym-fbox-steps button.ym-arrow-double, .svg .ym-form .ym-fbox-steps a.ym-arrow-double {
	background-image: url(../img/ico_steps-left-double.svg);
}

/*changeset 3415*/
.ym-form .ym-fbox-steps button.ym-arrow-double:hover, .ym-form .ym-fbox-steps button.ym-arrow-double:focus, .ym-form .ym-fbox-steps button.ym-arrow-double:active,
.ym-form .ym-fbox-steps a.ym-arrow-double:hover, .ym-form .ym-fbox-steps a.ym-arrow-double:focus, .ym-form .ym-fbox-steps a.ym-arrow-double:active {
	background-image: url(../img/ico_steps-left-double-active.png);
}

/*changeset 3415*/
.svg .ym-form .ym-fbox-steps button.ym-arrow-double:hover, .svg .ym-form .ym-fbox-steps button.ym-arrow-double:focus, .svg .ym-form .ym-fbox-steps button.ym-arrow-double:active,
.svg .ym-form .ym-fbox-steps a.ym-arrow-double:hover, .svg .ym-form .ym-fbox-steps a.ym-arrow-double:focus, .svg .ym-form .ym-fbox-steps a.ym-arrow-double:active {
	background-image: url(../img/ico_steps-left-double-active.svg);
}

/*changeset 3415*/
.ym-form .ym-fbox-steps button.ym-arrow-right, .ym-form .ym-fbox-steps a.ym-arrow-right {
	background-image: url(../img/ico_steps-right.png);
	background-position: right .3em;
	float: right;
	padding-right: 35px;
}

/*changeset 3415*/
.svg .ym-form .ym-fbox-steps button.ym-arrow-right, .svg .ym-form .ym-fbox-steps a.ym-arrow-right {
	background-image: url(../img/ico_steps-right.svg);
}

/*changeset 3415*/
.ym-form .ym-fbox-steps button.ym-arrow-right:hover, .ym-form .ym-fbox-steps button.ym-arrow-right:focus, .ym-form .ym-fbox-steps button.ym-arrow-right:active,
.ym-form .ym-fbox-steps a.ym-arrow-right:hover, .ym-form .ym-fbox-steps a.ym-arrow-right:focus, .ym-form .ym-fbox-steps a.ym-arrow-right:active {
	background-image: url(../img/ico_steps-right-active.png);
}

/*changeset 3415*/
.svg .ym-form .ym-fbox-steps button.ym-arrow-right:hover, .svg .ym-form .ym-fbox-steps button.ym-arrow-right:focus, .svg .ym-form .ym-fbox-steps button.ym-arrow-right:active,
.svg .ym-form .ym-fbox-steps a.ym-arrow-right:hover, .svg .ym-form .ym-fbox-steps a.ym-arrow-right:focus, .svg .ym-form .ym-fbox-steps a.ym-arrow-right:active {
	background-image: url(../img/ico_steps-right-active.svg);
}

.ym-form .ym-fbox-steps button.krz-print, .ym-form .ym-fbox-steps a.krz-print {
	background-image: url(../img/ico_print.png);
	background-position: 0 .3em;
	padding-left: 40px;
}

.svg .ym-form .ym-fbox-steps button.krz-print, .svg .ym-form .ym-fbox-steps a.krz-print {
	background-image: url(../img/ico_print.svg);
}

.ym-form .ym-fbox-steps button.krz-print:hover, .ym-form .ym-fbox-steps button.krz-print:focus, .ym-form .ym-fbox-steps button.krz-print:active,
.ym-form .ym-fbox-steps a.krz-print:hover, .ym-form .ym-fbox-steps a.krz-print:focus, .ym-form .ym-fbox-steps a.krz-print:active {
	background-image: url(../img/ico_print.png);
}

.svg .ym-form .ym-fbox-steps button.krz-print:hover, .svg .ym-form .ym-fbox-steps button.krz-print:focus, .svg .ym-form .ym-fbox-steps button.krz-print:active,
.svg .ym-form .ym-fbox-steps a.krz-print:hover, .svg .ym-form .ym-fbox-steps a.krz-print:focus, .svg .ym-form .ym-fbox-steps a.krz-print:active {
	background-image: url(../img/ico_print.svg);
}

.ym-form .ym-fbox-steps button.krz-save, .ym-form .ym-fbox-steps a.krz-save {
	background-image: url(../img/ico_save.png);
	background-position: right .3em;
	float: right;
	padding-right: 35px;
}

.svg .ym-form .ym-fbox-steps button.krz-save, .svg .ym-form .ym-fbox-steps a.krz-save {
	background-image: url(../img/ico_steps-right.svg);
}

.ym-form .ym-fbox-steps button.krz-save:hover, .ym-form .ym-fbox-steps button.krz-save:focus, .ym-form .ym-fbox-steps button.krz-save:active,
.ym-form .ym-fbox-steps a.krz-save:hover, .ym-form .ym-fbox-steps a.krz-save:focus, .ym-form .ym-fbox-steps a.krz-save:active {
	background-image: url(../img/ico_save.png);
}

.svg .ym-form .ym-fbox-steps button.krz-save:hover, .svg .ym-form .ym-fbox-steps button.krz-save:focus, .svg .ym-form .ym-fbox-steps button.krz-save:active,
.svg .ym-form .ym-fbox-steps a.krz-save:hover, .svg .ym-form .ym-fbox-steps a.krz-save:focus, .svg .ym-form .ym-fbox-steps a.krz-save:active {
	background-image: url(../img/ico_save.svg);
}

h3.ico-schueler, h3.ico-schulen, h3.ico-bildung, h3.ico-hilfe {
}

h3.ico-youtube {
	background: url(../img/yt_logo_mono_light.png);
	content: " ";
	float: left;
	height: 88px;
	margin: -.1em 15px 15px 0;
	width: 271px;
	background-repeat: no-repeat;
}

a.xhyp {
	font-size: 21.93px;
	text-decoration: underline;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

h3.faq {
	color: #060060;
	font-size: 24px;
	font-size: 1.5rem;
	margin: 0 0 1em 0;
}

.news {
	font-size: 21px;
	color: #555555;
}

/*.news-NW {
	display: block;
	float: left;
	height: 80px;
	width: 254px;
}

.news-NS {
	display: block;
	float: left;
	height: 100px;
}*/

/* Formular-Steps */
.ym-form-trail-krz li:nth-child(2) span:after {
	content: ' ';
	border-top: 20px transparent solid;
	border-bottom: 20px transparent solid;
	border-left: 20px #000060 solid;
	position: absolute;
	top: 0;
	right: -19px;
	z-index: 1;
}

.ym-form-trail {
}

#tbxGeburtsdatum + .ui-datepicker-trigger {
	width: 30px;
	height: 30px;
	float: right;
	margin-bottom: -30px;
	display: inline-block;
	position: relative;
	top: -30px;
	right: -4px;
}

#ContentPlaceHolder1_tbxBetriebAusbildungsbeginn + .ui-datepicker-trigger {
	width: 30px;
	height: 30px;
	float: left;
	margin-bottom: 0px;
	margin-left: 10px;
	display: block;
	position: static;
}

#ContentPlaceHolder1_tbxBetriebAusbildungsende + .ui-datepicker-trigger {
	width: 30px;
	height: 30px;
	float: left;
	margin-bottom: 0px;
	margin-left: 10px;
	display: block;
	position: static;
}

/* Slide blocks */
.krz-slide-block > h4 {
	margin-bottom: 0;
}

.krz-slide-link, a.krz-slide-link:focus {
	background: url(../img/ico_arrow-slide-down.png) no-repeat 98% 60% #d8d8d8;
	background-size: 26px;
	display: block;
	padding: 6px;
}

.krz-slide-open .krz-slide-link, .krz-slide-open a.krz-slide-link:focus {
	background: url(../img/ico_arrow-slide-up_v2.png) no-repeat 98% 60% #d8d8d8;
	background-size: 26px;
	color: #000060;
}

.krz-slide-content {
	background: #fff;
	padding: 10px 10px 10px 20px;
}

.krz-slide-block ul.download,
.krz-slide-block ul.links {
	margin-left: 0;
}

	.krz-slide-block ul.download li,
	.krz-slide-block ul.links li {
		list-style: none;
		padding-left: 20px;
		margin-left: 0;
	}

.krz-slide-block .ym-attachement-block {
	margin-top: 10px;
}

/* Slide blocks */
.krz-slide-block {
	margin-bottom: 10px;
}

	.krz-slide-block > h4 {
		margin-bottom: 0;
	}

.krz-slide-link, a.krz-slide-link:focus {
	background: url(../img/ico_arrow-slide-down.png) no-repeat 98% 60% #d8d8d8;
	background-size: 26px;
	display: block;
	padding: 6px;
}

.krz-slide-open .krz-slide-link, .krz-slide-open a.krz-slide-link:focus {
	background: url(../img/ico_arrow-slide-up_V2.png) no-repeat 98% 60% #000060;
	background-size: 26px;
	color: #fff;
}

a.krz-slide-link:hover, a.krz-slide-link:focus, a.krz-slide-link:active {
	background: url(../img/ico_arrow-slide-down-focus.png) no-repeat 98% 60% #000060;
	background-size: 26px;
	color: #fff;
}

.krz-slide-content {
	background: #fff;
	padding: 10px 10px 10px 20px;
}

.krz-slide-block ul.download,
.krz-slide-block ul.links {
	margin-left: 0;
}

	.krz-slide-block ul.download li,
	.krz-slide-block ul.links li {
		list-style: none;
		padding-left: 20px;
		margin-left: 0;
	}

.krz-slide-block .ym-attachement-block {
	margin-top: 10px;
}

/* Slide blocks */
.krz-Mig-slide-block {
	margin-bottom: 10px;
}

	.krz-Mig-slide-block > h4 {
		margin-bottom: 0;
	}

.krz-Mig-slide-link, a.krz-Mig-slide-link:focus {
	background: url(../img/ico_arrow-slide-down.png) no-repeat 98% 60% #d8d8d8;
	background-size: 26px;
	display: block;
	padding: 6px;
}

.krz-Mig-slide-open .krz-Mig-slide-link, .krz-Mig-slide-open a.krz-Mig-slide-link:focus {
	background: url(../img/ico_arrow-slide-up.png) no-repeat 98% 60% #000060;
	background-size: 26px;
	color: #fff;
}

a.krz-Mig-slide-link:hover, a.krz-Mig-slide-link:focus, a.krz-Mig-slide-link:active {
	background: url(../img/ico_arrow-slide-down-focus.png) no-repeat 98% 60% #000060;
	background-size: 26px;
	color: #fff;
}

.krz-Mig-slide-content {
	background: #fff;
	padding: 10px 10px 10px 20px;
}

/* Buttons */
.ym-ico-search {
	padding-left: 80px;
}

	.ym-ico-search:before {
		background: 0 center url(../img/ico_btn-arrow-right.png) no-repeat;
		content: ' ';
		height: 30px;
		position: absolute;
		top: 6px;
		left: 20px;
		width: 40px;
	}

.svg .ym-ico-search .ym-ico-search:before {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
}

/* Icons */
.ym-ico-hide {
	padding-left: 80px;
}

	.ym-ico-hide:before {
		background: 0 center url(../img/arrow-up-01-128.png) no-repeat;
		content: ' ';
		height: 30px;
		position: absolute;
		top: 6px;
		left: 20px;
		width: 40px;
	}

.ym-ico-show {
	padding-left: 80px;
}

	.ym-ico-show:before {
		background: 0 center url(../img/ico_form-select.png) no-repeat;
		content: ' ';
		height: 30px;
		position: absolute;
		top: 6px;
		left: 20px;
		width: 40px;
	}

@media print {
	.ym-nav-meta, .ym-col1, .ym-col3, .ym-fbox-steps, .ym-actions, .ym-form button, .ym-form input [type="submit"], .mediaTableMenu, .ym-action-rows, .ym-legend {
		display: none;
	}
}

@media all {



	/* Krz */
	.ym-form .krz-error {
		color: #950503;
		font-weight: 600;
	}

	.ym-form .krz-okmsg {
		color: #008000;
		font-weight: 600;
	}

	.ym-form .krz-hideme {
		display: none;
	}

	.ym-form fieldset .krz-spaceline {
		width: 5em;
	}

	.ym-form button {
		color: white;
		font-family: "Titillium Web", Helvetica, Arial, sans-serif;
		font-size: 15px;
		font-size: 1.125rem;
	}

	.ym-ico-print-krz {
		padding-left: 80px;
		width: 420px;
		text-align: center;
		font-size: 1.125rem;
	}

		.ym-ico-print-krz:before {
			background: 0 center url(../img/ico_btn-print.png) no-repeat;
			content: ' ';
			height: 30px;
			position: absolute;
			top: 6px;
			left: 8px;
			width: 40px;
		}

	.ym-ico-save {
		padding-left: 80px;
	}

		.ym-ico-save:before {
			background: 0 center url(../img/ico_save.png) no-repeat;
			content: ' ';
			height: 30px;
			position: absolute;
			top: 6px;
			left: 20px;
			width: 40px;
		}

	.ym-ico-save-krz {
		padding-left: 80px;
		width: 420px;
		text-align: center;
		font-size: 1.125rem;
	}

		.ym-ico-save-krz:before {
			background: 0 center url(../img/ico_save.png) no-repeat;
			content: ' ';
			height: 30px;
			position: absolute;
			top: 6px;
			left: 20px;
			width: 40px;
		}

	.svg .ym-ico-save .ym-ico-save:before {
		background-image: url(../img/ico_save.svg);
	}


	.krz-hr {
		border-top: 1px #000060 solid;
		margin-bottom: 1.2em;
	}

	.krz-FkMs {
		font-size: 20px;
		font-size: 1.25rem;
		margin-bottom: 15px;
	}

	.nav-targets strong {
		background: #fff;
		color: #555555;
		font-size: 28px;
		font-size: 1.75rem;
		margin: 4px 4px 0 260px;
		padding: 30px 30px 0 60px;
	}

	.krz-error-page-title {
		color: #950503;
		font-size: 1.25rem;
		font-weight: 600;
	}

	.krz-error-page-subtitle {
		color: #000060;
		font-size: 1.25rem;
		font-weight: 600;
	}

	/* Slide blocks */

	.ym-slide-block:hover {
		border: 1px solid #000060;
	}

	.ym-slide-block > h4 {
		margin-bottom: 0;
	}

	.ym-slide-open .ym-slide-link, .ym-slide-open a.ym-slide-link:focus {
		background: url(../img/ico_arrow-slide-up.png) no-repeat 98% 60% #000060;
		background-size: 26px;
		color: #fff;
	}

	a.ym-slide-link:hover, a.ym-slide-link:focus, a.ym-slide-link:active {
		background: url(../img/ico_arrow-slide-down-focus.png) no-repeat 98% 60% #000060;
		background-size: 26px;
		color: #fff;
	}

	a.ym-slide-link:focus {
		border: 2px solid #fff !important;
	}

	.ym-slide-content {
		background: #fff;
		padding: 10px 10px 10px 20px;
	}

	.ym-slide-block ul.download,
	.ym-slide-block ul.links {
		margin-left: 0;
	}

		.ym-slide-block ul.download li,
		.ym-slide-block ul.links li {
			list-style: none;
			padding-left: 20px;
			margin-left: 0;
		}

	.ym-slide-block .ym-attachement-block {
		margin-top: 10px;
	}

	/* Slide blocks krz */

	.krz-slide-link, a.krz-slide-link:focus {
		background: url(../img/ico_arrow-slide-down.png) no-repeat 98% 60% #d8d8d8;
		background-size: 26px;
		display: block;
		padding: 6px 48px 6px 6px;
		border-radius: 5px;
	}

	.krz-slide-open .krz-slide-link, .krz-slide-open a.krz-slide-link:focus {
		background: url(../img/ico_arrow-slide-up_v2.png) no-repeat 98% 60% #d8d8d8;
		background-size: 26px;
		color: #000060;
	}

	a.krz-slide-link:hover, a.krz-slide-link:focus, a.krz-slide-link:active {
		background: url(../img/ico_arrow-slide-down.png) no-repeat 98% 60% #d8d8d8;
		background-size: 26px;
		color: #000060;
	}

	.krz-slide-content {
		background: #fff;
		padding: 10px 10px 10px 20px;
		border: 1px solid #d8d8d8;
	}

	.krz-slide-block ul.download,
	.krz-slide-block ul.links {
		margin-left: 0;
	}

		.krz-slide-block ul.download li,
		.krz-slide-block ul.links li {
			list-style: none;
			padding-left: 20px;
			margin-left: 0;
		}

	.krz-slide-block {
		margin-top: 10px;
	}

	form.ym-form fieldset.krz-slider {
		padding: 5px 15px;
	}

	h4.krz-nomargin {
		margin-bottom: 0;
	}

	.krz-h4-for-legend {
		display: block;
		font-size: 20px;
		font-size: 1.2rem;
		font-weight: 400;
		padding: 0;
	}

	.krz-error-page {
		float: left;
		margin-left: 150px;
		width: 65%;
	}

	/* Farben */
	.krz-white {
		color: #fff !important;
	}

	.krz-lightgray {
		color: #e6e6e6 !important;
	}

	.krz-gray {
		color: #cccccc !important;
	}

	.krz-darkgray {
		color: #666666 !important;
	}

	.krz-orange {
		color: #e4760a !important;
	}

	.krz-red {
		color: red !important;
	}

	.krz-blue {
		color: #000060 !important;
	}

	.krz-black {
		color: #000000 !important;
	}

	.krz-brown {
		color: #950503 !important;
	}

	.krz-tblHeader {
		background: #000060;
		color: #fff;
		border-radius: 5px;
		padding: 5px 10px 5px 10px;
		font-weight: 400;
		text-align: left;
		vertical-align: top;
		border-spacing: 5px;
		margin: 10px 0 0 0;
	}

	h1 {
		display: block;
		font-size: 32px;
		font-size: 2rem;
		margin: 0 0 .4em 0;
		font-weight: bold;
	}

	h2 {
		display: block;
		font-size: 28px;
		font-size: 1.75rem;
		margin: 0 0 .4em 0;
		font-weight: bold;
	}

	a.krz-skiplink:hover, a.krz-skiplink:active {
		background: #fff !important;
		color: #000060 !important;
	}

	a.krz-skiplink {
		text-decoration: none;
	}

	h3 {
		display: block;
		font-size: 24px;
		font-size: 1.5rem;
		margin: 0 0 .3em 0;
		font-weight: 400;
	}

	h4 {
		display: block;
		font-size: 20px;
		font-size: 1.25rem;
		font-weight: 400;
		margin: 0 0 .2em 0;
	}

	h5 {
		display: block;
		font-size: 16px;
		font-size: 1em;
		margin: 0 0 .2em 0;
		font-weight: 400;
	}

	h6 {
		display: block;
		font-size: 12px;
		font-size: 0.75rem;
		margin: 0 0 .2em 0;
		font-style: italic;
	}

	.cleaner {
		clear: both;
		height: 1px;
		width: 100%;
		font-size: 16px;
		font-size: 1.0rem;
		border: 0px none;
		margin: 0;
		padding: 0;
		background: transparent;
		float: none;
	}

	.faq-title {
		font-weight: bold;
	}

	dt.faq {
		color: #e4760a;
		font-size: 1.2rem;
		font-weight: 400;
	}

	dl {
		margin: 0 0 1em;
	}

	#lblDBName {
		color: #cccccc;
		font-size: 11.2px;
		font-size: 0.7rem;
	}

	.krz-infobox {
		border-style: Solid;
		border-color: #000060;
		border-width: 5px;
		padding: 2px 5px;
		margin: 2em 0 1em 0;
		border-radius: 5px;
		clear: both;
	}
