/*
hellblau:                                                             #E2ECF2
ganz wenig helleres hellblau:            #E9F1F5
rot:                                                                   #821625
dunkelblau:                                                           #323163
*/

/*Redefinitionen*/
html,body{
  height:100%;
  margin:0px;
  padding:0px;
}

body{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: smaller;
  background:#ccc url(../images/offwhitestripes_lightblue.gif) repeat 50% 0;
  text-align:center;
}

h1{
  color:#821625;
  font-size:130%;
  background-image: url(../images/range.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 12px;
}

h2{
  color:#821625;
  font-size:115%;
  background-image: url(../images/range.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 12px;
}

h3{
  color:#323163;
  font-size:105%;
  font-weight:900;
  background-image: url(../images/range.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding-left: 12px;
}

table{
  color:#323163;
  border:1px solid #323163;
  font-size:100%;
}

th{
  font-weight:bold;
  color:#821625;
  font-variant:small-caps;
}

tr{
  background-color:#E2ECF2;
}

td.left{
  width:60%;
  font-weight:bold;
}

p  { 
  margin-bottom:1.5em; 
  color: #323163; 
}

p.center { text-align:center;}


p.image { text-align:center;}

p.image img{
  border:1px solid #323163;
}

.csc-textpic-caption {

 font-weight:bold;
 text-align:center;

}
#middle .csc-textpic-caption {
     color:#821625;
}
#right .csc-textpic-caption {
     font-size: 12px;
     font-weight: normal;
     color: #323163;
}
#middle .csc-textpic-image img {
  border:1px solid #323163 !important;
}
#left .csc-textpic-image img, #right .csc-textpic-image img {
  padding-bottom: 12px;
}

.quotation, .name-of-person { 
        display: block;    
width:95%;
        font-style:oblique;
        font-variant:small-caps;
        text-align:center;
        color:#821625;
}

.ajve_smaller{
  font-size:0.85em;
}

.ajve_bold{
        font-weight:bold;
}

.ajve_caps{
  font-variant:small-caps;
}

p.boxalignright{
  width:90%;
  margin:1.5em auto;
  padding:0.8em 0.8em;
  background-color:#E2ECF2;
  border:1px solid #323163;
  font-size:110%;
  text-align:left;
  background-image: url(../images/rect.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.box, .important {
  margin:1.5em auto;
  padding:1.1em 1.2em 0.8em 1.2em;
  background-color:#E2ECF2;
  border:1px solid #323163;
  background-image: url(../images/rect.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
}

.boxqouteoutside{
  width:99%;
  margin:3em auto;
  padding:0 0 1em 0;
  background-color:#E2ECF2;
  border:1px solid #323163;
  background-image: url(../images/rect_qoute2.gif);
  background-repeat: no-repeat;
  background-position: 100% 100%;
  position:relative;
}

.boxqouteinside {
  padding:1.1em 1.2em 0.2em 1.2em;
  background-color:#E2ECF2;
  background-image: url(../images/rect_qoute.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  font-style:italic;
  color:#821625;
  position:relative;
}

p.box, span.important {
  margin:1.5em auto;
  padding:1.1em 1.2em 0.8em 1.2em;
  font-variant:small-caps;
  font-size:110%;
  text-align:center !important;
}
#right p.box, #right span.important {
  margin: 0px auto !important;
}

div#rightcopy p.box, span.important,#left p {
  width:95%;
  padding:0.6em 0.2em;
  margin: 0px auto;
}
#rightcopy p.bodytext,#left p.bodytext {
   font-size: 0.85em;
}

img{
  margin:0px;
  padding:0px;
  border-width:0;
}

p.hr {
  border-top:3px double #E2ECF2;
  margin:1em 0;
  text-align:right;
}

p.hr a{
  background-image:url(../images/up2.gif);
  background-position:right center;
  background-repeat:no-repeat;
  color:#AAAAAA;
  font-size:smaller;
  padding-right:16px;
}

ol{
  list-style-position:outside;
  list-style-type:square;
  color:#323163;
  margin:0;
  padding:1em 0.5em 1em 1.3em;
}
ol li{
 padding:0.4em 0.2em;
}

ul{
  list-style-position:outside;
  list-style-type:square;
  color:#323163;
  margin:0;
  padding:1em 0.2em 1em 1.3em;
}

/*Allgemeiner Aufbau*/
#wrapper{ /*Zentrierung und Breite auf 760px setzen*/
  width:785px;
  margin: 10px auto;  
  border: 1px solid #323163; 
  text-align:left;
}

#mainmenu{
  width:785px;
  height: 118px;
  background-color: #E2ECF2;
  margin: 0px;
  padding: 0px;
  background-image: url(../images/joan_von_ehren_lines2.jpg);
  background-repeat:repeat-x;
}

#breadcrumb{
  background:#323163 url(../images/letstalkenglishtogether.jpg) center left no-repeat;
  height: 1.7em;
  text-align: right;
  padding: 0.2em 0.5em 0 0;
  color: #FFF;
}


#breadcrumb img{
  float:left;
}
#breadcrumb img.sitemapicon{
  float:none; 
  text-decoration:none;
  padding-right:4px;
}


#threecolumns{
  background: white;                                                 /* färbt die mittlere Spalte ein */
  background-image:url(../images/bg_col.gif);
  background-repeat:repeat-y;
  width: 785px;
 }
 
#left {
        float: left;                                                           /* meLinkeSpalte liegt innerhalb von meSeitenRahmen               */ 
        padding: 30px 0 0 0;
        width: 162px;
}       

#middle { 
        float:left;
        width:420px;
        margin:0;                       
}

#copy{
 padding:2em 1.5em;
}

#copy img.trick{
  float:left; 
  margin:0; 
  padding:0; 
  border:0;
}

#right {
        width: 194px;       
        float: left;
        margin:0;
}

#rightcopy{
 padding:2em 0.6em;
}

#rightcopy img{
 display:block;
 margin:0 auto;
}

#footer {
        background: #323163;    /* auch wieder ganz schön simpel */
        border-top: 1px solid black;
        padding: 2px 0px;
        height: 22px;
        text-align:center;
        color:white;
}

/* Sonderlocken für Mozilla, ungefährlich für brave Browser */
#submenu { margin-right: 1px; }                  /* Mozilla legt floats, die direkt nebeneinander liegen, um einen                 */
                                                                                         /* Pixel übereinander, so dass die border verschwindt.                                       */
#extracontent { margin-left: 1px; }              /* Quelle: RichInStyle                                                                                                               */
#copy { margin: 0 -3px 0 -2px; }
/* ENDE Sonderlocken für Mozilla, ungefährlich für brave Browser */
 
/*Einstellungen im Menubereich*/ 
 
#mainmenu img{
  float:left;
  border-right: 3px #fff solid;
}

div.menusection{
  width:44%;
  float:left;
  height:118px;
  background-color:white;
}

.clear { clear: both; }

.ajve_highlight, .bodytext strong {
 color:#821625;
 font-weight:bold;
}
 
 /*Links Reihenfolge immer: Link, Visited, Hover, Activ*/
a{
 color:#323163;
}

 
a.ajve_externlink {                                                           /*für links auf externe seiten*/
  background-image: url(../images/extern_red.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 15px;
  color:#323163;
} 

a.ajve_download, .ajve_download {                                             /*für Links auf downloadbare Dateien*/
  background-image: url(../images/download.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  padding-left: 15px;
  color:#323163;
}
 
 
a.bright {                                                                     /*Bei Breadcrumb und Footer: hell auf dunkelblau*/
 text-decoration:underline;
 color:#FFFFFF;
}

a.brightactive {
 text-decoration:none;
 color:#FFFFFF;
}

a:hover.bright {
  color:#E2ECF2;
}

a.menulink{                                         /*Hauptmenulink*/
  margin:0px;
  padding:0px 0px 0px 10px;
  height:27px;
  display:block;
  border-top:1px solid white;
  border-right:2px solid white;
  border-bottom:1px solid white;
  border-left:2px solid white;
  background-color:#E2ECF2;
  text-decoration:none;
  line-height:27px; /*Zentriert Text in der Höhe*/
  color: #323163;
}

#menulinkactive{
  margin:0px;
  padding:0px 0px 0px 10px;
  height:27px;
  display:block;
  border-top:1px solid white;
  border-right:2px solid white;
  border-bottom:1px solid white;
  border-left:4px solid #821625;
  background-color:white;
  text-decoration:none;
  line-height: 27px;
  color: #821625;
}

/*a.menulink p.menu{ CHANGED FOR PDA */
a.menulink span.menu{
        line-height:27px; /*Zentriert Text in der Höhe*/
        margin: 0 0.8em; 
        color: #323163;                                                                 
}
 /*a.menulinkactive p.menu{ CHANGED FOR PDA */
 a.menulinkactive span.menu{
    line-height:27px; /*Zentriert Text in der Höhe*/
        margin: 0 0.8em; 
        color: #821625;  
 }

a:hover.menulink {
  background-color:#E9F1F5;
}

/*HEADER DER SUBMENULINKS*/
a.submenulinkheader {  
  text-align:right;                                     /*für das submenü links*/
  margin-right: 20px;
  width:142px;
  color:white;
  display:block;
  text-decoration:none;
}

a:hover.submenulinkheader {					/*für das submenü links*/
  border-color:white;
  border-color: white;
}


a.submenulinkheaderactive{    
  text-align:right;                                      /*für das submenü links*/
  width:162px;
  height:2.5em;
  color:white;
  padding:0;
  display:block;
  background-color:#323163;
  text-decoration:none;
  border-top:4px solid #821625;
  border-bottom:4px solid #821625;
  margin-bottom:1.5em;
}

div#left>a.submenulinkheaderactive{
  position:relative;
  margin:0 0 1.5em 0;
  left:0;
}

.menuheader  { 
    /*width:162px;*/
  border-top:4px solid #821625;
  border-bottom:4px solid #821625;
  background-color:#323163;
  padding: 0px;
    display: block;
    line-height:2.5em;
    color: white;
    font-size:110%;
    font-weight:bold;
    font-variant:small-caps;
}

/*ENDE SUBMENU HEADER*/

/*SUBMENUEINTRÄGER*/

a.submenulink{                                      /*für das submenü links*/
  width:139px;
  line-height:37px;
  float:right;                                      /*versteht der IE nicht richtig. Der interpretiert stattdessen:text-align:right im #left*/
  padding:0 5px 0 0;
  display:block;
  border-top:1px solid white;
  border-left:4px solid white;
  border-bottom:1px solid white;
  background-color:#E2ECF2;
  text-decoration:none;
  text-align:right;
}

a:hover.submenulink {
  background-color: #E9F1F5;
}

a.submenulinkactive {
  width:143px;
  padding-right: 5px;
  line-height:37px;
  float:right;                             /*versteht der IE nicht richtig. Der interpretiert stattdessen:text-align:right im #left*/
  display:block;
  margin-right:-4px;
  border-top:1px solid #E2ECF2;
  border-left:4px solid #821625;
  border-bottom:1px solid #E2ECF2;
  background-color:white;
  text-decoration:none;
  text-align:right;
}

div#left>a.submenulinkheader{
  position:relative;
  margin:0 0 1.5em 0;
  left:0;
}

/*a.submenulink p.menu{ CHANGED FOR PDA */
a.submenulink span.menu{
        line-height:3em;
        margin:0;
        padding:0 5px 0 2px;
}

.menulong{
        padding:4px 5px 0 2px;
        margin:0;
		 display:block;
        /*float: right; inga*/ 
}

/*a.submenulinkactive p.menu{ CHANGED FOR PDA */
a.submenulinkactive span.menu{
        line-height:3em;
        padding:0 5px 0 2px;
        margin:0;
}



/* new styles from jule */

#logo { 
        width: 164px;
        height: 118px;
         background: #fff url(../images/jve_logo.jpg) no-repeat top left;
         float: left;
}

.hidden {
        position: absolute;
        left: -3000px;
        color: #FF0000;
}

/* menusection as a list */
#mainmenu ul{
        list-style: none;
        margin: 0;
        padding: 0;
}

 #mainmenu ul li{
        width: 172px;
        float: left;
 }
 
 
 hr { /* macht das irgendwo probleme ? da oben auch was für hr angegeben wurde */
        display: none;
 }
 
 .homelink{
        display:none;
 }
 
 .seperator { /* seperator | between the submenu entries..for text-browser and handheld only */
        display:none;
 }

ul.noType{
        list-style-type: none;
        padding: 0.5em;
}

ul.noType li{
        margin: 5px 0px;
        font-weight: normal; /* for IE for he thinks that he has to make everything bold when a single word uses the class bold... */
}


/* TABLES */

td {
        padding: 3px 5px;        
}

tr.blueBack {
        background-color: #E2ECF2;
}

tr.whiteBack{
        background-color: #fff;
}

tr td p{
        margin: 0.3em 0em;
}

tr td p.ajve_highlight{
        margin: 0.5em 0em;
}

.sitemap{
        margin-left: 16%;
}

.sitemapEntry{
        color: #821625;
        text-decoration: underline;
        font-weight: bold;
}

.tx-dropdownsitemap-pi1 {
    border: 1px solid #323163;
}
.tx-dropdownsitemap-pi1 ol {
    list-style-type: none;
    background: #fff;
    padding: 0;
}
.tx-dropdownsitemap-pi1  ol li{
    padding:0;
}
.tx-dropdownsitemap-pi1 .no a {
    /*color: #821625;*/
    /*font-weight: bold;*/
}
.tx-dropdownsitemap-pi1 img, .expAll { 
    display: none;
}
.tx-dropdownsitemap-pi1 div {
    background: none; 
    border: none;
    padding: 0;
    margin: 0;
}
.level_1 {
    background: #E2ECF2 !important;
}
.level_1 .no, .level_1 .ifsub {
    display: block;
    padding: 4px 0px 4px 5px;
}
.level_1 .no a, .level_1 .ifsub a {
    color: #821625;
}
.level_2 .no {
    display: block;
    background: transparent url(../images/sitemap-icon.gif) no-repeat 0px 7px;
    padding: 0 0 0 12px;
    margin: 4px 0px 4px 10px;
}
.level_2 .no a {
    color: #323163 !important;
}