/*
--------------------------------------------------------------------------------------------------------------------------------------
# Haupt-CSS-Datei
--------------------------------------------------------------------------------------------------------------------------------------
*/
html {
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
}

body {
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
  background:#A4A8A9 url(../images/bg.jpg) repeat-x;
  background-attachment:fixed;
}

UL {
    list-style-type:square;
    font-family:Arial, sans-serif;
    font-size:0.8em;
    padding-left:17px;
    line-height:1.5em;
    margin-left:0px;
    margin-top:5px;
    margin-bottom:5px;
}

a {
  color:#db6528;
  text-decoration:none;
}

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

p {
  margin:0px;
  padding:0px;
}

form {
  margin:0px;
  padding:0px;
}

img {
  border:0px;
}

h1 {
  font-family:Arial, sans-serif;
  font-size:16px;
  font-weight:normal;
  color:#6d572e;
  margin:0px;
  padding:0px;
  clear:both;
}

h2 {
  font-family:Arial, sans-serif;
  font-size:16px;
  color:#ffffff;
  margin:0px;
  padding:0px;
  line-height:1.2em;
}

h3 {
  font-family:Arial, sans-serif;
  font-size:13px;
  font-weight:normal;
  color:#000000;
  margin:0px;
  padding:0px;
}

h3.brown {
  color:#e0d5b9;
}

h4 {
  font-family:Arial, sans-serif;
  font-size:13px;
  font-weight:normal;
  color:#535d5e;
  margin:0px;
  padding:0px;
}

.csc-header {
  font-family:Arial, sans-serif;
  font-size:12px;
  font-weight:normal;
  color:#000000;
  margin:0px;
  padding:0px;
}

.bodytext {
  font-family:Arial, sans-serif;
  font-size:0.8em;
  color:#000;
  line-height:1.5em;
  padding-top:8px;
  padding-bottom:8px;
}

#refContent .bodytext {
  padding-top:0px;
}

.glossarBodytext {
  font-family:Arial, sans-serif;
  font-size:11px;
  color:#535d5e;
  margin-top:10px;
  height:155px;
  overflow:auto;
}

.noborder {
  font-family:Arial, sans-serif;
  font-size:0.8em;
  color:#535d5e;
  line-height:1.5em;
  padding-top:0px;
  padding-bottom:0px;
}

a.download {
  padding-left:12px;
  background:transparent url(../images/download.gif) 0px 2px no-repeat;
}

.contenttable {
  margin:0px;
  padding:0px;
}

#headergrafik {
  margin-top:1px;
}

#headergrafik dl {
  margin-top:0px;
  margin-left:0px;
}

#inhaltWrapper {
  background-color:#F0EDEB;
  margin:0px;
  padding:0px;
  position:relative;
}

#inhalt {
  background-color:#F0EDEB;
  margin:0px;
  margin-top:1px;
  padding:20px 60px 20px 20px;
}

#inhalt_kontakt {
  background-color:#F0EDEB;
  margin:0px;
  margin-top:1px;
  padding:20px 60px 20px 20px;
}

#inhalt_kompetenzen {
  background-color:#F0EDEB;
  margin:0px;
  margin-top:1px;
  padding:20px;
  clear:both;
}

#wrapper {
  float:left;
  width:942px;
  min-height:100%;
  height:auto !important;
  height:100%;
  margin:0px;
  padding:0px;
  background-color:#FBFBF9;
  border-right:1px solid #f9f9f9;
}

#contentWrapper {
  margin-left:37px;
  margin-right:37px;
}

#wrapperLeft {
  position:fixed;
  float:left;
  width:285px;
  background-color:#FBFBF9;
}

#wrapperRight {
  float:right;
  width:555px;
  background-color:#FBFBF9;
  padding:0px;
}

.trenner {
  background:transparent url(../images/trenner.gif) repeat-x;
  height:27px;
  clear:both;
}

p.linkBox {
  border-top:1px solid white;
  margin-left:-20px;
  width:515px;
  margin-bottom:-20px;
  background-color:#E6E3E1;
  padding:20px;
  font-family:Arial, sans-serif;
  font-size:0.8em;
  color:#000;
  line-height:1.5em;
}

.trennlinie {
  position:relative;
  overflow:hidden;
  clear:both;
  height:9px;
  margin-left:-20px;
  margin-right:-20px;
  margin-top:20px;
  margin-bottom:20px;
  background-color:#FBFBF9;
  padding:0px;
  width:555px;
}

.trenner_last {
  background:transparent url(../images/trenner.gif) repeat-x;
  height:27px;
  /*margin-bottom:30px;*/
  clear:both;
  width:555px;
}

#header {
  width:911px;
  text-align:right;
  margin-top:10px;
}

#mainNavi {
  margin-top:-1px;
}

#leftBox {
  width:285px;
  height:223px;
  background-color:#c9d30e;
}

#leftBoxPrint {
  display:none;
}

#metaNavi {
  position:relative;
  margin:0px;
  padding:0px;
  font-family:Arial;
  font-size:0.7em;
  color:#c0b099;
}

#facebookIcon {
    position:absolute;
    right:0px;
    top:0px;
}

#facebookIcon A {
  padding-left:12px;
  background:transparent url(../images/icon_fb.gif) no-repeat 0px 3px;
}    

#metaNavi a{
  color:#c0b099;
  text-decoration:none;
}

#metaNavi a:hover{
  text-decoration:underline;
}

.links {
  float:left;
}

.rechts {
  float:right;
}

#homeTeaser {
  height:240px;
  width:555px;
  margin:0px;
  text-align:center;
}

#homeTeaserWrapper {
  width:100%;
  margin:0px;
}

.homeTeaserBox {
  position:relative;
  display:block;
  width:273px;
  height:110px;
  background-color:#535D5E;
  padding:0px;
  margin:0px;
  font-family:Arial, sans-serif;
	cursor:pointer;
}

.homeTeaserBox:hover {
  background-color:#3f494b;
}

#teaserBoxHeadlineTop {
  color:#ffffff;
  font-size:0.6em;
  padding:8px 14px 2px 14px;
}

#teaserBoxHeadline{
  margin:2px 14px 0px 13px;
  letter-spacing:-0.01px;
  color:#DFDFD7;
  font-size:14px;
}

.newsHeadline A{
  color:#6D572E;
}

#teaserBoxHeadline A{
  color:#F0EDEB;
}

#teaserBoxHeadline A:hover, .newsHeadline A:hover{
  text-decoration:none;
}

.teaserBoxText {
  margin:5px 14px 8px 14px;
  font-size:0.75em;
  color:#ffffff;
  font-family:Arial, sans-serif;
}

.weiterLink {
  font-family:Arial, sans-serif;
}

.homeNewsBox {
  position:absolute;
  width:273px;
  height:110px;
  background-color:#F0EDEB;
  font-family:Arial, sans-serif;
  cursor:pointer;
}

.homeNewsBox:hover {
  background-color:#e6e3e1;
}

.homeNewsBox h3 {
  color:#535d5e;
  font-size:0.7em;
  margin:8px 14px 0px 14px;
  padding:0px;
}

.newsHeadlineTop {
  color:#535d5e;
  font-size:0.6em;
  margin:8px 14px 4px 14px;
  padding:0px;
}

.homeNewsBox h2 {
  color:#6d572e;
  font-size:0.94em;
  margin:0px 14px 0px 14px;
  padding:0px;
}

.newsHeadline{
  margin:0px 14px 0px 13px;
  color:#6d572e;
  font-size:14px;
  letter-spacing:-0.01em;
}

.homeNewsBoxText {
  margin:4px 14px 8px 14px;
  font-size:0.75em;
  color:#000000;
  font-family:Arial, sans-serif;
}

#headline_green {
  width:555px;
  height:60px;
  background-color:#C9D40E;
  margin:0px;
  padding:0px;
}

#headline_brown {
  width:555px;
  height:60px;
  background-color:#908273;
  margin:0px;
  padding:0px;
}

#headlineInner {
  padding:15px 20px 0px 20px;
}

/*
--------------------------------------------------------------------------------------------------------------------------------------
Extension 2columns
--------------------------------------------------------------------------------------------------------------------------------------
*/

.c2l1-left {
  border:0px;
  vertical-align:top;
}

.c2l1-middle {
  border:0px;
  vertical-align:top;
}

td.c2l1-left {
  width:250px;
}

td.c2l1-middle {
  width:200px;
}


/*
--------------------------------------------------------------------------------------------------------------------------------------
Extension 3columns
--------------------------------------------------------------------------------------------------------------------------------------
*/

.tx_3spalten {
  width:515px;
  height:100px;
}

.tx_3spalten:hover {
  background-color:#E6E3E1;
}

div.tx-fdfx3cols-pi1 {
  background-color:#ffffff;
}

div.tx-fdfx3cols-pi1:hover {
  background-color:#E6E3E1;
}

div.c3l1d-left {
  border:0px;
  width:120px;
}

div.c3l1d-middle {
  border:0px;
  left:140px;
  width:340px;
}

div.c3l1d-middle:hover {
  background-color:#E6E3E1;
}
div.c3l1d-right {
  border:0px;
  left:490px;
  margin-top:75px;
  width:25px;
  height:25px;
}

div.c3l1d-right p.bodytext, div.c3l1d-left p.bodytext {
  margin:0px;
  padding:0px;
}
/*
--------------------------------------------------------------------------------------------------------------------------------------
Bildergalerie
--------------------------------------------------------------------------------------------------------------------------------------
*/
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0px;
  margin-top: 9px;
  background-color:#FBFBF9;
}

.csc-textpic-imagerow {
  background-color:white;
}

#headergrafik IMG {
    margin-bottom:0px !important;
}
/*
--------------------------------------------------------------------------------------------------------------------------------------
Druckmenu
--------------------------------------------------------------------------------------------------------------------------------------
*/
#druckmenu_left {
  float:right;
  color:#c0b099;
  font-family:Arial,sans-serif;
  font-size:0.7em;
  margin-bottom:30px;
}

#druckmenu_left A{
  color:#C0B099;
  text-decoration:none;
}

#druckmenu_left A:hover{
  text-decoration:underline;
}

#druckmenu_right {
  float:right;
  font-family:Arial,sans-serif;
  font-size:0.7em;
  margin-bottom:30px;
}

#druckmenu_right A{
  text-decoration:none;
}

#druckmenu_right A:hover{
  text-decoration:underline;
}

/*
--------------------------------------------------------------------------------------------------------------------------------------
Druckmenu Ende
--------------------------------------------------------------------------------------------------------------------------------------
*/
#blueHeader {
  position:relative;
  margin:0px;
  padding:0px;
  margin-top:1px;
  border-bottom:1px solid white;
  color:#ffffff;
  background:#00A0D0;
  font-family:Arial,sans-serif;
  font-size:0.8em;
  height:31px;
}

#blueHeaderWrapper {
  position:absolute;
  width:520px;
  margin-top:7px;
  margin-left:20px;
}

#ideenLeft {
  position:absolute;
  top:7px;
  left:20px;
}

#ideenRight {
  position:absolute;
  top:7px;
  right:20px;
}

#ideenRight a {
  padding-left:15px;
  background:transparent url(../images/ideen_link.gif) 0px 3px no-repeat;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}

#ideenRight a:hover {
  text-decoration:underline;
}

/*
--------------------------------------------------------------------------------------------------------------------------------------
Bilddarstellung
--------------------------------------------------------------------------------------------------------------------------------------
*/
.csc-textpic-imagewrap {
  position:relative;
  background: #FBFBF9;
}

.csc-textpic-imagewrap DIV {
  background: #FBFBF9;
}

/*
--------------------------------------------------------------------------------------------------------------------------------------
Kontaktseite
--------------------------------------------------------------------------------------------------------------------------------------
*/
#headlineKontaktformular{
  margin-bottom:10px;
}

#callbackWrapper {
  height:225px;
  width:555px;
  margin-bottom:9px;
  background:#FBFBF9;
  border-bottom:9px solid #FBFBF9;
}

#callback {
  position:relative;
  height:195px;
  background-color:#897F73;
  padding:15px 18px 15px 18px;
  color:#ffffff;
  font-family:Arial,sans-serif;
  font-size:0.7em;
}

#callback p {
  margin-top:8px;
  margin-bottom:8px;
}

.callbackInput {
  margin:0px;
  padding:0px;
  border:none;
  width:190px;
  border-bottom:1px solid #b2b7b7;
}

.callbackLabel {
  margin:0px;
  padding:0px;
  color:#DFD6B7;
}

#callbackSubmit {
  border:none;
  position:absolute;
  bottom:15px;
  left:20px;
}

#skype {
  position:relative;
  width:237px;
  height:195px;
  float:right;
  background-color:#897F73;
  padding:15px 18px 15px 18px;
  color:#ffffff;
  font-family:Arial,sans-serif;
  font-size:0.7em;
}

#skype p {
  margin-top:8px;
  margin-bottom:8px;
}

#skypeLink {
  padding-left:12px;
  color:white;
  background:transparent url(../images/ext_link_brown.gif) 0px 2px no-repeat;
}

#skypeLink:hover {
  color:#DFD6B7;
}


#skypeOnline {
  border:none;
  position:absolute;
  bottom:15px;
  left:15px;
}

.contactForm {
  font-size:0.7em;
  width:206px;
  font-family:Arial,sans-serif;
  color:#535d5e;
}

.brownText {
  color:#db6528;
}

.errorText {
  float:right;
  margin-right:30px;
  color:#db6528;
  display:none;
}

.errorSign {
  float:right;
  width:20px;
  height:18px;
  background:transparent url(../images/warning_light.gif) no-repeat;
  display:none;
}

#contactFormHead {
  width:534px;
  height:30px;
  padding-top:20px;
  margin-top:-20px;
  margin-bottom:10px;
}

#contactFormHead:hover {
  cursor:pointer;
}

#contactFormWrapper {
  clear:both;
  background:#F0EDEB;
  height:355px;
  display:block;
  margin-right:-40px;
}

#contactFormThankYou {
  clear:both;
  background:#F0EDEB;
  height:50px;
  margin-left:-20px;
  margin-right:-20px;
  margin-bottom:15px;
  padding:15px 20px 15px 20px;
  display:none;
}

.contactForm INPUT{
  width:176px;
  height:20px;
  border-bottom:1px solid #b2b7b7;
  border-top:0px;
  border-right:0px;
  border-left:0px;
  vertical-align:baseline;
  padding-bottom:0px;
  display:block;
  margin-bottom:8px;
}

.contactForm TEXTAREA{
  width:176px;
  height:112px;
  border-bottom:1px solid #b2b7b7;
  border-top:0px;
  border-right:0px;
  border-left:0px;
  vertical-align:baseline;
  padding-bottom:0px;
  display:block;
}

#contactOpenClose{
  position:relative;
  float:right;
}

#toggleImage {
  display:inline;
  margin-top:-20px;
}

#kontaktTrenner {
   height:9px;
   width:555px;
   margin-left:-40px;
   margin-bottom:15px;
}

*:first-child+html #toggleImage {
  left:30px;
}

/*
--------------------------------------------------------------------------------------------------------------------------------------
Browserweichen für den IE6
--------------------------------------------------------------------------------------------------------------------------------------
*/
* html #callback {
  padding:15px 18px 3px 18px;
  height:207px;
}

* html #skype {
  padding:15px 18px 9px 18px;
  height:201px;
}

* html #contactOpenClose {
  margin-right:-10px;
}

/*
--------------------------------------------------------------------------------------------------------------------------------------
CSS für die Extension klappbox
--------------------------------------------------------------------------------------------------------------------------------------
*/

p.kompetenzen_einstieg {
  background: url(../images/tube03.gif) 21px 0px repeat-y;
  font-family:Arial, sans-serif;
  font-size:0.8em;
  color:#000;
  margin:-20px;
  padding:20px;
  padding-left:60px;
  padding-right:60px;
	clear:both;
}

.klappboxWrapperWrapper {
  background-image: url(../images/tube01.gif);
  background-repeat:no-repeat;
	overflow:hidden;
	margin-top:-20px;
	margin-bottom:-20px;
	padding-top:20px;
	padding-bottom:20px;
	clear:both;
}

.klappboxWrapper {
	overflow:hidden;
	margin-left:40px;
	width:460px;
	clear:both;
}

.klappboxWrapperBottom {
	overflow:hidden;
	margin-left:40px;
	width:460px;
	clear:both;
}

.tx-klappbox-pi1 {
  position:relative;
	border:1px solid #F0EDEB;
	clear:both;
}

.klappboxHeadline {
  position:relative;
	cursor:pointer;
	float:left;
	width:450px;
	margin-bottom:5px;
}

.klappboxHeadline H1:hover{
  text-decoration:underline;
}

.klappboxOpener {
  position:absolute;
  left:504px;
  top:-22px;
	cursor:pointer;
	float:right;
	width:30px;
}

.klappboxBox {
  display:none;
  clear:both;
  margin-top:0px;
  font-family:Arial, sans-serif;
  font-size:0.8em;
  margin-right:40px;
}

.klappboxBox P {
  margin-bottom:10px;
}

.klappboxTeaser {
  clear:both;
	cursor:pointer;
  font-family:Arial, sans-serif;
  font-size:0.8em;
  margin-right:40px;
}

/*
--------------------------------------------------------------------------------------------------------------------------------------
CSS für die thickboxs
--------------------------------------------------------------------------------------------------------------------------------------
*/

.clDescriptionContGlossar {
  position:absolute;
  visibility:hidden;
  width:152px;
  height:160px;
  background-image: url(../images/glossar_bubble.png);
  background-repeat:no-repeat;
  padding:4px; margin:0px; z-index:101;
}

.clDescriptionGlossar {
  width:142px;
  height:160px;
  left:0px;
  top:0px;
  overflow:hidden;
}

.thickbox{
  position: relative;
  z-index: 0;
  text-decoration:none;
  background:transparent url(../images/glossar_link_fragezeichen.gif) no-repeat scroll 0 5px;
  padding-left:8px;
  color:#00A0D0;
}

#druckmenu_left .thickbox {
  padding-left:10px;
  background:transparent url(../images/glossar_link_fragezeichen.gif) no-repeat scroll 0 3px;
}

.thickbox:hover {
  text-decoration:underline;
  color:#00A0D0;
}

#rssFeed .thickbox {
  background:transparent none;
  padding-left:0px;
}

#glossarClose {
  margin-right:-23px;
  margin-top:-20px;
  z-index:222;
}

* html #glossarClose {
  margin-right:0px;
  margin-top:0px;
}

#glossarFooterWrapper {
  width:100%;
  height:31px;
  background: #00A1D0;
}

#glossarFooterLeft {
  float:left;
  font-family:Arial,sans-serif;
  font-size:11px;
  color:white;
  margin-top:9px;
  margin-left:15px;
}

#glossarFooterRight {
  float:right;
  font-family:Arial,sans-serif;
  font-size:11px;
  color:white;
  margin-top:8px;
  margin-right:15px;
}

#glossarFooterRight A{
  font-weight:bold;
  text-decoration:underline;
  color:white;
}
/*
--------------------------------------------------------------------------------------------------------------------------------------
Links
--------------------------------------------------------------------------------------------------------------------------------------
*/

#lightbox-link:link{
  background:transparent url(../images/link_icon_internal.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:underline;
}

#lightbox-link:visited{
  background:transparent url(../images/link_icon_internal.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:underline;
}

#lightbox-link:hover{
  background:transparent url(../images/link_icon_internal.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:underline;
}

.internal-link:link{
  background:transparent url(../images/link_icon_internal.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:none;
}

.internal-link:visited{
  background:transparent url(../images/link_icon_internal.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:none;
}

.internal-link:hover{
  background:transparent url(../images/link_icon_internal.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:underline;
}

.external-link-new-window:link{
  background:transparent url(../images/link_icon_external.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:none;
}

.external-link-new-window:visited{
  background:transparent url(../images/link_icon_external.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:none;
}

.external-link-new-window:hover{
  background:transparent url(../images/link_icon_external.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:underline;
}

.download:link{
  background:transparent url(../images/link_icon_download.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:none;
}

.download:visited{
  background:transparent url(../images/link_icon_download.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:none;
}
.download:hover{
  background:transparent url(../images/link_icon_download.gif) no-repeat scroll 0 2px;
  padding-left:11px;
  color:#DB6528;
  text-decoration:underline;
}

.jdGallery .slideElement {
  background-color:#D3D3D3!important;
  background-position:left top!important;
}

.rgsgcontent {
  background-color:#D3D3D3!important;
}

/*
--------------------------------------------------------------------------------------------------------------------------------------
Sitemap
--------------------------------------------------------------------------------------------------------------------------------------
*/

.csc-sitemap A {
    font-family:arial,sans-serif;
    color:#000;
    font-size:0.8em;
}

.csc-sitemap A:HOVER {
    color:#db6528;
}

.jdGallery .loadingElement {
    background-image:none!important;
}

.extrasPrint, .noScreen {
    display:none;
}