#content img{
        float: right; /*hab ich vorlaeufig mal nach oben gesetzt damit er das float left vom img links nicht ignoriert*/
        margin: 3%;
}
#content img.symbol{
        float: left;
        margin: 1% 0 0 0;
}
.teaser-right, .textbox, #content, #left, #right, #header, #footer, #school  {-moz-border-radius:5px;}
body
{
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #333399;
        background-color: #C4D3F6;
        padding: 1% 5%;
	width: 100%;
        min-width: 600px;
	max-width: 900px;

}

h1 {font-size:19px;color:#003399;margin-bottom:0px;}
h2 {font-size:17px;color:#003399;margin-top:0px;}
h3 {font-size:14px;color:#003399;margin-top:0px;}
h4 {font-size: 13px;color: #003399;margin-top: 0px;margin-bottom:5px;padding-left: 1%;}
p {margin-top:0px;}
img{
border: 0px;
}
code {font-size:14px;color:#0000ff;}
em {
        font-style: normal;
        font-weight: bold;
}
pre
{
        font-family: Arial Black;
        font-size: 12px;
        color: #CC0000;
        padding: 0 0 0 5%;
}
/*Aufzaehlungen formatieren*/
ul{
                  list-style-image: url(../images/icons/ul.gif); /*scheiss IE zerhaut das Layout damit...*/
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
                  color: #333399;
}


/*was haben alle links gemeinsam?*/
a:link, a:visited, a:active, a:hover
{
        font-weight: bold; /*  color:#634142;*/
        font-size: 12px;
}
/*und im speziellen*/
a:link{
                color: #003399;
            text-decoration:underline;
}
a:visited
{
	color: #33174F;
	text-decoration: none;
}
a:active
{
        text-decoration: underline;
}
a:hover{
        color: #FFF;
        background-color: #6D93E1;
        text-decoration: none;
}
#title {
        height: 60px;/*wird von IE ignoriert wenn die Zeile kleiner ist. IE erweitert sie automatisch um das bild
                                gefaellt mir eigneltich ganz gut  mit dem ueberlappen wenn kleiner 60px*/
        padding: 5px;
                  /*imagelogo hier rein?*/
                     background-image: url(../images/logo.gif);
   background-position: right center;
   background-repeat: no-repeat;
}
#title img.logo{
        float:right;
        margin-left: 3px;
        width: 185px;
        height: 60px;
}
.mapa{
        width: 140px;
        height: 140px;
}

#header, #footer {
        padding: 5px;
        border: 1px solid #003399;
        text-align: center;
        margin-bottom: 1em; }
.school {
        height: 1.5em; /*verändert sich mit eingestellter schriftgroesse des anwenders*/
        padding-left: 35px; /*platz lassen fuer das symbol.gif*/
        margin: -1em 0 0 0; /* oben -1em damit es direkt am header klebt der aber abstand hat zum content wenns school nicht gibt*/
        background-color: #FFFFCC;
        /**/
   background-image: url(../images/icons/symbol.gif);
   background-position: left center;
   background-repeat: no-repeat;
        /**/
        color: #C4D3F6;
        text-align: left;
        font-family: "Comic Sans MS", "Arial Black",  sans-serif;
        font-weight: bold;
}
#footer {
height:34px;
padding:5px;
border-bottom:1px solid #000000;
}
#footer, #header {
background-color: #6D93E1;
color: #FFF;
}
#left, #right{
        line-height: 18px;
        margin: 5px;
        margin-bottom: 2em;

}
#left {
        float: left;
        width: 20%;
       /* border-right: 1px solid #C4D3F6;
        border-bottom: 1px solid #C4D3F6;*/
                    min-width: 120px;
                  }
#left img{
float:left;
}
#left a, #right a, #rightabs a{
        display: block;
   background-image: url(../images/icons/right_small.gif);
   background-position: left center;
   background-repeat: no-repeat;
        padding-left: 15px;
}
#left a{
	text-decoration: none;
}
/*ausnahme aktiver menupunkt*/
#left a.active, #rightabs a.active{
           background-image: url(../images/icons/down_small.gif);
           background-position: left center;
           background-repeat: no-repeat;
                padding-left: 15px;
}
#right {
        float:right;
        width: 20%;
      /*  border-left: 1px solid #C4D3F6;
        border-bottom: 1px solid #C4D3F6;*/
                  min-width: 140px;
}
#right img{
        float: right;
}
#rightabs {
                position: absolute;
                right: 11%;
                top:145px;
      width: 120px;
      border-left: 1px solid #C4D3F6;
      border-bottom: 1px solid #C4D3F6;
}

body>#rightabs{
position:fixed; /*wird von IE ignoriert, kann er nicht*/
}
.menutitle
{
        font-weight: bold;
        background-color: #FFFFB2;
        border-bottom: 1px solid #6D93E1;
        display: block;
}
.small{
        font-size: 10px;
        margin: 0px;
}
.sub
{
        font-weight: bold;
        background-color: #DFE5EA;
        padding-left: 10px;
/*        display: none; kann man ausblenden wenns zu arg wird, dann gibts keine untermenus fuer die schulen */
}
.sub a, .sub a:hover, .sub a:link, .sub a:visited, .sub a:active {
        font-size: 80%;
}
.sub span{
        display: block;
}
.top{
text-align: right;
}
.top a{
           background-image: url(../images/icons/up_small.gif);
                background-position: left;
                background-repeat: no-repeat;
                padding-left: 15px;
}
.red{
        color: #CC0000;
}
.active {
      background-color: #FFFFCC;
                  border-bottom: 1px solid #6D93E1;
                border-top: 1px solid #6D93E1;
}
#header span.activetitle{
        color: #FFF;
        background-color: #003399;
   font-weight: bold; /*  color:#634142;*/
   font-size: 13px;
}
.sub span.activetitle{
        color: #FFF;
        background-color: #003399;
   font-weight: bold; /*  color:#634142;*/
   font-size: 80%;
        background-image: url(../images/icons/right_small_white.gif);
   background-position: left center;
   background-repeat: no-repeat;
        padding-left: 15px;
}
.textbox {
        float: right;
        width: 90%;
        border: 2px solid #C4D3F6;
        -moz-border-radius:10px; /*ecken werden gerunden in mozilla, ns6 opera, die anderen machens normal*/
        margin: 2%;
}
.textboxleft {
        float: left;
        width: 90%;
        border: 2px solid #C4D3F6;
                -moz-border-radius: 10px; /*ecken werden gerunden in mozilla, ns6 opera, die anderen machens normal*/
        margin: 2%;
}
.textboxcenter {
		  float: left;
        width: auto;
        border: 2px solid #C4D3F6;
                -moz-border-radius: 10px; /*ecken werden gerunden in mozilla, ns6 opera, die anderen machens normal*/
        margin: 2%;
        margin-left: 20%;
}
.textboxauto {
        float: left;
        width: 55%;
        border: 2px solid #C4D3F6;
        -moz-border-radius: 10px;
        background-color: #FFE5E5;
}
.textboxauto p{
font-size: 11px;
}
.textboxright {
        float: right;
        width: 70%;
        border: 2px solid #C4D3F6;
        background-color: transparent;
		  padding: 15px;
		  margin: 8px;
}
.thumbl{
        float: left;
}
.thumbr{
        float: right;
}
#left a.thumb:link, #left a.thumb:visited, #left a.thumb:active, #left a.thumb:hover{
                        padding-left: 0;
        background: none;
                  background-image: none;
}
#right a.thumb:link, #right a.thumb:visited, #right a.thumb:active, #right a.thumb:hover{
                        padding-left: 0;
        background: none;
                  background-image: none;
}
a.small:link, a.small:visited, a.small:active, a.small:hover{
        color: #6D93E1;
        text-decoration: none;
        font-size: smaller;
        background: none;
}
.teaser-right
 {
        float: right;
        margin: 5px;
        width: 140px;
        min-height: 50px;
        border: #CC0000;
        border-left: 2px solid #CC0000;
        border-bottom: 2px solid #CC0000;
        background-color: #FFCCCC;
        }
teaser-right
 a{
/*        display: block; /*das klappt noch nicht, vererbung*/
}
.teaser_head
{
        font-weight: bold; /*border-top: 1px dashed #000000;*/
        background-color: #CC0000;
        border-bottom: 1px solid #6D93E1;
        color: #FFF;
}
#content {
        float: left;
        width: 100%;
        background-color: #E5EAF0; /*grau*/
         background-image: url(../images/logobg.gif);
        background-position: right top;
        background-repeat: no-repeat;
        padding: 0; /*1 dafuer bei content p */
}

#content p{
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-align: justify;
                  line-height: 140%;
                  padding: 1%;
                  margin: 0;

}
#content h1, h2, h3 {
        padding: 1%;
}
#header a
{
        font-size: 13px;
}
#header a:link, #footer a:link
{
        color: #FFF;
}
#header a:visited, #footer a:visited
{
        color:#FFF;
}
#header a:active, #footer a:active
{
      color: #FFF;
}
#header a:hover, #footer a:hover
{
        color: #6D93E1;
        background-color: #FFFFB2;  /*IE zerhauts beim hover das layout abhaengig von der doctype*/
}