body {
   background: url(./img/bg_tile.jpg) repeat; 
}

img {
  border: 0;
}

a {
color:#303030;
outline:none;
}

h2 {
  font-size: 15px;
}

.downloadbutton {
  padding: 8px 16px;
  font-size: 16px;
}

.frameall {
  max-width: 980px;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px; 
  line-height: 16px; 
  clear: both;
  color:#303030;
  margin: 5px auto 0px auto;
  box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.80);
  -moz-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.80);
  -webkit-box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.80);
}

.headertop {
  margin: 10px 0px 0px 0px;
  vertical-align: bottom;
  padding: 5px 20px 0px 0px;
  text-align: right;
  background: url(./img/hd_top_line.png) no-repeat;  
}

.headermain {
  margin: 0px;
  padding: 0px 0px 0px 0px;
  max-width: 980px;
  height: 110px;
  vertical-align: bottom;
  text-align: center;
  background-color: #6d85d6;
  font-size: 24px; 
  line-height: 24px;
  font-weight: bold; 
  color: #FFFFFF;
  font-smooth: always;
  text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.80);
}


.menubg {
    width: 200px;
	display: table-cell;
	height: 100%;
	background-color: #6d85d6;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.smallmenu {
    display: none;
}


.menu, .menu a, .menu div {
   width: 200px;
  padding: 0px; 
  text-decoration: none;
  font-weight: bold; 
  font-size: 12px;
  color: #ffffff;
  text-indent:20px;
  vertical-align: bottom; 
  background-repeat: no-repeat;
  background-position:right bottom; 
  display:block;
}

.backmenu {
   margin: 0px;
   padding: 5px 0px 0px 0px;
   background: url(./img/bg_tile.jpg) repeat; 
   /*display: inline-block; */
}

.menubelow {
    background-color: #6d85d6;
}



@media (max-width: 500px) {
.frameall {
  margin: 0px 0px 0px 0px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}

.headertop {
  margin: 0px 0px 0px 0px;
}

.headermain {
  font-size: 18px;
}

.menubg {
 display: none;
}

.smallmenu {
    display: inline;
	width: 100%;
}

.smallmenu form select {
   font-size: 16px;
   font-weight: bold; 
   background-color: #6d85d6;
   color: #FFFFFF;
}

.smallmenu form {
   background-color: #6d85d6;
}

body {
   margin: 0px;
}

}


/* Main */
.mainpane {
  /* width: auto; */
  min-width: 200px;
  max-width: 780px; 
  background-color:#ffffff;  
  color:#303030;
  line-height: 140%;
  text-align: justify;
  display: table-cell;
}


.panehead {
	padding: 15px;
	text-align: center; 
    background-color:#f0f0b0; 	
	font-weight: bold; font-size:14px; COLOR: #000000; 	
}

.panemid {
	text-align: center; 
    background-color:#f0f0b0; 
	padding: 10px;
	font-weight: bold; font-size:14px; COLOR: #000000; 	
}

.mainpane  p  {
    margin: 0px;
	padding: 10px 20px 10px 20px;
}

.pane  {
    margin: 0px;
	padding: 15px 20px 15px 20px;
}


.mainpane  ul  {
    margin: 0px;
	padding: 10px 20px 4px 35px;
}

.flimg {
   float: right;
   padding: 0px 0px 0px 15px;
}

.flimgleft {
   float: left;
   padding: 0px 15px 0px 0px;
}

.img550 {
   width: 95%;
   max-width: 550px;
}

.img516 {
   width: 90%;
   max-width: 516px;
}

.img415 {
   width: 90%;
   max-width: 415px;
}

.img373 {
   width: 90%;
   max-width: 373px;
}

.img336 {
   float: right;
   padding: 0px 0px 0px 15px;
   width: 50%;
   max-width: 336px;
}

/*.mainpane  ul {
  padding: 4px 20px 10px 40px;
}*/

.mainpane li { margin-bottom: 6px; }

.smalllist li { margin-bottom: 0px; }

.haupt { FONT: bold 12px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; TEXT-DECORATION: none } 

.footer {
 margin: 0px 0px 0px 0px;
 padding: 10px 20px 10px 20px;
 /* height: 30px;*/
 background-color: #6d85d6;
}

/*
#allcontent li {
margin-left:15px;
line-height:20px;
font-size:12px;
}*/


#banner {
  height:224px;
  width:780x;
 
}

#fadefoto {
  position:relative;
  height:224px;
  width:400px;
  margin:auto auto;
  transform-style: preserve-3d;
}
#fadefoto a {
  position:absolute;
  left:0;
  -webkit-transition: all 2.8s ease-in-out;
  -moz-transition: all 2.8s ease-in-out;
  -o-transition: all 2.8s ease-in-out;
  transition: all 2.8s ease-in-out;
  
}

#fadefoto a.foto1 {
   opacity:0;
  -webkit-transform: scale(0.4) translate3d(100px,0px,-100px);
  -moz-transform: scale(0.4) translate3d(100px,0px,-100px);
  -o-transform: scale(0.4) translate3d(100px,0px,-100px);
  transform: scale(0.4) translate3d(100px,0px,-100px) scale(0.4) ;
  z-index: 0;
}

#fadefoto a.foto2 {
   opacity:100;
   -webkit-transform: scale(1) translate3d(0px,0px,0px);
  -moz-transform: scale(1) translate3d(0px,0px,0px);
  -o-transform: scale(1) translate3d(0px,0px,0px);
  transform: scale(1) translate3d(0px,0px,0px) scale(1) ;
  z-index: 2;
}

#fadefoto a.foto3 {
   opacity:0;
  -webkit-transform: scale(0.4) translate3d(-100px,150px,-100px);
  -moz-transform: scale(0.4) translate3d(-100px,150px,-100px);
  -o-transform: scale(0.4) translate3d(-100px,150px,-100px);
  transform: scale(0.4) translate3d(-100px,150px,-100px) scale(0.4);
  z-index: 1;
}

@media (min-width: 600px) {
#fadefoto a.foto1 {
   opacity:0;
  -webkit-transform: scale(0.4) translate3d(500px,0px,-100px);
  -moz-transform: scale(0.4) translate3d(500px,0px,-100px);
  -o-transform: scale(0.4) translate3d(500px,0px,-100px);
  transform: scale(0.4) translate3d(500px,150px,-100px) scale(0.4) ;
  z-index: 0;
}

#fadefoto a.foto2 {
   opacity:100;
   -webkit-transform: scale(1) translate3d(0px,0px,0px);
  -moz-transform: scale(1) translate3d(0px,0px,0px);
  -o-transform: scale(1) translate3d(0px,0px,0px);
  transform: scale(1) translate3d(0px,0px,0px) scale(1) ;
  z-index: 2;
}

#fadefoto a.foto3 {
   opacity:0;
  -webkit-transform: scale(0.4) translate3d(-500px,0px,-100px);
  -moz-transform: scale(0.4) translate3d(-500px,0px,-100px);
  -o-transform: scale(0.4) translate3d(-500px,0px,-100px);
  transform: scale(0.4) translate3d(-500px,150px,-100px) scale(0.4);
  z-index: 1;
}
}





/****************************************************************/
.nav A, .nav A DIv { FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #ffffff; } 


.menuback {
   background: url(./img/menuback.png) repeat-y; 
}

.menuAct1, .menuAct1 a {
  height: 40px;
  padding-top:12px;
  background-image: url(./img/menu1act.png);
  text-decoration: underline;
  color: #000000;
}

.menuNot1, .menuNot1 a {
   height: 40px;
   padding-top:12px;
   background-image: url(./img/menu1not.png);
}
.menuNot1:hover { background-image: url(./img/menu1hov.png); }


.menuAct2, .menuAct2 a {
  height: 25px;
  padding-top:5px;
  font-weight: normal; 
  background-image: url(./img/menu2act.png);
  text-decoration: underline;
  color: #000000;
}

.menuNot2, .menuNot2 a {
   height: 25px;
   padding-top:5px;
   font-weight: normal; 
   color: #000000; 
   background-image: url(./img/menu2not.png);
}
.menuNot2:hover { background-image: url(./img/menu2hov.png); }


@keyframes aniheight
{
from {height:0px}
to {height:25px;}
}