*{padding:0px;margin:0px;}

body
{
background-color:#ffffff;
font-size:12px;
font-family:verdana, arial, sans-serif;
color:#097AA0;
text-align: center;
}

#inhalt
{border:0px solid #FF00FF;
width:990px;
text-align: left;
vertical-align: middle;
 margin: 0px auto;
background-color:#ffffff;
overflow: hidden;
background-image:url(bilder/hintergrund.jpg);
}



#header
{
background-color:#097AA0;
left:10px;
position:relative;
width:974px;
height:270px;
border:0px solid #FF00FF;
}
#logo
{
padding-left:25px;
padding-top:40px;
float:left;
width:362px;
height:205px;
border-right:3px solid #ffffff;
}

#menu
{
font-family: verdana, arial, sans-serif;
position:relative;
z-index:2;
top:-44px;
left:10px;
width:974px;
}

.butt
{
border:3px solid #FFFFFF;
border-right:0px;
font-size:8.3pt;
background-color:#097AA0;
padding-top:20px;
float:left;
color:#ffffff;
text-align:center;
text-decoration:none;
height: 42px;
width: 62px;
letter-spacing:-0.05em; 
font-family: verdana, arial, sans-serif;
}


.buttu
{
border:3px solid #FFFFFF;
border-right:0px;
font-size:8.3pt;
background-color:#097AA0;
padding-top:20px;
color:#ffffff;
text-align:center;
text-decoration:none;
height: 42px;
width: 62px;
letter-spacing:-0.05em;
font-family: verdana, arial, sans-serif;
}

#untermenu
{
margin-top:30px;
width:176px;
border:0px solid #9999FF;
right:-10px;
float:right;
color:#ffffff;
}

#untermenu a
{
border-bottom:0px;
border-left:0px;
padding-top:3px;
height:16px;
float:right;
width:176px;
}

.menu_klein a:hover {text-decoration:underline;}

.butt a{vertical-align:middle; text-decoration:none;}
.butt2{padding-top:13px;height: 49px;}
.butt3{padding-top:12px;height: 53px;}
.butt4{padding-top:18px;height: 47px;}
.butt6{padding-top:18px;height: 60px;}

.menu_klein
{
font-size:6.5pt;
color:#097AA0;
font-weight:bold;
font-style:normal;
text-decoration:none;
position:relative;
top:53px;
margin-left:10px;
 }

 .menu_klein:hover {text-decoration:underline;}


.anfang{border-left:0px solid #ffffff;}
.ende{border-right:3px solid #ffffff; font-family: verdana, arial, sans-serif;}

.butt:hover{background-color:#BF3232;}
.buttu:hover{background-color:#BF3232;}
.butt-high {background-color:#339933;}

.butt-high2 {padding-top:14px; background-color:#339933;padding-bottom:6px;}

a#highlight{font-size:10px;}

#content
{
float:left;
color:#097AA0;

width:722px;
margin-left:10px;
position:relative;
top:-45px;
min-height:300px;
padding-top:28px;
padding-left:20px;
padding-right:30px;
border:0px solid #000000;
line-height:16px;
border:0px solid #000000;
}


 a.imcontent{color:#097AA0;}

#content-right
{
float:right;
padding-top:0px;
width:185px;
position:relative;
margin-left:0px;
height:450px;
top:-45px;
border:0px solid #000000;
padding-right:0px;
}

h1{
 font-size:16px;
 border-bottom:1px solid #097AA0;
 font-style:normal;
 width:700px;
 padding-bottom:2px;

 font-weight:bold;
  }

#footer
{
width:990px;
height:130px;
clear:both;
padding-bottom:20px;
}

#adresse
{
padding-top:20px;
color:#097AA0;
width:185px;
text-align:left;
font-size:7.5pt;
letter-spacing:-0.7pt;
position:relative;
left:2px;
}

#adresse a{text-decoration:none;color:#097AA0;}
#adresse a:hover{text-decoration:underline;color:#097AA0;}

iframe#newsbereich
{
width:170px;
height:350px;
margin:0px;
margin-left:5px;
overflow:hidden;
}
iframe {border: 0px solid #000000;}

.bildungsgaenge
{
height:100px;
width:140px;
position:relative;
padding-left:0px;
padding-top:40px;
color:#FFFFFF;
background-image:url(bilder/heilpaedagogik.jpg);
float:left;
font-weight:bold;
font-color:#FFFFFF;
line-height:20px;
text-decoration: none;
letter-spacing:-0.4pt;
font-size:9pt;
}
.bildungsmenu{padding-left:10px;}
.bildungsmenu a{color:#FFFFFF;}

a.bg1{background-image:url(bilder/heilpaedagogik.jpg); color:#FFFFFF;}
.bg1:hover{background-image:url(bilder/heilpaedagogik-over.jpg);color:#097BA0;}

.bg2{background-image:url(bilder/fachoberschule.jpg); color:#FFFFFF; padding-top:63px;padding-left:0px; height:84px; width:140px;}
.bg2:hover{background-image:url(bilder/fachoberschule-over.jpg);color:#BF3232;}
.bg3{background-image:url(bilder/sozialpaedagogik.jpg);padding-top:40px; height:100px; width:140px;}
.bg3:hover{background-image:url(bilder/sozialpaedagogik-over.jpg);color:#339933;}
.bg4{background-image:url(bilder/sozialwesen.jpg);padding-top:23px; height:127px; width:138px;}
.bg4:hover{background-image:url(bilder/sozialwesen-over.jpg);color:#D5E051;}
.bg5{background-image:url(bilder/heilerziehung.jpg);padding-top:32px; height:112px; width:140px;}
.bg5:hover{background-image:url(bilder/heilerziehung-over.jpg);color:#8ED576;}

ul{position:relative; left:55px;}


#bereich
{
left:68px;
}
a.mouseov:hover ul
{
width:266px;
padding:0px;
background-color:#FAF7E6;
visibility:visible;
text-decoration:none;
display:block;
}

a.mouseov ul
{
position:absolute;
z-index:2;
visibility:hidden;
left:253px;
border: 2px solid #FFFFFF;
text-decoration:none;
width:173px;
height:290px;
min-height:250px;
display:block;

}

#nav, #nav ul {list-style: none;        left:0px; }

#nav a {        display: block;        width: 62px;}

#nav li { float: left; width: 65px;height:65px; }

#nav li ul {position: relative;top:0px; width: 269px;left: -999em;}
#nav li ul li a{font-size:7.5pt;letter-spacing:-0.5pt;}
/* CSS-Hack für IE6 und kleiner */
* html #nav li ul{position: absolute;top:65px;width:269px;left: -999em; }

#nav li:hover ul, #nav li.sfhover ul { left:-96px;top:-3px;}
/* CSS-Hack für IE6 und kleiner */
* html #nav li:hover ul{left:-227px;top:65px;}
* html #nav li.sfhover ul {left:-227px;top:65px;}

.log
{
position:relative;
margin:0;
margin-top:25px;
margin-right:5px;
color:#FFFFFF;
height:60px;
width:170px;
font-size:9px;
text-align:left;
}
.log a {color:#FFFFFF;}

table.intern tr
{
font-size:11px;
}



a.img span
{
padding:0px;
width:230px;
height:380px;
position:absolute;
z-index:2;
visibility:hidden;
padding:0px;
left:123px;
top:
text-decoration:none;
}