@charset "utf-8";
body {
  font: 100%/1.4 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  background-image:url(../img/SECTOR_project_topBG.gif);
  background-repeat: repeat-x;
  color:#222;
}

h1, h2, h3, h4, h5, h6, p {
  padding-right: 15px;
  padding-left: 25px;
}

.container {
  width: 1035px;
  /*background: #FFF;
  margin: 0 auto; */
}

.header {
  height: 275px;
  position: relative;
}

.header #funcnav{
  position: absolute;
  height: 28px;
  background-color: #6C8E24;
  width: 100%;
}
.header #funcnav div{
  padding: 6px 0px 0 30px;
  position:absolute;
  right: 0px;
  height: 22px;
  background-color: #fff;
  border-bottom-left-radius: 27px;
  font-size:10px;
  
}

.header #funcnav div a{
  text-transform:uppercase;
  padding: 0 5px;
  font-size:10px;
  }
.header #logo{
  position:absolute;
  display:block;
  top: 20px;
  height: 92px;
  z-index: 23;
  }

.header #visual {
  position: relative;
  top: 66px;
  z-index: 11;
  border-top-right-radius: 104px;
  border-bottom-right-radius:  104px ;
  overflow: hidden;
  width: 1030px;
  height: 208px;
  background-clip: border-box;
  
  /*border: 10px solid hsla(12%,0%,0%,.2);*/
}

.header #visual div div.csc-textpic, .header #visual .csc-textpic-imagecolumn{
  border-top-right-radius: 104px;
  border-bottom-right-radius:  104px ;
  overflow: hidden;
  width: 1030px;
  height: 208px;
  position: static;
}

div.header #visual DIV.csc-textpic DIV.csc-textpic-single-image IMG {
    margin-bottom: 0px;
  border-bottom-right-radius: 104px;
  border-top-right-radius: 104px;

}

.header div#qod{
  padding:5px 95px 5px 0;
  position:absolute;
  right: 0px;
  color: white;
  z-index: 123;
  background-image:url(../img/SECTOR_project_visual_textBG_full_transp_gruen.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  /*background-color: rgba(205,20,20,0.5);*/
  height: 55px;
  bottom: 19px;
  width: 935px;
  background-clip: border-box;
  text-shadow:0 0 0 transparent, 1px 1px 2px #161616;
  /*text-shadow: 0.8px 0.8px 1.5px #161616;*/
  /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=135, Strength=2);*/
  filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1.5, OffY=1, Color='#666666', Positive='true');
  }

.header div#qod div {
  float: right;
}
.header div#qod p{
  font-size: 24px;
  line-height: 1.1em;
  padding-right: 0;
  }

.sidebar1 {
  float: left;
  width: 200px;
  padding: 60px 0 10px 50px;
}
.content {
  padding: 0px;
  width: 780px;
  float: left;
}

.content ul, .content ol { 
  padding: 0 15px 15px 40px; 
}


#BreadcrumbHead {
  height: 45px;
  position: relative;
  width: 98%;
  display:block;
  font-size: 10px;
  padding: 15px 0 0 25px;
  color: #898989;
  }
#BreadcrumbHead a, .header #funcnav div a{
  color: #898989;
}

#BreadcrumbHead a:hover, .header #funcnav div a:hover{
  color: #333;
}

#suche {
  position: relative;
  height: 41px;
  background-image:url(../img/SECTOR_project_searchBG.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 2px 2px 2px 5px;
}

#suche input{
  border: none;
  box-shadow: #999 1px 1px 1px;
  width: 135px;
  }
#suche input#Absenden{
  float: right;
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: 35px;
  height: 25px;
  margin-right: 15px;
  text-indent: -123em;
  cursor: pointer;
  }

input, textarea, checkbox{
  border: 1px solid #666;
  line-height: 1.3em;
  box-shadow: #999 1px 1px 1px;
  }


#inhalte {
  position: relative;
}


#inhalte h1,#inhalte h2,#inhalte h3, #inhalte h4, #inhalte h1 a,#inhalte h2 a, #inhalte h3 a, #inhalte h4 a {
  padding-bottom: 12px;
  padding-top: 10px;
  color: #58422f;
}

#inhalte h1{
  font-size:20px;
  font-weight: normal;
  line-height: 25px;
  padding-top: 0px;
}

#inhalte p{
  font-size:14px;
  font-weight: normal;
  line-height: 1.25em;
  padding-bottom: 12px;
}
#inhalte img {
  margin-left: 25px;
  margin-right: 25px;
}

#inhalte dl {
  margin-left: 25px !important; 
  margin-right: 25px !important;
}

#inhalte dl.csc-textpic-image img, #inhalte .csc-textpic-center dl.csc-textpic-image, #inhalte .csc-textpic-center img{
  margin-left: 0px !important; 
  margin-right: 0px !important; 
}

div#inhalte div.csc-default div.lSpalte div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow .csc-textpic-image img, 
#inhalte .csc-textpic-intext-right-nowrap img {
  padding: 0px;
  margin: 0;
}

#inhalte a{
  color: #860008;
  }

#inhalte a:hover{
  text-decoration: underline;
  color: #860008;
  }

.content div#inhalte ul, .content div#inhalte ol {
  padding: 0 15px 15px 60px;
  list-style-image: none;
  list-style-position:  outside;
  list-style-type: disc;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.25em;
  padding-bottom: 12px;
}

.content div#inhalte ol {
  list-style: decimal outside none;
}
div.container div.content div#inhalte div.csc-default div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-imagerow ul{
  padding: 0px;
} 


strong, b {
  font-weight: bold;
  color: #554028;
}
.align-center {
  text-align: center;
}

.align-right {
text-align: right;
  padding-right: 25px;
}

.align-justify{
 text-align: justify;
}

ul.nav {
  list-style: none; /* Hiermit wird die Listenmarkierung entfernt. */
  border-top: 1px dotted #666; /* Hiermit wird der obere Rand für die Hyperlinks erstellt. Alle anderen werden mit einem unteren Rand im LI-Element platziert. */
  margin-bottom: 15px; /* Hiermit wird der Abstand zwischen den Navigationselementen und den Inhalten unten erstellt. */
}
ul.nav li {
  border-bottom: 1px dotted #666; /* Hiermit wird die Trennung der Schaltflächen erstellt. */
}
ul.nav a, ul.nav a:visited {
  /* Durch Gruppieren dieser Selektoren wird sichergestellt, dass die Hyperlinks auch nach dem Aufrufen die Form einer Schaltfläche beibehalten. */
  min-height: 23px;
  padding: 5px 5px 2px 45px;
  display: block; /* Hiermit werden die Blockeigenschaften für den Hyperlink angegeben, sodass das gesamte umschließende LI-Element aufgefüllt wird. Hiermit wird angegeben, dass der gesamte Bereich auf einen Mausklick reagiert. */
  width: 150px;  /*  background: #C6D580;
Mit dieser Breite reagiert die gesamte Schaltfläche in IE6 auf Mausklicks. Kann entfernt werden, wenn IE6 nicht unterstützt werden muss. Berechnen Sie die exakte Breite durch Subtrahieren der Auffüllung für diesen Hyperlink von der Breite des Containers für die Randleiste. */
  text-decoration: none;
  font-size: 13px;
  color: #5B4031;
  background-image: url(../img/SECTOR_project_mnavi_ico_inactive.gif);
  background-repeat:no-repeat;
  background-position: 13px 9px;
}

ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* background: #ADB96E; Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
  color: white;
  background-color: #c3a17d;
/*  transition: background-color 0.1s ease-in;
  -moz-transition: background-color 0.1s ease-in;*/
}

ul.nav li ul.uNav2 li {
  border-top: 1px dotted #666; /* Hiermit wird die Trennung der Schaltflächen erstellt. */
  border-bottom: none; /* Hiermit wird die Trennung der Schaltflächen korrigiert. */
}

ul.nav li ul.uNav2 li a, ul.nav li ul.uNav2 li a:hover{
    padding-left: 45px;
  width: 150px;
  background-image: none;
}

ul.nav li ul.uNav2 li a:hover, ul.nav li ul.uNav2 li a:active,  ul.nav li ul.uNav2 li a:focus {
  color: white;
  background-color: #c3a17d;
}

ul.nav li ul.uNav2 li a:before{
  content:"..";
  color: #333;
  }
ul.nav li a:before{
  content:".";
  color: #333;
  }

li.aktiv1 a, li.aktiv1 ul li.aktiv2 a{
  background-color:#f0e8de;
  }

li.aktiv1 a{
  background-image:url(../img/SECTOR_project_mnavi_ico_active.gif);
  background-color: #d9c4ae;
}

li.aktiv1 ul li a{
  background-color: white;
  }

/* ~~ Fußzeile ~~ */
.footer {
  padding: 31px 0 0 275px;
  position: relative;
  /*   Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */
  clear: both; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
  font-size:12px;
  color: #666;
  height: 100px;
}

div.footer ul.navgrid {
  border-bottom: 1px solid #999;
  border-top: 1px solid #aaa;
  display:block;
  height: 25px;
  width: 740px;
}
div.footer ul.navgrid li{
  position:relative;
  width: 130px;
  float: left;
  padding: 5px 5px 4px 10px;
  }

div.footer ul.navgrid li a{
  display:block;
  color: #808080;
}
div.footer ul.navgrid li a:hover{
  color: #222;
}
div.footer ul.navgrid li a:before{
  content:".";
  color: #808080;
}

.navgrid2 {
  position:absolute;
  left: 0px;
  top: 32px;
  width:auto;
  }
div.footer ul.navgrid li ul.navgrid2 li{
  width:auto;
  float: none;
  padding: 2px 5px 1px 10px;
  }


div.footer ul.navgrid li ul.navgrid2 li a:before{
  content:"..";
  color: #808080;
}

/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
  float: right;
  margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im #container) platziert werden, wenn #footer entfernt oder aus dem #container herausgenommen wird. */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}
div.sponsors {
  padding: 20px 20px 30px 275px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.25em;
  color: #808080;
  }

.lSpalte {
  display: block;
  padding-right: 20px;
  width: 535px;
  float: left;
}

.rSpalte{
  float: left;
  display: block;
  width: 225px;
}

.content div#inhalte .rSpalte ul, .content div#inhalte .rSpalte ol {
  padding: 0 15px 15px 30px;
  list-style-image: none;
  list-style-position:  outside;
  list-style-type: disc;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.25em;
  padding-bottom: 12px;
}

.content div#inhalte .rSpalte h1, .content div#inhalte .rSpalte h2, .content div#inhalte .rSpalte h3{
  font-size: 14px;
  font-weight: normal;
}
.content div#inhalte .rSpalte h1, .content div#inhalte .rSpalte h2, .content div#inhalte .rSpalte h3{
  font-weight: bold;
}
 .content div#inhalte .rSpalte h1, .content div#inhalte .rSpalte h2, .content div#inhalte .rSpalte h3, .content div#inhalte .rSpalte h4, .content div#inhalte .rSpalte h5, .content div#inhalte .rSpalte h6, .content div#inhalte .rSpalte p, .rSpalte img{
  margin-right: 10px;
  margin-left: 15px;
  padding-right: 10px;
  padding-left: 15px;
  color: #58422f;
}

.content div#inhalte .rSpalte li {
  color: #58422f;
}

.content div#inhalte .csc-default{
  margin-bottom: 20px;
}

.content div#inhalte .rSpalte .csc-default{
  border-left: 1px solid #58422f;;
  margin-bottom: 15px;
}

.tx-indexedsearch {
  padding-left: 25px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.25em;
}

.csc-mailform-field label {
  display: block;
  width: 150px;
}
fieldset {
  padding-left: 25px;
}

.content div#inhalte .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
  color: #860008;
}

.content div#inhalte .tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
  font-style: normal;
  padding: 0 12px 12px;
}

hr {
  width: 80%;
  border-bottom: 1px solid #58422F;
  border-top: none;
  border-right: none;
  border-left: none;
  margn-left:auto;
  margin-right:auto;
}

div.csc-frame.csc-frame-indent img{
  -moz-box-shadow: 6px 5px 17px #666666;
    -webkit-box-shadow: 6px 5px 17px #666666;
  /* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5 , Direction=135, Color='#666666')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#666666');  
  box-shadow: 6px 5px 17px #666666;
}


.content div#inhalte table p,
.content div#inhalte table th,
.content div#inhalte table td{
  padding: 0 5px 5px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.25em;

}
table {
  margin-left: 20px;
  margin-right: 10px;
}