form { margin: 0; }
table { font-size: 100%; table-layout: fixed; }
input, select, option, textarea { font-size: 100%; }

.nw { background: url(/img/corner/nw.gif) top    left  no-repeat; }
.ne { background: url(/img/corner/ne.gif) top    right no-repeat; }
.se { background: url(/img/corner/se.gif) bottom right no-repeat; }
.sw { background: url(/img/corner/sw.gif) bottom left  no-repeat; }
.n, .s { margin: 0 44px; height: 44px; background: white; }
.c { padding: 0 44px; background: white; }

#lang, #login
{position: absolute;
left: 20px; top: 20px;
}

#lang img 
{float: left; 
width: 46px; 
height: 30px;  
padding-right: 10px;
}

#subnav {
  position: absolute;
  left: 20px;
  width: 12%;
  top: 100px;
  }
#subnav a, #login a {
  display: block;
  margin: 12px 0;
  color: black;
}
#subnav a:visited {
  color: rgb(200, 150, 150);
}

#subnav #subnavcourses-references {
  margin: 8em 0;
}

#subnavindex-text { color: black }

#subnavindex-besig { background: white; color: black; padding: 4px; width: 50px; }

#subnavindex-iatefl { background: white; color: black; padding: 4px; width: 50px; }

#subnavindex-melta { background: white; color: black; padding: 4px; width: 50px; }

#subnavrightindex-text { color: black; }

#subnavright { position: absolute; right: 20px; width: 100px;  top: 100px;}

#subnavright a { background: white; color: black; display: block; margin: 6px 0;}
 
#subnavcourses-text { color: black }

#subnavcourses-group { background: white; color: black; padding: 4px; width: 100px; }

#subnavcourses-coaching { background: white; color: black; padding: 4px; width: 100px; }

#subnavcourses-immersion { background: white; color: black; padding: 4px; width: 100px; }

#subnavcourses-references { background: rgb(230, 210, 150); color: black; padding: 4px; width: 100px; }

a img 
{border: none; 
}  

.pics
{
float: left;
padding-right: 24px;
background: white;
}
.trainingpic
{
float: right;
padding-right: 24px;
background: white;
}
.piclabel
{
clear: right;
text-align: right;
padding-right: 24px;
background: white;
}

#content 
{background: rgb(255, 255, 255); 
font: 100% Verdana;
margin: 0%;    
}

#content .se
{padding: 40px 40px 40px;
}

#content .index
{margin: 100px 40px 40px;
}

body 
{background-color: rgb(130, 80, 80); 
background-repeat: no-repeat;
background-position: bottom right;  
font-size: 80%;  
margin: 40px 18%;
}

body, input, select, option, textarea {
  font-family: "Verdana", "Arial", sans-serif;
}

body#index 
{background-image: url(/img/Helenportrait.jpg);
}

body#teacher 
{background-image: url(/img/HelenTrainingBackground.jpg);
}

body#contact
{background-image: url(/img/email1.jpg);
}

body#seminare 
{background-image: url(/img/Helenportrait.jpg);
text-align: center;
}
#seminare h4 {
  background: rgb(160, 180, 200);
  width: 50%; margin: 1em 25%; 
  font-size: 100%; font-weight: bold;
}

h1
{font: 250% Verdana; margin: 0; float: center;
}

h2 
{background: rgb(180, 80, 80);  
color: white;  
font: 150% Verdana;
}

a {color: rgb(130, 20, 80);
}

a:visited 
{color: rgb(200, 150, 150);
}

h2 a {color: white; 
}
h2 a:visited {color: white; 
}


#nav 
{padding-bottom: 1em;
width: 100%;
}

#nav a 
{color: white;  
border: solid white 2px;  
float: left;
width: 24.3%;
text-align: center;  
text-decoration: none;
}

#navindex 
{background-color: rgb(130, 20, 80);
}

#navcourses 
{background-color: rgb(180, 80, 80);
}

#navsocial 
{background-color: rgb(150, 160, 130);
}

#navcontact 
{background-color: orange;
}

#navteacher
{background-color: rgb(160, 180, 200);
}


#nav #navseminare {
  background-color: rgb(160, 180, 200);
  border-right: none;
}
#seminarextra {
  background-color: rgb(160, 180, 200);
  border: solid white 1px;
  border-left: none;
  padding: 0 2em 0 2px;
  float: left;
  font-weight: bold;
}

#nav a:hover {  /*write your changes here*/ }

#endnav {
  display: block;
  clear: left;
}

.thumbnail {
  float: left;
  width: 152px;
  border: solid silver 1px;
  margin: 2px;
  text-align: center;
  padding: 3px;
}
.thumbnail img {
  width: 150px;
  height: 120px;
}
.thumbnail a {
  text-decoration: none;
}

#thumbnails {
  width: 100%;
  }
  
#endthumbnails {
  clear:left;
}
p, ul { margin: 0; padding-top: 0.2em; padding-bottom: 0.2em;}

#updated {
  text-align: right; padding-top: 24px;
}
#mail {
  position: absolute; right: 20px; top: 20px;
}
#mail img { width: 42px; height: 27px; }

#anmelden table { width: 85%; }
#anmelden .labels { width: 10em; }
#anmelden .f input, #anmelden .f select, #anmelden .f textarea { width: 100%; }

.errors { color: red; }