body {
	background-color: #90ee90;
	background-repeat: repeat-x;
	 color: #000;
	 font-family: "Comic Sans MS";
	font-size: 0.9em;
	padding:0;
	margin: 10 0;
}


td  { color: black;  font-family: "Comic Sans MS" }
li   { color: black;  font-family: "Comic Sans MS" }



a:link  { color: #800080; text-decoration: none }
a:visited { color: #800080; text-decoration: none }
a:hover  { color: #800080; text-decoration: underline }


h1 {
	font-size: 1.8em;
	font-weight: normal;
	 color: #800080;
 }

h2 {
	font-size: 1.2em;
	font-weight: normal;
	 color: #800080;
}
h3 {
	font-size: 1em;
	font-weight: bold;
	 color: #000;
}

.rand { margin: 16px; }
/* ----------container zentriert das layout-------------- */
#container {
 width: 1000px;
  margin: 0 auto;
  padding: 0;
   background-color: #ffffff;
box-shadow:0px 5px 10px #333333;
border-radius:0px 0px 15px 15px;
 }

/* ----------banner for logo-------------- */
#banner {
	margin: 0; 
	padding: 0;
	height: 190px; 
	background-color: #90ee90; 
	background-image: url(bilder/collage.jpg); 
	background-repeat: no-repeat; }

#mainnavi {
	margin: 0;
	padding: 10px 0px;
	background-color: #90ee90;
}


.navi  {
	color: purple;
	font-size: 13pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left: 20px;
	padding: 3px;
	float: none;
	text-align: right;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
 }

navi a:link { 
	color: #800080; 
	font-size: 13pt; 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-decoration: none; 
}
navi a:visited {
	color: #800080;
	font-size: 13pt;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none
}
navi a:hover { text-decoration: underline }

.activ {font-style:italic;}

/* -----------------Inhalt--------------------- */
#content { min-height:600px; padding: 0 20px 15px 25px; margin: 0px; }


.gross {
	width: 5.71em;
	height: 1.07em;}

.trnl {transform: translate(30px, 30px);}

.sample1 {
display:inline-block;
margin:20px 50px; }

.beige {
float:left;
height: 125px;
width: 180px;
border:1px solid #564B47;
background-color: #dedede;
padding:10px;
  }
.plus5 {-moz-transform:   rotate(5deg); -webkit-transform: rotate(5deg);-o-transform: rotate(5deg); transform:  rotate(5deg);}
.minus5 { -moz-transform:   rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg);  transform:  rotate(-5deg);}
.minus15 { -moz-transform:   rotate(-15deg); -webkit-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform:  rotate(-15deg); }
.plus15 {-moz-transform:   rotate(15deg); -webkit-transform: rotate(15deg);  -o-transform: rotate(15deg); transform:  rotate(15deg);}

.beige:hover , .beige2:hover, .beige3:hover, .beige4:hover {
-moz-transform:  scale(1.5, 1.5) rotate(0deg);
-webkit-transform: scale(1.5, 1.5) rotate(0deg);
-o-transform: scale(1.5, 1.5) rotate(0deg);
transform:  scale(1.5,1.5) rotate(0deg);
background-color: #E0A3B7;
background-color: #fff;
position:relative;
z-index:10;
}

.samp {
height: 70px;
width: 70px;
border: 1px solid #564B47;
margin:10px 50px;
float:left;
}


.trnl {
-moz-transform:  translate(30px, 30px);
-webkit-transform: translate(30px, 30px);
-o-transform: translate(30px, 30px);
transform: translate(30px, 30px);}

.roat {
-moz-transform: rotate(50deg);
-webkit-transform: rotate(50deg);
-o-transform: rotate(50deg);
transform:  rotate(50deg);
 }

.skl { transform:scale(1.5, 1.5);
-webkit-transform:scale(1.5, 1.5);
-moz-transform:scale(1.5, 1.5);
-o-transform:scale(1.5, 1.5);
}

.skw {
-moz-transform:skewx(40deg) skewy(20deg);
-webkit-transform:skew(40deg, 20deg);
-o-transform:skew(40deg, 20deg);
transform:skew(40deg, 20deg);
 }
 
.left {
	float: left;
	margin-right: 10px;
}
.right {
	float: right;
	margin-left: 10px;
}
.formselect {
	width: auto;
}
