/* CSS-Datei zur Vorlage "http://wwww.css-vorlagen.de/templates/mohnblume/ */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der http://creativecommons.org/licenses/by/2.0/ */


/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}

body{
 background:#fff url(images/bg.gif);
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}


/* Formatierungen Layout (grob) */
#seite{
 background:#fff url(images/bg.gif) repeat-y;
 margin:0 auto;
 padding:0px 0px 0px 11px;
 text-align:left;
 width:800px
 
}

#oben{
 background:#fff url(header.gif);
 border: 0px solid #ccc;
 clear:both;
 height:134px;
 width:800px;

}

#links{

 float:left;
 border: 1px solid #ccc;
 margin:90px 0 10px 20px;
 width:550px;
}

#rechts{
 float:left;
 margin:0 0 10px 10px;

 width:200px

}

#unten{
 background:#bfbfbf;
 clear:both;
 width:800px
}

/* Formatierungen Navigationsleiste */
#navigation{
 background:#fff;
 float:left;
 width:800px;
 padding:0 0 4px 0;

}

#navigation ul{

}

#navigation ul li{
 display:inline;
 margin:0 10px 0 0;

}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #fff;
 color:#666;
 font-size:.9em; 
 font-weight:bold;


}

#navigation ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid;

}



/* Sonstige Formatierungen */
.titel{
 float:right;
 width:90px;
 padding:0 10px 0 0
}

.titel img{
 border:0
}



/* Schrift-Formatierungen */
h1,h2,h3,h4,h5,h6{
 border-bottom:1px solid #ccc;
 background:#bde2e6;
 color:#666;
 font-size:1.5em;
 letter-spacing:0.01em;
font:arial;


}

#links p{

 padding:16px 16px 16px 16px;

}

#unten p{
 color:#eee;
 font:.85em "trebuchet ms", verdana, sans-serif;
  padding:5px 0px 5px 11px;

}


/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul{
list-style:none;
 margin:0 0 0 0;



}

#rechts ul li{
  border:1px solid #ccc; 
 display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px
}

#rechts ul li a{
 text-decoration:none;
  color:#666;
 
}

#rechts ul li a:hover{
  color:#000000;
  background-color:#bde2e6;
 display:block
}



/* Link-Formatierungen */
a:link,a:visited,a:active{
 color:#000;
 text-decoration:underline
}

a:hover{
 text-decoration:none
}


#unten a{
 color:#fff;
 text-decoration:underline
}

#unten a:hover{
 text-decoration:none
}

.wordbox {
    padding: 1em;
    text-align: center;
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    width: 156px;
    padding: 1em;
    margin: 0 auto;
    font-size: 0.8em;
    }
    
    
.cont_1 {
    font-family: Arial, sant-serif;
    font-size: 14pt;
    color:#003333;
    font-weight: bold;
    font-variant:small-caps;
    height:27px;
    background:#99CCCC;
    background-image:url(images/cont_1_bg.jpg);
    margin: 0px;
    padding: 3px 5px 0px 15px;
    }
    
.cont_meth {
    margin:15px 15px 15px 15px;
    border:1px solid cadetblue;
    padding:10px
    }

.navi_head {
    height:20px;
    font-family: Arial, sant-serif;
    color:#003333;
    font-size: 11pt;
    font-weight:bold;
    font-variant:small-caps;
    padding: 4px 3px 0px 17px;
    background:#99CCCC;
    background-image:url(images/navi.jpg);
    }    

.mainbox {
    margin-bottom:-22px;
    text-indent:-2em;margin-left:2em;
    }
    
.mainbox_in {
    margin-left:2em; 
    }
    
.arrow {
    margin-bottom:-22px;
    text-indent:-2em;margin-left:1.5em;
    }

.button {
    height:20px;
    font-size:8pt;
    background-color:#99cc99:
    }    

img {
    border:none;
    }

.pfeil {
    vertical-align:middle;
    }

.std {
    margin-bottom:-22px;
    text-indent:-2.8em;
    margin-left:3em;
    }
.headl {
    font-size:110%;
    font-weight:bold;
    text-decoration:underline;
    margin:0px 0px -15px 25px;
    }