@charset "utf-8";

/**
 **************************************************
 * CSS RESET
 *
 * @description:general reset for all browsers
 **************************************************
**/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight:inherit;
  font-style:inherit;
  font-family:inherit;
}

table { 
  border-collapse:collapse; 
  border-spacing:0; 
}

h1,h2,h3,h4,h5,h6,strong,b,th,dt {
  font-size:100%;
  font-weight:normal;
}

ol,ul {
  list-style:none;
    
}

caption,th { 
  text-align:left; 
}

img,abbr,acronym {
  border:0; 
}

em,i,dfn,cite,var,address {
  font-style:normal;
}

pre,code {
  font-family:'courier new',courier,mono;
  font-size:1.0em;
}

q:before,q:after { 
  content:''; 
}

:focus {
  outline:0;
}



/**
 **************************************************
 HELPER CLASSES 
 *
 * @description:helper classes for common problems or quick fixes
 **************************************************
**/
.clearOnly {
  clear:both;
}

.clear {
  clear:both;
  height:0;
  font-size:0;
  line-height:0;
}

.left {
  float:left;
}

.right {
  float:right;
}

.noPadding {
  padding:0 !important;
}

.noMargin {
  margin:0 !important;
}

.none {
  display:none !important;
}

.hidden {
  visibility:hidden !important;
}

.error {
  color:red;
  font-weight:bold;
}

.sprite,
.sprite a {
  text-indent:-9999px;
  font-size:0;
  line-height:0;
}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {
  display:inline-block;
}

/* Hide from IE Mac \*/.clearfix{ display:block; }/* End hide from IE Mac */




/**
 **************************************************
 GENERAL DEFINITIONS
 *
 * @description:define the basic appearance of the site
 **************************************************
**/
html {
  height:100%;
  /*Defaults to ~16px across browsers*/
  font-size:100.01%;
  /*Defaults to ~12px across browsers*/
  /*font-size:75.01%;*/
}

body {
  height:100%;
  font-family:verdana,tahoma,arial,sans-serif;
  font-size:1.0em;
  /*line-height calculates to 18px (~12px * 1.5 = ~18px)*/
  line-height:1.5em;
  color: #1c3452;
  /*Testing the text-rythm at ~18px*/
  background:#989eaa url(../img/bg_inhalt_faux.gif) center repeat-y;
}

body#home {
  background-image:url(../img/bg_faux.gif);
}


#headrechts h1{
  margin: 0px;
}

#headrechts h1 img{
  margin-left: 15px;
}


h1 {
  font-size:1.1em;
  font-weight:bold;
  line-height:1.4em;
  margin:0.8em 0 0.8em 0;
}

h2 {
  font-size:1.0em;
  line-height:1.6em;
  margin-bottom:0.5em;
}

h3 {
  font-size:0.8em; 
  line-height:1.6em;
  font-weight:bold;
  margin-bottom:0.5em;
}

h4,h5,h6 {
  font-size:0.6em;
  line-height:1.6em;
  font-weight:bold;
  margin-bottom:0.5em;
}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span {
  display:none;
}

p,ol,ul,dl {
  font-size:0.8em;
  line-height:1.4em;
  margin-bottom:0.75em;
}

#mitte ul ul {
  font-size:0.9em;
  line-height:1.8em;
  margin: 1em 0;
}

ul {
  padding-left:13px;
  list-style:none;
}

ol {
  padding-left:26px;
  list-style:decimal-leading-zero outside; 
}

li {
  padding-left:15px;
  background:url(../img/pfeil.gif) 0 5px no-repeat;
}

/* BEN:Immediately kill where nonsense */
#mainnavigation li,
#links li,
#rechts a {
  padding-left:0;
  background:none;
}

dt {
  font-weight:bold;
}

a {
  
  color:#e56904;
  text-decoration:underline;
  padding-left:15px;
  background-image:url(../img/pfeil.gif);
  background-position: 0 5px; 
  background-repeat: no-repeat;
  /*border-bottom:1px dotted blue;*/
  }

/* BEN:Immediately kill where nonsense */
li a,
#headlinks a,
.breadcrumb a,
.box a,
#rechts a,
div.csc-textpic a,
a img {
  padding-left:0;
  background:none;

}

#mitte a img {
background-color: #00FF00;
background:none;

}

a.anchor {
  display:none !important;
}

a:hover {
  color:#0d0d33;
}

a:hover,
a:focus {
  color:#1c3452;
}

strong,b {
  font-weight:bold;
}

em,i {
  font-style:italic;
}

hr {
  clear:both;
  /*Only chance to get the standard visuals away*/
  border-width:0;
  border-bottom:1px dotted #c4c4c4;
  height: 1px;
}

table {
  border:1px solid #d1d1d1;
  margin-bottom:1.5em;
  background:#f5f5f5;
  font-size:0.8em;
}

table caption {
  font-weight:bold;
  padding:0 0 3px 3px;
}

table tr {

}

table th,
table td {
  padding:1px 4px 1px 4px;
  border:1px solid #d1d1d1;
  /*vertical-align:center;*/
  height: 40px;
}

table th {
  color:#1c3452;
  font-weight:bold;
  background:#e1e1e1;
}

table p {
  margin-bottom:0;
}

form {
  
}

form fieldset {
  width:350px;
}

form legend {
  display:none;
}

form label {
  clear:left;
  float:left;
  width:135px;
}

form label em {
  font-style:normal;
  color:red;
}

form input.text,
form input.checkbox,
form input.radio,
form select,
form textarea {
  float:left;
  width:194px;
  height:16px;
  padding:2px 2px 1px 2px;
  border:1px solid #cacaca;
  margin:0 0 5px 0;
  font:inherit;
  color:#666;
}

form textarea {
  height:64px;
}

form input.w1 {
  width:44px;
}

form input.w2 {
  width:94px;
}

form input.w3 {
  width:144px;
}

form input.checkbox,
form input.radio {
  width:auto;
  height:auto;
  border:0 none;
  margin:3px 0 5px 1px;
}

form select {
  /* Selects have wrong box model. Add all paddings/margins/borders from above */
  width:200px;
  height:21px;
  padding:0;
}

/* Selects with a defined size (listboxes) */
form select.listbox {
  height:auto;
}

form select option {

}

form input.submit,
form input.reset,
form input.button {
  float:left;
  padding:1px 2px 0 18px;
  border:1px solid #cacaca;
  border-right:1px solid #b3b3b3;
  border-bottom:1px solid #b3b3b3;
  margin:0 0 5px 0;
  font-weight:bold;
  color:#888;
  /*background:#f3f3f3 url(../img/ico-submit.png) 2px 2px no-repeat;*/
  background:#f3f3f3 url(../img/ico-tick.png) 2px 2px no-repeat;
}

form p {
  clear:left;
  margin-bottom:0;
}



/**
 **************************************************
 LAYOUT
 *
 * @description:building the design
 **************************************************
**/
#headwrapper {
  position:relative;
  width:100%;
  height:161px;
  margin:0 auto;
  background:#0d0d33 url(../img/bg_head.jpg) repeat-x;
}

#headcontent {
  position:relative;
  width:971px;
  height:161px;
  margin:0 auto;
}

#headlinks {
  position:absolute;
  top:20px;
  width:295px;
}

#headrechts {
  position:absolute;
  top:65px;
  right:0;
}

#headrechts h1 {
  font-size:1.8em;
  font-weight:bold;
  line-height:normal;
  color:#fff;
}

#mainnavigation {
  position:absolute;
  top:130px;
  height:30px;
}

/* MAINNAVIGATION */
#mainnavigation ul {
  position:relative;
  padding-left:0;
  list-style-type:none;
}


#mainnavigation ul li {
  float:left;
  padding-left:1.6em; /*Calculates to roughly 18px*/
  font-size:14px;
  line-height:26px;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
}

#mainnavigation ul li.mainmenuanfang {
  padding-left:10px;
}
  
#mainnavigation ul li a {
  color:#fff;
  text-decoration:none;
}

#mainnavigation ul li a:hover, 
#mainnavigation ul li a:focus,
#mainnavigation ul li.act a {
  color:#f39d3e;
  text-decoration:underline;
}

#bodywrapper {
  position:relative;
  width:971px;
  margin:0 auto;
}

#links {
  position:relative;
  float:left;
  width:217px;
  min-height:400px;
  background:#e1e1e1;
}

/* LINKE SPALTE SUB-NAVIGATION -------------------------------- */
#links ul {
  width:100%;
  position:relative;
  list-style-type:none;
  padding:0;
}

#links ul li {
  border-bottom:1px solid #fff;
  font-size:10px;
  line-height:22px;
  font-weight:bold;
  text-transform:uppercase;
  color:#fff;
  background-color:#717686;
}

#links li a {
  display:block;
  padding:0.2em 0 0.2em 10px;
  color:#fff;
  text-decoration:none;
  background-color:#717686;
}

#links li.act a {
  color:#f39d3e;
}

#links li.act ul a {
  color:#fff;
}
  
#links ul li a:hover,
#links ul li a:focus {
  color:#f39d3e;
  text-decoration:underline;
  background-color:#717686;
}
  
/* EBENE 2 SUBMENU  -------------------------------- */
#links ul ul {
  padding:10px 0;
  border-top:1px solid #fff;
  margin-bottom:0;
  background-color:#a0a5ae;  
}

#links ul ul li {
  border:0 none;
  font-size:10px;
  line-height:20px;
  background-color:#a0a5ae;
}

#links ul ul li a {
  text-decoration:none;
  font-weight:bold;
  padding:0 0 0 20px;
  background-color:#a0a5ae;
  border:0 none;
}

#links ul ul li.act a {
  color:#4b4f5a;
}

#links ul ul li a:hover,
#links ul ul  li a:focus {
  color:#4b4f5a;
  text-decoration:underline;
  background-color:#a0a5ae;  
}

#mitte {
  position:relative;
  float:left;
  width:550px;
  padding:15px 0 0 15px;
  background:#f5f5f5;
}

body#home #mitte {
  width:780px;
}

/* Breadcrumb  -------------------------------- */
#mitte .breadcrumb {
  font-size:0.7em;
  line-height:1.3em;
  margin:0 0 15px 0;
}

#mitte .breadcrumb a {
  color:#f39d3e;
  text-decoration:underline;
}

#rechts {
  position:relative;
  float:left;
  width:155px;
  padding:15px 0 0 15px;
  background:#f5f5f5;
}

body#home #rechts {
  padding-left:0;
}

/* Suche  --------------------------------- */
#rechts .suchbox {
  position:relative;

  height:22px;
  margin-bottom:15px;
}

#rechts .suchbox .suche_button {
  float:left;
  position:relative;
  margin-left:10px;
}

#rechts .suchbox .suche_feld {
  float:left;
  position:relative;
  width:80px;
  height:20px;
  border:1px solid #b9bbc3;
}

#abspann {
  width:100%;
  height:50px;
  padding-top:10px;
  border-top:1px solid #777c87;
  margin-top:30px;
  font-size:0.8em;
  color:#0d0d33;
}

#abspann a {
  /*padding-left:15px;*/
  padding-left: 0px;
  color:#e56904;
  text-decoration:underline;
  background:none;
  /*background:url(../img/pfeil.gif) 0 4px no-repeat;*/
}

body#home #abspann{
  clear:both;
  width:970px;
  height:30px;
  border:0 none;
  margin:30px 0 0 15px;
  font-size:0.8em;
  line-height:1.2em;
  color:#0d0d33;
  text-align:left;
}

#abspann .abspannlinks {
  float:left;
  width:40%;
  line-height:1.5em;
  text-align:left;
}

#abspann .abspannrechts {
  float:right;
  width:55%;
  line-height:1.5em;
  text-align:right;  
}



/**
 **************************************************
 CSS STYLED CONTENT
 **************************************************
 */
div.csc-textpic-caption-c .csc-textpic-caption {
  text-align:center;
}
div.csc-textpic-caption-r .csc-textpic-caption {
  text-align:right;
}
div.csc-textpic-caption-l .csc-textpic-caption {
  text-align:left;
}
/* Needed for noRows setting */
div.csc-textpic div.csc-textpic-imagecolumn {
  float:left;
  display:inline;
}
/* Border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  border:2px solid black;
  padding:0px 0px;
}
div.csc-textpic-imagewrap {
  padding:0;
}

/* IE7 */
*:first-child+html div.csc-textpic-imagewrap {
  padding-bottom:10px;
}

div.csc-textpic img {
  border:none;
}
/* DIV:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image {
  float:left;
}
/* ul:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap ul {
  list-style:none;
  margin:0;
  padding:0;
}
div.csc-textpic div.csc-textpic-imagewrap ul li {
  float:left;
  margin:0;
  padding:0;
}
/* DL:This will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
  float:left;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {
  float:none;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd {
  float:none;
}
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img {
  border:none;
}
/* FE-Editing Icons */
dl.csc-textpic-image {
  margin:0;
}
dl.csc-textpic-image dt {
  margin:0;
  display:inline;
}
dl.csc-textpic-image dd {
  margin:0;
}
/* Clearer */
div.csc-textpic-clear {
  clear:both;
}
/* Margins around images:*/

/* Pictures on left, add margin on right */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
  display:inline; /* IE fix for double-margin bug */
  margin-right:10px !important;
}
/* Pictures on right, add margin on left */
div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
  display:inline; /* IE fix for double-margin bug */
  margin-left:10px;
}
/* Pictures centered, add margin on left */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  display:inline; /* IE fix for double-margin bug */
  margin-left:10px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  margin:0;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
  margin:0;
}
/* Space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-imagewrap{
  margin-bottom:10px;
}


div.csc-textpic-equalheight div.csc-textpic-imagerow {
  margin-bottom:0px;
  display:block;
}
div.csc-textpic div.csc-textpic-imagerow {
  clear:both;
}

div.csc-textpic div.csc-textpic-imagerow div.csc-textpic-image {
  margin-bottom:10px;
}
/* No margins around the whole image-block */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol {
  margin-left:0px !important;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol {
  margin-right:0px !important;
}
/* Add margin from image-block to text (in case of "Text w/ images") */
div.csc-textpic-intext-left div.csc-textpic-imagewrap,div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  margin-right:10px !important;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap,div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
  margin-left:10px !important;
}
/* Positioning of images:*/

/* Above */
div.csc-textpic-above div.csc-textpic-text {
  clear:both;
}
/* Center (above or below) */
div.csc-textpic-center {
  text-align:center; /* IE-hack */
}
div.csc-textpic-center div.csc-textpic-imagewrap {
  margin:0 auto;
}
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  text-align:left; /* Remove IE-hack */
}
div.csc-textpic-center div.csc-textpic-text {
  text-align:left; /* Remove IE-hack */
}
/* Right (above or below) */
div.csc-textpic-right div.csc-textpic-imagewrap {
  float:right;
}
div.csc-textpic-right div.csc-textpic-text {
  clear:right;
}
/* Left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap {
  float:left;
}
div.csc-textpic-left div.csc-textpic-text {
  clear:left;
}
/* Left (in text) */
div.csc-textpic-intext-left div.csc-textpic-imagewrap {
  float:left;
}
/* Right (in text) */
div.csc-textpic-intext-right div.csc-textpic-imagewrap {
  float:right;
}
/* Right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
  float:right;
  clear:both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-right-nowrap .csc-textpic-text {
  height:1%;
}
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  float:left;
  clear:both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html div.csc-textpic-intext-left-nowrap .csc-textpic-text {
  height:1%;
}
/* End hide from IE5/mac */
div.csc-textpic div.csc-textpic-imagerow-last {
  margin-bottom:0;
}

div.csc-textpic div.csc-textpic-imagerow-last div.csc-textpic-image {
  margin-bottom:0;
}


/* Blockquote */
div.csc-textpic-text blockquote {
  background: #dadada;
}

div.csc-textpic-text blockquote p {
  padding:5px;
  font-size:1em;
  font-weight:bold;
  font-style:italic;
}



/**
 **************************************************
 CSS STYLED CONTENT SPECIALS
 **************************************************
 */
div.csc-textpic-image a {
  border:0;
}

p.csc-textpic-caption {
  font-size:0.7em;
  line-height:1.3em;
  color:#1c3452;
  padding:5px;
  padding-top:10px;
  background-color:#dadada;
}



/* FCES  ##################################################   */
.ansprechpartner {
  width:100%;
  float:left;
  margin-bottom:15px;
  background:#dadada;
}

.ansprechpartner img {
  margin-right:2em;
  border-right:15px solid #f2f2f2;
}

.ansprechpartner .ansprechpartnertext {
  margin-top:1em;
}
/* FCE teaser rechts 2014 **************************************/
.teaserbox{
  margin-bottom:15px;
}
.teaserbox h2{
  min-height:1px;
  background: #06134d; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2MTM0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjMGYxYTU4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjMGIxYTU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjMGIxOTU3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMWYyNzYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzAlIiBzdG9wLWNvbG9yPSIjM2Y0NTc1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODUlIiBzdG9wLWNvbG9yPSIjNDk1MDdiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjNGM1MTdlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iOTUlIiBzdG9wLWNvbG9yPSIjNGI0ZjdiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRjNTE3ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #06134d 0%, #0f1a58 5%, #0b1a56 10%, #0b1957 20%, #1f2760 40%, #3f4575 70%, #49507b 85%, #4c517e 90%, #4b4f7b 95%, #4c517d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06134d), color-stop(5%,#0f1a58), color-stop(10%,#0b1a56), color-stop(20%,#0b1957), color-stop(40%,#1f2760), color-stop(70%,#3f4575), color-stop(85%,#49507b), color-stop(90%,#4c517e), color-stop(95%,#4b4f7b), color-stop(100%,#4c517d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #06134d 0%,#0f1a58 5%,#0b1a56 10%,#0b1957 20%,#1f2760 40%,#3f4575 70%,#49507b 85%,#4c517e 90%,#4b4f7b 95%,#4c517d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #06134d 0%,#0f1a58 5%,#0b1a56 10%,#0b1957 20%,#1f2760 40%,#3f4575 70%,#49507b 85%,#4c517e 90%,#4b4f7b 95%,#4c517d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #06134d 0%,#0f1a58 5%,#0b1a56 10%,#0b1957 20%,#1f2760 40%,#3f4575 70%,#49507b 85%,#4c517e 90%,#4b4f7b 95%,#4c517d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #06134d 0%,#0f1a58 5%,#0b1a56 10%,#0b1957 20%,#1f2760 40%,#3f4575 70%,#49507b 85%,#4c517e 90%,#4b4f7b 95%,#4c517d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06134d', endColorstr='#4c517d',GradientType=0 ); /* IE6-8 */

  border-bottom:1px solid white;
  padding:0px 10px 0px 10px;
  margin:0px;
  font-size:11px;
  line-height:19px;
  font-weight:bold;
  color:white;
  text-transform:uppercase;
}
.teaserbox.orange h2{
  background:#f49800;
}
.teaserbox.info h2{
  font-weight:600;
}

.teaserbox DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0px;
}
.teaserbox p.bodytext{
  background:#E1E1E1;
  margin:0px;
  padding: 0.4em 10px 1em 10px;
}
/* FCE teaserTextBild **************************************/
.teaserTextBild{
  background:#e3e3e2;
  padding:15px;
  margin-bottom:15px;
}
.teaserTextBild img{
  float:right;
  width:auto;
  margin-left:15px;
}
.teaserTextBild .teaserTextBild-txt{}
/* FCE teaser **************************************/
.teaser {
  /*width:100%;*/
  float:left;
  margin-bottom:15px;
  /*background:#dadada;
  background:#e3e3e2;*/
  background:url(../img/bg_teaser.gif) repeat-y -115px 0px;
  clear:both;
  width: 550px;
}

.teaserbild {
  /*float:left;
  width:135px;
  border-right:1em solid #f2f2f2;*/
  float:left;
  border:none;
  width:8.45em;
  /*padding-right:1em;*/
}
.teasertext {
  margin: 0;
  padding: 1em;
  background:#e3e3e2;
 
}
.teaser .teasertext {
  /*float:left;
  width:370px;
  margin-top:1em;
  margin-left:1em;*/
  float:left;
  /*border-left: 1em solid #F2F2F2;*/
  padding: 0; 
  margin: 1em 0 0 1.5em;
  width: 24.4em;
  background:none;
  background:#e3e3e2;
  
}

.teaser .wideteaser {
  width:500px;
  padding: 1em;
  margin:0px;
}

#mitte .teaser .teasertext a { height: 1%; }

#mitte .teaser .teaserbild a {
  background-image:none;
  padding:0;
}
/*******/
.downloadbox {
  width:100%;
  float:left;
  margin-bottom:15px;
  background:#dadada;
  clear:both;
}

.downloadboxbild {
  background:#f5f5f5;
  width:135px;
  border-right:1em solid #f5f5f5;
  float:left;
}

.downloadboxtext {
  width:370px;
  margin-top:1em;
  margin-left:1em;
  float:left;
}

#mitte .downloadbox .downloadboxtext a { height: 1%; }

#mitte .downloadbox .downloadboxbild a {
  background-image:none;
  padding:0;
}
/*******/
.downloadboxOBG {
  width:100%;
  float:left;
  margin-bottom:15px;
  clear:both;
}

.downloadboxOBGbild {
  width:135px;
  border-right:1em solid #f5f5f5;
  float:left;
}

.downloadboxOBGtext {
  width:370px;
  margin-top:0em;
  margin-left:0em;
  float:left;
}

#mitte .downloadboxOBG .downloadboxOBGtext a { height: 1%; }

#mitte .downloadboxOBG .downloadboxOBGbild a {
  background-image:none;
  padding:0;
}


/* BEN:Boxes - straight, flexible, reusable */
.box {
  float:left;
  position:relative;
  margin:0 15px 15px 0;
  /*background:#b8bdc4;*/
  background:#dfe1e4;
}

#mitte .box {
  min-height:365px;
}

#mitte .box.narrow p.optionalLink a {
  padding-left:15px;
  text-decoration:underline;
  background:url(../img/pfeildunkel.gif) 0 4px no-repeat;
}

#rechts .box {
  margin-right:0;
  /*background:#c8c8c8;*/
  background:#dfe1e4;
}

#rechts .box ul li {
  height: 1%;
  background:url(../img/pfeildunkel.gif) 0 6px no-repeat;
}

.box.narrow {
  width:180px;

}

.box.big {
  width:375px;
}
.box.big .content .tx-imagecycle-pi1{
  margin: -10px 0 0 -10px;
}

.box.small {
  width:155px;
}

.box h2 {
  padding-left:10px;
  border-bottom:1px solid #fff;
  margin:0;
  font-size:11px;
  font-weight:bold;
  line-height:19px;
  color:#fff;
  text-transform:uppercase;
  
}

.box .content {
  padding:10px 0 0 10px;
}

.box .content h1 {
  font-size:16px;
  font-weight:bold;
  line-height:20px;
  margin:10px 0 0.4em 0;
}

.box .content img,
.box .content div.csc-textpic-imagewrap {
  position:relative;
  border-bottom:1px solid #fff;
  margin:-10px 0 0 -10px;
  padding:0px;
}

.box .content div.csc-textpic-imagewrap img,
.box .content .csc-default .csc-textpic div.csc-textpic-imagewrap img,
.box .content div.csc-textpic-imagewrap div.csc-textpic-image {
  border:none;
  margin:0;
}

.box p {
  margin-top:10px;
  color:#0d0d33;
}

.box ul {
  padding-left:0;
  list-style-type:none;
  margin-bottom:10px;
}

.box.narrow p {
  font-size:11px;
  line-height:15px;
}

.box.big p {
  font-size:12px;
  line-height:18px;
}

.box a {
  padding:0;
  font-size:11px;
  color:#0d0d33;
  text-decoration:underline;
  background:none;
}
.box .linkundertext{
  margin:0px 0px 0px -10px;
  background:#ffbd65 url(../img/bg_teaser_linkundertext.gif) repeat-x;
}
.box .linkundertext p{
  padding:4px 10px 4px 10px;
  margin:0px;
}
.box .linkundertext a{
  color:white;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
}
.box .linkundertext a:hover{
  color:#ffe2b2;
}
h2.standard {
  background-color:#717686;
}

h2.altenhilfe {
  background-color:#CC0000;
}

h2.wohnungslosenhilfe {
  background-color:#e64215;
}

h2.bildungshilfe {
  background-color:#f49e00;
}

h2.jugendhilfe {
  background-color:#fecc00;
}

h2.suchthilfe {
  background-color:#24972b;
}

h2.behindertenhilfe {
  background-color:#88ba14;
}

h2.betriebe {
  background-color:#af8517;
}



/**
 **************************************************
 VE GUESTBOOK
 **************************************************
 */

.tx-veguestbook-pi1 {
  margin-bottom:1.5em;
}

/* Captcha image */
.tx-veguestbook-pi1 form img {
  clear:left;
  margin:0 0 5px 135px;
}

.tx-veguestbook-pi1 .item {
  padding-bottom:0.8em;
  border-bottom:1px dotted #cacaca;
  margin-bottom:1.5em;
}

.tx-veguestbook-pi1 .item h2 {
  font-size:0.8em;
}

.tx-veguestbook-pi1 .item h2 a {
  display:inline;
  background-image:none;
  padding-left: 0px;
}

.tx-veguestbook-pi1 .item h3 {
  margin-top:15px;
}

.tx-veguestbook-pi1 .item p {
  margin-bottom:0;
}

.tx-veguestbook-pi1 .item p.date {
  font-size:0.8em;
  line-height:1.2em;
  color:#aaa;
}

.tx-veguestbook-pi1 .item p.www {
  font-size:0.8em;
  line-height:1.2em;
}

.tx-veguestbook-pi1 .item p.www a{
  background-image:none;
  padding-left: 0px;
}

.tx-veguestbook-pi1 .item .commentbox {
  background: #fbfbfb;
  padding-left: 15px;
  padding-bottom:15px;
}

.tx-veguestbook-pi1 .item .commentbox p.comment {
  font-style:italic;
}

.tx-veguestbook-pi1 form {
  font-size:0.8em;
}

.tx-veguestbook-pi1 .cantRead{
  margin-left: 135px;
  width:250px;
}

.tx-veguestbook-pi1 .captchatext{
  margin-left: 135px;
}

.tx-veguestbook-pi1 .browse{
  text-align:center;
  font-size:1.2em;
}

.tx-veguestbook-pi1 .browse a{
  background: none;
}



/**
 **************************************************
 NEWS
 **************************************************
 */
.news {

}

.news h1 span,
.news h2 span,
.news h3 span {
  display:none;
}


.news p.date,
.news p.timeData,
.news p.author,
.news p.imgCaption,
.news p.back {
  margin-bottom:0;
  font-size:0.95em;
}

.news span.more {
  white-space:nowrap;
}

.news p.back {
  margin-top:20px;
  font-size:0.8em;
  
}
/** Kill Arrow*/
.news .item h1 a,
.news span.more a,
.news .images a, 
.news .item a,
.news .back a,
.news .browseLinksWrap a{
  background-image:none;
  padding-left:0;
}
.showResultsWrap{
  font-size: 0.8em;
    line-height: 1.4em;
    margin-bottom: 0.75em;
}

.news span.more a {
  font-size:0.8em;
}

.news p span.more a {
  font-size:0.95em;
}

.news h1 {
  margin-bottom:0;
  margin-top:0;
  
}

.news p.date {
  font-size:0.6em;
  margin-bottom:0px;
}

.news .images {
  float:left;
  margin:3px 10px 0 0;
}

.news .images img {
  margin:0;
}

.news .images a {
  border-bottom:0;
}

.news p.imgCaption{
  width: 170px;
  font-size: 0.65em;
  background-color:#e3e2e2;
  padding:5px;
}

.news .addInfo dl {
  padding-top:0.4em;
  border-top:1px dotted #eee;
}


.news .browseLinksWrap a{
  font-size: 1em;
  font-weight: bold;
  margin-left:5px;
  margin-right:5px;
}

.news .tx-ttnews-browsebox-SCell a{
  color: black;
}

.mitte .news .item p{
  margin:0;
}

.single p img{
  margin-right:15px;
}




/**
 **************************************************
 INDEXED SEARCH
 **************************************************
 */
.tx-indexedsearch {

}

.tx-indexedsearch .tx-indexedsearch-res {

}

.tx-indexedsearch .result {
  padding-top:0.4em;
  border-top:1px dotted #eee;
}

.tx-indexedsearch h3 {
  position:relative;
}

.tx-indexedsearch h3 span {
  display:inline;
  visibility:visible;
}

.tx-indexedsearch h3 a {
  /* Necessary because for the bg-image-headers we needed to set it to "block" */
  /* Here it's not the only element in the <h3> so it has to "fit in" again...*/
  display:inline;
}

.tx-indexedsearch h3 span.icon {
  vertical-align:text-bottom;
}

.tx-indexedsearch h3 span.percent {
  position:absolute;
  top:0;
  right:0;
  color:#eee;
}

.tx-indexedsearch dl.info dt {
  clear:left;
  float:left;
  width:65px;
}

.tx-indexedsearch dl.info dd {
  float:left;
}

.tx-indexedsearch .tx-indexedsearch-redMarkup {
  background:#f09952;
}

.tx-indexedsearch dd.path a{
  background-image:none;
  padding-left:0px;
}
ul.browsebox{
  padding-left:0px;
}
ul.browsebox li{
  background:none;
  display:inline;
  padding-left:0px;
  padding-right:2px;
}

/**
 **************************************************
 INDEXED SEARCH AUTOCOMPLETE
 **************************************************
 */
div.autocompleter-loading {
  float:left;
  clear:right;
  background:transparent url(../img/spinner.gif) no-repeat center;
}

.autocompleter-loading2 {
  background:transparent url(../img/spinner.gif) no-repeat right;
}

ul.autocompleter-choices {
  position:absolute;
  width:170px !important;
  padding:2px 2px 1px 2px;
  border:1px solid #cacaca;
  border-top:1px dotted #cacaca;
  margin:-1px 0 0 0;
  background-color:white;
  z-index:50;
}

ul.autocompleter-choices li {
  position:relative;
  cursor:pointer;
}

ul.autocompleter-choices li.autocompleter-selected {
  background-color:#717686;
  color:#fff;
}

ul.autocompleter-choices span.autocompleter-queried {
  font-weight:bold;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
  color:#f39d3e;
}
/**
 **************************************************
 INDEXED SEARCH AUTOCOMPLETE rzautocomplete
 **************************************************
 */
.ac_results{
  border: 1px solid #cacaca !important;
  width:174px !important;
}

.ac_over {   
  background-color: #717686 !important;   
  color: #F39D3E !important; 
}

.ac_results li{
  padding-left:15px !important;
  background-position: 0 7px !important;
}
/**
 **************************************************
 FORMULARE
 **************************************************
 */
 
 
label.formrequired {
  color:#FF0033;
}

div#printlogo {
  display:none;
}

/**
 **************************************************
  Kalender
 **************************************************
 */
 
.tx-cal-controller .sideback { background-image:none; }
.month-small a { color:#1C3452; }
.month-small th, .month-small td { font-size:10px; height:22px; padding:1px; text-align:center; vertical-align: middle; width:22px; border-color: #f7f7f7; }
.month-small td { background-color: #e1e1e1; }
.month-small td.eventDay { font-weight: bold; }
.month-small th.month-weekdays { background-color: #e1e1e1; font-weight: bold; }
.tx-cal-controller table.month-small th.sideback { background-color: #848a98; color: white; }
.tx-cal-controller table.month-small th.sideback * { color: #fff; text-decoration: none; }
table.month-small th, table.month-small td { border: 2px solid #f7f7f7; }
table .monthToday { border-color:#f5f5f5 !important; }

.default_categoryheader, .default_catheader {
  background-color:transparent;
}

/* Cal List view */
.tx-cal-controller dl h3 { font-size: 1.1em; padding: 30px 0px 0px 0px;}
.tx-cal-controller dl div.meta-info { font-size: 0.8em; padding: 0px 0px 10px 0px; }
.tx-cal-controller dl dd p {
  font-size:1em;
  line-height:1.4em;
  margin-bottom:0.75em;
}
/* Suche */
.tx-cal-controller form label{
  font-size: 0.8em;
    line-height: 1.4em;
  text-align:left;
  width:25%;
}
.tx-cal-controller form input,
.tx-cal-controller form select{
  border: 1px solid #CACACA;
  color: #666666;
  margin: 0 0 5px;
  padding: 2px 2px 1px;
  font-size: 0.8em;
    line-height: 1.4em;
  width:65%;
  
}
.tx-cal-controller form .submit{
  background: none repeat scroll 0 0 #1C3452;
    border: medium none;
    color: white;
    font-size: 1em;
    padding: 4px;
    text-transform: uppercase;
  width:95%;
  margin-bottom:20px;
}
#ui-datepicker-div.ui-widget {
    font-size: 0.8em !important;
}
.ui-datepicker table{
  font-size:0.8em;
}
.ui-datepicker td,
.ui-datepicker th{
    height:auto;
}
#ui-datepicker-div.ui-widget-header a{
  background-image:none;
  padding-left: 0px;
}
/**
 **************************************************
  Powermail
 **************************************************
 */

.tx-powermail-pi1 form fieldset { width: auto;padding:0px;margin:0px; }
fieldset.tx-powermail-pi1_fieldset label, 
fieldset.tx-powermail-pi1_fieldset fieldset legend {
    padding:0px 10px 8px 0px; 
    line-height:1.4em;
    color: #1C3452;
    display: block;
    clear: none;
    float: left;
    font-weight: bold;
    white-space: normal;
    width: 200px;
}
.tx-powermail-pi1 form input { width:270px; }
.tx-powermail-pi1 form textarea { height:150px; width:270px; }
.tx-powermail-pi1 form .short textarea {
    height: auto;
}
.tx-powermail-pi1 form div.tx_powermail_pi1_fieldwrap_html { clear: both; display: block; padding: 2px 0px 2px 0px; }
.tx-powermail-pi1 .tx-powermail-pi1_formwrap * { font-size: 0.95em; }
.tx-powermail-pi1 .tx-powermail-pi1_formwrap p { font-size: 1.0em; margin-bottom:10px; }
.tx-powermail-pi1 .tx-powermail-pi1_formwrap h2 { font-size: 13px; font-weight: bold; padding: 10px 0px; }
span.powermail_mandatory { color:red; }
div.tx-powermail-pi1_mandatory { color: red; }

div.csc-menu-cal-overview li { display: none; }
div.csc-menu-cal-overview table { width: 100%; }
div.csc-menu-cal-overview table,
div.csc-menu-cal-overview table td { padding: 0px 10px 0px 0px; margin: 0px; border: 0px solid white; }
div.csc-menu-cal-overview td a { display: block; background: #e1e1e1 none; padding: 4px 30px; color: #1C3452; text-decoration: none; text-align:center;}
div.csc-menu-cal-overview td.active a { font-weight: bold; }
fieldset.tx-powermail-pi1_fieldset input.powermail_text, 
fieldset.tx-powermail-pi1_fieldset input.powermail_date, 
fieldset.tx-powermail-pi1_fieldset input.powermail_datetime, 
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, 
fieldset.tx-powermail-pi1_fieldset input.powermail_captcha {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 2px #EEEEEE inset;
    padding: 2px;
    width: 260px;
}
.error p{
  color:white;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio{
    width:auto;
  margin-left:10px;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit{
  margin-left:210px;
  
  background: #1C3452;
    border: 0px;
    color: #FFFFFF;
    font-size: 1em;
    padding: 4px;
    text-transform: uppercase;
    width: 268px;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit:hover{
  background:#989EAA;
}
/**
 **************************************************
 Job & Karriere
 **************************************************
 */

#tx-powermail-pi1_fieldset_24 #uid540{
  width:100px;
}

.page .content .teaserboxSmall .csc-textpic-text a:before {
  color:#D88E17;
}




/* DATEPICKER *****************************/
#calroot .calweek a{
  background-image:none;
  padding-left:0px;
}
#calnext, #calprev {
  padding-left:0px;
}