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

body {
  margin:0px;
  padding:0px;
  width:100%;
  height:100%;
}

a {
  color:#535D5E;
}

a:hover {
  color:#db6528;
}

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;
}

h3 {
  font-family:Arial, sans-serif;
  font-size:13px;
  font-weight:normal;
  color:#e0d5b9;
  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;
}

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

.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 {
  margin:0px;
  padding:0px;
  position:relative;
  background: white!important;
}

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

#inhalt_kompetenzen {
  margin:0px;
  margin-top:1px;
  padding:20px;
}

#wrapper {
  float:left;
  height:auto !important;
  height:100%;
  margin:0px;
  padding:0px;
}

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

#wrapperLeft {
  display:none;
  position:fixed;
  float:left;
  width:285px;
}

#wrapperRight {
  width:555px;
  padding:0px;
}

#breadcrumb {
  text-align:right;
  width:555px;
  margin-left:37px;
  font-family:arial,sans-serif;
  font-size:11px;
  color:#535d5e;
}

#breadcrumb A{
  text-transform:lowercase;
  text-decoration:none;
  color:#535d5e;
}

.trenner {
  margin-top:9px;
  margin-bottom:9px;
  border:4px solid #C0B099;
  clear:both;
}

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

.trenner_last {
  margin-top:9px;
  margin-bottom:9px;
  border:4px solid #C0B099;
  clear:both;
  width:555px;
}

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

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

#leftBox {
  display:none;
}

#leftBoxPrint {
  color:red;
  margin-left:37px;
  margin-top:40px;
  font-family:Georgia,times new roman, serif;
  color:#535d5e;
  font-size:12px;
  text-align:left;
  font-style:italic;
  width:300px;
  height:73px;
}

#slogan {
  float:left;
  width:175px;
  display:inline;
}

#slogan .trenner{
  display:none;
}

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

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

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

.links {
  float:left;
}

.rechts {
  float:right;
}

#homeTeaser {
  height:240px;
  margin:0px;
  margin-top:14px;
  text-align:center;
}

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

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

#teaserBoxHeadlineTop {
  font-size:0.6em;
  padding:8px 14px 0px 14px;
}

#teaserBoxHeadline{
  margin:12px 14px 0px 13px;
  color:#DFDFD7;
  font-size:0.95em;
  font-weight:bold;
  font-size:12px;
}

#teaserBoxHeadline A{
  text-decoration:none;
}
.teaserBoxText {
  margin:5px 14px 8px 14px;
  font-size:0.75em;
  font-family:Arial, sans-serif;
}

.weiterLink {
  display:none;
}

.homeNewsBox {
  position:absolute;
  width:273px;
  height:110px;
  border:1px solid #535D5E;
  font-family:Arial, sans-serif;
  cursor:pointer;
}

#homeNewsBox_2, #homeNewsBox_3 {
    display:none;
}

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

.newsHeadlineTop {
  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:0.95em;
}

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

#headline_green {
  width:553px;
  height:60px;
  background-color:#535D5E;
  margin:0px;
  padding:0px;
  /*border:1px solid #535D5E;*/
}

#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
--------------------------------------------------------------------------------------------------------------------------------------
*/

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

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

div.c3l1d-left {
  border:0px;
  float:left;
  margin-bottom:15px;
}

div.c3l1d-middle {
  background-color:#ffffff;
  border:0px;
  left:140px;
  width:300px;
  position:absolute;
}

.tx_3spalten {
    position:relative;
    height:100px;
}

div.c3l1d-right {
  border:0px;
  left:490px;
  margin-top:75px;
  width:25px;
  display:none;
  float:right;
}

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;
}
/*
--------------------------------------------------------------------------------------------------------------------------------------
Druckmenu
--------------------------------------------------------------------------------------------------------------------------------------
*/
#druckmenu_left {
  float:right;
  color:#c0b099;
  font-family:Arial,sans-serif;
  font-size:0.7em;
  margin-bottom:30px;
}

#druckmenu_left A{
  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 {
  float:left;
}

#ideenRight {
  float:right;
}

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

/*
--------------------------------------------------------------------------------------------------------------------------------------
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 {
  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;
  margin:0px;
  margin-top:10px;
}

#skype {
  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;
  margin-top:23px;
}

.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 {
  height:20px;
  margin-bottom:10px;
}

#contactFormHead:hover {
  cursor:pointer;
}

#contactFormWrapper {
  clear:both;
  background:#F0EDEB;
  he\ight:325px;
  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;
  margin-right:-20px;
}

#toggleImage {
  position:absolute;
  left:10px;
  top:-20px;
}

*: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 {
  font-family:Arial, sans-serif;
  font-size:0.8em;
  margin:-20px;
  padding:20px;
  padding-right:60px;
	clear:both;
}

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

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

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

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

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

.klappboxTeaser {
  display:none;
  clear:both;
	cursor:pointer;
  font-family:Arial, sans-serif;
  font-size:0.8em;
  color:#535d5e;
  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;
}

#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
--------------------------------------------------------------------------------------------------------------------------------------
*/

.internal-link:link{
  background:transparent url(../images/link_icon_internal.gif) no-repeat scroll 0 2px;
  padding-left:13px;
  color:#535d5e;
}

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

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

.external-link-new-window:link{
  background:transparent url(../images/link_icon_external.gif) no-repeat scroll 0 2px;
  padding-left:13px;
  color:#535d5e;
}

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

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

.download:link{
  background:transparent url(../images/link_icon_download.gif) no-repeat scroll 0 2px;
  padding-left:13px;
  color:#535d5e;
}

.download:visited{
  background:transparent url(../images/link_icon_download.gif) no-repeat scroll 0 2px;
  padding-left:13px;
  color:#908273;
}
.download:hover{
  background:transparent url(../images/link_icon_download.gif) no-repeat scroll 0 2px;
  padding-left:13px;
  color:#db6528;
}

.jdGallery .slideElement {
  background-color:#FBFBF9;
}

.news-single-item {
  background-color: white;
  border:none;
  padding:0px;
  margin:0px;
}

#singleBrowser {
  display:none;
}

#headline_brown_short {
  display:none;
}

.browserUnten {
  display:none;
}

.news-list-item {
  font-family:arial, sans-serif;
  font-size:0.7em:
  width:555px;
  height:30px !important;
  background-color:white;
  margin:0;
  margin-left:-20px;
  padding-left:0px;
  padding-right:0px;
  border:medium none;
}

.news-list-item1 {
  font-family:arial, sans-serif;
  font-size:0.7em:
  width:555px;
  height:30px !important;
  background-color:white;
  margin:0;
  margin-left:-20px;
  padding-left:0px;
  padding-right:0px;
  border:medium none;
}

.newsListHeadline a {
  text-decoration:none;
}

#contactFormWrapper, #contactFormHead {
  display:none;
}

.extrasScreen {
    display:none;
}

.extrasPrint {
    font-weight:bold;
}

/*
--------------------------------------------------------------------------------------------------------------------------------------
Referenzen
--------------------------------------------------------------------------------------------------------------------------------------
*/

.refMoreLink, .refImage, #c44, #c55, #c54, #c43, #c47, #c56 {
    display:none;
}

.bereichWrapper {
    margin:0px!important;
    margin-left:10px!important;
}

#headerflash {
  display:block;
  position:relative;
}

/*
--------------------------------------------------------------------------------------------------------------------------------------
Generell nicht drucken
--------------------------------------------------------------------------------------------------------------------------------------
*/

.noPrint {
    display:none;
}

.news-single-img {
    margin-left:-20px;
    margin-top:-28px;
}