/*###################################
#                                   #
#  Allgemeine CSS Eigenschaften     #
#                                   #
###################################*/

body {
  font-size: 9.5px;
  font-family: Arial;
  margin:0em;
  padding:0;
  background-color: #ffffff;
  min-width:990px;
}
* html body {
  width:990px;
}

p { 
  margin-left: 0; 
  font-size: 1.1em; 
}

*.display_none { 
  display: none; 
}

h1 { 
  color: #001463;
  font-size: 1.4em;
  margin:1.8em 0em; 
}

h2 {
  color: #001463; 
  font-size: 1.3em;
  
}

h3 { 
  color: #001463;
  font-size: 1.2em;
 
}

h4 { 
  color: #001463;
  font-size: 1.1em;

}

h5 { 
  color: #001463; 
  font-size:1.0em; 
}

h6 {
  color: #001463;
  font-size:0.9em;
}

b { 
  font-size: 1.05em; 
  font-weight: bold; 
}

a { 
  color: #001463; 
  font-weight: bold; 
  text-decoration: none; 
}

a.hover { 
  color:#7E8896; 
}

#content ul {
  font-size:1.2em;
}

#content ul ul {
  font-size:1em;
}

th {
  text-align:left;
}

img.block {
  display: block;
}

div, img {
  margin: 0;
  padding: 0;
  border: 0;
}

.float-left { 
  float: left; 
}

div.clear {
  clear: both;
}

img.sc {
  height: 2em;
  width: 2em;
}

div.page_access { 
  display:none; 
}



/*###################################
#                                   #
# CSS für die gesamte Seitenansicht #
#                                   #
###################################*/

div#page {
  width: 96em;
  margin: 1em auto;
  margin-top:0;
}

* html div#page {
  position:absolute;
  left:50%;
  margin-left:-48em;
}

div#container {
  margin: auto;
  width: 96em;
  position: relative; 
}



/*###################################
#                                   #
#     CSS für den Top-Bereich       #
#                                   #
###################################*/

div.oben {
  overflow:hidden;
  width: 96.1em;
  background-color:#dce6f2;
}

div.warenkorb {
  float:right;
  font-size:1.5em;
  padding:0.5em;
  width:23em;
  text-align:right;
}

div.title {
  float:right;
  font-size:3.7em;
  text-align:right;
}

span.blue {
  color:#1e3e95;
}

span.red {
  color:#ff0000;
}

div.oben img.logo { }



/*###################################
#                                   #
#  CSS für die linke Navigation     #
#                                   #
###################################*/

div#links { 
  float: left;
  width: 14.1em; 
  margin: 0;
  padding-top: 2em;
  background-color:#DCE6F2;
}

ul.nav {
  margin: 0.3em 0 0 0;
  padding: 0;
}

ul.nav a:hover,
ul.nav a.active {
  background-color:#1e3e95;
  border:1px solid #000000;
  color: #ffffff;
}

ul.nav li {
  list-style: none;
}

ul.nav li.e1 a {
  font-weight:bold;
}

ul.nav li.e2 {
  padding-left:0.7em;
}

ul.nav li.e2 a {
  font-weight:normal;
}

ul.nav a {
  display: block;
  font-size: 1.5em;
  padding-left:0.3em;
  border:1px solid #DCE6F2;
}




/*###################################
#                                   #
#   CSS für den Content Bereich     #
#                                   #
###################################*/

div#center div#content{
  overflow: hidden;
  padding: 1em;
  font-size: 1.2em;
}

div.outer {
  margin: 0em 15em 0 12.1em;
  background-color: #FFFFFF;
  height: 1%;
}



/*###################################
#                                   #
#  CSS für die rechte Navigation    #
#                                   #
###################################*/

div#right { 
  float: right; 
  width: 15em;
}

div#right h2.box_header {
  margin:0em;
  text-align:center;
  color:#FFFFFF;
  background-color:#2C3988;
}

div#right_padding {
  padding: 1em 0;
}


/*-----CSS für den Newsbereich-----*/

div.news-latest-container { 
  border:0.1em solid #001463; 
  background-color:#FFFFFF; 
  color:#2C3988; 
  width: 20.3em; 
}

div.news-latest-container h2 { 
  border:0em; 
  background-color:#001463; 
  color:#FFFFFF; 
  font-weight: bold; 
  font-size: 1.2em; 
  text-align: center; 
  margin: 0em; 
}

div.news-latest-gotoarchive { 
  border:0em; 
  background-color:#FFFFFF; 
  color:#2C3988; 
}

div.news-latest-item { 
  border:0em; 
  background-color:#FFFFFF; 
  color:#2C3988; 
}

div.news-latest-gotoarchive { 
  border:0em; 
  background-color:#2C3988; 
  color:#FFFFFF; 
  margin: 0em; 
}

div.news-list-container hr.clearer, 
.news-single-item hr.clearer, 
.news-latest-container hr.clearer { 
  border:0.1em solid #001463; 
  height: 0.1em; 
  width:95%;
}

.news-latest-morelink a { 
  float:right; 
  font-size:1.2em; 
}

.news-latest-date a { 
  font-weight: bold; 
  font-size:1.2em; 
}

div.news-list-container {
  border:0.1em solid #001463; 
  background-color:#FFFFFF; 
  color:#2C3988; 
  padding:10px 0;
  position:relative;
}

div.news-list-item {
  background-color:#FFFFFF;
  line-height:1.56em;
  margin:0;
  padding:0;
  border:none;
}

div.news-list-item h3 span.news-list-date {
  background-color:transparent;
  display:block;
  float:none;
  font-size:0.75em;
  padding:4px;
  margin:0;
  width:auto;
}
div.news-list-item h3 { 
  border:0em; 
  background:none;
  color:#001463;
  font-weight: bold; 
  font-size: 1.2em; 
  text-align: center; 
  margin: 0;
  padding:0;
}

div.news-list-container div.news-list-item h3 a {
  color:#001463;
  padding:0 0.3em;
}

div.news-single-item {
  background-color:#FFFFFF;
  border:none;
}

div.news-single-item h2 {
  color:#001463;
  font-size:1.4em;
}

div.news-single-item p.news-single-author {
  font-size:0.9em;
  margin-bottom:0;
}

div.news-single-item h3 {
  margin-top:0;
  font-size:1.3em;
}
div.news-single-item .news-single-backlink,
div.news-single-item .news-single-backlink a,
div.news-list-container .news-list-morelink,
div.news-list-container .news-list-category {
  font-size:0.9em;
}

div.news-single-item .news-single-timedata,
div.news-single-item .news-single-author,
div.news-single-item .news-single-imgcaption {
  font-size:0.75em;
}

/*###################################
#                                   #
#       CSS für den Footer          #
#                                   #
###################################*/

div#footer {
  clear: both;
  background-color: #001463;
  height: 2.4em;
  text-align: center;
  width: 96.1em;
  padding: 0.2em 0em;
  background: #001463 url(images/ecke_u_li.jpg) no-repeat bottom left;
  position:relative;
}

div#footer_rechts {
  position:absolute;
  bottom:0;
  right:0;
  width:208px;
  height:10px;
  background: #001463 url(images/ecke_u_re.jpg) no-repeat bottom right;
}

div.csc-textpic-left div.csc-textpic-text {
  clear: none;
}
div#footer img {
  height:2.4em;
  width:2.4em;
}

/*###################################
#                                   #
#  CSS für den Internet Explorer    #
#                                   #
###################################*/

* html div#center div#content {
  width: 43em;
}



/*###################################
#                                   #
#   CSS für die Kurs Highlights     #
#                                   #
###################################*/

div.highlights {
  height: 10em;
  text-align: center;
  background-color: #012d74;
  margin: 0em 22em 0em 19em;
  padding: 2em 0em 0em 0em;
}

div.highlight {
  font-size:1.4em;
  font-weight:bold;
  text-decoration:underline;
  margin: 0em 0em 0.5em 0em;
}



/*###################################
#                                   #
#  CSS für das Schriftgrößenmenü    #
#                                   #
###################################*/

.schnellsuche {
display:none;}

div.schrift { 
  font-size: 1.4em; 
  color: #000000; 
  font-weight: bold;
  padding-left:0.3em; 
}

#fsizemenu {
display:none;
}

div#fsizemenu_items { 
  margin:0 0 0 2em;
}

div#fsizemenu_items a {
  float:left;
  width: 2.7em;
  height: 3em;
  background-repeat:no-repeat;
}

div#layoutmenu_items {
  text-align:center;
  padding:1em;
  background-color:#C4D9F9;
}

div#layoutmenu_items img {
  width:6em;
}

a.fsize_button0 {
  background-image: url(images/normal.gif);
}

a.fsize_button1 {
  background-image: url(images/mittel.gif);
}

a.fsize_button2 {
  background-image: url(images/gross.gif);
}


/*###################################
#                                   #
#     CSS für den Kontaktblock      #
#                                   #
###################################*/

form#mailform { 
  text-align: center; 
  margin-top: 2em;
}


/*###################################
#                                   #
#       CSS für das Sitemap         #
#                                   #
###################################*/

div.expAll { 
  background-color:#C4D9F9 !important; 
  border:0.1em solid #364497 !important; 
  color: #364497 !important; 
}

.tx-dropdownsitemap-pi1 a, 
.tx-dropdownsitemap-pi1 a:link, 
.tx-dropdownsitemap-pi1 a:visited, 
.tx-dropdownsitemap-pi1 a:hover, 
.tx-dropdownsitemap-pi1 a:active { 
  color:#364497 !important; 
}


/*###################################
#                                   #
#     CSS für Allgemeine Dinge      #
#                                   #
###################################*/

p.bodytext b {
  font-size:1em;
}
div.tx-dropdownsitemap-pi1 div.level_1 ol {
  height:1%;
}

input.navstich {
  font-size:1.33em;
  width:5em;
}


/*#########################
#     CSS für den RTE     #
#########################*/
/* Text Positionierung */
*.align-left                       { text-align:left; }
*.align-center                     { text-align:center; }
*.align-right                      { text-align:right; }
*.align-justify                    { text-align:justify; }

/* Frames für den Inhalt */
*.csc-frame                        { clear:both; }
*.csc-frame-frame1                 { border:0.1em solid #B2B2B2; padding:1em; }
*.csc-frame-frame2                 { border:0.1em solid #B2B2B2; background-color:#E5E5E5; padding:1em; }
*.csc-frame-indent6633             { margin-left:66%; }
*.csc-frame-indent3366             { margin-left:33%; }
*.csc-frame-indent                 { margin-left:3em; }
*.csc-frame-rulerAfter,
*.csc-frame-rulerBefore            { background-color:#B2B2B2; height:0.1em; }

/* Formatierung der UL's */
ul.component-items                 { color:#186900; list-style-type:circle; }
ul.action-items                    { color:#8A0020; list-style-image:url(img/red_arrow_bullet.gif); }

/* Formatierung der OL's */
ol.component-items-ordered         { color:#10007B; list-style-type:lower-roman; }
ol.action-items-ordered            { color:#8A0020; list-style-type:lower-greek; }

/* Formatierung der Links*/
a.external-link                           {}
a.external-link-new-window                {}
a.internal-link                           {}
a.internal-link-new-window                {}
a.download                                {}
a.mail                                    {}

/* Textformatierungen*/
span.important                            { color:#8A0020; }
span.name-of-person                       { color:#10007B; }
span.detail                               { color:#186900; }
*.rot                                     { color:#B90000; font-style:italic;}
*.blau                                    { color:#0070BC; text-decoration: blink; }
*.gruen                                   { color:#0C7567; text-decoration: underline; }
*.fettrot                                 { color:#B90000; font-weight:bold; text-decoration: line-through; }
*.mark                                    { background-color: #FFFFA0; display:inline-block;}


/* Überschriften*/
*.ueberschrift1                           { color:#C00000; font-weight:bold; }
*.ueberschrift2                           { color:#506D8D; font-weight:bold; }
*.ueberschrift3                           { background-color: #E8EEF1; color: #000000; font-weight:bold; display:inline-block;}
*.ueberschrift4                           { background-color: #FFA500; color: #000000; font-weight:bold; display:inline-block;}


/* Text Einrückung */
div.indent                                { margin-left:2em; }





/* TABELLEN Sprachkurse */				/* Global sprachkurs_deutsch, sprachkurs_deutsch_plan, sprachkurs_deutsch_uebersetzung */
.sprachkurs_deutsch,
.sprachkurs_deutsch_plan,
.sprachkurs_deutsch_uebersetzung {
border-collapse:collapse;
font-family:arial;
font-size:12px;
line-height:1.3em;
padding:0;
margin:0 0 2em 0;
display:block;
width:615px;
border:none;}

/*.sprachkurs_deutsch_uebersetzung {
color:#ababab; }*/

.sprachkurs_deutsch .td-0,
.sprachkurs_deutsch_uebersetzung .td-0 {
width:188px; }

.sprachkurs_deutsch .td-1 {
width:440px; }

.sprachkurs_deutsch td, 
.sprachkurs_deutsch_uebersetzung td {
padding:5px 5px 5px 0;
vertical-align:top;  }


.sprachkurs_deutsch .tr-0,
.sprachkurs_deutsch .tr-1,
.sprachkurs_deutsch .tr-2,
.sprachkurs_deutsch .tr-last {
background-image:url(punkt.jpg);
background-position:top;
background-repeat:repeat-x;}

.sprachkurs_deutsch_uebersetzung tr {
background-image:url(punkt.jpg);
background-position:top;
background-repeat:repeat-x;}

.sprachkurs_deutsch_plan .td-0  {			/* Sprachkurs Plan */
width:35px; } 

.sprachkurs_deutsch_plan a {				
background-image:url(pfeil_grau_link.gif);
background-position:center left;
background-repeat:no-repeat;
padding-left:10px;
font-weight:normal;
color:#26377a;}

.sprachkurs_deutsch_plan a:hover {
background-image:url(pfeil_grau_link_aktiv.gif);
background-position:center left;
background-repeat:no-repeat;
padding-left:10px;}

.sprachkurs_deutsch_plan td {
padding:5px 0 5px 5px;
vertical-align:top;}

.sprachkurs_deutsch_plan .tr-0,
.sprachkurs_deutsch_plan .tr-1 {
background-color: #FFFFFF;
color: #26377a;}

.sprachkurs_deutsch_plan .td-1,
.sprachkurs_deutsch_plan .td-2,
.sprachkurs_deutsch_plan .td-3, 
.sprachkurs_deutsch_plan .td-4 {
width:145px; }
 
.sprachkurs_deutsch_plan tr {				
height:39px;}

.sprachkurs_deutsch_plan .tr-2 .td-0,
.sprachkurs_deutsch_plan .tr-3 .td-0,
.tabelle_aufbauschema_c2,
.tabelle_aufbauschema_c1  {
background-color: #6672a1;
color:#FFFFFF;}

.sprachkurs_deutsch_plan .tr-4 .td-0,
.sprachkurs_deutsch_plan .tr-5 .td-0,
.sprachkurs_deutsch_plan .tr-6 .td-0,
.sprachkurs_deutsch_plan .tr-7 .td-0,
.tabelle_aufbauschema_b2,
.tabelle_aufbauschema_b1 {
background-color: #bfc4d8;}

.sprachkurs_deutsch_plan .tr-0,
.sprachkurs_deutsch_plan .tr-1,
.sprachkurs_deutsch_plan .tr-8 .td-0,
.sprachkurs_deutsch_plan .tr-9 .td-0,
.sprachkurs_deutsch_plan .tr-10 .td-0,
.sprachkurs_deutsch_plan .tr-last .td-0,
.tabelle_aufbauschema_a2,
.tabelle_aufbauschema_a1 {
background-color: #e5e7ef;}

.sprachkurs_deutsch_plan .tr-0 .td-0,
.sprachkurs_deutsch_plan .tr-1 .td-0 {
background-color:#FFFFFF;}

.sprachkurs_deutsch_plan .tr-2:hover,
.sprachkurs_deutsch_plan .tr-3:hover,
.sprachkurs_deutsch_plan .tr-4:hover,
.sprachkurs_deutsch_plan .tr-5:hover,
.sprachkurs_deutsch_plan .tr-6:hover,
.sprachkurs_deutsch_plan .tr-7:hover,
.sprachkurs_deutsch_plan .tr-8:hover,
.sprachkurs_deutsch_plan .tr-9:hover,
.sprachkurs_deutsch_plan .tr-10:hover,
.sprachkurs_deutsch_plan .tr-last:hover {
vertical-align:top;
background-image:url(punkt_oben_unten.gif);
background-position:top;
background-repeat:repeat-x;} 

.sprachkurs_deutsch_plan .td-1,
.sprachkurs_deutsch_plan .td-3,
.sprachkurs_deutsch_plan .td-4,
.sprachkurs_deutsch_plan .tr-1 .td-2,
.sprachkurs_deutsch_plan .tr-2 .td-2,
.sprachkurs_deutsch_plan .tr-3 .td-2,
.sprachkurs_deutsch_plan .tr-4 .td-2,
.sprachkurs_deutsch_plan .tr-5 .td-2,
.sprachkurs_deutsch_plan .tr-6 .td-2,
.sprachkurs_deutsch_plan .tr-7 .td-2,
.sprachkurs_deutsch_plan .tr-8 .td-2,
.sprachkurs_deutsch_plan .tr-9 .td-2,
.sprachkurs_deutsch_plan .tr-10 .td-2,
.sprachkurs_deutsch_plan .tr-last .td-2 {
border-left: 1px solid #CCCCCC; }

.tabelle_aufbauschema_c2,
.tabelle_aufbauschema_c1,
.tabelle_aufbauschema_b2,
.tabelle_aufbauschema_b1,
.tabelle_aufbauschema_a2,
.tabelle_aufbauschema_a1 {
border-bottom: 2px white solid;
border-spacing:0;
padding:0px 0 10px 0; }

.tabelle_aufbauschema_c2,
.tabelle_aufbauschema_b2,
.tabelle_aufbauschema_a2 {
margin: 10px 0 0 0;}

.tabelle_aufbauschema_c2 td,
.tabelle_aufbauschema_c1 td,
.tabelle_aufbauschema_b2 td,
.tabelle_aufbauschema_b1 td,
.tabelle_aufbauschema_a2 td,
.tabelle_aufbauschema_a1 td {
vertical-align:top;
border:0px black solid;}

.tabelle_aufbauschema_c2 .td-0,
.tabelle_aufbauschema_c1 .td-0,
.tabelle_aufbauschema_b2 .td-0,
.tabelle_aufbauschema_b1 .td-0,
.tabelle_aufbauschema_a2 .td-0,
.tabelle_aufbauschema_a1 .td-0  {
width:120px;
vertical-align:top;
background-image:url();
background-position:top;
background-repeat:repeat-x;}

.tabelle_aufbauschema_c2 .td-1,
.tabelle_aufbauschema_c1 .td-1,
.tabelle_aufbauschema_b2 .td-1,
.tabelle_aufbauschema_b1 .td-1,
.tabelle_aufbauschema_a2 .td-1,
.tabelle_aufbauschema_a1 .td-1  {
width:80px;
padding:5px;}

.tabelle_aufbauschema_c2 .td-2,
.tabelle_aufbauschema_c1 .td-2,
.tabelle_aufbauschema_b2 .td-2,
.tabelle_aufbauschema_b1 .td-2,
.tabelle_aufbauschema_a2 .td-2,
.tabelle_aufbauschema_a1 .td-2  {
width:370px;
padding:3px 20px 3px 5px;}

.tabelle_aufbauschema_c2 .tr-0,
.tabelle_aufbauschema_b2 .tr-0,
.tabelle_aufbauschema_a2 .tr-0 {
background-color: white;
color: black;
padding:10px;
font-size: 1.4em;}

.tabelle_aufbauschema_c2 .tr-1 .td-1,
.tabelle_aufbauschema_c1 .tr-0 .td-1,
.tabelle_aufbauschema_c2 .tr-1 .td-2,
.tabelle_aufbauschema_c1 .tr-0 .td-2,
.tabelle_aufbauschema_b2 .tr-1 .td-1,
.tabelle_aufbauschema_b1 .tr-0 .td-1,
.tabelle_aufbauschema_b2 .tr-1 .td-2,
.tabelle_aufbauschema_b1 .tr-0 .td-2,
.tabelle_aufbauschema_a2 .tr-1 .td-1,
.tabelle_aufbauschema_a1 .tr-0 .td-1,
.tabelle_aufbauschema_a2 .tr-1 .td-2,
.tabelle_aufbauschema_a1 .tr-0 .td-2 {
padding-top:15px;}

.tabelle_aufbauschema_c2 {
background-image:url(tabelle_aufbauschema_c2.png);
background-position:left;
background-repeat:no-repeat;}

.tabelle_aufbauschema_c1 {
background-image:url(tabelle_aufbauschema_c1.png);
background-position:left;
background-repeat:no-repeat;}

.tabelle_aufbauschema_b2 {
background-image:url(tabelle_aufbauschema_b2.png);
background-position:left;
background-repeat:no-repeat;}

.tabelle_aufbauschema_b1 {
background-image:url(tabelle_aufbauschema_b1.png);
background-position:left;
background-repeat:no-repeat;}

.tabelle_aufbauschema_a2 {
background-image:url(tabelle_aufbauschema_a2.png);
background-position:left;
background-repeat:no-repeat;}

.tabelle_aufbauschema_a1 {
background-image:url(tabelle_aufbauschema_a1.png);
background-position:left;
background-repeat:no-repeat;}