@charset "utf-8";

/*
Taal
Trotters
style.css
*/

html {
margin: 0;
padding: 0;
}

body {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
color: #83250e;
background-color: #f1dcb9; /*TEMPORARY*/
background-image: url('../gfx/bg_pattern.gif');
background-repeat: repeat;
width: 100%;
}

a {
color: #38250e;
text-decoration: none;
}

a:hover {
color: #38250e;
}

a:active {
color: #38250e;
}

a:visited {
color: #38250e;
}


h1 {
/* font-family: ; */
font-size: 1.5em; 
color: #b12004;
}

h2 {}
h3 {}

h3#login_head .username {
color: #d27424;
font-size: 1em;
}

#globewrap {
width: 965px;
width: 100%;
margin: 0;
margin: 0 auto 0 auto;
padding: 0 0 0 0;
background-image: url('../gfx/globe.gif');
background-position: 10% 0;
background-repeat: no-repeat;
/*background-color: red; /*DEBUG*/
}

#allwrap {
width: 785px;
margin: 0;
margin: 0 auto 0 auto;
padding: 0;
/*background-color: blue; /*DEBUG*/
}

#top_logo_wrap {
width: 785px;
min-height: 112px;
margin: 0;
padding: 20px 0 0 0;
/*background-image: url('../gfx/taaltrotterslogo.gif');
background-repeat: no-repeat;
background-position: bottom left;*/
/*overflow: hidden; /*overflow clear fix*/
position: relative;
/*background-color: green; /*DEBUG*/
}

#top_logo_wrap img {
position: absolute;
left: 0;
top: 15px;
border: 0;
}

#top_logo_wrap a img{
margin: 0;
display: inline;
border: 0;
text-decoration: none;
}

#header {
width: 520px;
margin: 15px 0 0 0;
/*margin: 0 0 0 0;*/
padding: 0;
position: relative;
float: right;
overflow: hidden; /*overflow clear fix*/
/*background-color: grey; /*DEBUG*/
}

#top_navigation {
/*korjaus 15.02.2007
margin: 0 0 0 85px;*/
margin: 0 0 0 83px;

padding: 0;
float: left;
text-align: left;
list-style-type: none;
font-size: 0.9em;
/*background-color: yellow; /*DEBUG*/
}

#top_navigation li {
display: inline;
  /*korjaus 15.02.2007*/
  background:transparent url(../gfx/commonlibg.gif) no-repeat center right;
}
  /*korjaus 15.02.2007*/
  #top_navigation li.last-item {
  background:none;
  }

#top_navigation li a {
color: #000000;
text-decoration: none;
  /*korjaus 15.02.2007*/
  padding-right:7px;
  padding-left: 2px;
}

#language_selection {
width: 150px;
margin: 0;
padding: 0;
float: right;
border: 0;
/*background-color: blue; /*DEBUG*/
}

#language_selection fieldset {
width: 150px;
margin: 0;
padding: 0;
border: 1px solid #f1bb7;
border: 0;
text-align: right;
/*background-color: blue; /*DEBUG*/
}

#language_selection select {
margin: 0;
padding: 0;
border: 1px solid #7f9bd9;
}

#language_selection select option {
padding: 3px 0 3px 3px;
}

/*Login box - rounded corners styles*/
#login_info_block {
width: 469px; /* Width of the background image */
min-height: 53px; /* Height of the background image */
margin: 14px 0 0 0;
padding: 0;
float: right;
/*overflow: hidden;*/
background-color: #fcf6ef;
background-image: url('../gfx/login_background.gif');
background-position: top left;
background-repeat: no-repeat;
/*  background-color: blue; /*DEBUG*/
}

#login_info_block #login_head {
margin: 18px 0 0 35px;
padding: 0;
float: left;
font-size: 1.1em;
font-weight: bold; /*Oli: 1.5 normal. margin top 15px */
font-family: arial;
color: #91795e;
/*background-color: violet; /*DEBUG*/
}

#logout {
margin: 1.7em 1.5em 0 0;
float: right;
font-size: 0.8em;
}

#logout a {
color: #6d563b;
}

#login_info_block span {
margin: 0;
padding: 0;
font-size: 0.8em;
/*background-color: yellow; /*DEBUG*/
}

#login_info_block form {
/*margin: 12px 0 0 12px;*/
margin: 12px 20px 0 0;
padding: 0;
float: right;
text-align: right;
position: relative;
/*background-color: red; /*DEBUG*/
}

#login_info_block form fieldset {
display: inline;
margin: 0;
padding: 0;
border: 0;
}

#login_info_block form input {
margin: 0;
padding: 0;
height: 1.75em;
border: 1px solid #c7b8a7;
vertical-align: middle;
}

#login_info_block form input#submit {

}

#sections {
width: 785px;
overflow: hidden;
margin: 5px 0 0 0;
/*background-color: red; /*DEBUG*/
}

#sections_sub {
width: 785px;
min-height: 153px;
overflow: hidden;
margin: 5px 0 0 0;
background-position: top left;
background-repeat: no-repeat;
/*background-color: red; /*DEBUG*/
}

.students_section_sub {
background-image: url('../gfx/students_sub.gif');
}

.teachers_section_sub {
background-image: url('../gfx/teachers_sub.gif');
}

#sections_sub h2 {
margin-top: 50px;
color: #ffffff;
font-size: 3em;
padding-left: 200px;
}



#students_section {
width: 392px;
min-height: 208px;
margin-top: 1em;
float: left;
color: #ffffff;
background-position: top left;
background-repeat: no-repeat;
/*background-color: orange; /*DEBUG*/
}

#teachers_section {
width: 393px;
min-height: 208px;
margin-top: 1em;
float: left;
color: #ffffff;
overflow: hidden;
background-position: top left;
background-repeat: no-repeat;
}

.en #teachers_section {
  background-image: url('../gfx/teachers_en.gif');
}

.fi #teachers_section {
  background-image: url('../gfx/teachers_fi.gif');
}

.sv #teachers_section {
  background-image: url('../gfx/teachers_sv.gif');
}

.de #teachers_section {
  background-image: url('../gfx/teachers_de.gif');
}

.nl #teachers_section {
  background-image: url('../gfx/teachers_nl.gif');
}



.fi #students_section {
  background-image: url('../gfx/students_fi.gif');
}

.en #students_section {
  background-image: url('../gfx/students_en.gif');
}

.de #students_section {
  background-image: url('../gfx/students_de.gif');
}

.nl #students_section {
  background-image: url('../gfx/students_nl.gif');
}

.sv #students_section {
  background-image: url('../gfx/students_sv.gif');
}



.section_header {
margin: 0.35em 0 0 0;
font-size: 2.2em;
font-weight: normal;
text-align: center;
}

.section_header span {/* a->span */
text-indent: -999em;
display: block;
}

.section_header a {
text-indent: -999em;
display: block;
}

.section_list {
width: 50%;
margin: 0.3em 0 0 0;
padding-left: 7.5em;
font-size: 20px;
list-style-type: none;
text-align: left;
/*background-color: red; /*DEBUG*/
}

#teachers_section  .section_list {
padding-left: 9em;
}

.section_list li {
margin: 0;
padding: 0 0 2px 0;
}

.section_list li.small_bottom {
margin-left: 1em;
margin-top: 5px;
font-size: 0.7em;
}

.section_list li.small_top {
margin-top: 15px;
margin-bottom: 2px;
font-size: 0.7em;
}

div ul.section_list li a {
width: 100%;  
display: block;
text-decoration: none;
color: #ffffff;
font-family: georgia;
text-indent: -999em;
/*background-color: red; /*DEBUG*/
}

#content_container_top_left {
margin: 1em 0 1em 0;
color: #38250e;
background-image: url('../gfx/content_corner_top_left.gif');
background-repeat: no-repeat;
background-position: top left;
background-color: #fcf6ef;
/*background-color: red; /*DEBUG*/
}

#content_container_top_left_sub {
margin: 1em 0 1em 0;
padding: 0;
color: #38250e;
background-image: url('../gfx/content_corner_top_left_solid.gif');
background-repeat: no-repeat;
background-position: top left;
background-color: #fcf6ef;
/*background-color: red; /*DEBUG*/
}

#content_container_top_right {
background-image: url('../gfx/content_corner_top_right.gif');
background-repeat: no-repeat;
background-position: top right;
}

#content_container_bottom_left {
background-image: url('../gfx/content_corner_bottom_left.gif');
background-repeat: no-repeat;
background-position: bottom left;
}

#content_container_bottom_right {
background-image: url('../gfx/content_corner_bottom_right.gif');
background-repeat: no-repeat;
background-position: bottom right;
margin: 0;
padding: 5px;
}

#content {
margin: 5px;
padding: 0 2em 0 2em;
}

/* Videofragment player centering */
#content div .content embed {
display: block;
margin: 1em auto 0 auto;
}

.content_front {
width: 785px;
}

.content_sub {
width: 580px;
float: left;
}

/*
SUB navigation
*/
/*korjaus 15.02.2007
  tama pitaa luultavasti koostaa kokonaan uudestaan, jotta toimii kunnolla kun
  heitetaan dynaamiseksi drupalin paalle
    -poista sorsasta turhat luokkamaareet
      -> kayta ul li ul li rakennetta
    -tee ISOT KIRJAIMET tyyleillä!!!
      -> sorsassa Normaalisti
    -TÄRKEIN: käytä listaa oikein!!!!
      -> ul li ul li kuuluu koostaa:
      
        <ul>
          <li><a href="">Lorem</a></li>
          <li><a href="">Lorem</a>
            <ul>
              <li><a href="">Lorem</a></li>
              <li><a href="">Lorem</a></li>
            </ul>
          </li>
          <li><a href="">Lorem</a>
        </ul>
          
        eika (kuten on nyt)
        
        <ul>
          <li><a href="">Lorem</a></li>
          <li><a href="">Lorem</a></li>
          <li>
            <ul>
              <li><a href="">Lorem</a></li>
              <li><a href="">Lorem</a></li>
            </ul>
          </li>
          <li><a href="">Lorem</a>
        </ul>
*/

/* Sub navigation */

#sub_navigation {
width: 200px;
margin: 1em 0 0 0;
float: left;
}

#sub_navigation #block-views-Registration_orders .content .view-Registration-orders .view-content-Registration-orders .node h2 {font-size: 9px;}
#sub_navigation #block-views-Registration_orders .content .view-Registration-orders .view-content-Registration-orders .node {background-color: #eaeaea; overflow: display;}
/*#sub_navigation #block-views-Registration_orders .content {font-size: 9px;}
#sub_navigation #block-views-Registration_orders .content p {margin-top: -3px;}
#sub_navigation #block-views-Registration_orders {border: 1px solid black; background-color: white;}*/


#sub_navigation div div .menu {
/*width: 200px;*/
padding: 0;
list-style-type: none;
background-color: transparent;
/*background-color: orange /*DEBUG*/
}

/*
div#sub_navigation div#block-user-1 div.content ul.menu li {
list-style-type: none;
}
*/

#sub_navigation div div .menu li {
padding: 0;
margin: 0;
margin-bottom: 0.5em;
background-color: #bda783;
background-image: url('../gfx/top_corner_1.gif');
background-repeat: no-repeat;
background-position: top left;
/*background-color: red; /*DEBUG*/
list-style-type: none;
list-style-image: none; /*Täytyy olla määriteltynä. Yliajaa list-style-type -määritelmän.*/
}

#sub_navigation div div .menu li span {
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
background-repeat: no-repeat;
background-position: bottom left;
background-image: url('../gfx/bottom_corner_1.gif');
display: block;
text-transform: uppercase;
}

#sub_navigation div div .menu li span,
#sub_navigation div div .menu li ul li span,
#sub_navigation div div .menu li ul li ul li span {
/*margin: 0;
padding: 0;
display: block;*/
}

#sub_navigation div div .menu li span a {
margin: 0;
padding: 0;
display: block;
color: #ffffff;
text-decoration: none;
}

#sub_navigation div div .menu li.expanded {
margin-bottom: 5px;
padding: 0;
background-color: #fcf6ef;
background-image: url('../gfx/active_top_corner.gif');
background-repeat: no-repeat;
background-position: top left;
}

#sub_navigation div div .menu li.expanded span {
padding: 0.5em;
background-image: url('../gfx/active_bottom_corner.gif');
background-repeat: no-repeat;
background-position: bottom left;
}

#sub_navigation div div .menu li.expanded span a {
margin: 0;
padding: 0;
display: block;
color: #38250e;
text-decoration: none;
}

#sub_navigation div div .menu li.expanded ul {
margin: 0;
padding: 0;
list-style-type: none;
background-color: #f1e8de;
background-image: url('../gfx/sub_bottom_corner.gif');
background-repeat: no-repeat;
background-position: bottom left;
}

#sub_navigation div div .menu li.expanded ul span {
background-color: transparent;
}

#sub_navigation div div .menu li.expanded ul li,
#sub_navigation div div .menu li.expanded ul li span,
#sub_navigation div div .menu li.expanded ul li.expanded ul,
#sub_navigation div div .menu li.expanded ul li.expanded ul li,
#sub_navigation div div .menu li.expanded ul li.expanded ul li span,
#sub_navigation div div .menu li.expanded ul li.expanded span
{
background-image: none !important;
}

#sub_navigation div div .menu li.expanded ul li {
margin: 0;
padding: 0;
background-color: transparent;
}

#sub_navigation div div .menu li.expanded ul li span a {
padding: 0;
margin: 0;
}

#sub_navigation div div .menu li.expanded ul li.expanded {
padding: 0;
background-image: url('../gfx/sub_top_corner.gif');
background-repeat: no-repeat;
background-position: top left;
}

#sub_navigation div div .menu li.expanded ul li.expanded {
padding: 0;
font-size: 0.9em;
background-image: url('../gfx/sub_top_corner.gif');
}

#sub_navigation div div .menu li.expanded ul li.expanded span {
background-image: url('../gfx/sub_bottom_corner.gif');
background-repeat: no-repeat;
background-position: bottom left;
}

#sub_navigation div div .menu li.expanded ul li.expanded ul li {
padding-left: 2em;
margin-bottom: 0.5em;
}

#sub_navigation div div .menu li.collapsed {
margin-bottom: 0.5em;
background-color: #bda783;
background-image: url('../gfx/top_corner_1.gif');
background-repeat: no-repeat;
background-position: top left;
}

#sub_navigation div div .menu li.collapsed span {
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.5em;
padding-left: 1em;
background-repeat: no-repeat;
background-position: bottom left;
background-image: url('../gfx/bottom_corner_1.gif');
display: block;
}

/*
SUB NAVIGATION definitions ENDS
*/

#breadcrumbs {
/*korjaus 15.02.2007
margin: 0 0 2em 0;*/
margin: 0 0 2em -3px;
padding: 0;
list-style-type: none;
font-size: 0.8em;
}

#breadcrumbs li {
display: inline;
  /*korjaus 15.02.2007*/
  padding-left:5px;
}

#breadcrumbs li a {
color: #38250e;
text-decoration: none;
  /*korjaus 15.02.2007*/
  background:transparent url(../gfx/breadcrumbs.gif) no-repeat center right;
  padding-right:11px;
}

/*
#promotion_container {
padding-top: 66px;
background-color: red;
background-image: url('../gfx/join_now.gif');
background-position: top right;
background-repeat: no-repeat;
}
*/

#promotion_left {
width: 220px;
margin-right: 5px;
float: left;
border: 1px solid #b566be;
background-color: #f3dcf6;
padding: 5px;
min-height: 85px;
}

#promotion_center {
width: 220px;
margin-right: 5px;
float: left;
border: 1px solid #91b4c3;
background-color: #deedf4;
padding: 5px;
min-height: 85px;
}

#promotion_right {
width: 220px;
margin-bottom: 1.5em;
float: left;
border: 1px solid #d18839;
background-color: #f7e6da;
clear: right;
padding: 5px;
min-height: 85px;
}

#promotion_left h3,
#promotion_center h3,
#promotion_right h3
{
margin: 0 0 .2em 0;
font-size: 1em;
}

#promotion_left h3 a,
#promotion_center h3 a,
#promotion_right h3 a
{
text-decoration: none;
}

#promotion_left ul,
#promotion_center ul,
#promotion_right ul
{
padding: 0;
margin: 0 0 .2em 0;
/* margin: 0 0 1.2em 0; */
list-style-type: none;
}

#promotion_left ul li,
#promotion_center ul li,
#promotion_right ul li
{
padding-left: 16px;
background-position: center left;
background-repeat: no-repeat;
font-size: 0.9em;
font-weight: normal;
}

#promotion_left ul li { background-image: url('../gfx/promotion_left_bullet.gif'); }
#promotion_center ul li {background-image: url('../gfx/promotion_center_bullet.gif');}
#promotion_right ul li{background-image: url('../gfx/promotion_right_bullet.gif');}

#promotion_left ul li a {color: #62427e;}
#promotion_center ul li a {color: #477285;}
#promotion_right ul li a {color: #d2600f;}


#terms {
/*korjaus 15.02.2007
margin: 0 0 1em 0;*/
margin: 0 0 1em -2px;
padding: 0;
list-style-type: none;
text-align: center;
font-size: 0.8em;
clear: both;
}
#terms li {
display: inline;
  /*korjaus 15.02.2007*/
  background:transparent url(../gfx/commonlibg.gif) no-repeat center right;
}
  /*korjaus 15.02.2007*/
  #terms li.last-item {
  background:none;
  }

#terms li a {
color: #38250e;
text-decoration: none;
  /*korjaus 15.02.2007*/
  padding-right:7px;
  padding-left: 2px;
}

#footer {
width: 785px;
margin: 2em 0 0 0;
clear: both; /* float clear fix*/
/*background-color: blue; /*DEBUG*/
}

#footer ul {
width: 100%;
margin: 0;
padding: 0;
text-align: center;
list-style-type: none;
}

#footer ul li {
float: left;
margin: 0 0 0 0;
/*background-color: red; /*DEBUG*/
}

#footer ul li.text {
width: 390px;
margin-left: 10px;
font-size: 0.8em;
text-align: left;
/*background-color: red; /*DEBUG*/
}

#footer ul li.right {
margin: 0 0 0 10px;
float: right;
}

#footer ul li a {
text-decoration: none;
}

#footer ul li a img {
border: 0;
}

/*
Language exchange -application's styles.
*/

/*application spesific styles        */
 #languageexchange {} 
 #languageexchange #application{position:relative;clear:both; width:auto; min-height:600px;height:auto;background:#ece5df url(../gfx/languageexchange/bg_skeleton.gif) no-repeat 16px 30px;
  border:1px solid #d46111;
  }

   #languageexchange .node{position:absolute;width:107px;border:1px solid #d46111;background-color:#fff;color:#000; cursor:pointer;}
     #languageexchange .node * {color:#39240f;}
     #languageexchange .node dl {margin:0;padding:0;}
     #languageexchange .node dt {margin:0 0 0 0; padding:1px 6px 4px 6px;font-weight:bold; border-bottom:1px solid #d46111;background-color:#d18839;}
     #languageexchange .node dd {overflow:hidden;margin:0 0 0 0; padding:2px 6px 4px 6px; line-height:1em;}
     #languageexchange .node .lang_name {float:left;}
     #languageexchange .node .lang_count{float:right;}
    
    #languageexchange .node div{overflow:hidden; margin-top:-1px;padding:1px 6px 4px 6px; border-top:1px solid #d46111;}
      #languageexchange dl dd  {display:none;}
      #languageexchange dl.selected dd{display:block;}
      
    #languageexchange #application .node div{}
    
    #languageexchange #me         {top:245px; left:204px;}
      #languageexchange #father     {top:140px; left:77px;}
        #languageexchange #grandpa_f  {top:10px; left:10px;}
        #languageexchange #grandma_f  {top:10px; left:130px;}

      #languageexchange #mother     {top:140px; right:77px;}
        #languageexchange #grandpa_m  {top:10px; right:10px;}
        #languageexchange #grandma_m  {top:10px; right:130px;}

      #languageexchange #classmates {top:245px; left:10px;}
      #languageexchange #friends    {top:245px; right:10px;}
      
      #languageexchange #teachers   {top:360px; left:10px;}
      #languageexchange #neighbours {top:360px; right:10px;}

      #languageexchange #channels   {top:480px; left:77px;}
      #languageexchange #music      {top:480px; left:204px;}
      #languageexchange #sports     {top:480px; right:77px;}
    
    /*
    #summary {position:absolute;bottom:0;left:0;width:100%;padding:10px 0 5px 0;border-top:1px solid #000;}*/
    /*#summary {border-top:}*/
   
   #languageexchange #limiter {overflow:hidden;position:relative;margin:0 0 .4em 0; padding:0 0 1.2em 0;}
   #languageexchange #limiter h2 {float:left;margin:0;padding:4px 0 0 0;}
   #languageexchange #limiter dl {float:right;margin:0 0 0 0;padding:0;}
   #languageexchange #limiter dt {display:inline;font-weight:bold;}
   #languageexchange #limiter dd {display:inline;margin:0;padding:0;}
   #languageexchange #limiter #top_of_page {position:absolute; bottom:0; left:0; display: inline;}
   #languageexchange #limiter #top_of_page * {color:#37250f; font-size:.9em;}
   
   #languageexchange .summary  {overflow:hidden; margin:7px 0 7px 20px;}
      #languageexchange .summary *      {color:#38240c;}
      #languageexchange .summary div    {float:left; font-size:.9em;}
      #languageexchange .summary #bot_of_page{float:right;}
      
    #languageexchange #toolbar {position:relative; overflow:hidden; margin:0 0 1em 0; padding:7px 20px 3em 20px;background:#d38739; border:1px solid #d46111;}
    #languageexchange #toolbar h3 {font-size:1em; margin:0 0 1em 0; padding:0; color:#37250f;}
    #languageexchange #toolbar dl {margin:0;padding:0;float:left;}
    #languageexchange #toolbar dt, #languageexchange #toolbar dd {display:inline; margin:0;padding:0; color:#37250f;}
    #languageexchange #toolbar dt label {font-size: 0.9em;}
    #languageexchange #toolbar select {}
    #languageexchange #toolbar select * {}
    #languageexchange #toolbar option {}
    #languageexchange #toolbar optgroup {font-weight:normal;font-style:normal;}
    
    
    /*#languageexchange .instr {float:right;}*/
    #languageexchange .buttons {float:right;}
    #languageexchange .instr   {width: 475px; position:absolute; bottom:1em; left:20px;}


    
    /*ie6*/
    * html #languageexchange #application {
    height:600px;
    }
   * html #languageexchange .node dd  {width:95px;}
   * html #languageexchange .node div {width:95px;}
   * html #languageexchange #limiter {width:100%;}
   * html #languageexchange .summary {width:470px;}
   * html #languageexchange #toolbar {width:470px;} 
   * html #languageexchange #limiter h2,
   * html #languageexchange #limiter dl,
   * html #languageexchange .summary div,
   * html #languageexchange .summary #bot_of_page,
   * html #languageexchange #toolbar dl,
   * html #languageexchange .buttons,
   * #languageexchange .node dd .lang_navi,
   * #languageexchange .node dd .lang_count {
   display:inline; 
   }

  table.teacherAdmin {border: 1px solid black; width: 510px;}
/*  table.teacherAdmin td {font-size: 11px;}*/
	table.teacherAdmin tr.hedr td { font-weight: bold; }
  table.teacherAdmin th {font-weight: bold;}
  table.teacherAdmin td input {font-size: 10px;}

  #tabs-wrapper {
      width: 500px;
      overflow: none;
/*      border: 1px solid red; */
  }

  #tabs-wrapper ul.tabs {
      border-collapse: collapse;
      height: auto;
      width: 500px;
      padding: 3px 3px 0 3px;
      margin:  0 0 0 0;
      border-width:0 0 1px 0;
      border-style:solid;
/*      border-color:#00f;*/
      overflow: none;
  }

  #tabs-wrapper ul.tabs li {
	margin-bottom: 6px;
	float: left;
	border-bottom: 1px solid #666666;
/*       display: inline; */
  }

.form-information {float: left;}

#content .node .content p {padding-bottom: 14px; }

#content a {color: #990000; text-decoration: underline;}
#content a:hover {text-decoration: none;}
#content h2 a {color: #38250E; text-decoration: none;}

.form-checkboxes  {
	overflow: auto;
	border: 1px solid #666;
	background-color:#fff;
	padding: 8px;
	height: 100px;
}

.introductionmerce {
    border: 3px solid #eb8002;
    width: 450px;
    height: 230px; 
    font-size: 1.2em;
    margin: 5px;
    padding: 6px 10px 6px 10px;
}
.introductionahmet {
    border: 3px solid #6a840f;
    width: 450px;
    height: 230px; 
    font-size: 1.2em;
    margin: 5px;
    padding: 6px 10px 6px 10px;
}
.introductionlilian {
    border: 3px solid #a4136c;
    width: 450px;
    height: 230px; 
    font-size: 1.2em;
    margin: 5px;
    padding: 6px 10px 6px 10px;
}
.introductionlukas {
    border: 3px solid #1384a4;
    width: 450px;
    height: 230px; 
    font-size: 1.2em;
    margin: 5px;
    padding: 6px 10px 6px 10px;
}

/*---------------  tab navigation (/modules/system.css)   --------*/
ul.primary {
  border-collapse: collapse;
  padding: 0 0 0 1em;
  white-space: nowrap;
  list-style: none;
  margin: 5px;
  height: auto;
  line-height: normal;
  border-bottom: 1px solid #fcf6ef;
}
ul.primary li {
  display: inline;
}
#content ul.primary li {
  border-bottom: 1px solid #bbb;
}
ul.primary li a {
  background-color: #d28736;
  border-color: #bbb;
  border-width: 1px;
  border-style: solid solid none solid;
  height: auto;
  margin-right: 0.5em;
  padding: 0 1em;
  text-decoration: none;
}
#content ul.primary li a {
  color: #fdf6ec;
  text-decoration: none;
}
ul.primary li.active a {
  background-color: #fff;
  border: 1px solid #bbb;
  border-bottom: #fff 1px solid;
}
#content ul.primary li.active a {
  color: #990002;
}
ul.primary li a:hover {
  background-color: #f2c79c;
  border-color: #ccc;
  border-bottom-color: #eee;
  text-decoration: none;
}
ul.primary li.active a:hover {
  background-color: #eee;
}
ul.secondary {
  border-bottom: 1px solid #bbb;
  padding: 0.5em 1em;
  margin: 5px;
}
ul.secondary li {
  display: inline;
  padding: 0 1em;
  border-right: 1px solid #ccc;
}
ul.secondary a {
  padding: 0;
  text-decoration: none;
}
ul.secondary a.active {
  border-bottom: 4px solid #999;
}

#toolbar form select, #toolbar form submit {font-size: 90%;}
#toolbar form {margin-bottom: 2em; overflow: hidden;}

.hideme {display: none;}

.og-og_groups {display: none;}

.teacherTable {border: 1px solid black; width: 500px;'}
.teacherTable tr.hedr td {border: 1px solid black; font-weight: bold;'}

/*#block-views-Registration_orders .content .view-Registration-orders .view-content-Registration-orders .node-unpublished h2 {font-size: 9px;}*/
#sub_navigation #block-views-Registration_orders h2 {font-size: 0.1em; color: #f00 !important;}
#block-views-Registration_orders .content {font-size: 9px;}
#block-views-Registration_orders .content p {margin-top: -3px;}
#block-views-Registration_orders {border: 1px solid black; background-color: white;}

.profile .og-og_groups .og_reg_codes-og_groups table tr td {width: 200px;}
.profile .og-og_groups .og_reg_codes-og_groups table {width: 400px; border: 1px solid black;}

/* table.regCodes tr td {border: 1px solid black; padding: 6px; width: 40%;} */

.box_own {
margin-right: 5px;
border: 1px solid #91b4c3;
background-color: #deedf4;
padding: 8px;
padding-bottom: 16px;
}