/* css reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, p, blockquote, th, td
{
  margin:0px;
  padding:0px;
}

body
{
  font-family: Verdana, sans-serif;
  font-size: 11px;
}

span.italic
{
  font-style: italic;
}

html
{
  /*font-size: 11px;*/
}

/* generic */

a
{
  background-image:none;
  color:#004F76;
  font-weight:bold;
}

h1
{
  font-size: 14px;
  color:#004F76;
  padding-top: 10px;
  padding-bottom: 10px;
}

h2
{
  font-size: 12px;
  color:#004F76;
}

span.subheadline
{
  font-size: 11px;
  color:#004F76;
  font-weight: normal;
}


tr td
{
  vertical-align: top;
}

img
{
  border:none;
}

div.header
{
  background-repeat: none;
  height: 296px;
}

div.header_home
{
  background-repeat: none;
  height: 371px;
}

div.header_top
{
  height: 130px;
}

div.header_top_home
{
  height: 150px;
}

div.header_content
{
  height: 166px;
  z-index:1;
  position: relative;
  clear: both;
}

div.header_content_home
{
  height: 219px;
  z-index:1;
  position: relative;
}


div.container
{
  width:980px;
  margin:0px auto;
  background-color: #fff;
}

div.footer
{
  background-image: url(/images/background/footer.jpg);
  background-repeat:repeat-x;
  background-color:#0A4F85;
  color:#fff;
  height: 26px;
  line-height: 26px;
  text-align: center;
}


div.footer a
{
  text-decoration: none;
  color: #fff;
  padding-right: 20px;
}

div.footer ul.footernavi li
{
  display:inline;
}

/* logo */

img.logo
{
  float: left;
  border: none;
}

img.logo_home
{
  float: left;
  border: none;
}

/* der Textbereich für den Header.... */

h4.header_headline
{
  padding-left:25px;
  padding-top:23px;
  font-weight: bold;
  color:#0189C5;
  /*  font-size:28px; */
  font-size:25px;
  background-image:url(/images/background/titel_dreieck.jpg);
  background-position:10px 28px;
  background-repeat:no-repeat;
}

h4.header_headline_home
{
  padding-left:25px;
  padding-top:5px;
  font-weight: bold;
  color:#0189C5;
  font-size:28px;
  background-image:url(/images/background/titel_dreieck.jpg);
  background-position:10px 10px;
  background-repeat:no-repeat;
  margin-left:-50px;
}

h5.header_headline_home
{
  color:#0189C5;
  font-size:12px;
  font-weight: normal;
  padding-bottom: 10px;
  width: 250px;
}


div.header_text
{
  margin-left: 470px;
  width: 350px;
}

div.header_text_home
{
  margin-left: 490px;
  width: 350px;
}

div.header_zitat
{
  float: left;
  background-color: transparent;
  height: 48px;
  width: 250px; 
  color: #fff;
  margin-top:115px;

}

div.header_zitat_home
{
  float: left;
  background-color: transparent;
  width: 250px; 
  color: #fff;
  margin-top:160px;
}

div.header_zitat p
{
  padding-left: 20px;
  width: 250px;
  color: #fff;
}

div.header_zitat_home p
{
  padding-left: 20px;
  width: 250px;
  color: #fff;
}


/* die Suche */

div.searchbox
{
  height: 29px;
  color: #fff;
  float: left;
  padding-left: 20px;
}

div.searchbox form
{
  margin-top: 3px;
}

div.searchbox select
{
  vertical-align: middle;
}

div.searchbox input
{
  border: 1px solid #404040;
  width: 100px;
  vertical-align: middle;
  margin-left: 5px;
}

div.searchbox input.send
{
  width: 35px;
  vertical-align:middle;
  border: none;
}

/************************************
 *** navigation
 ************************************/

div.topnavi
{
  float: right;
  margin-top: 55px;
  margin-right: 117px;
  z-index: 100;
}

div.topnavi_home
{
  float: right;
  margin-top: 71px;
  margin-right: 117px;
  z-index: 100;
  display: inline;
}

/* erste Ebene */

ul.topnavi
{
  z-index: 110;
}


ul.topnavi li
{
  float: left;
  height: 48px;
  width: 90px;
  list-style-type: none;
  z-index: 10;
  position:relative;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background-color: #0A4F86;
  background-image: url(/images/background/navi_top_inactive.gif);
}

ul.topnavi li a
{
  color: #fff;
  text-decoration: none;
  height: 48px;
  width: 90px;
  margin-left: 8px;
  white-space: nowrap;
  line-height: 48px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold;
}

/* hover Ebene */

ul.topnavi li ul
{
  display: none;
  background-color: #0189C3;
  background-image: none;
  float: none;
  width: auto;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 120;
  position:absolute;
  top:100%;
  left:0px !important;
}

ul.topnavi li.active
{
  background-image: url(/images/background/navi_top_active.gif);
  background-color: #0189C3;
  border-bottom: 1px solid #0189C3;
}

ul.topnavi li:hover,
ul.topnavi li.hover
{
  background-image: url(/images/background/navi_top_active.gif);
}


ul.topnavi li:hover ul,
ul.topnavi li.hover ul
{
  display: block;
}

ul.topnavi li ul li,
ul.topnavi li.active ul li,
ul.topnavi li:hover ul li,
ul.topnavi li.hover ul li {
  float: none;
  width: auto;
  margin: 0;
  border: 0;
  padding: 0 20px 0 22px;
  position: relative;
  z-index: 100;
  line-height: 20px;
  height: auto;
  background-image: none;
  background-color: #0189C3;
}

ul.topnavi li ul li:hover,
ul.topnavi li ul li.hover
{
  background-color: #0A4F86;
}

ul.topnavi li:hover ul li a,
ul.topnavi li ul a
{
  padding:0px;
  margin-left: 0px;
  line-height: 20px;

  font-weight: normal;
}


/* subnavi */
ul.activesubnavi li
{
  float:left;
  list-style-type: none;
}

/* bei aktiviertem Untermenue den Mouseover fuer den Menuepunkt deaktivieren */
ul.topnavi li.active ul
{
  /*display: none;*/
}

div.activesubnavi
{
  float: right;
  /*background-color: transparent;*/
  background-color: #0189C3;
  width: 570px;
  margin-right: 0px;
}

div.activesubnavi ul li
{
  float: left;
  list-style: none;
}

div.activesubnavi ul li a
{
  color: #FFFFFF;
  display: block;
  float: left;
  margin: 5px 0px 0 0px;
  padding: 0px 6px 4px 6px;
  line-height: 1.1em;
  text-decoration: none;
}

div.activesubnavi ul li.last a
{
  background-image: none;
}

div.activesubnavi ul li.last a
{
  border: 0px;
}

div.activesubnavi ul li
{
  margin-top:7px;
}

div.activesubnavi ul li.active
{
  background-color: #FFFFFF;
  margin-top:7px;
}

div.activesubnavi ul li.active a
{
  padding-left: 7px;
}

div.activesubnavi ul li.active a
{
  color: #0088C2;
}

/*********************************
 *** CONTENT
 *********************************/

div.content2cols
{
  border-left: 4px solid #008AC3;
  overflow: hidden;
  background-repeat:repeat-y;
  background-image: url(/images/background/content_bg_2_spalten.gif);
  zoom:1;
}

div.content2cols div.leftbox
{
  background-color: transparent;
  float: left;
  width: 700px;  
  margin-left: 10px;
  display:inline;
}

div.content2cols div.rightbox{
  margin-left: 750px;  
}

div.content3cols
{
  border-left: 4px solid #008AC3;
  overflow:hidden;
  background-repeat:repeat-y;
  background-image: url(/images/background/content_bg_3_spalten.gif);
  zoom: 1;
}

div.content3cols div.leftbox
{
  background-color: transparent;
  float: left;
  width: 200px;
  margin-left: 10px;
  display:inline;
}

div.content3cols div.centerbox
{
  float: left;
  background-color: transparent;
  padding-left:20px;
  width: 500px;
}


div.content3cols div.rightbox
{
  width: 220px;
  background-color: transparent;
  margin-left:750px;
}

div.content3colsHome
{
  border-left: 4px solid #008AC3;
  overflow:hidden;
  background-repeat:repeat-y;
  background-image: url(/images/background/content_bg_3_spalten_home.gif);
  zoom: 1;
}

div.content3colsHome div.leftbox
{
  background-color: transparent;
  float: left;
  width: 170px;
  margin-left: 10px;
  display:inline;
}

div.content3colsHome div.centerbox
{
  background-color: transparent;
  float: left;
  padding-left: 30px;
  width: 600px;
}


div.content3colsHome div.rightbox
{
  background-color: transparent;
  margin-left: 840px;
  width:130px;
}

div.trennlinie
{
  border-bottom:1px dotted #000000;
  margin-top: 10px;
  margin-bottom: 10px;
}


/***************************************************************
 *** die Boxen auf der Startseite Angebote, Weiterbildung, etc..
 ***************************************************************/

div.angebotbox_home
{
  float: left;
  border:1px solid #0C4E82;
  width: 140px;
  margin:0 6px 0 0;
  margin-bottom: 20px;
}

div.angebotbox_home a.weiter
{
  float: right;
  padding: 5px;
}

div.top
{
  color: #fff;
  padding: 5px;
  font-weight: bold;
}

div.text
{
  padding: 5px;
  height: 80px;

}



div.ausbildung
{
  background-color:#2B3F58;
}

div.weiterbildung
{
  background-color:#218000;
}

div.fortbildung
{
  background-color:#0189C5;
}

div.studium
{
  background-color:#792300;
}

div.akademie
{
  background-color:#D49000;
}

/************************************
 *** Kontaktform
 ************************************/

form.contact
{
  width: 400px;
  margin-bottom: 30px;
}

form.contact dl dt
{
  padding-top: 5px;
}

form.contact textarea
{
  width: 400px;
  height: 100px;
}

input.confirm
{
  display: none;
}



/* CSS für die EDIT-Box (wysiwyg Wditor) */

div.mainwysiwyg
{
  margin-bottom: 20px;
}

div.mainwysiwyg ul
{
  list-style-position: outside;
  margin-left:13px;
  padding-bottom: 15px;
}

div.mainwysiwyg p.error
{
  font-weight: bolod;
  color: red;
}

div.mainwysiwyg div.teaser
{
  color:#004F76;
  padding-bottom: 20px;
  font-weight: bold;
}


/* HEADLINES im CONTENT */

h1.c_headline_top
{
  color:#004F76;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;  
}

/**********************************
 *** News-Übersicht - aktuelles
 **********************************/

/* ein Eintrag in der Übersichtsseite */

div.news_teaser div.stdlinks a
{
  text-decoration: none;
  font-weight: normal;
  display: block;
  padding-bottom: 5px;
}

div.stdlinks a.active
{
  font-weight: bold !important;
  background-color: #ccc !important;
}

div.news_teaser_entry
{
  padding-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #000;
}

div.news_teaser_entry div.teasertext
{
  padding-top: 5px;
}

div.news_teaser_entry h2
{
  color: #000;
  font-size: 12px;
  font-weight: bold;
  padding-top: 3px;
}

div.news_teaser_entry h3
{
  color: #000;
  font-size: 10px;
  font-weight: normal;
}

div.seitenblaetern
{
  border-bottom: 1px dotted #000;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

div.seitenblaetern p.left
{
  float: left;
}

div.seitenblaetern p.right
{
  float: right;
}

/**********************************
 *** NEWS_DETAIL Ansicht
 **********************************/

div.news_detail
{
  padding-bottom: 20px;
}

div.news_detail h3
{
  font-size: 10px;
  font-weight: normal;
  padding-top: 15px;
}

div.news_detail h2
{
  font-size: 12px;
  padding-top: 3px;
}

div.news_detail div.detailtext
{
  margin-top: 10px;
}



/**********************************
 *** TEASER BOXEN
 **********************************/

div.news_teaser,
div.standard_teaser,
div.standorte_teaser
{
  margin-top: 10px;
}

div.news_teaser h1,
div.standard_teaser h1,
div.standorte_teaser h1
{
  color:#004F76;
  font-size: 13px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #000;
  margin-bottom: 5px;
}

div.news_teaser p
{
  padding-bottom: 5px;
}

div.news_teaser p a.notactive
{
  text-decoration: none;
  display: block;
}

div.news_teaser p a.active
{
  text-decoration: underline;
  background-color: #ccc;
  display: block;
}


div.standorte_teaser ul.standorte li
{
  list-style-type: none;
  /* background-position: left; */
  border-bottom:1px dotted #000000;
}

div.standorte_teaser ul.standorte li a
{
  text-decoration: none;
  font-weight:normal;
  display:block;
  line-height:23px;
  /* padding-left: 20px; */
}

/*
div.standorte_teaser ul.standorte li a:hover
{
  background-image:url(/images/background/bg_navi_active.jpg);
  background-repeat: no-repeat;
  font-weight:normal;
}
*/

a.standort
{
  text-decoration: none;
  font-weight: normal;
}

form.kontaktteaser
{
  background-color: #CDE4EC;
}

form.kontaktteaser div.ordertop h2
{
  color: #fff;
}


form.kontaktteaser input.eingabe
{
  width: 200px;
  border: 1px solid #ccc;
}
form.kontaktteaser p.infotop
{
  border-top: 1px dotted #fff;
  margin-top: 5px;
  padding-top: 5px;
}

form.kontaktteaser div.ordertop
{
  background-image: url(/images/warenkorb/bg_infocenter.jpg);
  background-repeat:repeat-x;
  background-position: bottom center;
  background-color: #0C77A5;
  color: #fff;
  padding: 10px;
}
form.kontaktteaser div.orderbottom
{
  padding: 10px;
}

div.orderbottomsent
{
  background-color: #CDE4EC;
  padding: 10px;
}


/**********************************
 *** Standorte
 **********************************/
div.standorte
{
  padding-top: 25px;
}

div.standort
{
  width: 200px;
  height: 150px;
  float: left;
  padding: 10px;
}

/**********************************
 *** Lehrende
 **********************************/

div.img_lehrender
{
  float: left;
  padding-right: 10px;
}

div.lehrender
{
  padding-bottom: 10px;
}



/**********************************
 *** Sitemap
 **********************************/
ul.sitemap
{
  margin-bottom: 20px;
}

ul.sitemap li
{
  list-style-type: none;
  margin-top: 10px;
}

ul.sitemap li a
{
  border-bottom: 1px dotted #000;
  text-decoration: none;
  padding-bottom: 3px;
}

ul.sitemap li ul li
{
  border-bottom: none;
}

ul.sitemap li ul.sub
{
  padding-left: 10px;
}

ul.sitemap li ul.sub li a
{
  text-decoration: underline;
  border-bottom: none;
  font-weight: normal;
}


ul.sitemap, smleft
{
  float: left;
  width: 50%;
}


/* Ansprechpartner teaser buttons */

input.btn, a.btn
{
  background-color: #094E85;
  color: #fff;
  border: 1px solid #ccc;
  font-family: arial;
  font-size: 11px;
}
input.btn
{
  padding: 2px;
  font-weight: bold;
}

a.btn
{
  text-decoration: none;
  padding: 0px;
}

ul.orderlist
{
  margin-top: 10px;
  list-style-type: none;
}

ul.orderlist li
{
  margin-top: 5px;
  padding-left: 20px;
}

ul.orderlist li a
{
  margin-right: 5px;
  margin-bottom: 2px;
  margin-left: -20px;

}


/* WEBEDITION */

.we_header_wysiwyg
{
  width: 400px;
  padding-left: 10px;
}

.wysiwyg_3cols
{
  width: 200px;
}

/* Stoerer Home */

div.stoerer_home
{
  background-image:url(/images/background/stoerer_bg_start.jpg);
  background-repeat: no-repeat;
  width: 341px;
  height: 70px;
  margin: 0 auto;
  color: #fff;
  font-size: 12px;
  padding: 5px;
  padding-left: 10px;
}

div.stoerer
{
  background-image:url(/images/background/stoerer_bg_folge.jpg);
  width: 205px;
  height: 100px;
  color: #fff;
  padding: 5px;
  padding-left: 10px;
  background-repeat: no-repeat;
  font-size: 12px;
  margin-top: 20px;
}


div.stoerer_home h2,
div.stoerer h2
{
  color: #fff;
  font-size: 19px;
  background-image:url(/images/background/pfeil_weiss.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 15px;
}