/****************************************
 *              Farben                  *
 *    # Grün:                     *
 *    # Grau:                     * 
 *    # Grau-Violett:             * 
 *    # Violett:                  *
 *    #                                 *
 *                                      *
 * *************************************/

 
* {                                     
    margin:0;                           
    padding:0;
}

html {
    width:100%;
    height:100%;
}

body {
    width:100%;
    height:101%;
    background-color:#E6E6FA;  
}

#wrapper {
    width:100%;
    margin:0px auto;
}

#header {
    width:100%;
    background-color:#8D42BC;
    padding:5px 0px;
}

#inwrapper {
    width:996px;
    margin:auto;
    border-left: 2px solid #8D42BC;
    border-right: 2px solid #8D42BC;
    background-color:#fff;
}
#nav {
    width:200px;
    float:left;
    display:block;
}

#article {
    width:780px;
    min-height:600px;
    float:left; 
    padding:10px 0px 10px 5px;
    display:block;
    background-color:#fff;
}

#footer {
    width:1000px;
    margin:auto;
    padding:5px 0px;
    background-color:#8D42BC;;
    display:block;
    text-align:center;
}

div.clear{
    clear:both;
}

/************** Schriften ****************/
/* Header */
h1{
    font-family: georgia, Arial;
    font-size:32px;
    text-align: center;
    margin:5px;
    color:#fff;
    font-style: italic;
}

h2{
    font-family: georgia, Arial;
    font-size:22px;
    text-align: center;
    margin:8px;
    color:#fff;
    font-style: italic;
}
/* Article */
h3{
    font-family: georgia, Arial;
    font-size:20px;
    text-align: left;
    margin: 15px 30px 5px 30px;
    color:#8D42BC;
    font-style: italic;
}

p.main{
    font-family: verdana, Arial;
    font-size:18px;
    text-align: justify;
    margin:2px 30px;
    color:#8D42BC;
    line-height:140%; 
}

img{
    border:0;
}

a.link {
    font-family: verdana, Arial;
    font-size:18px;
    text-align: justify;
    margin:5px 0px;
    color:#8D42BC;
}

a.embedded { color:#8D42BC; font-family: verdana, Arial; text-decoration:none;}

/* Herstellung */
img.herst{
    margin:10px 40px;
    border:0;
}

/* Footer */
a.footer{
    width:100%;
    font-family: verdana, Arial;
    font-size:14px;
    color:#fff;
    line-height:140%;
    display: block;   
}

/* impressum */
.imp{
    text-align: justify;
    font-family: verdana, Arial;
    font-size:15px;
    margin:2px 50px;
    color:#000;
    line-height:140%;
    display: block;
}

.impu{
    text-align: left;
    font-family: verdana, Arial;
    font-size:15px;
    margin:2px 20px;
    color:#000;
    line-height:140%;
    display: block;
    text-decoration: underline;  
	font-weight:bold;
}

ul.imp {margin-left:80px; font-family: verdana, Arial; font-size:15px;} 

#itd{
    text-align: left;
    font-family: verdana, Arial;
    font-size:16px;
    color:#8D42BC;
    line-height:140%;    
}
/********** Seifengalerie **********/
/* Übersichtsseite Seife */
div.overview {
    width:250px;
    font-family:verdana, Arial;
    float:left;
    margin:6px 4px;
    text-align:center;
}

img.overview {
    width:200px;
    height:150px;
    margin:5px 26px 0px 26px;
    border:0px;
}

a.overview {
    width:250px;
    font-size:18px;
    line-height:120%;
    text-align:center;
    padding:0px;
    color:#8D42BC;
}

div.clear {
    clear: both;
}
/* Seifengalerien */
div.seife{
    width:252px;
    height:220px;
    border:1px solid #8D42BC;
    float:left;
    margin:6px 2px;
}

img.prev{
    width:200px;
    height:150px;
    margin:5px 26px 0px 26px;
    border:0px;
}

p.small {
    width:65px;
    height:20px;
    font-family: Arial;
    font-size:16px;
    text-align:center;
    padding:5px 2px 5px 2px;
    color:#000; 
    float:left;
    border-top:1px solid #8D42BC;
    border-bottom:1px solid #8D42BC;
}

p.medium {
    width:108px;
    height:20px;
    font-family: Arial;
    font-size:16px;
    text-align:center;
    padding:5px 2px 5px 2px;
    color:#000; 
    float:left;
    border:1px solid #8D42BC;
}

p.big{
    font-family: Arial;
    font-size:16px;
    text-align:center;
    padding:5px 2px 5px 2px;
    color:#000;
    width:250px;
    float:left; 
       
}



/************ Navigationsmenuues *********/
/* Nav ebene 1 */
ul.nav1{
    margin:20px 0;    
}

li.nav1 {
    list-style:none;
    font-family: verdana, Arial;
    font-size: 18px;
    text-align: left;
    line-height:120%;
}

a.sel1:link, a.sel1:visited {
    padding:3px 10px;
    display: block;
    color:#000;
    text-decoration:none;
}

a.sel1:hover, a.sel1:focus {
    padding:3px 10px;
    display: block;
    color:#000;
    text-decoration:underline;
}

a.nav1:link, a.nav1:visited {
    padding:3px 10px;
    display: block;
    color:#8D42BC;
    text-decoration:none;
}

a.nav1:hover, a.nav1:focus {
    padding:3px 10px;
    display: block; 
    color:#000;
    text-decoration:underline;
}

/* Nav Ebene 2 */

li.nav2 {
    list-style:none;
    font-family: verdana, Arial;
    font-size: 16px;
    text-align: left;
    line-height:120%;
}

a.sel2:link, a.sel2:visited {
    padding:3px 10px 3px 25px;
    display: block;
    color:#000;
    text-decoration:none;
}

a.sel2:hover, a.sel2:focus {
    padding:3px 10px 3px 25px;
    display: block;
    color:#000;
    text-decoration:underline;
}

a.nav2:link, a.nav2:visited {
    padding:3px 10px 3px 25px;
    display: block;
    color:#8D42BC;
    text-decoration:none;
}

a.nav2:hover, a.nav2:focus {
    padding:3px 10px 3px 25px;
    display: block;
    color:#000;
    text-decoration:underline;
}