ul , li {
 margin:0;
padding: 0px 2px 0px 20px;
 list-style:none;
 cursor:pointer;
 
     transition: background 0.3s ease-out; /* explorer 10 */
    -webkit-transition: background 0.3s ease-out; /* chrome & safari */
    -moz-transition: background 0.3 ease-out; /* firefox */
    -o-transition: background 0.3 ease-out; /* opera */
}


ul#navi , ul#navi ul {
 width:220px;  /* entspricht einer Breite von 200px (150 / 16 )*/
 float:left;

 background:#eeeadb;  /* nav farbe*/
}


ul#navi  li  {
	position:relative;
}

ul#navi a {
 display:block;
 width:190px; /*untermenue breite*/
 padding:5px; /*untermenue rahmen*/
 color:#000000; /*untermenue schriftfarbe*/
}

ul#navi ul  ,                   /* 1. Ebene verschieben */
ul#navi  li:hover display:block ul ul ,       /* 2. Ebene verschieben */
ul#navi  li:hover display:block  ul ul ul  {  /* 3. Ebene verschieben */
 position:absolute;
 left:-9999px;
 top:0;
 background:#d4d4d4; /*untermenue mouseover hintergrundfarbe*/
}

ul#navi li:hover display:block ul ,
ul#navi ul  li:hover display:block  ul , 
ul#navi ul  ul li:hover display:block  ul  {
 left:200px; /*untermenue eingerückt bzw. buendig*/
 }
 
 ul#navi li:hover display:block > a , 
ul#navi  ul li:hover display:block  > a, 
ul#navi ul  ul  li:hover display:block  > a, 
ul#navi ul  ul ul  li:hover display:block  > a  {
  background:#f8f4e4; /*unteruntermenue mouseover hintergrundfarbe*/
  color:#000; /*unteruntermenue schriftfarbe*/
}

/* Diese Angabe soll nur der IE 7 sehen */      
ul#navi li {
  float:left;
   width:100%;
}

.enlarge:hover {
	transform:scale(4.0,4.0);
	transform-origin: ground right;
	-webkit-transition: -webkit-transform 3.0s ease;
    -moz-transition: -moz-transform 3.0s ease;
    transition: transform 3.0s ease;
	
}

.enlarge1:hover {
	transform:scale(3.0,3.0);
	transform-origin: top right;
	-webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

.enlarge2:hover {
	transform:scale(3.0,3.0);
	transform-origin: ground right;
	-webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

.enlarge3:hover {
	transform:scale(3.0,3.0);
	transform-origin: ground right;
	-webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

.enlarge4:hover {
	transform:scale(3.0,3.0);
	transform-origin: ground left;
	-webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
}

.enlarge8:hover {
	transform:scale(4.0,4.0);
	transform-origin: ground right;
	-webkit-transition: -webkit-transform 1.3s ease;
    -moz-transition: -moz-transform 1.3s ease;
    transition: transform 1.3s ease;
}

.enlarge6:hover {
	transform:scale(4.5,4.5);
	transform-origin: ground left;
	-webkit-transition: -webkit-transform 3.8s ease;
    -moz-transition: -moz-transform 3.8s ease;
    transition: transform 3.8s ease;
}
.enlarge7:hover {
	transform:scale(6.5,6.5);
	transform-origin: ground left;
	-webkit-transition: -webkit-transform 3.8s ease;
    -moz-transition: -moz-transform 3.8s ease;
    transition: transform 3.8s ease;
}
.enlargemessen:hover {
	transform:scale(4.0,4.0);
	transform-origin: ground right;
	-webkit-transition: -webkit-transform 3.0s ease;
    -moz-transition: -moz-transform 3.0s ease;
    transition: transform 3.0s ease;
}

.enlargemessenrtl:hover {
	transform:scale(4.0,4.0);
	transform-origin: ground left;
	-webkit-transition: -webkit-transform 3.0s ease;
    -moz-transition: -moz-transform 3.0s ease;
    transition: transform 3.0s ease;
}

.tt {
    display:none;
}

/*a:hover span.tt {
    display:block;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
    position:relative;
    background-color:#fff;
    color:#FFFFFF;
    border:0px solid #363;
    margin:0;
    top: 20px;
    left: 0px ;*/

#cbox { 
    text-align: center 
}
#cbox { 
    margin: 20px auto 
}
.cbox { 
    font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
    display: inline-block;
    width:90%; 
	min-width: 160px; 
	max-width: 190px; 
    border:1px solid silver;
	box-sizing: border-box; 
    margin: 10px 
} 

.cbox, .cbox p { 
    text-align: left
}

@media only screen and (min-width:460px){
    .cbox { width:30%; } 
    .cbox { vertical-align: top; }
}

@media only screen and (min-width:680px){
    .cbox:last-child { margin: 10px 0 10px 10px}
    .cbox:first-child { margin: 10px 10px 10px 0}
}