html, body {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 100.01%;
 background-color: #660033;
 text-align:center;
}

* {
 margin: 0;
 padding: 0;
}

#container {
 position: relative; top:10px;
 margin:auto;
 width: 879px;
 height: 555px;
 background-color: #660033;
 background-image: url(bilder/bg-stabilis-erziehung-kommunikation-hochbegabung3.jpg);
 background-repeat: no-repeat;
 text-align: left;
 }

#navi-stabilis-haupt {
 position: absolute; top: 44px; left: 0px;
 width: 165px;
 height: 327px;
 font-size: 13pt;
 line-height: 130%;
 float:right;
 padding: 10px 0 0 0;
 text-align: right;
 }

#navi-stabilis-unter {
 position: absolute; top: 6px; left: 134px;
 width: 720px;
 height: 22px;
 font-size: 10pt;
 float:right;
 padding: 0 8px 0 0;
 }

#schriftzug {
 position: absolute; top: 35px; left:590px;
 width: 55px;
 height: 245px;
 overflow:auto;
 }

#content1 {
 position: absolute; top: 185px; left:190px;
 width: 370px;
 height: 340px;
 overflow:auto;
 padding:0 15px 0 0;
 }

#content2 {
 position: absolute; top: 60px; left:662px;
 width: 200px;
 height: 235px;
 overflow:auto;
 }

#content-foto {
 position: absolute; top: 312px; left:627px;
 width: 300px;
 height: 300px;
 overflow:auto;
 }

p {
 font-family: Arial;
 text-align: justify;
 font-size: 10pt;
 color: #333333;
 padding:0 0 10px 0;
}

h1 {
 font-family: Arial;
 font-size: 15pt;
 text-align: left;
 padding: 1px 0 15px 0;
 }

h2 {
 font-family: Arial;
 font-size: 13pt;
 text-align: left;
 font-weight: normal;
 padding: 1px 0 15px 0;
 }

h3 {
 font-family: Arial;
 font-size: 11pt;
 text-align: left;
 font-weight: bold;
 padding: 0 0 5px 0;
 }

table{
 font-family: Arial;
 text-align: left;
 font-size: 9pt;
 color: #333333;
 margin: 0 0 0 1px;
 line-height: 18px;
 }


.rechts {
 text-align: right;
}

.links {
 text-align: left;
}

.gross {
  font-size: 13pt;
}

.gross15 {
  font-size: 15pt;
}

.klein {
  font-size: 9pt;
}

.fett {
 font-weight: bold;
}

.kursiv {
 font-style:italic;
 }

.dunkelgrau {
 color: #333333;
 }

.rot {
 color: #660033;
 }

.hellbraun {
 color: #C5AA35;
 }

.weiss {
 color: #FFFFFF;
 }

.z180{
 line-height: 180%;
 }

.z150{
 line-height: 150%;
 }

.z130{
 line-height: 130%;
 }

.z120{
 line-height: 120%;
 }

.z115{
 line-height: 115%;
 }


.z112{
 line-height: 112%;
 }

a.navi-haupt:link {
 font-family: Arial;
 text-decoration: none;
 text-align: right;
 color: #FFFFFF;
 padding-right: 10px;
 font-size: 11pt;
 border-right-width:18px;
 border-right-style:solid;
 border-right-color:transparent;
 font-weight: normal;
 }
a.navi-haupt:visited {
 font-family: Arial;
 text-decoration: none;
 text-align: left;
 color: #FFFFFF;
 padding-right: 10px;
 font-size: 11pt;
 border-right-width:18px;
 border-right-style:solid;
 border-right-color:transparent;
 font-weight: normal;
}

a.navi-haupt:active {
 font-family: Arial;
 text-decoration: none;
 text-align: left;
 color: #FFFFFF;
 padding-right: 10px;
 font-size: 11pt;
 border-right-width:18px;
 border-right-style:solid;
 border-right-color:transparent;
 font-weight: normal;
}

a.navi-haupt:hover {
 font-family: Arial;
 color: #FFFFFF;
 text-decoration: none;
 padding-right: 10px;
 font-size: 11pt;
 border-right-width:18px;
 border-right-style:solid;
 border-right-color:#808080;
 font-weight: normal;
}

.aktuelleseite-haupt {
 color: #FFFFFF;
 text-decoration: none;
 padding-right: 10px;
 font-size: 11pt;
 border-right-width:18px;
 border-right-style:solid;
 border-right-color:#808080;
}

a.navi-unter:link {
 font-family: Arial;
 text-decoration: none;
 text-align: right;
 color: #FFFFFF;
 padding:0 5px 0 20px;
 font-size: 10pt;
 border-right-width:18px;
 border-right-style:solid;
 border-right-color:transparent;
 font-weight: normal;
 }
a.navi-unter:visited {
 font-family: Arial;
 text-decoration: none;
 text-align: left;
 color: #FFFFFF;
 padding:0 5px 0 20px;
 font-size: 10pt;
 border-right-width:18px;
 border-right-style:solid;
 border-right-color:transparent;
 font-weight: normal;
}

a.navi-unter:active {
 font-family: Arial;
 text-decoration: none;
 text-align: left;
 color: #FFFFFF;
 padding:0 5px 0 20px;
 font-size: 10pt;
 border-right-width:18px;
 border-right-style:solid;
 border-right-color:transparent;
 font-weight: normal;
}

a.navi-unter:hover {
 font-family: Arial;
 color: #FFFFFF;
 text-decoration: none;
 padding:0 5px 0 20px;
 font-size: 10pt;
 border-right-width:18px;
 border-right-style:solid;
 border-right-color:#808080;
 font-weight: normal;
}

.aktuelleseite-unter {
 color: #FFFFFF;
 text-decoration: none;
 padding-left: 15px;
 padding:0 5px 0 20px;
 font-size: 10pt;
 border-right-width:18px;
 border-right-style:solid;
 border-right-color:#808080;
}

a.text:link {
 color: #432D0D;
 font-family: Arial;
 text-decoration: none;
 font-size: 10pt;
 font-weight: bold;
 padding-left: 0px;
 }

a.text:visited {
 color: #432D0D;
 font-family: Arial;
 font-size: 10pt;
 font-weight: bold;
 }

a.text:active {
 color: #432D0D;
 font-family: Arial;
 font-size: 10pt;
 font-weight: bold;
 }

a.text:hover {
 color: #7E5618;
 font-family: Arial;
 font-size: 10pt;
 font-weight: bold;
 }

a.header1:link {
 text-decoration: none;
 color:#432D0D;
 }

a.header1:visited {
 text-decoration: none;
 color:#432D0D;
 }

a.header1:active {
 text-decoration: none;
 color:#432D0D;
 }

a.header1:hover {
 text-decoration: none;
 color:#432D0D;
 }

a.header2:link {
 text-decoration: none;
 color:#C5AA35;
 }

a.header2:visited {
 text-decoration: none;
 color:#C5AA35;
 }

a.header2:active {
 text-decoration: none;
 color:#C5AA35;
 }

a.header2:hover {
 text-decoration: none;
 color:#C5AA35;
 }

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

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

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

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


a:link {
 text-decoration: none;
 color: #660033;

 }

a:visited {
 text-decoration: none;
 color: #660033;

 }

a:active {
 text-decoration: none;
 color: #660033;

 }

a:hover {
 text-decoration: none;
 color: #4A4A4A;

 }


.quadrat {
 list-style-type: square;
 padding: 0 0 0 15px;
 color: #4A4A4A;
 }

li {
 font-size: 10pt;
 }


li.unter {
 display: block;
 float: left;
}

img{
  border:0;
}