/*#####################################################
 Pseudo-Klassen & Redefinierung von HTML-Elementen
######################################################*/
 /* Allgemeine Angaben */
html,body,a,a:link,a:visited,a:hover,a:active,p,div,span,table,tbody,th,tr,td,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,select,option,optgroup,button,fieldset,textarea,label,legend
 {
 font-family: Verdana, Arial, Helvetica, SunSans-Regular;
 font-size: 100.1%;
 color: #333;
 text-decoration: none;
 padding: 0;
 margin: 0;
}

html,body {
 background: #DDD;
}

/* Links */
a,a:link,a:visited,a:hover,a:active {
 color: #F39001;
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

/* Formular-Elemente */ /* siehe weiter unten */
 /* Block- und Inline-Elemente */
p {
 font-size: 0.7em;
 margin: 5px 0px;
}

td,label,legend {
 font-size: 0.7em;
}

td td,p label {
 font-size: 1em;
}

/* Ueberschriften */
h1 {
 font-size: 0.9em;
 color: #58585A;
 font-weight: normal;
 letter-spacing: 1px;
 margin-bottom: 10px;
}

h2 {
 font-size: 0.9em;
 color: #58585A;
 font-weight: normal;
 letter-spacing: 1px;
 margin-top: 15px;
 margin-bottom: 10px;
}

/* wird bei Newsletter verwendet */
h3 {
 font-size: 0.85em;
 font-weight: normal;
 letter-spacing: 1px;
 margin-bottom: 10px;
}

/* wird bei Newsletter verwendet */
h4 {
 font-size: 0.8em;
 font-weight: normal;
 letter-spacing: 1px;
 background: #F39001;
}

h5 {
 font-size: 0.8em;
 font-weight: normal;
 letter-spacing: 1px;
 margin-top: 20px;
 margin-bottom: 5px;
}

h6 {
 font-size: 0.75em;
 font-weight: bold;
 border-bottom: 1px solid #666;
 margin-top: 15px;
 margin-bottom: 2px;
}

/* Bild-Definitionen */
img {
 border: none;
 white-space: nowrap;
}

ul {
 list-style-type: square;
 padding: 10px 5px 5px 5px;
}

ul li {
 font-size: 0.7em;
/* line-height: 100%; */
/* mk20100118 */
 margin: 0px 0px 5px 15px;
}

hr {
 border: 1px solid #000;
 width: 100%;
 height: 1px;
 margin: 5px 0px;
}

/*------------- Ende Pseudo-Klassen & Redefinierung von HTML-Elementen ------------- */
 /*#################################################
 CSS-Klassen bezogen auf die div-Bloecke
#################################################*/
 /* Seite zentriert ausrichten */
#center {
 background-image: url('../../assets/common/content_bg.gif');
 background-repeat: repeat-y;
 width: 1000px;
 padding: 0;
 margin: 15px auto 15px auto;
 border: 1px solid #C6C7C8;
}

/* --------------- Oben: Links und Suchfeld --------------- */
#top { /* BG = dynamisch direkt im Rahmen-Template */
 height: 175px;
 background-image: url('../../assets/common/bg_head.jpg');
 margin-bottom: 15px;
 position: relative;
}

#top_header {
 z-index: 1;
 background: url('../../assets/common/bg_head.jpg') no-repeat;
 height: 175px;
 width: 1000px;
}

.sitenavi {
 font-size: 0.6em;
 color: #FFF;
 text-align: left;
 padding-top: 8px;
 padding-right: 75px;
 margin: 0;
 text-transform: lowercase;
 text-align: right;
 z-index: 10;
}

.sitenavi_abs {
 position: absolute;
 z-index: 100;
 top: 0px;
 left: 580px;
 width: 400px;
 padding-top: 5px;
 padding-right: 15px;
}

.sitenavi a,.sitenavi a:link,.sitenavi a:visited,.sitenavi a:hover,.sitenavi a.active
 {
 font-size: 1.05em;
 color: #FFF;
 text-decoration: none;
 margin: 0px 5px;
}

.homelink_logo {
 padding-left: 62px;
 padding-top: 28px;
}

/*------------- Ende Oben: Links und Suchfeld ------------- */
 /* ------------- Hauptnavigation ------------- */
 /* Formatierung der Links in der Aufklappnavi */
.linkmenu td {
 font-size: 1.0em;
 width: 150px;
 padding: 0px;
 margin: 0px;
}

.linkmenu a,.linkmenu a:link,.linkmenu a:visited,.linkmenu a:hover,.linkmenu a:active
 {
 font-size: 0.7em;
 color: #FFF;
 text-decoration: none;
 background: #F39001;
 border: 1px solid #FFF;
 border-top: none;
 display: block;
 padding: 2px 5px 2px 11px;
 margin: 0;
}

.linkmenu a:hover {
 color: #F39001;
 background: #FFF;
}

.linkmenu_first td {
 font-size: 1.0em;
 width: 150px;
 padding: 0px;
 margin: 0px;
}

.linkmenu_first a,.linkmenu_first a:link,.linkmenu_first a:visited,.linkmenu_first a:hover,.linkmenu_first a:active
 {
 font-size: 0.7em;
 color: #FFF;
 text-decoration: none;
 background: #F39001;
 border: 1px solid #FFF;
 display: block;
 padding: 2px 5px 2px 11px;
 margin: 0;
}

.linkmenu_first a:hover {
 color: #F39001;
 background: #FFF;
}

.breadcrumb {
 font-size: 0.7em;
 border-bottom: 1px solid #000;
 padding: 1px 0px;
 margin: 0;
}

/*------------- Ende Hauptnavigation ------------- */
 /* ------------ Content-Bereich ------------ */
#contentarea {
 width: 966px;
 padding: 0 0 10px 33px;
 /*padding-right: 34px;*/
}

/* ------------ Teaser Boxen Startseite ------------ */
.teaser_start {
 width: 242px;
 float: left;
 margin-bottom: 15px;
}

table.teaser-start-table {
 width: 100%;
}

td.td-blank {
 background: #ebebec;
}

td.td-left {
 background: #ebebec;
 width: 200px;
 vertical-align: top;
 width: 160px;
}

td.td-left a,td.td-left a:link,td.td-left a:visited,td.td-left a:hover,td.td-left a:active
 {
 color: #58585a;
 text-decoration: none;
 font-weight: bold;
 padding: 5px 0 0 5px;
 display: block;
}

td.td-right {
 background: #ebebec;
 vertical-align: top;
 text-align: right;
 padding: 5px 0 0 0;
}

tr.tr-last td.td-right {
 padding: 0;
}

td.td-seminar-right span {
 color: #f19001;
 font-weight: bold;
 background: #fff;
 padding: 1px;
}

td.td-bbk-right span {
 color: #002f77;
 font-weight: bold;
 background: #fff;
 padding: 1px;
}

tr.tr-last td.td-left,tr.tr-last td.td-right {
 background: #f3f4f5;
 border-top: 1px solid #fff;
}

tr.tr-last td.td-seminar-left a,td.td-seminar-left a:hover {
 color: #f19001;
}

tr.tr-last td.td-bbk-left a,td.td-bbk-left a:hover {
 color: #002f77;
}

.seminar_feed {
 margin-right: 10px;
}

.teaser_start h1,.teaser-start-bottom h1 {
 font-weight: normal;
 font-size: 0.7em;
 letter-spacing: 0em;
 background-image: url('../../assets/common/teaser_start_head.gif');
 background-repeat: no-repeat;
 background-position: 0 0;
 padding: 2px 5px 5px 25px;
 margin: 0 0 5px;
 color: #FFF;
}

.seminar_feed img,.bbk_feed img {
 border: 1px solid #cbcbcc;
}

.bbk_feed {
 float: left;
 width: 242px;
}

.bbk_feed h1 {
 background-image: url('../../assets/common/bbk_start_teaser_h1.gif');
}

.teaser-start-bottom {
 width: 494px;
 background: url("../../assets/common/bg_teaser_start_bottom.gif")
  repeat-y;
 font-size: 0.7em;
}

.teaser-start-bottom h1 {
 font-size: 1em;
 border-bottom: 5px solid #fff;
}

.teaser-start-bottom-content {
 padding: 0 30px 20px 30px;
 position: relative;
}

.teaser-start-bottom-content a.pfeil-bottom {
 position: absolute;
 right: 0;
 bottom: 0;
}

.teaser_free_count {
 width: 51px;
 padding: 3px;
 padding-left: 0px;
 border-bottom: 1px solid #F19001;
}

.teaser_free_link {
 width: 181px;
 padding: 3px;
 border-bottom: 1px solid #F19001;
}

.teaser_free_link a,.teaser_free_link a:link,.teaser_free_link a:hover,.teaser_free_link a:visited,.teaser_free_link a:active
 {
 text-decoration: none;
}

.teaser_start_right div {
 font-size: 0.7em;
 padding: 3px;
}

/* ------------ Content-Bereich: Subnavigation ------------ */
#subnavi {
 background: #c6c7c9;
 width: 230px;
 float: left;
 margin: 0px;
 margin-left: 0px;
 /*border-left: 1px solid #FFF;*/
}

#newsletter-teaser-start {
 padding: 10px 0 30px;
 background: #fff;
 display: block;
}

/* Subnavigation Ebene 0 */
#subnavi ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#subnavi ul li {
 border-bottom: 1px solid #FFF;
 margin: 0;
}

#subnavi ul li a,#subnavi ul li a:link,#subnavi ul li a:visited,#subnavi ul li a:hover,#subnavi ul li a:active
 {
 font-size: 11px;
 color: #FFF;
 text-decoration: none;
 background-image: url('../../assets/common/subnavi.gif');
 background-repeat: no-repeat;
 line-height: 100%;
 display: block;
 padding: 6px;
 padding-left: 30px;
}

#subnavi ul li a:hover,#subnavi ul li a:hover .akt {
 background-image: url('../../assets/common/subnavi_akt.gif');
 background-repeat: no-repeat;
}

/* aktive Links in der Subnavigation erhalten diese Klasse */
#subnavi ul li a.akt,#subnavi ul li a:link .akt,#subnavi ul li a:visited .akt,#subnavi ul li a:hover
 .akt,#subnavi ul li a:active .akt {
 background-image: url('../../assets/common/subnavi_akt.gif');
 background-repeat: no-repeat;
}

#subnavi a.downarrow,#subnavi a:link .downarrow,#subnavi a:visited
 .downarrow,#subnavi a:hover .downarrow,#subnavi a:active .downarrow {
 background-image: url('../../assets/common/subnavi_akt_down.gif');
}

#subnavi a:hover .akt {

}

/* Subnavigation Ebene 1 */
#subnavi ul.under {
 margin: 0px;
}

#subnavi ul.under li {
 border: none;
 border-top: 1px solid #FFF;
 margin: 0px;
 padding: 0px;
}

#subnavi ul.under li a,#subnavi ul.under li a:link,#subnavi ul.under li a:visited,#subnavi ul.under li a:hover,#subnavi ul.under li a:active
 {
 font-size: 11px;
 font-weight: normal;
 color: #FFF;
 background-image: url('../../assets/common/subnavi1.gif');
 background-repeat: no-repeat;
 display: block;
 padding: 6px;
 padding-left: 40px;
 margin: 0px;
}

#subnavi ul.under li a:hover {
 background-image: url('../../assets/common/subnavi1_akt.gif');
 background-repeat: no-repeat;
 margin: 0px;
}

#subnavi ul.under li a.akt,#subnavi ul.under li a:link .akt,#subnavi ul.under li a:visited
 .akt,#subnavi ul.under li a:hover .akt,#subnavi ul.under li a:active
 .akt {
 background-image: url('../../assets/common/subnavi1_akt.gif');
 background-repeat: no-repeat;
}

/* Subnavigation Ebene 2 */
#subnavi ul.under1 {

}

#subnavi ul.under1 li {
 border: none;
 border-top: 1px solid #FFF;
}

#subnavi ul.under1 li a,#subnavi ul.under1 li a:link,#subnavi ul.under1 li a:visited,#subnavi ul.under1 li a:hover,#subnavi ul.under1 li a:active
 {
 font-size: 11px;
 color: #FFF;
 background-image: url('../../assets/common/subnavi2.gif');
 background-repeat: no-repeat;
 display: block;
 padding: 6px;
 padding-left: 50px;
}

#subnavi ul.under1 li a:hover {
 background-image: url('../../assets/common/subnavi2_akt.gif');
 background-repeat: no-repeat;
}

#subnavi ul.under1 li a.akt,#subnavi ul.under1 li a:link .akt,#subnavi ul.under1 li a:visited
 .akt,#subnavi ul.under1 li a:hover .akt,#subnavi ul.under1 li a:active
 .akt {
 background-image: url('../../assets/common/subnavi2_akt.gif');
 background-repeat: no-repeat;
}

/* Subnavigation Ebene 3 */
#subnavi ul.under2 {
 padding-bottom: 4px;
}

#subnavi ul.under2 li {
 border: none;
}

#subnavi ul.under2 li a,#subnavi ul.under2 li a:link,#subnavi ul.under2 li a:visited,#subnavi ul.under2 li a:hover,#subnavi ul.under2 li a:active
 {
 font-size: 2.1em;
 padding: 2px 3px 4px 31px;
}

#subnavi ul.under2 li a:hover {

}

#subnavi ul.under2 li a.akt,#subnavi ul.under2 li a:link .akt,#subnavi ul.under2 li a:visited
 .akt,#subnavi ul.under2 li a:hover .akt,#subnavi ul.under2 li a:active
 .akt {
 padding-left: 23px;
}

/*------------- Ende Content-Bereich: Subnavigation ------------- */
 /* ------------ Content-Bereich: Inhalte ------------ */
 /* mit Zusatzinfos auf der rechten Seite */
#content {
 background-color: #FFF;
 float: left;
 width: 500px;
 min-height: 200px;
 padding-left: 20px;
 padding-right: 20px;
 padding-left: 20px;
}

/* ohne Zusatzinfos auf der rechten Seite */
#content2 {
 background-color: #FFF;
 float: left;
 width: 684px;
 padding-left: 20px;
}

/* Startseite */
#content3 {
 background: #FFF;
 float: left;
 width: 622px;
 padding-bottom: 20px;
}

/* nur fuer die Druckversionen! */
#content4 {
 width: 500px;
 padding: 0px 15px 15px 15px;
}

.nofloat {
 clear: both;
}

/*#################################################
 Contentmaker: Link, Download, Bild
#################################################*/
 /* Contentmaker: Link */
.link { /*background: #D9EF74;*/
 border-top: 1px solid #58585A;
 padding: 3px;
 margin: 5px 10px 10px auto;
}

.link h1 {
 font-weight: normal;
 padding: 0px;
 margin: 0px;
 font-size: 0.8em;
}

.link img {
 vertical-align: middle;
 margin-left: 5px;
}

.link div {
 margin-right: 2px;
 /*border-right: 1px solid #F39001;
 	border-bottom: 1px solid #F39001;*/
}

.link div img {
 margin-left: 0px;
}

.link a,.link a:link,.link a:visited,.link a:hover {
 text-decoration: none;
 color: #333;
 font-size: 0.7em;
 margin: 5px;
}

.link a:hover {
 color: #F39001;
}

.link div a,.link div a:link,.link div a:visited,.link div a:hover {
 background: none;
 margin: 0px;
}

.link p {
 padding: 5px;
 margin: 0px;
}

/* Contentmaker: Download */
.download { /*background: #D9EF74;*/
 border-top: 1px solid #58585A;
 padding: 3px;
 margin: 5px 0px 10px 0px;
}

.download h1 {
 font-weight: normal;
 padding: 0px;
 margin: 0px;
 font-size: 0.8em;
}

.download img {
 vertical-align: middle;
 margin-left: 5px;
}

.download div {
 margin-right: 2px;
 /*border-right: 1px solid #F39001;
	border-bottom: 1px solid #F39001;*/
}

.download div img {
 margin-left: 0px;
}

.download a,.download a:link,.download a:visited,.download a:hover {
 text-decoration: none;
 color: #333;
 font-size: 0.7em;
 margin: 5px;
}

.download a:hover {
 color: #F39001;
}

.download div a,.download div a:link,.download div a:visited,.download div a:hover
 {
 background: none;
 margin: 0px;
}

.download p {
 padding: 5px;
 margin: 0px;
}

.download span {
 font-weight: normal;
}

/* Contentmaker: Bild */
.image {
 padding: 0;
 margin: 0;
}

.image h1 {
 font-size: 0.9em;
 font-weight: normal;
 margin-bottom: 10px;
}

.image div {
 font-size: 0.7em;
}

/* Ende Contentmaker: Link, Download, Bild*/
 /*#################################################
 Contentmaker: Bild und Text
#################################################*/
 /*Startseite Bild rechts im Text*/
.home_ti_float_right {
 float: right;
 margin-left: 3px;
 margin-bottom: 10px;
 font-size: 0.7em;
 font-weight: normal;
}

.home_ti_float_right img {
 border: 1px solid #F39001;
}

.home_ti_float_right_text {
 font-size: 0.65em;
 font-weight: normal;
 margin-left: 5px;
 margin-bottom: 20px;
}

/*Startseite Bild links im Text*/
.home_ti_float_left {
 float: left;
 margin-left: 5px;
 margin-bottom: 20px;
 margin-right: 5px;
 font-size: 0.7em;
 font-weight: normal;
}

.home_ti_float_left  img {
 border: 1px solid #F39001;
}

.home_ti_float_left_text {
 font-size: 0.65em;
 font-weight: normal;
 margin-left: 5px;
 margin-bottom: 20px;
}

/*Bild rechts im Text*/
.image_float_right {
 border: 1px solid #F39001;
 background: #F39001;
 float: right;
 font-size: 0.6em;
 font-weight: bold;
 color: #FFF;
 margin-left: 10px;
 margin-bottom: 5px;
}

.image_float_right img {
 margin-bottom: 1px;
}

.image_float_right_text {
 font-size: 0.7em;
 font-weight: normal;
}

.image_float_right_text h1 {
 font-size: 1.4em;
 font-weight: normal;
 color: #58585A;
}

/*Bild links im Text*/
.image_float_left {
 border: 1px solid #F39001;
 background: #F39001;
 float: left;
 font-size: 0.6em;
 font-weight: bold;
 color: #FFF;
 margin-right: 10px;
 margin-bottom: 5px;
}

.image_float_left img {
 margin-bottom: 1px;
}

.image_float_left_text {
 font-size: 0.7em;
 font-weight: normal;
}

.image_float_left_text h1 {
 font-size: 1.4em;
 letter-spacing: 1px;
 font-weight: normal;
 color: #58585A;
}

/*Standardvorlage fuer die rechte Spalte*/ /*Bild links im Text*/
.standard_right_col {
 border: 1px solid #F39001;
 background: #F39001;
 float: left;
 font-size: 0.6em;
 font-weight: bold;
 color: #FFF;
 margin-right: 10px;
 margin-bottom: 5px;
}

.standard_right_col img {
 margin-bottom: 1px;
}

.standard_right_col_text {
 font-size: 0.7em;
 font-weight: normal;
}

.standard_right_col_text h1 {
 font-size: 1.8em;
 font-weight: normal;
 color: #58585A;
}

/* Ende Contentmaker: Bild und Text*/
 /* ------------ Ende Content-Bereich: Inhalte ------------ */
 /* ------------ Content-Bereich: Zusatzinformationen (Rechte Spalte) ------------ */
 /* Dieser div sorgt fuer den Rahmen */
#custom {
 background-image: url('../../assets/common/right_bg.gif');
 background-repeat: repeat-y;
 float: left;
 width: 170px;
 margin-bottom: 15px;
}

#custom #zertifikat {
 padding: 0;
 margin: 0;
}

/* Definition von Teaserboxen auf der rechten Seite */
.box {
 color: #FFF;
 margin: 0;
 clear: both;
 border-top: 10px solid #fff;
 /*border-bottom: 1px solid #F39001;*/
}

.box_indent {
 padding: 0px;
 margin-left: 25px;
}

#anfahrt .box_indent{
	overflow: hidden;
}

.box h1,.box h2 {
 font-weight: normal;
 font-size: 0.7em;
 background-image: url('../../assets/common/right_h1.gif');
 background-repeat: no-repeat;
 color: #FFF;
 margin: 0;
 padding: 3px;
 padding-left: 30px;
}

.box p {
 margin: 5px 10px 15px 10px;
}

.box div div {
 font-size: 0.7em;
 color: #333;
 padding: 5px;
}

.box a,.box a:link,.box a:visited {
 color: #333;
}

.box a:hover {
 color: #F39001;
}

.box ul {
 list-style-type: none;
 padding: 5px;
 margin: 0px;
 border-bottom: 1px solid #F7B85B;
}

.linklist {

}

.last_link {
 border-bottom: none;
}

.box ul li {
 margin: 0px;
}

.box ul li a,.box ul li a:link,.box ul li a:visited,.box ul li a:hover,.box ul li a:active
 {
 font-size: 1em;
 line-height: 120%;
 text-decoration: none;
 color: #000;
 letter-spacing: -0.05em;
}

.box ul li a:hover {
 text-decoration: underline;
}

.box ul li img {
 vertical-align: middle;
 text-align: center;
}

.box ul.assetlink {
 clear: both;
}

.box ul.assetdownload img {
 float: left;
 margin-bottom: 5px;
}

/* Teaser: Einzeiler */
.box ul.ulist {
 border: none;
 list-style-type: square;
 padding: 0;
}

.box ul.ulist li {
 padding: 4px 5px;
 margin: 0;
}

/* Kalender */
.box table {
 width: 140px;
 margin: 2px;
 text-align: center;
 vertical-align: middle;
 font-size: 0.75em;
}

.box table td {
 padding: 3px;
 color: #000;
 background-color: #EEE;
}

.box table td.month {
 color: #000;
 background-color: #CCC;
 font-size: 1em;
}

.box table td.month a {
 color: #000;
 background-color: #CCC;
 display: inline;
}

.box table td a {
 background-color: #F39001;
 color: #FFF;
 text-decoration: none;
 display: block;
}

.box table td.week {
 padding: 3px;
 color: #000;
 background-color: #EEE;
}

.box table td.today {
 padding: 3px;
 color: #F00;
 background-color: #EEE;
}

.box table td.today a {
 text-decoration: none;
 background-color: #F39001;
 color: #FFF;
}

/* Ende Kalender */ /* Bildergalerie*/
.gallery {
	clear: both;
	margin: 0px;
	margin-right: 30px;
	margin-bottom: 20px;
 border: 1px solid #F39001;
}

.gallery h1 {
 font-size: 0.7em;
 font-weight: normal;
 color: #FFF;
 background: #F39001;
 padding: 3px 10px;
 margin: 0px;
}

.gallery div {
 border-top: none;
 font-size: 0.7em;
 color: #000;
 background: #FFF;
 padding: 3px;
}

.gallery div.image {
 width: 150px;
 margin: 0px;
 padding: 0px;
 color: #000;
 font-size: 0.7em;
 float: left;
 border-right: 1px solid #F39001;
}

.gallery div.text {
	float: left;
	width: 290px;
	padding: 5px 10px;
	border-left: none;
 border-bottom: none;
}

.gallery div.headline {
 text-align: center;
 font-size: 0.7em;
 color: #000;
 background: #CCC;
 padding: 3px 10px;
 margin: 0px;
 clear: both;
  border-top: 1px solid #F39001;
}

/*Bildergalerie Ausgabe*/
.showgallery {
 margin: 0px;
 padding: 0px;
}

.showgallery h1 {
 font-size: 0.7em;
 font-weight: normal;
 text-align: center;
 color: #FFF;
 background: #F39001;
 padding: 3px 10px;
 margin: 0;
}

.showgallery_thumb {
 width: 276px;
 height: 450px;
 margin: 0px;
 padding: 0px;
 float: left;
 border-right: 1px solid #F39001;
}

.showgallery_thumb div {
	overflow: hidden;
 width: 80px;
 height: 80px;
 margin: 5px;
 text-align: center;
 vertical-align: middle;
 float: left;
 font-size: 0.7em;
 color: #F39001;
 font-weight: bold;
 /*background: #FFF;*/
}

.showgallery_thumb div.showgallery_center {
 padding-top: 10px;
 height: 40px;
}

.showgallery_thumb div.showgallery_left {
 padding-top: 10px;
 height: 40px;
 text-align: left;
}

.showgallery_thumb div.showgallery_right {
 padding-top: 10px;
 height: 40px;
 text-align: right;
}

.showgallery_image {
 width: 420px;
 margin: 0px;
 padding: 15px 0px 0px 15px;
 float: left;
}

.showgallery_image div {
 font-size: 0.7em;
 color: #000;
 background: #FFF;
 padding: 3px;
}

/* Umfrage */
.umfrage {
 padding: 0px;
 line-height: 140%;
}

.box p.umfrage input {
 margin-top: 3px;
 border: none;
 height: 12px;
 background-color: #CCCCCC;
}

.box p.umfrage button {
 margin-top: 5px;
 margin-right: 3px;
 border: 1px solid black;
 width: 70px;
 height: 20px;
 background-color: #FFFFFF;
 font-size: 0.9em;
}

.box p.umfrage label {
 margin-left: 5px;
}

/* Umfrage Diagramm */
.diagramm {
 background-color: #FFF;
 border: 1px solid #F39001;
}

.diagramm_skala {
 width: 30px;
 height: 30px;
 vertical-align: top;
 text-align: center;
 border-right: 1px solid #F39001;
 font-size: 11px;
}

.diagramm_value {
 height: 30px;
 width: 30px;
 vertical-align: top;
 text-align: center;
 border-top: 1px solid #F39001;
 border-right: 1px solid #F39001;
 font-size: 11px;
}

.diagramm_balken {
 vertical-align: bottom;
 text-align: center;
 width: 80px;
}

.diagramm_antwort {
 vertical-align: middle;
 text-align: center;
 width: 80px;
 border-top: 1px solid #F39001;
 font-size: 11px;
}

/* Seminarsuche */
.box p.seminarsuche {
 margin-left: 32px;
}

.semsearch {
 background-image: url('../../assets/common/right_bg.gif');
 background-repeat: repeat-y;
 margin-bottom: 0px;
}

.semsearch form {
 margin-bottom: 0px;
}

.box p.seminarsuche input {
 margin-top: 3px;
 border: 1px solid black;
 background-color: #FFFFFF;
 font-size: 1em;
 width: 120px;
}

.box p.seminarsuche button {
 width: 50px;
 height: 20px;
 padding: 0;
 border: 1px solid #000;
 background-color: #FFF;
 font-size: 0.9em;
 line-height: 100%;
}

/* ------------ Ende Content-Bereich: Zusatzinformationen (Rechte Spalte) ------------ */
 /*#################################################
 CSS-Klassen fuer Formulare
#################################################*/
form {
 line-height: 190%;
}

form br {
 clear: both;
}

fieldset {
 background: none;
 padding: 10px;
}

legend {
 border: none;
 background: none;
}

label.leftb,label.leftr {
 font-weight: bold;
 float: left;
 text-align: right;
 width: 11em;
 margin-right: .8em;
}

/* error-Klasse */
label.leftr {
 color: #FF0000;
}

input,select,textarea {
 font-size: 0.7em;
 color: #666;
 background: #FFF;
 border: 1px solid #666;
 float: left;
 padding: 2px;
 margin-top: 5px;
}

select {
 padding: 0;
}

optgroup,option {
 font-size: 1em;
 line-height: 100%;
}

input:focus,textarea:focus {
 background: #DCEFF8;
}

label,select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]
 {
 cursor: pointer;
}

textarea {
 width: 50%;
 margin-bottom: 10px;
}

form span {
 font-size: 0.7em;
 line-height: 100%;
 margin-bottom: 0px;
}

/* Teilnahmebedingungen Checkbox */
.teilbed {
 margin-left: 8.3em;
 padding: 0px;
 line-height: 100%;
 margin-bottom: 10px;
}

.teilbed input {
 border: none;
 background-color: #F0F0F0;
 margin: 0px;
}

/* Buttons beim Kontaktformular */
.submitbuttons {
 margin-left: 8.8em;
}

.submitbuttons button {
 font-size: 0.7em;
 font-weight: bold;
 color: #FFF;
 background: #F39001;
 line-height: 100%;
 margin-right: 5px;
}

/* Formular bei der Suche */
form.suche input {
 font-size: 0.9em;
 padding: 2px;
 margin-left: 2px;
}

form.suche button {
 line-height: 100%;
 margin-top: 5px;
}

/*#################################################
 CSS-Klassen fuer die Sitemap
#################################################*/
.sitemap td {
 padding: 15px 10px;
}

.sitemap td.separator {
 background-color: #666;
 padding: 0;
}

a.sitemap1,a:link .sitemap1,a:visited .sitemap1,a:hover .sitemap1,a:active
 .sitemap1 {
 font-size: 0.85em;
 font-weight: bold;
 color: #3A3A3A;
 text-decoration: none;
 line-height: 160%;
}

a.sitemap2,a:link .sitemap2,a:visited .sitemap2,a:hover .sitemap2,a:active
 .sitemap2,a.sitemap3,a:link .sitemap3,a:visited .sitemap3,a:hover
 .sitemap3,a:active .sitemap3,a.sitemap4,a:link .sitemap4,a:visited
 .sitemap4,a:hover .sitemap4,a:active .sitemap4 {
 font-size: 0.85em;
 color: #3A3A3A;
 text-decoration: none;
 line-height: 160%;
}

a:hover .sitemap1,a:hover .sitemap2,a:hover .sitemap3,a:hover .sitemap4
 {
 text-decoration: underline;
}

/* Ende Sitemap-Klassen */
 /*#################################################
 CSS-Klassen fuer die Barriere-Freiheit
#################################################*/
.unsichtbar {
 position: absolute;
 left: -20000px;
 /* Schiebt die "unsichtbaren" Hilfen aus dem Viewport, dadurch lassen
 sich uebereifrige Screenreader, die ausgerechnet "display: none" nicht akustisch
 auswerten, taeuschen, und lesen die so versteckten Hilfen dennoch vor. */
}

/*#################################################
 Universelle CSS-Klassen fuer die Formatierung

#################################################*/ /* News */
.newshead {
 color: #58585A;
 margin-bottom: 15px;
 letter-spacing: 1px;
}

.newsblock {
 margin-bottom: 15px;
 position: relative;
}

.newsblock_content {
 border: 1px solid #F39001;
}

.newsblock h1 {
 font-weight: normal;
 font-size: 0.7em;
 color: #FFF;
 background-image: url('../../assets/common/newsblock_head.gif');
 background-repeat: no-repeat;
 padding: 5px;
 margin: 0px;
}

/* wird bei Newsletter verwendet*/
.newsblock h2 {
 font-weight: bold;
 font-size: 0.9em;
 color: #333;
 background: #CCC;
 padding: 5px;
 margin: 0px;
}

.newsblock p {
 padding: 5px;
 width: 325px;
 float: right;
}

.newsblock span {
 float: left;
 /*border-right: 1px solid #F39001;
  border-bottom: 1px solid #F39001;*/
 position: relative;
}

.topnews {
 line-height: 150%;
}

.anreiser {
 margin: 0;
}



/* Newsletter ALT */
.newsletter_wrapper table {
 width: 550px;
}

.newsletter_anreisser
.newsletter_text {
 font-size: 11px;
}

.newsletter_feld {
 background: #F0F0F0;
 padding-left: 5px;
 color: #3A3A3A;
 font-size: 11px;
 width: 150px;
}

.newsletter_feld_r {
 background: #F0F0F0;
 color: #F00;
 font-size: 11px;
 width: 150px;
}

.newsletter_input {
 font-size: 11px;
 width: 270px;
 padding-left: 5px;
 padding-bottom: 4px;
}

.newsletter_input2 {
 margin-left: 10px;
}

.newsletter_text {
 color: #3A3A3A;
 font-size: 0.7em;
 width: 400px;
}

.newsletter_text_r {
 color: #F00;
 font-size: 0.7em;
 width: 400px;
}

.newsletter_input input {
 font-size: 11px;
}

.newsletter_input .tag {
 width: 20px;
 margin: 0px 5px 0px 0px;
}

.newsletter_input .jahr {
 width: 35px;
 margin: 0px 5px 0px 0px;
}

.newsletter_input .submit,.newsletter_input .reset {
 background: #f6960c;
 color: #fff;
 font-weight: bold;
 margin: 0px 5px 0px 0px;
}

.newsletter_input select {
 font-size: 11px;
 margin: 0px 5px 0px 0px;
}

.newsletter_auswahl {
 width: 100px;
}

/* Buttons beim anderen Formularen */
.formularbuttons button {
 font-size: 9px;
 text-transform: uppercase;
 letter-spacing: 0.1em;
 color: #FFF;
 background: #F39001;
 line-height: 100%;
 margin-right: 5px;
 padding-top: 2px;
 padding-bottom: 1px;
}

/* Ende Newsletter ALT*/












 /* Referenten */
.referenten {
 margin-bottom: 5px;
 border-bottom: 1px solid white;
 border-top: none;
 /*background: #FFFFFF;*/
}

.ref_name {
 width: 45%;
 float: left;
 padding: 5px;
}

.ref_name a,.ref_name a:link,.ref_name a:visited,.ref_name a:hover,.ref_name a:active
 {
 color: #000000;
 text-decoration: none;
}

.ref_name a:hover {
 color: #F39001;
}

.ref_info {
 width: 50%;
 float: left;
 padding: 5px;
}

.ref_bild {
 width: 35%;
 float: left;
 padding: 5px;
}

/* Seminare */
#seminare {
 background-image: url(../../assets/common/sem_overview_bg.gif);
 background-repeat: no-repeat;
 padding: 0;
 /*width:80%;*/
 width: 235px;
 border: 1px solid #FFF;
 margin-bottom: 10px;
 padding-left: 10px;
 height: 45px;
 float: left;
}

.right {
 float: right;
}

#seminare span {
 float: left;
 margin: 0;
 margin-right: 5px;
}

.sem_cat {
 margin: 0px;
 vertical-align: middle;
 /*width: 80%;*/
}

.sem_cat a,.sem_cat a:link,.sem_cat a:visited,.sem_cat a:hover,.sem_cat a:active
 {
 color: #58585A;
 text-decoration: none;
}

.sem_cat a:hover {
 color: #F39001;
}

.sem_list { /*background: #FFF;*/
 padding: 3px;
 border-bottom: 1px solid #58585A;
 height: 35px;
}

.sem_list a,.sem_list a:link,.sem_list a:visited,.sem_list a:hover,.sem_list a:active
 {
 color: #58585A;
 text-decoration: none;
 font-size: 1em;
}

.sem_list a:hover {
 text-decoration: underline;
}

.sem_detail { /*background: #FFF;*/
 color: #58585A;
 padding: 0px;
 /*border-bottom:1px solid #58585A;*/
 font-size: 0.7em;
}

.date_detail {
 background: #DDDEDF;
 color: #58585A;
 padding: 0px;
 font-size: 0.7em;
 margin-bottom: 3px;
}

.date_detail_head {
 background: #f19001 url('../../assets/common/date_detail_head.gif')
  right top no-repeat;
 color: #58585A;
 padding: 3px;
 padding-left: 35px;
 font-size: 1.2em;
 margin-top: 15px;
 margin-bottom: 5px;
 border-bottom: 3px solid white;
}

.date_detail table,.date_detail tr,.date_detail td {
 font-size: 1em;
 color: #58585A;
 padding-bottom: 2px;
}

.sem_detail ul,.sem_detail ol {
 padding: 0;
 margin: 0;
/* color: #58585A; */
/* mk20100118 */
}

.sem_detail li {
/* color: #58585A; */
/* mk20100118 */
 font-size: 1em;
}

.sem_detail_head {
 background: #dddee0 url('../../assets/common/sem_detail_head.gif') right
  top no-repeat;
 color: #58585A;
 padding: 3px;
 padding-left: 35px;
 font-size: 1.2em;
 margin-top: 0px;
 margin-bottom: 5px;
}

.date_padding_indent {
 padding: 5px;
 padding-left: 25px;
 padding-right: 20px;
 padding-bottom: 10px;
}

.sem_detail_links {
 border-top: 1px solid #58585A;
 margin-bottom: 10px;
 padding-top: 10px;
}

/* popup-Fenster Zuschuss-Erklaerung */
#zuschuss { /*background: #FFFFF;*/
 width: 600px;
 padding: 15px;
}

#zuschuss p {
 font-size: 0.7em;
/* width: 400px; */
}

#zuschuss img {
	margin: 0px 0px 10px 20px;
}

/**************************************************
* Bildungsbaukasten
***************************************************/
.bbk_overview_box {
 background-image: url(../../assets/common/bbk_overview_box.gif);
 background-repeat: no-repeat;
 height: 40px;
}

.bbk_overview_link {
 padding: 3px;
 width: 200px;
}

.bbk_overview_link a,.bbk_overview_link a:hover,.bbk_overview_link a:visited,.bbk_overview_link a:active
 {
 color: #FFF;
 text-decoration: none;
 display: block;
}

.bbk_overview_link a:hover {
 color: #58585A;
}

.bbk_overview_box_linie {
 background-image: url(../../assets/common/bbk_overview_linie.gif);
 background-repeat: repeat-y;
}

.bbk_list_stufe {
 background-image: url(../../assets/common/bbk_list_stufe.gif);
 background-repeat: no-repeat;
 height: 40px;
}

.bbk_list_stufenname {
 font-weight: bold;
 color: #FFF;
 padding: 3px;
}

.bbk_list_stufenname a,.bbk_list_stufenname a:link,.bbk_list_stufenname a:hover,.bbk_list_stufenname a:active,.bbk_list_stufenname a:visited
 {
 color: #FFF;
}

.bbk_list_right {
 background: #B3B3B3;
 width: 10px;
 border-bottom: 1px solid #B3B3B3;
}

.bbk_list_link {
 background: #E1E0E0;
 border-top: 1px solid #58585A;
 padding: 3px;
 width: 435px;
}

.first {
 border-top: none;
}

.bbk_list_link a,.bbk_list_link a:hover,.bbk_list_link a:visited,.bbk_list_link a:active
 {
 color: #58585A;
 text-decoration: none;
}

.bbk_list_link a:hover {
 text-decoration: underline;
}

.bbk_seminar_box {
 background-image: url(../../assets/common/bbk_seminar_box.gif);
 background-repeat: no-repeat;
}

.bbk_seminar_link {
 color: #FFF;
 padding: 3px;
}

.bbk_seminar_link a,.bbk_seminar_link a:hover,.bbk_seminar_link a:visited,.bbk_seminar_link a:active
 {
 color: #FFF;
 font-weight: bold;
 text-decoration: none;
 }

.bbk_seminar_link a:hover {
 text-decoration: underline;
}

#bbk_flash {
 background: #DDDEDF;
 padding: 10px 24px;
 margin-bottom: 15px;
}

/*#################################################
Contentmaker: Contact (Erstverwendung HWK)
#################################################*/
.contact { /*background: #FFF;*/
 font-weight: bold;
 border: 1px solid #F39001;
 padding: 0px;
 margin: 5px 0px;
 margin-bottom: 10px;
 position: relative;
}

.contact h1 {
 color: #FFF;
 background-color: #F39001;
 padding: 3px;
 margin: 0px;
 font-size: 0.75em;
}

.contact div {
 font-weight: normal;
 font-size: 0.7em;
 padding: 3px;
}

.contact span {
 float: left;
 margin-right: 3px;
 position: relative;
}

.contact b {
 color: #F39001;
}

.contact img {
 vertical-align: middle;
}

/*###########################################################

 Die floatleft/-right Definitionen werden im
 WYSIWYG-Editor HTMLArea fuer die Bildausrichtung benoetigt!!

 Die weiteren Klassen stellen die moeglichen
 <span>-Zuweisungen dar.

###########################################################*/
 /* Bildausrichtung per Button */
#floatimageleft {
 font-size: 0.7em;
 float: left;
 margin: 0px 5px 10px 0px;
}

#floatimageleft img {
 border: none;
}

#floatimageright {
 font-size: 0.7em;
 text-align: right;
 float: right;
 margin: 0px 0px 10px 5px;
}

#floatimageright img {
 border: none;
}

.red {
 color: #F39001;
}

.textb {
 font-weight: bold;
}

.texti {
 font-style: italic;
}

.html_mail {
 font-family: Verdana, Arial, Helvetica, SunSans-Regxar;
 font-size: 11px;
 color: #333;
 text-decoration: none;
 padding: 10px;
}

#versions_mail {
 width: 787px;
 background: #DBE6EC;
}

#versions_mail hr {
 border: none;
 background: #000;
}

#versions_mail div {
 font-family: Verdana, Arial, Helvetica, SunSans-Regular;
 font-size: 11px;
 color: #000;
 padding: 5px;
}

#versions_mail div ul li {
 font-size: 11px;
}

#versions_mail div a,#versions_mail div a:link,#versions_mail div a:visited,#versions_mail div a:hover,#versions_mail div a:active
 {
 color: #000;
}

/* Teaser: Bildbox mit Link */ /*.box p.imagebox
{
 text-align: center;
 background: #F39001;
 margin: 0;
}

.box p.imagebox a,
.box p.imagebox a:link,
.box p.imagebox a:visited,
.box p.imagebox a:hover,
.box p.imagebox a:active
{
 font-size: 0.9em;
 text-decoration: none;
 text-transform: uppercase;
 line-height: 180%;
 vertical-align: middle;
}
*/
div.footer_links {
 width: 1000px;
 padding: 0;
 margin: 15px auto 15px auto;
}

.footer_links a,.footer_links a:link,.footer_links a:visited,.footer_links a:hover,.footer_links a:active
 {
 color: #555;
 font-size: 11px;
}

/* TESTIMONIALS */
h1.testimonials {
 background: #fee3c6;
 padding: 3px 5px;
}

#menu_testimonials {
 height: 100px;
}

div.wrapper_testimonial {
 font-size: 11px;
 line-height: 150%;
 background: #f9f8f8;
 padding: 0px 0px 20px 0px
}

div.wrapper_testimonial div.name {

}

div.wrapper_testimonial div.anreisser {
 font-weight: bold;
 margin: 0px 10px 20px 20px;
}

div.wrapper_testimonial div.text {
 margin: 0px 10px 20px 20px;
}

div.wrapper_testimonial div.text ul,div.wrapper_testimonial div.text ul li,div.wrapper_testimonial div.text p
 {
 font-size: 11px;
 line-height: 150%;
}

div.wrapper_testimonial div.text ul {
 margin: 0px;
 padding: 0px;
}

div.wrapper_testimonial div.statement {
 font-style: italic;
 margin: 0px 10px 20px 20px;
 /*
  padding: 10px;
  background: #e0e0e0;
  */
}

div.wrapper_testimonial div.name {
 margin: 0px 10px 0px 20px;
 text-align: right;
 font-weight: bold;
}

div.wrapper_testimonial div.homepage {
 text-align: right;
 margin: 0px 10px 20px 20px;
}

div.teaserbox_testimonial {
 background: url(../../assets/common/testimonials/bg_teaser.gif) #f9f8f8
  no-repeat top right;
 border-bottom: 3px solid #f19001;
 position: relative;
 height: 185px;
 width: 494px;
 color: #58585A;
 padding: 0px;
 margin: 0px 0px 15px 0px;
}

div.teaserbox_testimonial div.bild { /* url siehe template */
 width: 130px;
 height: 185px;
 background-position: bottom left;
 background-repeat: no-repeat;
}

div.teaserbox_testimonial div.statement {
 position: absolute;
 top: 35px;
 left: 140px;
 font-weight: bold;
 font-style: normal;
}

div.teaserbox_testimonial div.name {
 position: absolute;
 top: 70px;
 left: 140px;
 text-align: left;
 font-weight: normal;
}  /*spezialbox*/
div.tm_borderbox {
 border: 1px solid #f19001;
 height: 206px;
 font-size: 11px;
 position: relative;
}

div.tm_borderbox div.ecke {
 height: 22px;
 position: absolute;
 top: -1px;
 left: 1px;
 width: 494px;
 background: url(../../assets/common/testimonials/ecke_teaser.gif)
  no-repeat right;
}

div.tm_borderbox div.footer {
 background: #f19001;
 color: #fff;
 padding: 3px 0px 3px 15px;
}

div.tm_borderbox div.footer div.text_teaser {
 background: #f19001;
 color: #fff;
 float: left;
}

div.tm_borderbox div.footer a.link_teaser,div.tm_borderbox div.footer a.link_teaser:link,div.tm_borderbox div.footer a.link_teaser:visited,div.tm_borderbox div.footer a.link_teaser:hover,div.tm_borderbox div.footer a.link_teaser:active
 {
 color: #fff;
 font-style: italic;
 padding: 2px 30px 2px 0px;
 background: url(../../assets/common/seminarsuche.gif) no-repeat 230px
  0px;
 display: block;
 text-decoration: none;
 float: right;
 margin: 0px;
}

div.tm_borderbox div.footer div.nofloat {
 font-size: 1px;
}  /* uebersicht testimonials */
div.tm {
 font-size: 11px;
 margin: 0px 0px 10px 0px;
 background: #eee;
}

div.tm div.bild {
 float: left;
 margin: 0px 10px 0px 0px;
}

div.tm div.statement {
 float: left;
 margin: 10px 0px 0px 0px;
 font-size: 13px;
 font-style: italic;
 width: 410px;
 color: #f19001;
}

div.tm div.name {
 width: 410px;
 float: left;
 color: #58585A;
}

#bottom {
 background: #979799;
 height: 20px;
 width: 100%;
 display: block;
 clear: both;
}  /***************** NEW WH3 Stuff****************/
#site-preview {
 width: 143px;
 padding: 0;
 font-size: 0.6em;
 background: transparent url("../../assets/common/bg_site_preview.gif")
  repeat-y;
 position: relative;
}

#site-preview h1 {
 background: url("../../assets/common/bg_site_preview_h1.gif") no-repeat;
 padding: 2px 5px 2px 20px;
 color: #fff;
 font-size: 1.0em;
 margin-bottom: 3px;
 height: 17px;
}

#site-preview h1 span {
 color: #fff;
 float: left;
}

#site-preview h1 label {
 color: #fff;
 float: right;
 font-size: 10px;
}

#site-preview #site-preview-content {
 margin-left: 20px;
 border-bottom: 2px solid #eff0f1;
 padding-bottom: 5px;
}

#site-preview-route-link {
 margin: 0;
}

#site-preview-detail-link {
 position: absolute;
 right: 0;
 bottom: 0;
 border-left: 2px solid #eff0f1;
}

h1.wh3-title {
 background: url(../../assets/common/teaser_start_head.gif) no-repeat;
 color: #fff;
 padding: 2px 25px;
 font-size: 0.8em;
 letter-spacing: 0px;
 font-family: Arial, Helvetica, Verdana;
}

ul.wh3-site-pictures,ul.wh3-site-pictures li {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

h2.wh3-site-details-title {
 background: #e6e7e8;
 font-family: Arial, Helvetica, Verdana;
 font-size: 0.8em;
 padding: 2px 5px 2px 20px;
 width: 470px;
}

div.wh3-site-details-text {
 padding-left: 20px;
 width: 475px;
}

div.wh3-site-details-text a {
 text-decoration: none;
}

div.wh3-site-details-text a:hover {
 text-decoration: underline;
}

#fancy_frame
{
	padding: 5px;
}

.bbk_list_link a,
.bbk_list_link a:link,
.bbk_list_link a:hover,
.bbk_list_link a:visited,
.bbk_list_link a:active
{
	float:none;
}

.bbk_list_link a.link_azwv:link,
.bbk_list_link a.link_azwv:visited,
.bbk_list_link a.link_azwv:hover,
.bbk_list_link a.link_azwv:active
{float:right; width:30px;}
a.link_azwv img {padding-right:10px;}