﻿.head .back
{
  float:right;
  font-size:.9em;
  color:#000000;
  padding:5px 16px 5px 0px;
  margin-right:5px;
  background:url(/schulforum/BilderTemplates/back.arrow.gif) right no-repeat;
}
#mainNav
{
  float:                left;
  margin-top:           38px;
  width:                737px;
}

#mainNav a.kids:link,
#mainNav a.kids:visited,
#mainNav a.teens:link,
#mainNav a.teens:visited,
#mainNav a.teacher:link,
#mainNav a.teacher:visited
{
  
  width:159px;
  color:white;
  text-align:center;
  border-bottom:3px solid white;
  border-right:2px solid white;
}

#mainNav a.kids:link,
#mainNav a.kids:visited
{
  background:#00a6d4;
}
#mainNav a.teens:link,
#mainNav a.teens:visited
{
  background:#96bf0d;
}
#mainNav a.teacher:link,
#mainNav a.teacher:visited
{
  background:#f29400;
}
#mainNav a.active:link,
#mainNav a.active:visited
{
  color:                #00457f;
}
#mainNav a.kids:active,
#mainNav a.kids:hover,
#mainNav a.teens:active,
#mainNav a.teens:hover,
#mainNav a.teacher:active,
#mainNav a.teacher:hover
{
  text-decoration:underline;
  color:black;
}

#mainNav li.search
{
  background:           #ffebad;
  border:               0px;
  float:                left;
  height:               20px;
  overflow:             hidden;
  padding:              0px;
  width:                178px;
}
.kids #submenu li a:link,
.kids #submenu li a:visited,
.teens #submenu li a:link,
.teens #submenu li a:visited,
.teacher #submenu li a:link,
.teacher #submenu li a:visited
{
  background:           url(/schulforum/BilderTemplates/menu-out.jpg) no-repeat;
  font-weight:          normal;
}
.kids #submenu li a:hover,
.kids #submenu li a:active,
.teens #submenu li a:hover,
.teens #submenu li a:active,
.teacher #submenu li a:hover,
.teacher #submenu li a:active
{
  text-decoration:      underline;
}

.kids #submenu li a:hover,
.kids #submenu li a:active,
.kids #submenu li a.sel:link,
.kids #submenu li a.sel:visited
{
  background:           url(/schulforum/BilderTemplates/menu-in.jpg) no-repeat;
  color:                #003399;
}
.teens #submenu li a:link,
.teens #submenu li a:visited
{
  background:           url(/schulforum/BilderTemplates/menu-out.teens.jpg) no-repeat;
}
.teens #submenu li a:hover,
.teens #submenu li a:active,
.teens #submenu li a.active:link,
.teens #submenu li a.active:visited
{
  background:           url(/schulforum/BilderTemplates/menu-in.teens.jpg) no-repeat;
}
.teens #submenu li a:hover,
.teens #submenu li a:active,
.teens #submenu li a.sel:link,
.teens #submenu li a.sel:visited
{
  background:           url(/schulforum/BilderTemplates/menu-in.teens.jpg) no-repeat;
  color:                #003399;
}
.teacher #submenu li a:link,
.teacher #submenu li a:visited
{
  background:           url(/schulforum/BilderTemplates/menu-out.teacher.jpg) no-repeat;
}
.teacher #submenu li a:hover,
.teacher #submenu li a:active,
.teacher #submenu li a.active:link,
.teacher #submenu li a.active:visited
{
  background:           url(/schulforum/BilderTemplates/menu-in.teacher.jpg) no-repeat;
}
.teacher #submenu li a:hover,
.teacher #submenu li a:active,
.teacher #submenu li a.sel:link,
.teacher #submenu li a.sel:visited
{
  background:           url(/schulforum/BilderTemplates/menu-in.teacher.jpg) no-repeat;
  color:                #003399;
}
.kids #submenu li ul li a:link,
.kids #submenu li ul li a:visited,
.teens #submenu li ul li a:link,
.teens #submenu li ul li a:visited,
.teacher #submenu li ul li a:link,
.teacher #submenu li ul li a:visited
{
  background:           none;
}
.kids #submenu #level3 li a:link,
.kids #submenu #level3 li a:visited
{
  background:#cfebf5;
}
.teens #submenu #level3 li a:link,
.teens #submenu #level3 li a:visited
{
  background:#e3ecc4;
}
.teacher #submenu #level3 li a:link,
.teacher #submenu #level3 li a:visited
{
  background:#fde0bb;
}
.kids #submenu li ul a.sel:link,
.kids #submenu li ul a.sel:visited,
.teens #submenu li ul a.sel:link,
.teens #submenu li ul a.sel:visited,
.teacher #submenu li ul a.sel:link,
.teacher #submenu li ul a.sel:visited
{
  background:           none;
  font-weight:          bold;
  color:                black;
}

#left .feature
{
  padding:              10px 0px 0px 15px;
}
#left .feature img
{
  margin-bottom:        5px;
}
#right a:link,
#right a:visited
{
  
}
#center .contentBox
{
   float:               left;
   height:              105px;
   margin:              0px 12px 15px 0px;
   overflow:            hidden;
   width:               250px;
}

#center .contentBox div img
{
  float:                left;
}

#center .contentBox div p
{
  float:                left;
  margin:               0px;
  padding:              5px 5px 5px 8px !important;
  width:                88px;
  overflow:             hidden;
}


.kids #center div.contentBox div
{
  background:           #adddee !important;
  border-right:         6px solid #00a6d4 !important;
  border-top:           1px solid #00a6d4 !important;
  height:               105px !important;
}
.teens #center div.contentBox div
{
  background:           #d9e6af !important;
  border-right:         6px solid #96bf0d !important;
  border-top:           1px solid #96bf0d !important;
  height:               105px !important;
}
.teacher #center div.contentBox div
{
  background:           #fcd5a4 !important;
  border-right:         6px solid #f29400 !important;
  border-top:           1px solid #f29400 !important;
  height:               105px !important;
}

.kids #center .contentBox div a.arrowLink {
  background:           url(/schulforum/BilderTemplates/content.arrow.blue.jpg) no-repeat 0px 2px;
  padding-left:         13px;
}
.teens #center .contentBox div a.arrowLink {
  background:           url(/schulforum/BilderTemplates/content.arrow.teens.jpg) no-repeat 0px 2px;
  padding-left:         13px;
}
.teacher #center .contentBox div a.arrowLink {
  background:           url(/schulforum/BilderTemplates/content.arrow.teacher.jpg) no-repeat 0px 2px;
  padding-left:         13px;
}
.kids div.vlLeft,
.teens div.vlLeft
{
  margin-right:20px;
}
.kids div.vorlage,
.teens div.vorlage
{
  overflow:visible;
  width:253px;
  float:left;
}
.kids div.vorlage
{
  background: #d9eff7;
}
.teens div.vorlage
{
  background: #ecf3d9;
}
.kids div.vorlage div,
.teens div.vorlage div
{
  padding:5px 10px;
  margin:0px;
}
.kids div.vorlage div.innervorlage img,
.teens div.vorlage div.innervorlage img
{
  float:left;
  margin-right:10px;
  margin-bottom:1em;
}
.kids div.vorlage div p,
.teens div.vorlage div p
{
  float:left;
}
.kids div.vorlage h3,
.teens div.vorlage h3
{
  padding:3px 4px !important;
  font-size:.9em !important;
  margin:0px !important;
  text-transform:uppercase;
}
.kids div.vorlage h3
{
  background:#aeddee !important;
}
.teens div.vorlage h3
{
  background:#d9e6af !important;
}
 
.externalService img.preview {
    float: left;
}
.externalService .text {
    margin-left: 240px;
}

img.illustration {
    float: left;
    margin: 0 1em 0.6em 0;
}

.clear {
    clear:both;
    height: 1px;
}
