/* Style.css - Mirjam Avellis  */

body{
background:#0b01b8 ;
padding:0;
margin:15px 0 0 0;
font: 14px, serif;
color: black; }

#xx{
height: 100% ;
width: 800px;
margin:auto;
padding:0;
background:#fdffce;
background: black;
border: none;
z-index:-1;
}

#kopfl{
float:left;
width:30px;
height:99px;
margin:0;
padding:0;
background:url(./bilder/kopfl.gif);
border:0;}

#kopfm{
float:left;
width:710px;
height:99px;
margin:0;
padding:0;
background:url(./bilder/kopfm.jpg);
border:0;}

#kopfr{
float:left;
width:60px;
height:99px;
margin:0 0 0 ;
padding:0;
background:url(./bilder/kopfr.gif);
border:0;}


/* ------- TOPNAV ----------------------------------*/
#topnav{
clear:left;
width: 800px;
height: 28px;
margin:0;
padding:0;
/* background:#fefcba; #fffece  */
background: transparent;
}

#topnav ul {
display:block;
width: 800px;
margin:0;
padding:0;
list-style:none;
}

#topnav li {
float:left;
margin:0;
padding:0;}

#topnav ul li a{
display:block;
width:100px;
height:26px;
padding:0;
margin:0;
color:black;
text-decoration:none;
text-align:center;
border-top:1px solid black;
border-left:1px solid black;
border-bottom: 1px solid black;
border-right:none;
font-weight:normal;
letter-spacing:1px;
line-height:1.6em;
font-size:16px;
background:#c8c800;
}

#topnav a:hover {
color: #000;
background: red;
}

#topnav a:hover {
color: #000;
background: red;
}

#topnav a:active    {
background: #c60;
color: #fff;
}

#topnav ul li.on a{
background:#9999ff;}

#topnav ul li#eins a{
width:229px;
border-left:0px solid white;
margin-left: 0;
background:#ffcb01;
text-align:center;
}

#topnav ul li#sechs a{
width:102px;
border-right: 1px solid white;
border-bottom: 1px solid black;
}

/* ---TOPNAV-ende--------------------------------------*/



/* ---- LISTE-nav------------------------------------  */

#nav{
clear:both;
float: left;
display: block;
width: 230px;
height: 100% ;
margin:0;
padding:0;
}


#nav ul {
float: left;
display: block;
margin: 0;
padding: 0;
list-style:none;
}

#nav li {
display: block;
width: 230px;
padding:0;
margin:0;
text-align: center;}

#nav ul li a{
display: block;
margin: 0;
padding: 4px 0 4px 52px;
text-decoration:none;
text-align:left;
font-size: 14px ;
font-family:arial;
color:black;
border-top:   1px solid #ffffcc;
border-bottom:1px solid black;
border-right: 1px solid black;
 /*
border-right: 0;       fur ie bei weiss border an : bei schwarz auss  */
background:#ffcb01;
}     /* #9999ff #ffcc77 */

#nav ul li a:hover{
display: block;
margin:0 ;
text-decoration:none;
color:blue;
border:none;
border-top:   1px solid #ffffcc;
border-bottom:1px solid black;
border-right: 1px solid black;
background: #fff4ba;}

#nav li.grun a {
width: 229px;
padding-left: 0; 
text-align:center;
background:#c8c800;
}

#nav li.grun a:hoover{
display: block;
padding:0 0 0 0px;
border:0;
background:black;
}

#nav ul li#erstenav a{
border-top:1px solid black;}

#nav ul li#last a{
width: 230px;
background: url(./bilder/nav-bg.gif) bottom right;
border-bottom:none;
border-right:none;}

#nav ul li#last a:hover{
width: 230px;
background: url(./bilder/nav-bg-hover.jpg) bottom right;
border-bottom:none;
border-right:none;}


.on {
text-decoration: underline;
}

#xy {
width:100%;
height: 100%;
background: #e5e104;
}


#hauptbox{
width:799px;
height: 100% ;
margin: 0;
border-right: 1px solid white;
background:url(./bilder/left-nav-gelb.jpg) bottom left no-repeat  ;
border-left: none;
border-bottom: none;
}

#inhaltbox{
padding:0;
margin:0 0 0 230px;
border-bottom: 1px solid #fffece;
}


#inhalt{
margin:0;
padding:20px 35px 30px 25px;
text-align: justify;
background: #fffece; 
}



/*  Bilder    ----------------------------------------------   */
.links {
float:left;
margin: 10px 15px 10px 0;
padding:0;
border-right:1px solid #ccccff;
border-top:1px solid #ccccff;
border-left:1px solid #3300ff;
border-bottom:1px solid #3300ff;
border:1px solid black;
}

.rechts {
float:right;
margin: 10px 0 10px 15px;
padding:0;
border-right:1px solid #3300ff;
border-top:1px solid #3300ff;
border-left:1px solid #ccccff;
border-bottom:1px solid #ccccff;
border:1px solid black;
}

.mitterechts {
float:right;
margin: 10px 0 10px 15px;
padding:0;
border-right:1px solid #3300ff;
border-top:1px solid #3300ff;
border-left:1px solid #ccccff;
border-bottom:1px solid #ccccff;
border:1px solid black;
}



/* ----SCHRIFTEN-----------------------------------------------  */

h3 {
font-size: 22px;
font-family:arial;
text-align:left;
margin: 0;
padding: 10px 0 10px 0; 
}

h4 {
font-size: large;
font-family:arial;
text-align:left;
margin: 0;
padding: 10px 0 10px 0; }

h5 {
font-size:medium;
font-family:arial;
font-weight:bold;
text-align:left;
margin:0;
padding:0; }

p {
font-size:14px;
font-family:arial;
margin: 0;
padding:  0 0 7px 0; }

#inhalt a {
text-decoration:none ;
}