/* --- body and general formatting --- */
html, body {height: 100%;}
body {
margin: 0; 
padding: 0;
background: #fff; 
font-family: "lucida grande", "lucida sans", "trebuchet ms", verdana, sans-serif; 
color:#432866;
}

h1 {color: RED; text-align: center; font-size: 200%; font-weight:bold;font-family: "Tempus Sans ITC","lucida grande", "lucida sans", "trebuchet ms", verdana, sans-serif;}
h2 {color: #432866; text-align: center; font-size: 120%; font-weight:normal;}
IMG.keski { display: block; margin: 0 auto; }


/* --- border --- */
#reuna {width: 80%; margin: auto auto; min-height: 100%; position: relative;overflow:auto}
* html #reuna {height: 100%;} /* IE Hack für 100 % Höhe */ 
#reuna {border-right: 1px solid #76A84F; border-left: 10px solid #76A84F;}


/* ---menu --- */
#fix {
text-align: center; 				/*center the menu*/
margin: 0; 						/*reset margins to zero*/
padding:20px 0; 				/*set padding for the whole list element*/
}

#fix li:first-child {
border-left: 1px solid #432866;	/*sets border to left for the first list element*/
}

#fix li {
display: inline; 					/*shows horizontal menu*/
padding: 5px 0px;				/*sets padding for the list elements*/
border-right: 1px solid #432866; 	/*sets border to right for all list elements*/
margin-left:-5px;				/*clears the empty place between the list elements*/
}

#fix a {
text-decoration:none;			/*removes the line below*/
padding: 5px 10px;				/*set padding for the list elements*/
color: #432866;					/*font color*/
}

#fix a:hover {
background-color: #A58DD9; 	/*background color for mouseover*/
}

/* --- highlighting current Menu --- */
	body#home a#homenav,
	body#haut a#hautnav,
	body#inhalt a#inhaltnav,
	body#shop a#shopnav,
	body#versand a#versandnav,
	body#kontakt a#kontaktnav {
	color:#fff;
	background: #A58DD9;
	}

/* --- footer --- */
   #alaosa {
position: absolute; bottom: 0; left: 0; 
width: 100%;
background: #A58DD9;
text-align: center;
padding: 8px 0;
clear: both;
color:#432866;
}
/* IE Hack, da bottom: 0; als bottom: 1px interpretiert wird */
* html #alaosa {bottom: -1px;} 


/* --- box with round corners --- */
#nifty{width: 540px; background: #E9E0FA; margin: 80px auto 20px;}
#nifty2{width: 300px; background: #E9E0FA; margin: 80px auto 20px; }
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #E9E0FA}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
p{padding-bottom:1em}
p.first {padding-top:10px;}
p{margin: 0 20px;}

#sintende {
letter-spacing:0.5em; 
color: #FF0000; 
font-size: 110%; 
font-weight:bold; 
font-family: "Tempus Sans ITC","lucida grande", "lucida sans", "trebuchet ms", verdana, sans-serif;padding: 0 8px
}

#menuinhalt {
text-decoration:none;			/*removes the line below*/
list-style-type:none;
padding:0;margin:0;
}

#menuinhalt img {
vertical-align: middle;
padding: 0 30px 0 0;
}

/* --- empty box with round corners --- */
#laatikko {width:350px;margin: 80px auto 20px;}
.contentb {background: #fff; border-right:1px solid #9649F9; border-left:1px solid #9649F9; padding: 25px 0 25px 55px;}
.contentb div {margin-left: 5px;}
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#9649F9; margin:0 5px;}
.b2 {height:1px; background:#fff; border-right:2px solid #9649F9; border-left:2px solid #9649F9; margin:0 3px;}
.b3 {height:1px; background:#fff; border-right:1px solid #9649F9; border-left:1px solid #9649F9; margin:0 2px;}
.b4 {height:2px; background:#fff; border-right:1px solid #9649F9; border-left:1px solid #9649F9; margin:0 1px;}