@font-face {
    font-family: 'Spk_Rg_bold';
    src: url('fonts/sparbd-webfont.eot');
    src: url('fonts/sparbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sparbd-webfont.woff2') format('woff2'),
         url('fonts/sparbd-webfont.woff') format('woff'),
         url('fonts/sparbd-webfont.ttf') format('truetype'),
         url('fonts/sparbd-webfont.svg#sparkasse_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Spk_Rg';
    src: url('fonts/sparrg-webfont.eot');
    src: url('fonts/sparrg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sparrg-webfont.woff2') format('woff2'),
         url('fonts/sparrg-webfont.woff') format('woff'),
         url('fonts/sparrg-webfont.ttf') format('truetype'),
         url('fonts/sparrg-webfont.svg#sparkasse_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Make HTML 5 elements display block-level for consistent styling */
article, aside, canvas, details, embed, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr {
	display: inline;
}
*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  line-height: 1.2;
}
body {
  background: #FFF;
  font-family: 'Spk_Rg', Arial, sans-serif;
  color: #666;
  text-align: center;
  font-size: 12px;
}

.textscroll {width:620px; padding:20px;
 font-family:'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color:#000000;
 height:400px; overflow:auto;}

.logos {position:absolute; top:470px; left:90px;}

.haftpos {position:absolute; top:350px; left:230px; border-style:solid; border-width:1px; border-color:#CFD3D7; background-color:#F0F0F0;}

.rot {color:#E3000F;}
.rotbold {color:000; font-weight:bold;}
.gross {font-size:16px; color:#E3000F; font-family:'Spk_Rg', Arial, sans-serif; font-weight:bold;}
.rand {padding-left:24px;}
.pos {position:absolute; top:122px;}
.logosli {padding-left:90px; padding-top:94px;}

ul {font-size:12px;}
thead {font-weight:bold; font-size:12px; font-family:'Spk_Rg', Arial, sans-serif;}
th {font-weight:bold; font-size:12px; font-family:'Spk_Rg', Arial, sans-serif;}

.weiss {color:#FFFFFF; font-weight:bold;}
.bold {font-weight:bold; font-size:12px;}
.boldklein {font-size:11px; font-weight:bold;}
.klein {font-size:11px;}
.mini {font-size:10px;}

p {
 font-family:'Spk_Rg', Arial, sans-serif; font-size:12px; color:#000000;}

td {
 font-family:'Spk_Rg', Arial, sans-serif; font-size:12px; color:#000000;}
div {
 font-family:'Spk_Rg', Arial, sans-serif; font-size:12px; color:#000000;}

h1, h2, h3, h4, h5, h6 {
  padding: 5px 0 2px;
  font-weight: normal;
  line-height: 1.2em;
  color: #000;
}

h1, h2, h3, h4, h5, h6 {
  padding: 5px 0 2px;
  font-weight: normal;
  line-height: 1.2em;
  color: #000;
}
h2 {
  font-size: 1.6rem;
  padding: 5px 0 15px;
  color: #e3000f;
}

h3 {
  font-size: 1.3rem;
  font-family: 'Spk_Rg_bold', Arial, sans-serif;
  padding: 5px 0 10px;
  color: #333;
}
h4 + h3 {
  padding-top: 20px;
}

span.h3 {font-size:16px; color:#E3000F; font-family:'Spk_Rg', Arial, sans-serif;font-weight:900;}

#head {
  text-align: left;
}

#head h1 {
  padding: 10px 0;
  font-size: 3.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #e3000f;
}
#head h1 span {
  display: block;
  font-size: 2.8rem;
  line-height: 1;
  letter-spacing: 0;
  text-transform: none;
  color: #939393;
}


a:link,a:visited {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #07265C;
 text-decoration: underline;
}
a:hover,a:active {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #E3000F;
 text-decoration: underline;
}

a:link.klein,a:visited.klein {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:11px;
 color: #07265C;
 text-decoration: underline;
}
a:hover.klein,a:active.klein {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:11px;
 color: #E3000F;
 text-decoration: underline;
}


a:link.menuerue,a:visited.menuerue {
 font-family: 'Spk_Rg', Arial, sans-serif;
 color: #FFFFFF;
 text-decoration: underline;
}
a:hover.menuerue,a:active.menuerue {
 font-family: 'Spk_Rg', Arial, sans-serif;
 color: #E3000F;
 text-decoration: underline;
}


a.menue,a:visited.menue {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #07265C;
 text-decoration: none;
 font-weight:bold;
 padding-left:100px;
}
a:hover.menue,a:active.menue {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #E3000F;
 text-decoration: none;
 font-weight:bold;
 padding-left:100px;
}
a.menueon,a:visited.menueon,a:hover.menueon,a:active.menueon {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #E3000F;
 text-decoration: none;
 font-weight:bold;
 padding-left:100px;
}

a.menuekl,a:visited.menuekl {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:11px;
 color: #07265C;
 text-decoration: none;
 padding-left:100px;
}
a:hover.menuekl,a:active.menuekl {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:11px;
 color: #E3000F;
 text-decoration: none;
 padding-left:100px;
}
a.menueonkl,a:visited.menueonkl,a:hover.menueonkl,a:active.menueonkl {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:11px;
 color: #E3000F;
 text-decoration: none;
 padding-left:100px;
}

a.menueob,a:visited.menueob {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #07265C;
 text-decoration: none;
 font-weight:bold;
 padding-left:20px;
}
a:hover.menueob,a:active.menueob {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #E3000F;
 text-decoration: none;
 font-weight:bold;
 padding-left:20px;
}
a.menueobon,a:visited.menueobon,a:hover.menueobon,a:active.menueobon {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #E3000F;
 text-decoration: none;
 font-weight:bold;
 padding-left:20px;
}

a.druck,a:visited.druck {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #07265C;
 text-decoration: none;
 font-weight:bold;
}
a:hover.druck,a:active.druck {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #E3000F;
 text-decoration: none;
 font-weight:bold;
}



a:link.weiss,a:visited.weiss {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #FFFFFF;
 text-decoration: underline;
}
a:hover.weiss,a:active.weiss {
 font-family: 'Spk_Rg', Arial, sans-serif;
 font-size:12px;
 color: #E3000F;
 text-decoration: underline;
}

fieldset {
  padding: 10px;
  background: #fdfdfd;
  border: 1px solid #AFAFAF;
  border-radius: 10px;
  color:#0C843C;
  margin-bottom: 20px;
  box-shadow: 0 0 10px #eee;
}
fieldset.closed {
  border-color: #fff;
  padding: 0;
  background: #fff;
  box-shadow: none;
}

fieldset.toggle legend {
  cursor: pointer;
}

legend {
  font-size: 1.4rem;
  padding: 6px 12px;
  background: #E3000F;
  color: #FFF;
  border-radius: 8px;
}
fieldset.closed legend {
  background: #eee;
  color: #333;
}
fieldset.closed legend:after {
  content: ' \2192';
}

fieldset.closed legend:hover {
  background: #E3000F;
  color: #FFF;
}

input.formular {background-color:#F0F0F0; color:#000000; width:164px; height:18px;}
input.radio {background-color:#D9DEE4; color:#000000;}
input.gaestebuch {background-color:#F0F0F0; color:#000000; width:240px; height:18px;}
input.mittel {background-color:#F0F0F0; color:#000000; width:110px; height:18px;}
input.klein2 {background-color:#F0F0F0; color:#000000; width:40px; height:18px;}
input.klein3 {background-color:#F0F0F0; color:#000000; width:75px; height:18px;}
input.klein4 {background-color:#F0F0F0; color:#000000; width:120px; height:18px;}
input.mini2 {background-color:#F0F0F0; color:#000000; width:30px; height:18px;}
input.big {background-color:#F0F0F0; color:#000000; width:451px; height:18px;}
input.route {background-color:#F0F0F0; color:#000000; width:140px; height:18px;}
input.submit {
  background: #e3000f;
  color: #FFF;
  display: inline-block;
  padding: 5px 15px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 1.4rem;
  border: none;
}
input.submit:hover {
  text-decoration: none;
  box-shadow: 0 0 5px #555;
}
input,
select,
textarea {
  font-family: 'Spk_Rg', Arial, sans-serif;
  font-size: 11px;
  border: 1px solid #aaa;
  margin-bottom: 5px;
  background: #F8F8F8;
  color: #666;
}
input:focus,
select:focus,
textarea:focus {
  background: #FFF;
  color: #000;
}

.ansprechpartner input.fehler { border: 1px solid red;}
.ansprechpartner input { font-size: 12px; width:250px; height:22px; padding: 2px 5px;}
.ansprechpartner input[type="radio"] {
  width: 20px;
  height: 12px;
}


select { height:18px; font-size:11px;}
.form input {padding: 0 2px;}
.form .select35 {width:35px; height:18px;}
.form .select50 {width:50px; height:18px;}
.form .select80 {width:80px; height:18px;}
.form .select140 {width:140px; height:18px;}
.form .select160 {width:160px; height:18px;}

textarea {background-color:#F0F0F0; color:#000000; width:100%;}

textarea.rueckschau {background-color:#F0F0F0; color:#000000; width:300px;}


.rueck {
  color:#FFFFFF;
  padding-left: 250px;
}

.ueberschrift_startseite {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FFF;
}