@charset "UTF-8";


@media all
{

  html * { font-size: 100.01%; }
  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }
  .mandatory {color:red;}
  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: sans-serif;
	font-weight:400;
    font-size: 100.00%;
    color: #000;
  }
  /*--- Headings | Überschriften ------------------------------------------------------------------------*/
  h1,h2,h3,h4,h5,h6 {
    font-family: sans-serif;
    font-weight:600;
    color:#000;
    margin: 0 0 0.8em 0;
  }
  h1 { font-size: 240%; font-weight:bold;  margin: 1em 0 1em 0; color:#fff; line-height:1.4em;  }                      
  h2 { font-size: 220%; font-weight:bold; margin: 1em 0 0.8em 0; color:#1378c7; line-height:1.4em;  text-align:center; }
  .bluebox h2 { font-size: 220%; font-weight:bold; margin: 1em 0 0.8em 0; color:#fff; text-align:center; }  
  h3 { font-size: 220%; font-weight:bold; color:#fff; text-align:center; } 
  h3.step { font-size: 130%; font-weight:bold; color:#000; text-align:center; }
  .col-md-4 h3 { font-size: 110%; font-weight:bold; color:#1378c7; text-align:left; }  
  h2.subhead {background: #0072bb; color:#fff; padding: 8px 5px 8px 5px;}
  
  /* Aufzählung oben */
  #c2093 ul, #c2150 ul, #c2231 ul, #c2246 ul, #c2261 ul, #c2280 ul, #c2297 ul {margin-left:30px; color:#fff; }
  #c2093 ul li, #c2150 ul li, #c2231 ul li, #c2246 ul li, #c2261 ul li, #c2280 ul li, #c2297 ul li{line-height:1.4rem; font-weight:bold; }
  /* Spalte Links col-md-6 oben */
  #c2103, #c2149, #c2230, #c2245,#c2279,#c2260, #c2296  {margin-bottom:60px; clear:both; float:none; }
  .hotline { font-size: 220%; font-weight:bold; margin: 1em 0 0.8em 0; color:#1378c7; line-height:1.3rem;} 
  .contacthead  { font-size: 150%; font-weight:normal; margin:0; color:#1378c7; line-height:2rem;} 
  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
  div.csc-sitemap ul { margin: 0 0 1em 2em; }
  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height: 1.2em; margin: 0 0 1em 0;  }
 .frame-layout-500 p { line-height: 1.375rem; } 

  blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

  strong,b { font-weight: bold; }
  em,i { font-style: italic; }

  pre, code, kbd, tt, samp, var { font-size: 100%; }
  pre, code { color: #800; }
  pre { line-height: 1.5em; margin: 0 0 1em 0; }
  kbd, samp, var { color: #666; }
  var { font-style: italic; }

  acronym, abbr {
    border-bottom: 1px #aaa dotted;
    font-variant: small-caps;
    letter-spacing: .07em;
    cursor: help;
  }

  sub, sup { font-size: 91.6667%; }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  .clearer {clear:both; margin:0; padding:0;}

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

  a { color: #1378c7; background:transparent; text-decoration:none; }
  a:visited  { color: #1378c7; }

  a:focus,
  a:hover,
  a:active { color:#1378c7; text-decoration:underline; }
  
  .shadow .teaser_right > .frame-default > a {display:none}
  
  footer a { color: #fff; background:transparent; text-decoration:none; font-weight:bold;}
  footer a:visited  { color: #fff; }
  footer a:focus,
  footer a:hover,
  footer a:active { color:#000; text-decoration:underline; }

  .col-md-4 a {color:#1378c7; text-decoration: none; }
  .col-md-8 p{ line-height:1.625rem;}

  .highlight { color: #f60; }
  .dimmed { color: #888; }

  .info { background: #f8f8f8; color: #666; padding: 10px; margin-bottom: 0.5em; font-size: 91.7%; }

  .note { background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em; }
  .important { background: #ffe; color: #440; border: 2px #884 solid; padding: 10px; margin-bottom: 1em; }
  .warning { background: #fee; color: #400; border: 2px #844 solid; padding: 10px; margin-bottom: 1em; }

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }
  .td-first { width:200px }
  
  .align-left{text-align:left;}
  .align-right{text-align:right;}
  .align-center{text-align:center;}
  .white {color:#fff;}

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  table { width: 100%; border-collapse:collapse; margin-bottom: 1.8em; }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { border-bottom: 1px #999 solid;  border-top: 1px #999 solid; text-align:left}
  tbody th { background: #e0e0e0; }
  tbody th[scope="row"], tbody th.sub { background: #e9effa; }

  tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td { border-bottom: 1px dotted #999; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #e9effa; }
  tbody tr:hover td { background: #e9effa; }
  
  
  /*########################### CSS_Styled_Content ##########################################*/
  .csc-textpic-intext-left div.csc-textpic-single-image{padding:0 20px 0 0;}
  p.csc-linkToTop {
  width: 3rem;
  height: 3rem;
  position: fixed;
  bottom: 9rem;
  right: 1rem;
  display: none;
  background: url(../Images/scrollTop.png) no-repeat 50% 50%;
  color: #fff;
  z-index: 1000;
  padding: 0.5rem; 
  text-indent:-9999px;
  }
  p.csc-linkToTop:hover, 
  p.csc-linkToTop:focus, 
  p.csc-linkToTop:active {
  background: url(../Images/scrollTop_hover.png) no-repeat 50% 50%;
  color: #1378c7; 
  }
  .csc-textpic-center { margin-bottom:40px; }
  .csc-textpic-intext-left-nowrap {
     border-bottom:1px solid #000; overflow:hidden; margin-top:20px;
  }
  /*Letzter Aufzählungspunkt*/
  #c2106 .csc-textpic-intext-left-nowrap,
  #c2148 .csc-textpic-intext-left-nowrap,  #c2229 .csc-textpic-intext-left-nowrap,  #c2244 .csc-textpic-intext-left-nowrap,  #c2259 .csc-textpic-intext-left-nowrap,  #c2295 .csc-textpic-intext-left-nowrap,  #c2278 .csc-textpic-intext-left-nowrap  { border-bottom:0;}
 .ce-left.ce-intext .ce-column {
    float:left;
    width: 22% !important; 
	margin:0; 
	overflow:hidden; 
  }
   .ce-left.ce-intext > .ce-bodytext {
    width: 68% !important; 
	display:table; 
	height:6em; 
	float:left; 
	margin:0; 
	padding-left:15px; 
	overflow:hidden; 
  }
   .ce-left.ce-intext > .ce-bodytext p{ display: table-cell; vertical-align: middle;}
   .teaser_right .frame-default{display: table-cell; vertical-align: middle;}
   .teaser_right a {
	margin:0 auto; 
    display:table;	
	text-align:center;
    padding:10px 10px;
    background: -moz-linear-gradient(top, #fff 35%, #ccc 100%); /* firefox */
    border: 0;
	font-size:1.25rem;
	font-weight:bold;
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.55), inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
    -moz-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.55), inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
    -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.55), inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#fff), color-stop(100%,#ccc)); /* webkit */
}
  .teaser_right a:hover {text-decoration:none;}
  .ce-left.ce-intext .ce-column {    margin-right: 10px;
  }
.bluebox p {color:#fff;}
  .csc-textpic-intext-right .csc-textpic-imagewrap {
    margin-left: 10px;
  } 
}

@media (max-width: 960px) {
 h1 { 
	font-size: 200%; 
	font-weight:bold;  
	margin: 1em 0 0.5em 0; 
	color:#fff; 
	line-height:1.3em;  
	} 
	.hotline { font-size: 200%; }  
}

@media (max-width: 768px) {
   .csc-textpic-intext-left > .csc-textpic-imagewrap,
  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap,
  .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    padding-left: 20px;
  }
}

@media (max-width: 667px) {
	h1 {margin: 1.5em 0 0.5em 0; }
	.contacthead  { font-size: 120%; font-weight:normal; margin:0; color:#1378c7; line-height:1.8rem;} 
}

@media (max-width: 640px) {
	h1 {margin: 2.1em 0 0.5em 0; }
}

@media (max-width: 600px) {
  .colfooter{line-height:2.5rem;}
  .colfooter ul li a{line-height:2.5rem;}

  .csc-textpic-intext-left-nowrap > .csc-textpic-text,
  .csc-textpic-intext-right > .csc-textpic-imagewrap,
  .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap {
    float: none;
    width: 100% !important; margin-top:0;
  }
  
  .csc-textpic-intext-left > .csc-textpic-imagewrap,
  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap,
  .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    padding-left: 20px;
	width:100%;
	float:none;
  }
  h1 { 
	font-size: 180%; 
	font-weight:bold;  
	margin: 3.2em 0 0.5em 0; 
	color:#fff; 
	line-height:1.3em;  
	}
    .bluebox h2 { font-size: 160%;} 
	 h2 { font-size: 160%;  }
	 h3 { font-size: 160%;  } 
	  .hotline { font-size: 120%; }  
}


@media (max-width: 480px) {
  .csc-textpic-intext-left-nowrap > .csc-textpic-text,
  .csc-textpic-intext-right > .csc-textpic-imagewrap,
  .csc-textpic-intext-right-nowrap > .csc-textpic-imagewrap {
    float: none;
    width: 100% !important; margin-top:0;
  } 
  .csc-textpic-intext-left > .csc-textpic-imagewrap,
  .csc-textpic-intext-left-nowrap > .csc-textpic-imagewrap,
  .csc-textpic-intext-right-nowrap > .csc-textpic-text{
    padding-left: 20px;
	width:100%;
	float:none;
  }
  h1 { 
	font-size: 160%; 
	font-weight:bold;  
	margin: 3.4em 0 0.5em 0; 
	color:#fff; 
	line-height:1.3em;  
	}  
}

@media screen and (max-width: 320px) {
  h1 { 
	font-size: 130%; 
	font-weight:bold;  
	margin: 2.4em 0 0.5em 0; 
	color:#fff; 
	line-height:1.3em;  
	} 	
}