@charset "UTF-8";
/*******************************************************************************
*  base.css : 05 Mar 2008 : isWagner Layouts
*******************************************************************************/

* { margin:0; padding: 0 }

option { padding-left: 0.4em }

/* Italics Bug (IE 5.x und IE 6) */
* html body * { overflow:visible; }
* html iframe, * html frame { overflow:auto; }
* html frameset { overflow:hidden; }

/* Vertikaler Scrollbalken in Netscape, Firefox und Safari */
html {
  height: 100%; margin-bottom: 1px;
}
/* Standardgr??e (16 Pixel) */
html * {
  font-size: 100.01%;
}

body {
  color: #000;
  text-align: left;
  padding: 10px 0;
  font-family: 'Tahoma', Verdana, sans-serif;
  font-size: 12px;
  background: #fff url('../pics/blaue_leiste.gif') repeat-x 0 157px;

  /* Zentrierung in alten IE-versionen */
  /* text-align: center;*/
}

/* Layout */
#wrap {
  width: 950px;
  /* margin: 0 auto; */
  /* Zentrierung in alten IE-versionen */
  /* text-align:left; */
}
#page{
  background: #fff;
}

#header {
/*  position:relative; Damit das Menue funktioniert. */
  color: #000;
  background: #fff repeat-x top left;
  padding: 60px 0 0 0;
  font-size: 10px;
}

#header h1 {
  font-size:2.5em;
  letter-spacing:-2px;
  line-height:65%;
  color:#000;
  padding-bottom: 24px;
  margin-left: 50px;
}

#header span {
  color:#999;
}

#metanav {
  position: relative;
  text-align: right;
  top: -12px;
  padding-right: 75px;
}
#metanavInner {
  color: #000;
  background: transparent;
  /* wg. Opera 6: */
  text-align: right;
}
#metanav a {
  font-family: 'Tahoma', Verdana, sans-serif;
  color: #000;
  font-size: 10px;
  text-decoration: none;
}
#header, #nav, #main, #footer { clear:both; }

#preMain {
  display: block;
  clear: both;
  height: 25px;
  background: #fff url('../pics/greyLinesBack.gif') repeat-y top left;
}

#main {
  background: #fff;
  padding: 0;
  width: 950px;
  float: left;
  z-index: 0;
  background: #fff url('../pics/greyLinesBack.gif') repeat-y top left;
}

#footer {
  color: #666;
  background: #f9f9f9;
  padding: 15px;
  background: #fff url('../pics/footerBackground.gif') no-repeat top left;
}

/* #mainContent ist mittlere Spalte */
#mainContent {
  width: 75%;
  float:right;
  margin-left: -100%;
  margin-right: 25%;
  padding: 0;
}
#teaserbox {
  padding-left: 50px;
  padding-right: 10px;
}
#teaserbox div {
  padding: 0;
  margin: 0 ;
}
#mainContentInner {
  padding-left: 50px;
  padding-right: 35px;
}
#mainContentInner .csc-header {
  clear: both;
}
/* #secondaryContent ist rechte Spalte */
#secondaryContent {
  width: 200px;
  margin-right: 35px;
  float: right;
}
#secondaryContentInner {
  padding: 30px 15px 0 15px;
}
/* #context ist linke Spalte */
#context {
  float:left;
  width: 25%;
  margin-left: 0;
  margin-right: -5px;
}
#contextInner {
  padding-left: 20px;
  padding-right: 10px;
}

/* #context mittels z-index hinter die float-Spalten verschieben */
#mainContent {z-index: 3}
#secondaryContent {z-index: 5}
#context {z-index: 1}
#mainContentInner {z-index: 4}
#secondaryContentInner {z-index: 6}
#contextInner {z-index: 2}

#mainContentInner, #secondaryContentInner, #contextInner {
  position: relative;
}

/**
 * .hideContext -> 2 spaltiges Layout (mit #mainContent und #secondaryContent)
 * .hideboth -> einspaltiges Layout (mit #mainContent)
 */
#hideboth #context, #hideContext #context {
  margin-left: 0;
  margin-right: 0;
  display: none;
}

#hideboth #secondaryContent {
  display:none;
}
#hideboth #mainContent {
  width: 100%;
  margin: 0;
}
#hideContext #mainContent {
  width: 75%;
  margin-right: 0;
  margin-left: 0;
}
#hideContext #secondaryContent {
  margin-right: 0;
}



/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after, #mailform:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix, #mailform {
  display: block;
}

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden }


.subcolumns, .subcolumns_oldgecko {
  width: 100%;
  overflow:hidden;
}

/* versteckte Inhalte */
.skip, .hideme, .print {
  position: absolute;
  top: -1000em;
  left: -1000em;
  height: 1px;
  width: 1px;
}

/* Skip-Links f?r Tab-Navigation sichtbar schalten */
.skip:focus, .skip:active {
  position: static;
  top: 0;
  left: 0;
  height: auto;
  width: auto;
}

/* Inhalte */

textarea, pre, tt, code {
  font-family:"Courier New", Courier, monospace;
}

fieldset, img { border: 0 solid; }

ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em }

dt { font-weight: bold }
dd { margin: 0 0 1em 2em }

/* ### text formatting | Textauszeichnung ### */

cite, blockquote {
  font-style: italic;
}

blockquote { margin: 0 0 1em 1.5em; }

h1,h2,h3,h4,h5,h6 {
	font-family: "Tahoma", Helvetica, serif;
	color: #076eb0;
	font-weight: normal;
	margin: 0 0 0.25em 0;
}

h1 {
  /* 24px */
  font-size: 200%
}
h2 {
  /* 24px */
  font-size: 180%;
  /*color: #182E7A;*/
}
h3 {
  /* 18px */
  font-size: 150%;
}
h4 {
  /* 16px */
  font-size: 133.33%;
}
h5 {
  /* 14px */
  font-size: 116.67%;
}
h6 {
  /* 14px */
  font-size: 116.67%;
  font-style:italic;
}
p {
  line-height: 1.5em;
  margin: 0 0 1em 0;
}

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

acronym, abbr {
  letter-spacing: .07em;
  border-bottom: .1em dashed #c00;
  cursor: help;
}


a {
  text-decoration: none;
  font-family: 'Tahoma', sans-serif;
  color: #076eb0;
}
a:hover {
  text-decoration: underline;
}

/*
 * Zweispaltiges Inhaltselement.
 */
.twoColDivInner {
  float: left;
  width: 270px;
  display: block;
  clear: right;
}
.twoColDivInner h1 {
  color: #076eb0;
  font-size: 16px;
  font-weight: bold;
  font-family: 'Tahoma', sans-serif;
}
.twoColDivInner h2 {
  color: #666;
  font-weight: bold;
  font-family: 'Tahoma', sans-serif;
  font-size: 12px;
  padding-bottom: 4px;
  border-bottom: 1px solid #eee;
}
/* ENDE Zweispaltiges Inhaltselement. */


/* Artikel auf rechter Seite. */
#secondaryContentInner .csc-header {
  margin-top: -30px;
  clear: both;
}
#secondaryContentInner .csc-header-date {
  position: relative;
  top: 46px;
  color: #000;
  font-size: 10px;
  font-family: 'Tahoma', sans-serif;
  padding-left: 3px;
}
#secondaryContentInner h1 {
  font-size: 12px;
  padding-bottom: 1px;
  padding-left: 3px;
  font-family: 'Tahoma', sans-serif;
  border-bottom: 1px solid #666;
  color: #666;
}
#secondaryContentInner p.bodytext {
  margin-top: 20px;
  padding-bottom: 5px;
  color: #666;
  padding-left: 3px;
  font-family: 'Tahoma', sans-serif;
}
/* ENDE Artikel auf rechter Seite. */


.floatLeft {
  float: left;
  display: inline;
  margin-right: 1em;
  margin-bottom: 0.15em;
}
.floatRight {
  float: right;
  display: inline;
  margin-left: 1em;
  margin-bottom: 0.15em;
}
.center {
  text-align: center;
  margin: 0.5em auto;
}

/*
 * Mailformular
 */
#mailform {
  width: 530px;
}
#mailform fieldset .csc-mailform-field label {
  display: block;
  clear: left;
  float: left;
  width: 200px;
  text-align: right;
  padding-right: 8px;
}
#mailform fieldset .csc-mailform-field input,
#mailform fieldset .csc-mailform-field textarea, {
  display: block;
  float: left;
  width: 300px;
}
.csc-mailform-field .csc-mailform-submit {
  position: relative;
  left: 200px;
  padding: 4px 8px 4px 4px;
}
.csc-mailform-field {
  padding: 4px 8px 4px 4px;
}