@font-face {
  font-family: 'metabookroman';
  src: url('../fonts/metabooklf-roman-webfont.ttf') format('truetype');
}



html {min-height: 100%;}

* {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
    /*font-family: metabookroman,arial,verdana,sans-serif;*/
}

body {

}


hr {
  border:none;
  border-top:1px dashed #ccc;
  color:#ccc;
  background-color:#fff;
  height:1px;
  width:100%;
  margin-bottom: 10px;
}


/* Impressum etc. */
.partnerlinks {
  /* width: 250px;
    margin-top: 0px;*/
float: left;
margin-top: 0px;
}



.partnerrechts {

    float: right;
    margin-right: 0px;
}

#MetaLinks {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 2px 6px 2px 2px;
    position: static;
    text-align: left;
    margin-top:2em;
}

a.arrow:before {
    color: #036;
    content: "» ";
    font-weight: bold;
}
/*
a:active, a:visited, a:link {
    color: #044294;
    text-decoration: none;
}
*/
/* Ende Impressum etc. */

/*  progress bar  */
#progress {

}

#progressbarbox_a {
  position: relative;
  top: 40px;
  left: 50%;
  margin: 0px 0px 0px -160px;
  width: 304px;
  height: 7px;
  background-color: #D9D9D9;
}

#progresstext {
  position: relative;
  top: 10px;
  left: 50%;
  margin: 0px 0px 0px -150px;
  font-size: 11px;
  text-align: center;
  width: 300px;
}
.progressper {
  position: relative;
  top: 21px;
  font-size: 11px;
  left: 50%;
  margin: 1px 0px 0px 150px;
  background-color: #FFFFFF;
  width: 50px;
}

.progressbar {
  position: relative;
  top: 33px;
  left: 50%;
  margin: 0px 0px 0px -158px;
  width: 0px;
  height: 7px;
  background-color: #911440;
}

.progressblank {
  background-color: white;
  width: 300px;
}

/* Ende progress bar  */

/* Mouseovers */
div.ui-tooltip {
    max-width: 873px;
    min-width: 873px;

}
/*
.ui-tooltip {
            font-family: "Arial";
            font-size: 14px;
            max-width: 880px;
            text-align: left;
            margin-top: -500px;
            position: "topcenter";
        }
*/
/* Ende Mouseovers */


/* Print Feedback */
#bbwrapper
{
    text-align: center;
}

#bbueberschrift
{

    color: #1A678E;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 22px;
}
#codetermin
{
    background-color: #DEE0E3;
    margin-top: 25px;
    border:6px solid rgb(157,43,87);
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
    padding-left: 15px;
}
#code
{
    margin-top: 10px;
    line-height: 1.5em;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
}
#termin
{
    margin-top: 5px;
    line-height: 1.5em;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
#bigbox
{
    position:relative;
    margin-top: 30px;
}
#kueberschrift
{
    margin-top: 20px;
    padding-left: 15px;
    line-height: 1.5em;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background-color: rgb(39,126,169);
    color: white;
}
#ktext{
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
}
#introueberschrift
{
    margin-top: 20px;
    padding-left: 15px;
    line-height: 1.5em;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background-color: #DEE0E3;
}
#intro{
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
}
/* Ende Print Feedback */




/* Feedbackpage 1  */
#container
{
    position:relative;
}

#image
{
    position:absolute;
    left:0;
    top:0;

}
.text
{
    z-index:100;
    text-align: left; font-family: arial,verdana,sans-serif;

    /*
    metabookroman,arial,verdana,sans-serif;Arial,Helvetica,sans-serif;
    */
    font-size: 11pt;
    margin: 40;
    padding: 0;
}

#ausw1text
{
  margin-left: 50px;
  margin-top: -30px;
  font-size: 12pt;

}

.boldtext
{
    z-index:100;
    text-align: left;
    font-family: arial,verdana,sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10;
}

#kompbeschreibung
{
    color: #000000;
    font-size: 21px;
    font-weight: bold;
    left: 22px;
    position: absolute;
    top: 132px;
    z-index: 100;
}
#logolk {
     position:relative;
    margin-left: 20px;
    width:300px;
    height:100px;
    background: url("../img/Lernkompetenz/lk_schwarz.png") no-repeat;
}
#logolk:hover{

    background: url("../img/Lernkompetenz/lk_rot.png") no-repeat;
}
#logowk {
    position:relative;
    margin-left: 20px;
    width:300px;
    height:100px;
    background: url("../img/Wissenskompetenz/wk_schwarz.png") no-repeat;
}
#logowk:hover{

    background: url("../img/Wissenskompetenz/wk_rot.png") no-repeat;
}
#logoek {
    position:relative;
    margin-left: 20px;
    width:300px;
    height:100px;
    background: url("../img/Emotionale_Kompetenz/ek_schwarz.png") no-repeat;
}
#logoek:hover{

    background: url("../img/Emotionale_Kompetenz/ek_rot.png") no-repeat;
}
#logokk {
    position:relative;
    margin-left: 20px;
    width:300px;
    height:100px;
    background: url("../img/Kommunikationskompetenz/kk_schwarz.png") no-repeat;
}
#logokk:hover{

    background: url("../img/Kommunikationskompetenz/kk_rot.png") no-repeat;
}
/* Ende Feedbackpage 1 */

/* Feedbackpage 2  */
#bbwrapper
{
    text-align: center;
}
#bbheader
{
    /*
    height: 128px;
    margin-bottom: 5px;
    background: url('../img/Banner_900.png') top left no-repeat;
    */
}
#bbueberschrift
{
    color: #1A678E;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 22px;
}
#codetermin
{
    background-color: #DEE0E3;
    margin-top: 25px;
    border:6px solid rgb(157,43,87);
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
    padding-left: 15px;
}
#code
{
    margin-top: 10px;
    line-height: 1.5em;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
}
#termin
{
    margin-top: 5px;
    line-height: 1.5em;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}
#bigbox
{
    position:relative;
    margin-top: 30px;
}
#kueberschrift
{
    margin-top: 20px;
    padding-left: 15px;
    line-height: 1.5em;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background-color: rgb(39,126,169);
    color: white;
}
#ktext{
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
}
#introueberschrift
{
    margin-top: 20px;
    padding-left: 15px;
    line-height: 1.5em;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 16px;
    background-color: #DEE0E3;
}
#intro{
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    font-family: arial, verdana, sans-serif;
    font-size: 14px;
}
/* Ende Feedbackpage 2  */

/* Tabelle  Feedbackpage 0 */
.Answers {
    color: #000000;

}


/*

.Borderx {
    width: 900px;
    cellspacing="3";
    font-family: metabookroman,arial,verdana,sans-serif !important;
}

.Borderx1 {
    width: 500px;
    cellspacing="3";
    font-family: metabookroman,arial,verdana,sans-serif !important;
}
*/


table#fixed {
    background-color:#fff;
    border: solid #fff;
    width:  900px;
 }
 table#fixed td {

    border: solid #fff;
 }

.header_fixed_Feedback{ height: 20px; text-align:left; color: #737373; background-color: #fff; font-size:18px;}


table#interpretation_header {
    background-color:#fff;
    border: solid #000 0px;
    width: 940px;

}
table#interpretation {

    border: solid #fff 1px;
   /* width: 940px;*/
    border-spacing:0px 0px;
    margin: 0;
    border-collapse: collapse;
    table-layout: fixed;
}

table#interpretation td {
    /*padding: 5px;*/
    /*border: solid #fff 1px;*/
    height: 100%;
    /*border-color: blue;*/
    padding: 0.3em;
}

.spalte0 { text-align:center; font-size:16px; width: 4px}
.spalte1 { text-align:left; color: #000; font-size:16px; width: 200px}
.spalte2 { text-align:center; color: #000; font-size:16px; width: 75px}
.spalte3 { text-align:center; color: #000; font-size:16px; width: 4px}
.spalte3sw { width: 4px}
.spalte4sw {   color: #000; font-size:16px; width: 570px; }
.spalte5 { text-align:left; color: #000; font-size:16px; width: 30px}
.spalte4 {
    /*
    background: url(../img/kachel.png) top left;
    background-repeat:no-repeat;
    */
}


table#kompetenzbereiche  {
    margin-left: auto;
    margin-right: auto;
    border: solid #000 0px;
    width: 680px;
    //height: 600px !important;
    /*
    background: url(../images/kachelhead2.png) top left; background-repeat:no-repeat;background-size: 100%
    */
}


/* Balken */
.meter-wrap{
    position: relative;

}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    margin-top: 5px;
    height: 10px;
}

.xmeter-wrap, .xmeter-value {
   /*background: #bdbdbd url(../images/spacer.jpg) top left no-repeat;*/
   /*width: 643px;*/


    background: #9D2B57; /* Old browsers */
    background: -moz-linear-gradient(left,  #9D2B57 0%, rgba(20,18,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#9D2B57), color-stop(100%,rgba(20,18,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #9D2B57 0%,rgba(20,18,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #9D2B57 0%,rgba(20,18,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #9D2B57 0%,rgba(20,18,0,1) 100%); /* IE10+ */
    background: linear-gradient(to right,  #9D2B57 0%,rgba(20,18,0,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9D2B57', endColorstr='#141200',GradientType=1 ); /* IE6-9 */

}
/* Ende Tabelle Feedbackpage 0 */




/* Intro / Code*/
.ueberschrift-intro {

    font-size: 11pt;
    font-family: Arial,Helvetica,sans-serif;
    height: 135px;
    width: 870px;
    height: 70px;
    padding-right: 30px;
    padding-top: 15px;
    padding-bottom: 0px;
    margin-left: 0px;
}

#intro-unten {
text-align:left;
}

#codecontainer{

   height: 300px;
   margin: 0 auto;
   max-width: 100%;
}

#codelinks {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #fff;
    border-radius: 5px;
   /* box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4); */
    float: left;
    height: 280px;
    margin-left: 15px;
    padding: 0;
    width: 420px;
}

#coderechts {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #fff;
    border-radius: 5px;
    /* box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4); */
    float: right;
    height: 280px;
    margin-right: 38px;
    padding: 0;
    width: 420px;
}

#TitelLinks {
    float: left;
    width: 100%;
}

#TitelRechts {
    float: left;
    width: 100%;
}

#TitelLinksText {
    background-color: #D9D9D9;
    color: #006ca2;
    font-size: 11pt;
    font-weight: bold;
    line-height: 48px;
    margin: auto 10px auto 45px;
    top: 40px;
    width: 89%;

}

#TitelRechtsText {
    background-color: #D9D9D9;
    color: #006ca2;
    font-size: 11pt;
    font-weight: bold;
    line-height: 48px;
    margin: auto 10px auto 45px;
    top: 40px;
    width: 89%;
}

#TitelLinksGrafik {
    float: left;
    background-image: url("../img/1xrot.gif");
    background-position: left center;
    background-repeat: no-repeat;
    width: 50px;
    height: 48px;

}

#TitelRechtsGrafik {
    float: left;
    background-image: url("../img/2xrot.gif");
    background-position: left center;
    background-repeat: no-repeat;
    width: 50px;
    height: 48px;
}

.LinksText{
    margin: 5px 5px 5px 13px;

    padding: 5px;
    text-align: left;
}


.RechtsText {
    margin: 5px 5px 5px 13px;
    margin-top: 16px;
    width: 400px;
}

input.Text, textarea, select {
    margin-top: 5px;
    border: 1px solid #999;
    margin-right: 0.3em;
}

input.Button, input.AnswerButton, button, a.Button:link, a.Button:active, a.Button:visited, a.Button:hover {
    margin-left: 18px;
    background-color: #2F7EA6;

    border: 0px solid #000000;
    color: #ffffff;
    display: inline-block;
    font-family: Arial,Verdana,Tahoma,Trebuchet MS,sans-serif !important;
    font-weight: bold;
    margin-right: 50px;
    padding: 4px 10px;
    text-decoration: none;
}


.ueberschrift {
  /*background:url(../img/footerleiste.png) 0% 0 / 100% 45px no-repeat scroll transparent;
  color:#737373;*/
  color: #737373;
  font-family: metabookroman, arial, verdana, sans-serif;
  font-size:20px;
  height:33px;
  margin-left:0px;
  margin-top:10px;
  /*padding:10px 30px 10px 20px;*/
  width:900px;
}



#contentboxwrapper{
   height: auto;
   margin: 0 auto;
   max-width: 100%;
   width: 900px;

 /* box-shadow: 1px 1px 1px #ccc; */

}


/* Answer Pers. Daten */


.titel{

    font-size:15px;
  /*  margin-left: 20px;*/
    margin-top: 20px;
    width: 900px;
}

.titelfancybox{

    font-size:14px;
    margin-left: 20px;
    font-family: metabookroman,arial,verdana,sans-serif;

}

.Question_pers0{

    width:150px;
    float:left;
}

.DSL_Quest{

    width:500px;
    float:left;
}

.Answer_pers0{
   width:250px;
   float:left;
}

.Answer_pers0_forced{
   width:270px;
   height: 25px;
   float:left;
   border: 1px solid #FF0000;
}

.inner{
    margin-top: 25px;
    width:900px;
}

#banner {
    /*background-image: url("../img/OSA_Banner_extern.png");*/
    background-image: url("../img/header_osa_neu.png");
    background-repeat: no-repeat;
    height: 117px;
    width: 900px;
}

#welcome {
    background-image: url("../img/Herzlich_Willkommen_zum_Check_900.jpg");

    background-repeat: no-repeat;
    height: 99px;
    width: 900px;
}


/* rote rahmen */

div.isForced, input.isForced, select.isForced {
    border: 1px solid #FF0000;
}


/* /rote rahmen */

a:link {  text-decoration: none}
img { border: 0; }


.imgright {

    margin-left: 500px;

}


.Student input[type=radio]{
  display:none;
}

/*      */




/*    */




/* Inhalt fancybox */
.container {
background-color: #5A5757;
width: 800px;
color: #fff; font-size:14px;
}
/*
 #fancybox-outer { background:#cccccc repeat 0px 0px !important; }
 */

.center {
    clear: both;
    display: table;
    margin: 0 auto;
}



.info{
    text-align:center;
    color: #fff;
    font-size:18px;
    font-family: metabookroman,arial,verdana,sans-serif;
}

.frage{
    text-align:center;
    color: #fff;
    font-size:18px;
    padding-top: 5px;
    font-weight: bold;
    font-family: metabookroman,arial,verdana,sans-serif;
}

.galerie {
    clear:both;
    margin-left: 100px;
    padding-top:7px;
}
/* ende Inhalt fancybox */

.fancybox{
text-align:left; color: #000;
/*font-family:  arial, verdana, sans-serif; */
font-family: arial,verdana,sans-serif;
font-size:14px;
line-height:47px;
padding: 0.6em;
height:180px;
/*background: url('/osa/img/Pfeil_grau.png') no-repeat;
font-weight: bold;*/
text-decoration:none;
padding-left:45px;
}


.fancybox:hover {
color: #277EA9;
/* background-image: url('/osa/img/Pfeil_rot.png');
font-weight: bold; */
text-decoration:none
}

.box{
    height: 350px;
    width: 890px;
    margin-top: 80px;
    margin-left: 0px;
}

.links {
width: 448px;
float: left;
}

.rechts {
width: 240px;
float: left;
}

.clearer {clear: both; font-size: 0;}
.left {float: left;}

.inner-container {
border: 0px solid #fff;
background: #FFF;
font-size: 1.2em;
margin: 0 auto;
padding: 0px;
width: 900px;
margin-top: 0px;
}



.header {
    /*border: 1px solid #000000;*/
    height: 99px;
    margin-bottom: 5px;
    margin-top: 10px;
    background: url('../img/OSA_Banner_extern.png') top left no-repeat;
}
/*
.banner {
    height: 45px;
    margin-bottom: 5px;
    background: url('../img/header_osa2_LS.png') top left no-repeat;
}
*/

.subbanner {
    height: 117px;
    background: url('../img/Herzlich_Willkommen_zum_Check_900.jpg') top left no-repeat;
}

.content {
    clear: both;
    height: auto;
    margin: 0 auto;
    width: 900px;
}

.menu {
    /*
    margin: 0;
    margin-left: 10px;
    padding: 0;
    list-style: none;
    background: #fff;
    */

}


.menu li {
    width: 150px;
    float: left;
    text-align: center;
    line-height: 30px;
    list-style: none;
}


.menu li a, .menu li a:visited  {

    display: block;
    text-decoration: none;
    font-family: metabookroman, arial, verdana, sans-serif;

    font-size: 20px;
    color: #ccc;
    background: #2F7EA6;
}

.angebot_akt a {color: #ffffff !important; font-weight: bold;}
.erwartungen_akt a {color: #ffffff !important; font-weight: bold;}
.erwartungen-inakiv {color: #ffffff !important; font-weight: bold;}
.themen_akt a {color: #ffffff !important; font-weight: bold;}
.selbstlernkompetenz_akt a {color: #ffffff !important;font-weight: bold;}
.interviews_akt a {color: #ffffff !important;font-weight: bold;}
.feedback_akt a {color: #ffffff !important;font-weight: bold;}

.angebot a {}
.erwartungen a {}
.erwartungen-inakiv {}
.themen a {}
.selbstlernkompetenz a {}
.interviews a {}
.feedback a {}


ul.menu li a:hover {

}

.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.textbg {
margin-top: 30px;
height:115px;
background-image: url(../img/footerleiste.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*
.text{
    height: 110px;
    margin-right: 50px;
    margin-left: 50px;
    padding-top: 10px;
}
*/
.footer {
    height: 28px;
    width: 890px;
    /* background: url(../img/footerleiste.png) top left no-repeat scroll transparent; */
    border: 0px solid #fff;
    color: #000000;

    padding: 2px 4px;
    margin-left: 0px;
    margin-top: 30px;
}

.footer a {

    color: #000000;
    text-decoration: none;
}
.ZurueckButton  {
    background-color: #2F7EA6;
    border: 0px solid #000000;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial,Verdana,Tahoma,Trebuchet MS,sans-serif !important;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: none;
    margin-left: 0px;
}
.ZurueckButton:hover {
    background-color: #2F7EA6;
    border: 0px solid #000000;
    color: #ccc;
    display: inline-block;
    font-family: Arial,Verdana,Tahoma,Trebuchet MS,sans-serif c
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: none;
}
.WeiterButton  {
    background-color: #2F7EA6;
    border: 0px solid #000000;
    color: #FFFFFF;
    display: inline-block;
    font-family: Arial,Verdana,Tahoma,Trebuchet MS,sans-serif !important;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: none;
    float:right;
     margin-right: 0px;
}
.WeiterButton:hover {
    background-color: #2F7EA6;
    border: 0px solid #000000;
    color: #ccc;
    display: inline-block;
    font-family: Arial,Verdana,Tahoma,Trebuchet MS,sans-serif !important;
    font-weight: bold;
    padding: 4px 10px;
    text-decoration: none;
    float:right;
}

.tablewrapper{
    height: 420px;
    margin: 0 auto;
    position: relative;
    width: 900px;

}
.table {
   background-color: #EAEAEA;
    border-bottom: 4px solid #fff;
    border-right: 4px solid #fff;
    border-top: 4px solid #fff;
    display: block;
    height: 380px;
    width: 900px;
}
.row {
    display: block;
    height: 103px;
    margin-left: 60px;
    position: relative;
    width: auto;
}
/*
.row1 {
   border-spacing: 0 5px;
    display: block;
    height: 100px;
    position: relative;
    width: auto;
}
*/

.cell {
  display:block;
  padding: 1em;
  width: 35px;
}
.cell11 {
    background-image: url("../img/Lernkompetenz/lk_schwarz.png");
    border-top: 4px solid #19678D;
    border-bottom: 4px solid #19678D;
    border-left: 4px solid #19678D;
    border-right: 4px solid #19678D;
    display: block;
    height: 90px;
    left: -1px;
    position: absolute;
    width: 102px;
    bottom: 5px;
    font-size: 12px;
}

.cell11:hover,  #active11 {
  background: url(../img/Lernkompetenz/lk_rot.png) top left no-repeat;
}

.cell12 {
    border-top: 4px solid #19678D;
    border-bottom: 4px solid #19678D;
    border-left: 4px solid #19678D;
    border-right: 4px solid #19678D;
    height: 66px;
    left: 105px;
    padding: 1em;
    position: absolute;
    width: 219px;
    display: table;
    bottom: 5px;
    font-size: 12px;
}
.cell12 p {
  display: table-cell;
  vertical-align: middle;
}

.cell13 {
    border-top: 4px solid #19678D;
    border-bottom: 4px solid #19678D;
    border-right: 4px solid #19678D;
    height: 78px;
    display: table-cell;
    left: 356px;
    padding: 0.5em;
    position: absolute;
    width: 468px;
    bottom: 5px;
    font-size: 12px;
}

#active3{
  background-color: rgb(225,233,239);

}

.cell21 {
    background-image: url("../img/Wissenskompetenz/wk_schwarz.png");
    background-repeat: no-repeat;
    border-top: 4px solid #19678D;
    border-bottom: 4px solid #19678D;
    border-left: 4px solid #19678D;
    border-right: 4px solid #19678D;
    bottom: 14px;
    display: block;
    height: 90px;
    left: -1px;
    position: absolute;
    width: 102px;
    font-size: 12px;
}
.cell21:hover,  #active21{
  background: url(../img/Wissenskompetenz/wk_rot.png) top left no-repeat;
}

.cell22 {
    border-bottom: 4px solid #19678D;
    border-right: 4px solid #19678D;
    bottom: 14px;
    display: table;
    height: 74px;
    left: 108px;
    padding: 1em;
    position: absolute;
    width: 220px;
    font-size: 12px;
}
.cell22 p {
  display: table-cell;
  vertical-align: middle;
}

.cell23 {
    border-right: 4px solid #19678D;
    border-bottom: 4px solid #19678D;
    bottom: 14px;
    display: table-cell;
    height: 78px;
    left: 356px;
    padding: 0.5em;
    position: absolute;
    width: 468px;
    font-size: 12px;
}
.cell31 {
    background-image: url("../img/Kommunikationskompetenz/kk_schwarz.png");
    background-repeat: no-repeat;
    border-top: 4px solid #19678D;
    border-bottom: 4px solid #19678D;
    border-left: 4px solid #19678D;
    border-right: 4px solid #19678D;
    bottom: 23px;
    display: block;
    height: 90px;
    left: -1px;
    position: absolute;
    width: 102px;
    font-size: 12px;
}

.cell31:hover,  #active31{
  background: url(../img/Kommunikationskompetenz/kk_rot.png) top left no-repeat;
}
.cell32 {
    border-bottom: 4px solid #19678D;
    border-right: 4px solid #19678D;
    bottom: 23px;
    display: table;
    height: 74px;
    left: 108px;
    padding: 1em;
    position: absolute;
    width: 220px;
    font-size: 12px;
}

.cell32 p {
  display: table-cell;
  vertical-align: middle;
}
.cell33 {
    border-right: 4px solid #19678D;
    border-bottom: 4px solid #19678D;
    bottom: 23px;
    display: table-cell;
    height: 78px;
    left: 356px;
    padding: 0.5em;
    position: absolute;
    width: 468px;
    font-size: 12px;
}
.cell41 {
    border-top: 4px solid #19678D;
    border-bottom: 4px solid #19678D;
    border-left: 4px solid #19678D;
    border-right: 4px solid #19678D;
    background-image: url("../img/Emotionale_Kompetenz/ek_schwarz.png");
    bottom: 32px;
    display: block;
    height: 90px;
    left: -1px;
    position: absolute;
    width: 102px;
    font-size: 12px;
}
.cell41:hover, #active41{
  background: url(../img/Emotionale_Kompetenz/ek_rot.png) top left no-repeat;
}
.cell42 {
    border-bottom: 4px solid #19678D;
    border-right: 4px solid #19678D;
    bottom: 32px;
    display: table;
    height: 74px;
    left: 108px;
    padding: 1em;
    position: absolute;
    width: 220px;
    font-size: 12px;
}

.cell42 p {
  display: table-cell;
  vertical-align: middle;
}
.cell43 {
    border-right: 4px solid #19678D;
    border-bottom: 4px solid #19678D;
    bottom: 32px;
    display: table-cell;
    height: 78px;
    left: 356px;
    padding: 0.5em;
    position: absolute;
    width: 468px;
    font-size: 12px;
}
.cell.empty{
  border: none;
}
.cell.rowspanned {
    float: left;
    height: 388px;
    padding: 0;
    width: 59px;
}
.button1 {
    background-image: url("../img/seminarI.png");
    background-repeat: no-repeat;
    float: left;
    height: 109px;
    width: 35px;
    font-size: 12px;
}
.button2 {
    background-image: url("../img/seminarII.png");
    background-repeat: no-repeat;
    float: left;
    height: 110px;
    width: 35px;
    font-size: 12px;
}
.button3 {
    background-color: #779BB3;
    background-image: url("../img/seminarIII.png");
    background-repeat: no-repeat;
    float: left;
    height: 102px;
    width: 35px;
    font-size: 12px;
}
.button1_inaktiv {
    background-image: url("../img/seminarI_inaktiv.png");
    background-repeat: no-repeat;
    float: left;
    height: 103px;
    width: 35px;
    font-size: 12px;
}
.button2_inaktiv {
    background-image: url("../img/seminarII_inaktiv.png");
    background-repeat: no-repeat;
    float: left;
    height: 103px;
    width: 35px;
    font-size: 12px;
}
.button3_inaktiv {
    background-image: url("../img/seminarIII_inaktiv.png");
    background-repeat: no-repeat;
    float: left;
    height: 103px;
    width: 35px;
    font-size: 12px;
}
.eintrag {
    font-family: arial, verdana, sans-serif;
    color: #000;
    font-size: 14px;
}

.eintrag:hover, #active {
  color: #1A678E;
}
.inhalt {
    font-family: arial, verdana, sans-serif;
    color: #000;
    margin-top: -4px;
    font-size: 14px;
    margin-left: 0px;
    height: 82px;
    display: table;
}
.inhalt p {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}

/*** angebot1.php ***/
.table_uebersicht {
    margin: 0 auto;
    min-height: 380px;
    width: 900px;

}

.row_uebersicht {
    display: block;
}
.cell_uebersicht1 {
    background: url("../img/seminarI.png") no-repeat scroll left top transparent;
    border-bottom: 4px solid #FFFFFF;
    border-top: 0 solid #FFFFFF;
    display: block;
    float: left;
    height: 100px;
    padding: 1em;
    width: 40px;
}


.cell_uebersicht2 {
    background: url("../img/seminarII.png") no-repeat scroll left top transparent;
    border-bottom: 4px solid #FFFFFF;
    border-top: 0 solid #FFFFFF;
    display: block;
    float: left;
    height: 100px;
    padding: 1em;
    width: 40px;
}

.cell_uebersicht3 {
    background: url("../img/seminarIII.png") no-repeat scroll left top transparent;
    display: table-cell;
    float: left;
    height: 100px;
    padding: 1em;
    width: 40px;
}
.cell_uebersichttext1 {
    background-color: #EAEAEA;
    border-bottom: 4px solid #FFFFFF;
    border-top: 0 solid #FFFFFF;
    display: table-cell;
    float: right;
    padding: 1em;
    width: 800px;
    height: 100px;
}
.cell_uebersichttext2 {
    background-color: #EAEAEA;
    border-bottom: 4px solid #FFFFFF;
    border-top: 0 solid #FFFFFF;
    display: table-cell;
    float: right;
    height: 100px;
    padding: 1em;
    width: 800px;
}
.cell_uebersichttext3 {
    background-color: #EAEAEA;
    border-bottom: 0 solid #FFFFFF;
    border-top: 0 solid #FFFFFF;
    display: table-cell;
    float: right;
    height: 100px;
    padding: 1em;
    width: 800px;
}
.S11 { /* Stressoren */
    text-align:left;
    margin-left: 450px;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size:1.6em;
    color: #1A678E;
}

.Z11 {
    margin-top: 0px;
}
.S11:hover {
    color: #9c2b57;
}
.S12 { /* Lerntechn. */
    text-align: left;
    margin-left: 30px;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 2.4em;
    color: #1A678E;
}
.Z12 {
    margin-top: -15px;
}
.S12:hover {
    color: #9c2b57;
}
.S13 { /* Zeitman. */
    text-align:left;
    margin-left: 300px;
    font-family: arial, verdana, sans-serif;
    font-weight: bold;
    font-size:1.3em;
    color: #1A678E;
}
.Z13 {
    margin-top: 0px;
}
.S13:hover {
    color: #9c2b57;
}
.S14 { /* Netzwerken. */
    text-align: left;
    margin-left: 580px;
    font-family: arial, verdana, sans-serif;
    color: #19678d;
    font-weight: bold;
    font-size:2em;
    color: #1A678E;
}
.Z14 {
    margin-top: 0px;
}
.S14:hover {
    color: #9c2b57;
}
.S15 { /* Komm.mod. */
    text-align: left;
    margin-left: 70px;
    font-family: arial, verdana, sans-serif;
    color: #19678d;
    font-weight: bold;
    font-size:1.7em;
    color: #1A678E;
}
.Z15 {
    margin-top: -15px;
}
.S15:hover {
    color: #9c2b57;
}
.S21 { /* Visualisieren */
    text-align:left;
    margin-left: 20px;
    font-family: arial, verdana, sans-serif;
    color: #19678d;
    font-weight: bold;
    font-size:1.9em;
    color: #1A678E;
}
.Z21 {
    margin-top: 0px;
}
.S21:hover{
    color: #9c2b57;
}
.S22 { /* Präsentieren. */
    text-align: left;
    margin-left: 450px;
    font-family: arial, verdana, sans-serif;
    color: #19678d;
    font-weight: bold;
    font-size:2.2em;
    color: #1A678E;
}
.Z22 {
    margin-top: -20px;
}
.S22:hover {
    color: #9c2b57;
}
.S23 { /* Wissenschaftliches Arbeiten. */
    text-align: left;
    margin-left: 100px;
    font-family: arial, verdana, sans-serif;
    color: #19678d;
    font-weight: bold;
    font-size:2.2em;
    margin-top: 30px;
    color: #1A678E;
}
.Z23 {
    margin-top: 16px;
}
.S23:hover {
    color: #9c2b57;
}
.S24 { /* Verhandlungsführung. */
    text-align: left;
    margin-left: 570px;
    font-family: arial, verdana, sans-serif;
    color: #19678d;
    font-weight: bold;
    font-size:1.8em;
    color: #1A678E;
}
.Z24 {
    margin-top: -10px;
}
.S24:hover {
    color: #9c2b57;
}
.S31 { /* Work Life Balance */
    text-align: left;
    margin-left: 8px;
    font-family: arial, verdana, sans-serif;
    color: #19678d;
    font-weight: bold;
    font-size:2.3em;
    color: #1A678E;
}
.Z31 {
    margin-top: 0px;
}
.S31:hover {
    color: #9c2b57;
}
.S32 { /* Berufsziel – Potential – Abgleich. */
    text-align: left;
    margin-left: 370px;
    font-family: arial, verdana, sans-serif;
    color: #19678d;
    font-weight: bold;
    font-size:1.6em;
    color: #1A678E;
}
.Z32 {
    margin-top: 0px;
}
.S32:hover {
    color: #9c2b57;
}
.S33 { /* Innere Werte. */
    text-align:left;
    margin-left: 185px;
    font-family: arial, verdana, sans-serif;
    color: #19678d;
    font-weight: bold;
    font-size:1.8em;
    color: #1A678E;
}
.Z33 {
    margin-top: 0px;
}
.S33:hover {
    color: #9c2b57;
}
.S34 { /* Bewerbungstipps. */
    text-align:left;
    margin-left: 570px;
    font-family: arial, verdana, sans-serif;
    color: #19678d;
    font-weight: bold;
    font-size:2.1em;
    color: #1A678E;
}
.Z34 {
    margin-top: -10px;
}
.S34:hover {
    color: #9c2b57;
}

/* die 4 Videos */

#mytable {

    color: #fff;
    padding:0px;
    display: table;
    margin-top: 55px;
    margin-left: 0px;
}
#row  {
    display: table-row;
}
#left {
    border: 1px solid #fff;
    padding:0px;
    background: #fff;
    display: table-cell;
}
#right {
    border: 1px solid #fff;
    padding:0px;
    display: table-cell;
}

#buttonup {
    float: right;
    margin-bottom:5px;
    width:43px;
}
.buttonuprow {
    width:696px;
}
.buttondownrow {
    width:857px;
}
#buttondown {
    float: right;
    margin-right:160px;
    margin-top:5px;
    width:43px;
}

/* infoseiten */

.ueberschrift2zeilig {
background: url(../img/footerleiste.png) top left no-repeat scroll transparent;
width: 800px;
height: 45px;
color: #000; font-size:14px;
padding-left: 20px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 20px;
font-weight: bold;
font-family: arial, verdana, sans-serif;
background-size: 100% 66px;
}

.textbaustein{
background-color: #e9e9e9;
width: 800px;
padding-left: 20px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 20px;


text-align: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 11pt;
line-height: 115%;
}
/*
.text{
width: 800px;
color: #000; font-size:14px;
padding-left: 20px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
margin-left: 20px;
font-family: arial, verdana, sans-serif;
}
*/
.abstand
{
margin-top:0.5em;
}
.kleiner_abstand
{
margin-top:7px;
}

.lisa
{
margin-top:7px;
}

/*
Erwartungen
*/
tr.even {
    background: #fff;
}
tr.odd {
    background: #fff;
}


#antwortskala {
    color: #000000;
    font-family: arial,verdana,sans-serif;
    font-size: 11px;
}

.antwortskala {
    color: #000000;
    font-family: arial,verdana,sans-serif;
    font-size: 11px;
}

.fragebogenueberschrift {
    color: #000000;
    font-family: arial,verdana,sans-serif;
    font-size: 16px;
}

.frageitem{
    color: #000000;
    font-family: arial,verdana,sans-serif;
    font-size: 14px;
    line-height: 1.3em;
    padding: 5px;
}


element.style {
    width: 100%;
}

table.Border, td.Border {
    border: 0px solid #CCCCCC;
    color: #000000;
    font-family: arial,verdana,sans-serif;
    font-size: 12px;
    line-height: 1.5em;
    padding: 5px;
}

table {
    font-size: 100%;
}

div.isForced, input.isForced, select.isForced {
    border: 1px solid #FF0000;
    color: #000000;
    font-family: arial,verdana,sans-serif;
    /*font-size: 12px;*/
    line-height: 1.4em;
    padding: 0px;
}

.contenttabletitle{
    font-weight: bold;
    font-family: metabookroman,arial,verdana,sans-serif;
    font-size: 16px;
    line-height: 1.2em;
    padding: 5px;
}

.contenttabletext{
    font-family: arial,verdana,sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    padding: 5px;
}

.submenu{
   width: 400px;
}

/* slz-radio */
@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: ##8AA311; }
    }

.magic-radio {
  position: absolute;
  display: none; }


.magic-radio + label {
  position: relative;
  /*display: block;*/
  padding-left: 5px;
  padding-right: 20px;
  padding-bottom: 10px;
  cursor: pointer;
  vertical-align: middle;
}

.magic-radio + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 2px solid #c0c0c0;
}

.magic-radio + label:after {
    position: absolute;
    display: none;
    content: '';
}

.magic-radio:checked + label:after {
  display: block;
}

.magic-radio + label:before {
background: #ffffff;
  border-radius: 5px;
}

.magic-radio + label:after {
  top: -4px;
  left: 12px;
  box-sizing: border-box;
  width: 10px;
  height: 26px;
  transform: rotate(45deg);
  border-width: 3px;
  border-style: solid;
  border-color: #8AA311;
  border-top: 0;
  border-left: 0;
}


/* ------ Termine ------- */
.magic-radiotermine {
  position: absolute;
  display: none; }

.magic-radiotermine + label {
  position: relative;
  /*display: block;*/
  padding-left: 5px;
  padding-right: 20px;
  padding-bottom: 15px;
  cursor: pointer;
  vertical-align: middle;
}

.magic-radiotermine + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 2px solid #c0c0c0; }

.magic-radiotermine + label:after {
    position: absolute;
    display: none;
    content: ''; }

.magic-radiotermine:checked + label:after {
  display: block; }

.magic-radiotermine + label:before {
  background: #ffffff;
  border-radius: 5px; }

.magic-radiotermine + label:after {
   top: -4px;
  left: 12px;
  box-sizing: border-box;
  width: 10px;
  height: 26px;
  transform: rotate(45deg);
  border-width: 3px;
  border-style: solid;
  border-color: #8AA311;
  border-top: 0;
  border-left: 0;
}


/* ------------- */

/* slz-radiox feedback */
.magic-radiofb {
  position: absolute;
  display: none; }


.magic-radiofb + label {
  position: relative;
  /*display: block;*/
  padding-left: 5px;
  padding-right: 20px;
  padding-bottom: 15px;
  cursor: pointer;
  vertical-align: middle;
}

.magic-radiofb + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 2px solid #c0c0c0;
}

.magic-radiofb + label:after {
    position: absolute;
    display: none;
    content: '';
}

.magic-radiofb:checked + label:after {
  display: block;
}

.magic-radiofb + label:before {
background: #ffffff;
  border-radius: 5px;
}

.magic-radiofb + label:after {
   top: -4px;
  left: 12px;
  box-sizing: border-box;
  width: 10px;
  height: 26px;
  transform: rotate(45deg);
  border-width: 3px;
  border-style: solid;
  border-color: #8AA311;
  border-top: 0;
  border-left: 0;
}