/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}



.clearer:before, .clearer:after { content: ""; display: table; }
.clearer:after { clear: both; }
.clearer { *zoom: 1; }


/* -- Allgemeines
--------------------------------------------------------- */
html, body {
  text-align: left;
  padding: 0;
  margin: 0;
}
body {
  padding: 0 1em;  
}
.gt-ie8 .lt-ie9,
.lt-ie9 .gt-ie8 {
  display: none;
  visibility: hidden;
}
.csc-textpic-image, img {
  max-width: 100%!important;
  width: auto!important;
}
.csc-textpic-imagewrap {
  width: 100%!important;
}
.csc-textpic-imagerow {
  width: auto!important;
}

/* -- unter_menu
--------------------------------------------------------- */
#unter_menu .csc-default {
  width: 50%;
  float: left;
}



/* -- lightbox
--------------------------------------------------------- */
#sbCenter {
  z-index: 9999!important;
}

/* -- header
--------------------------------------------------------- */
header {
  width: 100%;  
}
header img {
  display: block;
  max-width: 100%;  
}

/* -- mobile-nav-Button
--------------------------------------------------------- */
#mobile-nav {
  background-color: #2952a0;
  display: block;
  padding: .75em;
  color: #fff;
  border-bottom: 1px solid #fff;
}
#mobile-nav img {
  display: block;
}
#mobile-nav svg, #mobile-nav img {
  width: 33px;
  height: 17px;
  float: right
}
#mobile-nav svg rect {
  fill: #fff;
}

/* -- Navigation
--------------------------------------------------------- */
nav ul#navigation {
  display: none;
  visibility: hidden;
  padding: 0;
  margin: 0;
}
nav ul#navigation.open {
  display: block;
  visibility: visible;
}
nav ul#navigation li a {
  display: block;
  padding: .75em;
  color: #fff;
  margin-bottom: 1px;
}
/* -- subnavigation mobile
--------------------------------------------------------- */
nav ul#navigation li ul,
#subnav ul#subnavigation {
  display: none;
  visibility: hidden;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background-color: #f0f0f0;
}
nav ul#navigation li.selected ul {
  display: block;
  visibility: visible;
}
#subnav ul#subnavigation li a,
nav ul#navigation li.selected ul li a {
  display: block;
  font-weight: 700;
  font-size: 1em;
  text-decoration: none;
  padding: .75em;
  border-bottom: 1px solid #fff;
  color: #444;
}
#subnav ul#subnavigation li a:hover,
#subnav ul#subnavigation li a.selected,
nav ul#navigation li.selected ul li a:hover,
nav ul#navigation li.selected ul li a.selected {
  background-color: #ddd;
}
#subnav ul#subnavigation li ul,
nav ul#navigation li.selected ul li ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  background-color: #ddd;
  font-size: 0.875em;
}
#subnav ul#subnavigation li ul li a,
nav ul#navigation li.selected ul li ul  li a {
  padding-left: 3em;
}



/* -- content-reordering
--------------------------------------------------------- */
#content-wrapper {
  display: table;
  position: relative;
  padding-top: 3em;
}
#content {
  display: table-header-group;
}
#sidebar_left {
  display: table-footer-group;
}
#sidebar_right {
  display: table-footer-group;
}
#search {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


/* -- suche
--------------------------------------------------------- */
#search {
  margin: 10px 0;
}
#search input[type="text"] {
  background-color: #f6f6f6;
  width: 55%;
}
#search input[type="text"], 
#search #suchbutton, .csc-mailform-submit {
  border: 1px solid;
  display: block;
  padding: .5em;
  float: left;
}
#search #suchbutton, .csc-mailform-submit {
  color: #fff;
  float: right;
  margin-left: 1em;
  border: none;
  width: 40%;
}
#unter_menu img {
  margin-top: 1em;
}

/* -- content
--------------------------------------------------------- */
#content {
  margin-top: 2em;
  padding-bottom: 5em;
}
#content li {
  margin-bottom: 5px;
  font-family: verdana, sans-serif;
  font-size: 0.875em;
}

/* -- Verlinkung mit Bild
--------------------------------------------------------- */
.verlinkung_bild_links,
.verlinkung_bild_rechts {
  margin: 0 0 0;
  float: left;
  width: 48%;
  padding: .25em;
}
.verlinkung_bild_links img,
.verlinkung_bild_rechts img {
  padding: 0 10px 20px 10px;
  background-color: #f1f1f1;
  display: block;
  max-width: 100%;
  margin-bottom: .5em;
}

/* -- Sidebar right
--------------------------------------------------------- */
#sidebar_right img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

/* -- sidebox
--------------------------------------------------------- */
.sidebox {
  margin-bottom: 2em;
  background-color: #ececed;
  padding: 1em;
}

/* -- dreispalter
--------------------------------------------------------- */
.dreispalter .sidebox .csc-textpic DIV.csc-textpic-single-image IMG {
  margin-bottom: -5px; 
}


/* -- footer
--------------------------------------------------------- */
footer {
  margin-top: 2em;
}
footer ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
footer ul li {
  float: left;
}
footer ul li a {
  color: #888;
  display: inline-block;
  margin: 0 1em 0 0;
  font-weight: 400;
}
footer ul li a:hover {
  font-weight: 400;
  color: #000;
}

/* -- Form-Styles
--------------------------------------------------------- */
form {
  font-weight: bold;
  margin-bottom: 1em;
}
form .field_label {
  width: 115px;
}
form .field_input {
  padding: 5px 0;
  width: 340px;
}
input[type="text"] {
  width: 100%;
  border: 1px solid;
  padding: .5em; 
  background-color: #f6f6f6;
  font-weight: 400;
}
input[type="text"]:focus, select, textarea {
  width: 100%;
  outline: none;
  border: 1px solid;
}
input[type="checkbox"]  {
  border: 2px solid #aeb3db;  
}
textarea {
  margin: 0 0 10px 0;
}











/* -- Font-Styles
--------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'impact','Oswald', sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 2em;
  margin: 1.5em 0 .75em;
  padding-top: 0;
  text-align: center;
}
h2 {
  font-size: 1.25em;
  margin: 1.5em 0 1em;
  padding-top: 0;
  text-align: center;
}
#sidebar_right h2 {
  margin-top: 0;
  padding: 5px 0;
  color: #fff;
}
#sidebar_right h3, #sidebar_right h4 {
  background-color: #f1f1f1;
  margin: 0;
  padding: 10px;
}
#sidebar_right h3 {
  font-size: 1.25em;
}
#sidebar_right h4 {
  margin-top: -4px;
  font-size: 1.75em;
}
H2.sideboxhead {
  margin: 0;
  padding: 10px;
  color: #fff;
  font-size: .875em;
  font-weight: 700;
  font-family: 'Open Sans', sans-serif;
}
p {
  font-size: 0.875em;
  font-family:verdana, sans-serif;
  line-height: 150%;
}
a, a:visited, a:hover {
  text-decoration: none!important;
  font-weight: 700;
}


#subnav ul li a,
nav ul li a, p, #content LI,
#search #suchbutton, .csc-mailform-submit {
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
}
nav ul li a {
  padding: 5px 0;
  font-size: 14px;
  font-weight: 700;
}
h4, h5, h6 {
  font-family: 'Oswald', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  text-align: left;
}






/* -- Farbformatierung
--------------------------------------------------------- 

Hellgrau: #c4c0c3; NUR BG bei NAV
Dunkelblau: #2952a0;
Rot: #c51625;
Gelb: #fdc421;
Dunkelgrau: #b4aca3;
Beige: #fff1c3;
Grün: #427a35;
Hellblau: #009ee3;

--------------------------------------------------------- */

/* Header Border */
.hellgrau header #border_header { background-color: #c4c0c3;}
.dunkelblau header #border_header { background-color: #2952a0;}
.rot header #border_header { background-color: #c51625;}
.gelb header #border_header { background-color: #fdc421;}
.dunkelgrau header #border_header { background-color: #b4aca3;}
.beige header #border_header { background-color: #e6bd30;}
.gruen header #border_header { background-color: #427a35;}
.hellblau header #border_header { background-color: #009ee3;}

/* Navigation BG */
.hellgrau_bg { background-color: #c4c0c3;}
.dunkelblau_bg { background-color: #2952a0;}
.rot_bg { background-color: #c51625;}
.gelb_bg { background-color: #fdc421;}
.dunkelgrau_bg { background-color: #b4aca3;}
.beige_bg { background-color: #e6bd30;}
.gruen_bg { background-color: #427a35;}
.hellblau_bg { background-color: #009ee3;}

.gruen p, .dunkelblau p, 
.rot p, .gelb p, 
.dunkelgrau p, .beige p, 
.gruen p, .hellblau p,
.first_gruen p, .first_dunkelblau p, 
.first_rot p, .first_gelb p, 
.first_dunkelgrau p, .first_beige p, 
.first_gruen p, .first_hellblau p {
  color: #000;
}

/* Dunkelblau */
.dunkelblau,
.dunkelblau #subnav a, 
.dunkelblau #content a {
  color: #2952a0;
}
.dunkelblau input[type="text"],
.dunkelblau #subnav a:hover, 
.dunkelblau #subnav a.selected {
  color: #aeb3db;
}
.dunkelblau input[type="text"]:focus,
.dunkelblau select:focus,
.dunkelblau textarea:focus,
.dunkelblau #search input[type="text"] {
  border-color: #2952a0;
}
.dunkelblau input[type="text"],
.dunkelblau select,
.dunkelblau textarea {
  border-color: #aeb3db;
}
.dunkelblau #search #suchbutton,
.dunkelblau .csc-mailform-submit,
.dunkelblau H2.sideboxhead,
.dunkelblau #sidebar_right h2 {
  background-color: #2952a0;
}

/* Rot */
.rot, 
.rot #subnav a,
.rot #content a {
  color: #c51625;
}
.rot #subnav a:hover, 
.rot #subnav a.selected {
  color: #dc7d6c;
}
.rot input[type="text"],
.rot  select,
.rot textarea {
  border-color: #dc7d6c;
}
.rot input[type="text"]:focus,
.rot select:focus,
.rot textarea:focus,
.rot #search input[type="text"] {
  border-color: #c51625;
}
.rot #search #suchbutton,
.rot .csc-mailform-submit,
.rot H2.sideboxhead,
.rot #sidebar_right h2 {
  background-color: #c51625;
}

/* Gelb */
.gelb, 
.gelb #subnav a:hover, 
.gelb #subnav a.selected,
.gelb #content a {
  color: #fdc421;
}
.gelb #subnav a {
  color: #daa201;
}
.gelb input[type="text"]:focus,
.gelb select:focus,
.gelb textarea:focus {
  border-color: #daa201;
}
.gelb input[type="text"],
.gelb select,
.gelb textarea,
.gelb #search input[type="text"] {
  border-color: #fdc421;
}
.gelb #search #suchbutton,
.gelb .csc-mailform-submit,
.gelb H2.sideboxhead,
.gelb #sidebar_right h2 {
  background-color: #fdc421;
}

/* Dunkelgrau */
.dunkelgrau, 
.dunkelgrau #subnav a:hover, 
.dunkelgrau #subnav a.selected,
.dunkelgrau #content a {
  color: #b4aca3;
}
.dunkelgrau #subnav a {
  color: #958e85;
}
.dunkelgrau input[type="text"]:focus,
.dunkelgrau select:focus,
.dunkelgrau textarea:focus {
  border-color: #958e85;
}
.dunkelgrau input[type="text"],
.dunkelgrau select,
.dunkelgrau textarea,
.dunkelgrau #search input[type="text"] {
  border-color: #b4aca3;
}
.dunkelgrau #search #suchbutton,
.dunkelgrau .csc-mailform-submit,
.dunkelgrau H2.sideboxhead,
.dunkelgrau #sidebar_right h2 {
  background-color: #b4aca3;
}

/* Beige */
.beige,
.beige #subnav a, 
.beige #content a {
  color: #e6bd30;
}
.beige #subnav a:hover, 
.beige #subnav a.selected  {
  color: #ffe27d;
}
.beige input[type="text"]:focus,
.beige select:focus,
.beige textarea:focus {
  border-color: #ffe27d;
}
.beige input[type="text"],
.beige select,
.beige textarea,
.beige #search input[type="text"] {
  border-color: #e6bd30;
}
.beige #search #suchbutton,
.beige .csc-mailform-submit,
.beige H2.sideboxhead,
.beige #sidebar_right h2 {
  background-color: #e6bd30;
}

/* Gruen */
.gruen, 
.gruen #subnav a,
.gruen #content a {
  color: #427a35;
}
.gruen #subnav a:hover, 
.gruen #subnav a.selected {
  color: #97a979;
}
.gruen input[type="text"],
.gruen select,
.gruen textarea {
  border-color: #97a979;
}
.gruen input[type="text"]:focus,
.gruen select:focus,
.gruen textarea:focus,
.gruen #search input[type="text"] {
  border-color: #427a35;
}
.gruen #search #suchbutton,
.gruen .csc-mailform-submit,
.gruen H2.sideboxhead,
.gruen #sidebar_right h2 {
  background-color: #427a35;
}

/* Hellblau */
.hellblau, 
.hellblau #subnav a,
.hellblau #content a {
  color: #009ee3;
}
.hellblau #subnav a:hover, 
.hellblau #subnav a.selected {
  color: #20BeF9;
}
.hellblau input[type="text"],
.hellblau select,
.hellblau textarea {
  border-color: #20BeF9;
}
.hellblau input[type="text"]:focus,
.hellblau select:focus,
.hellblau textarea:focus,
.hellblau #search input[type="text"] {
  border-color: #009ee3;
}
.hellblau #search #suchbutton,
.hellblau .csc-mailform-submit,
.hellblau H2.sideboxhead,
.hellblau #sidebar_right h2 {
  background-color: #009ee3;
}

#content a:hover {
  color: #444444 !important;
}


/* -- Breakpoint Desktop (optimaler Weise eig. 944px)
--------------------------------------------------------- */
@media (min-width: 977px) {

  /* -- Allgemeines
  --------------------------------------------------------- */
  body {
    margin: 0 0 100px;
    padding: 0;
    font-size: 16px;
  }
  #container {
    margin: 0 auto;
    width: 960px;
    height: auto;
  }
  header {
    margin: 0;
    width: 100%;
    height: 405px;
    background: url(../gfx/shadow.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
  }
  header #border_header {
    height: 34px;
    margin-top: -5px;
  }

  /* -- unter_menü
  --------------------------------------------------------- */
  #unter_menu .csc-default {
    width: 100%;
    float: none;
    clear: both;
  }
  
  /* -- Navigation
  --------------------------------------------------------- */
  #mobile-nav {
    display: none;
    visibility: hidden;
  }
  nav {
    overflow: hidden;
    height: 30px;
    width: 960px;
  }  
  nav ul#navigation {
    display: block;
    visibility: visible;
    list-style-type: none;
  }
  nav ul li {
    display: block;
    float: left;
    margin-right: 7px;
  }
  nav ul#navigation li a {
    padding: 5px 0;
    color: #fff;
    margin-bottom: 1px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-overflow: ellipsis;
  }
  nav ul#navigation li.selected ul {
    display: none;
    visibility: hidden;
  }
  nav ul#navigation li .hellgrau_bg { width: 77px;}
  nav ul#navigation li .dunkelblau_bg { width: 151px;}
  nav ul#navigation li .rot_bg { width: 153px;}
  nav ul#navigation li .beige_bg { width: 105px;}
  nav ul#navigation li .dunkelgrau_bg { width: 106px;}
  nav ul#navigation li .gelb_bg { width: 144px;}
  nav ul#navigation li .gruen_bg { width: 86px;}
  nav ul#navigation li .hellblau_bg { width: 89px;}

  nav ul li#last {
    margin-right: 0px;
    margin-left: -1px;
    float: right;
  }
  
  /* -- Subnavigation
  --------------------------------------------------------- */
  #mobile-subnav {
    display: none;
    visibility: hidden;
  }
  #subnav {
    background-color: #f6f6f6;
  }
  #subnav ul#subnavigation {
    display: block;
    visibility: visible;
    background-color: transparent;
    padding: 10px 0 5px 0;
  }
  #subnav ul#subnavigation li {
    margin-bottom: 5px;
  }
  #subnav ul#subnavigation li a {
    display: block;
    padding: 0 10px 0 20px;
    margin: 0;
    font-weight: normal;
    border: none;
  }
  #subnav ul#subnavigation li a:hover,
  #subnav ul#subnavigation li a.selected {
    background-color: transparent;
  }
  #subnav ul#subnavigation li ul {
    padding: 5px 0;
  }
  #subnav ul#subnavigation li ul li a{
    padding: 0 10px 0 20px;
    font-size: .875em;
  }
  
  
  /* -- Content-Wrapper
  --------------------------------------------------------- */
  #content-wrapper {
    display: block;
    padding-top: 0;
  }
  
  /* -- Sidebar LEFT
  --------------------------------------------------------- */
  #sidebar_left {
    margin: 30px 45px 0 0;
    width: 180px;
    float: left;
    display: block;
  }
  #search {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin: 10px 0;
  }
  #search input[type="text"] {
    border: 2px solid;
    width: 178px;
  }
  #search #suchbutton, .csc-mailform-submit {
    color: #fff;
    float: right;
    padding: 5px;
    border: none;
    margin: 0;
  }
  
  /* -- content
  --------------------------------------------------------- */
  #content {
    display: block;
    float: left;
    margin-top: 60px;
    width: 455px;
    padding-bottom: 100px;
  }
  #content.breiter_content {
    width: 735px;
    float: right;
  }
  #content LI {
    margin-bottom: 10px;
    font-family: verdana, sans-serif;
    font-size: 0.875em;
  }

  #sidebar_right {
    display: block;
    float: right;
    width: 235px;
    margin: 60px 0 0 45px;
    padding-bottom: 100px;
  }
  #sidebar_right DIV.csc-textpic DIV.csc-textpic-imagerow {
    margin: 0 auto;
  }
  #sidebar_right img {
    width: 100%;
    margin: 0 auto;
  }
  .verlinkung_bild_links {
    float: left;
    margin: 10px 35px 10px 0;
    width: 210px;
  }
  .verlinkung_bild_rechts {
    float: right;
    width: 210px;
    margin: 10px 0;
  }
  .verlinkung_bild_links img,
  .verlinkung_bild_rechts img {
    padding: 0 10px 20px 10px;
    background-color: #f1f1f1;
    display: block;
    margin: 0 auto 10px auto;
    width: 190px;
  }

  .sidebox {
    margin-bottom: 30px;
    background-color: #ececed;
  }
  .zweispalter .links {
    float: left;
    width: 48%;
  }

  .zweispalter .rechts {
    float: right;
    width: 48%;
  }
  .dreispalter .sidebox .csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: -5px; 
  }
  .dreispalter .links {
    float: left;
    width: 230px;
    margin-right: 23px;
  }
  .dreispalter .mitte {
    float: left;
    width: 230px;
  }
  .dreispalter .rechts {
    float: right;
    width: 230px;
  }




  form {
    font-weight: bold;
  }
  form .field_label {
    width: 115px;
  }
  form .field_input {
    width: 340px;
  }
  input[type="text"] {
    width: 100%;
    margin-bottom: 10px;
    border: 2px solid;
  }
  input[type="text"]:focus, select, textarea {
    width: 100%;
    outline: none;
    border: 2px solid;
  }
  input[type="checkbox"]  {
    border: 2px solid #aeb3db;  
  }
  textarea {
    margin: 0 0 10px 0;
  }
  
  
  
  h1 {
    font-size: 3.5em;
    margin-top: 0;
    padding-top: 0;
  }
  h2 {
    font-size: 1.5em;
    margin-top: 0;
    padding-top: 0;
  }

  
}