/* cacheveraltetYYMMDD kann bei Änderungen an der css-Datei angepasst
   werden (konstanten.php), um den User auf die nicht-aktuelle css-Datei im
   browser-cache hinzuweisen. */
div.cacheveraltet1812 {
    display:none;
}
html {
    height: 100%;
}
body {
    margin:0;
    padding:0;
    /*height:0px; test*/
    height: 98%;
    
    font-size:0.9em;
    font-family:Arial,Georgia, "Times New Roman";

/*    font-family: 'Roboto', sans-serif;
    font-family: 'Oswald', sans-serif;    
    font-family: 'Anton', sans-serif;
    font-weight:normal;
    font-style: normal;
    font-size: medium;*/
    
    /*background:url(bilder/vb_F0F0F0.gif) #F0F0F0;*/
    
    min-width: 41em;
    
    background-position: top left;
    background-repeat: repeat-x;
    color:#333333;
}

.gross {
    font-size:20px;
}

a[href] {    
    text-decoration:none;
    /*font-weight:bold;*/
    font-size:0.9em;

}
a img {border: none; }
a[href]:hover {
    color:orangered;
/*    color:#191980;*/
        /*#666666;*/
    /*text-decoration: underline;*/
}

/* white */
.cmain, .cmainforiframes, .ccontent1, .ccontent2, .cfoot, .boxstart:hover div, .boxl:hover div, 
.boxr:hover div, div.linkebox, div.rechtebox, div.mittebox, div.info
{
  background-color: white;
}
/* ----- */

/* dark blue*/
a[href] {    
  color:#191980;
  color:#8C8CBF;
  color:#1414FF;
  color:#0000FF; /* TODO */
}
.bluestripe2, .cboxstripe, .bluestripe {
  background-color: #191980;
}
/* ----------*/


/* lighter blue alias transparent dark blue*/
.cmainnav, .csubnav{
  background-color: #8C8CBF;
}
/*-----------*/

/* light grey */
body { /*, .chead*/
  background-color: #F0F0F0; /*#F0F0F0; white;  gelb:#FFFF99 ; grau:#F0F0F0*/
}

.cmainnav div a, .csubnav div a
{
  color: #F0F0F0;
}
/* ------------*/

.cmainnav div a:hover, .csubnav div a:hover, div.crahmen a.aktuell, div.crahmenl a.aktuell, div.crahmenr a.aktuell
{
/*  color: orangered;*/
  color:white;
  text-decoration: underline;
}
/*div.crahmen a.aktuell, div.crahmenl a.aktuell, div.crahmenr a.aktuell {
    color:orangered;
}*/
/*.activelink { OLD
    color:red;
    text-decoration: underline;
}*/
img {
    
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
}
hr
{
    /*color:#666666;*/
    color:#F0F0F0;
    height: 1px;
}

.clear
{
    clear:both;
}

/* shadow */
/*.boxstart div, .boxl div, .boxr div, .iframe, .ccontent1, .ccontent2, .cfoot, div.rechtebox, div.mittebox, div.linkebox, div.info, .shadow*/
.boxstart div, .boxl div, .boxr div, .shadow, .cmain, .cmainforiframes, .cmainfollowerforiframes
{
       -moz-box-shadow: 5px 5px 7px #999;
    -webkit-box-shadow: 5px 5px 7px #999;
            box-shadow: 5px 5px 7px #999;
}

.marker, span
{
  background-color: #FFFF66;
}

.bluestripe, .bluestripe2
{
    opacity:0.5;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    z-index:2;
    width:1000px;
    height:10px;    
    left:0px;
    padding: 0px;
    position: absolute;
}
.bluestripe
{     
    top:136px;
}
.bluestripe2
{    
    top:177px; 
}

/* ---------------------------------------------------- */

.ccol, .cbox {
   width: 310px;
}
.cboximg {
  max-width: 300px;
  float:right;
  position: relative;
  margin:5px;
}
.ccol
{
   position: relative;
   top:0px;
   left:0px;   
   border: 0px;
   display:inline;
   float:left;
   margin-left:16px;
   
   z-index: 1;
   font-size: 15px;
}

.cbox
{
   position: relative;
   top:0px;
   left:0px;
   
  
   overflow:hidden;
   border-bottom: 1px solid #F0F0F0;
   border-right: 1px solid #F0F0F0;
   border-left: 1px solid #F0F0F0;
/*   display:inline;
   float:left;*/
}
.cbox div{
      padding: 5px;
    
}
.cboxstripe, .boxedittitle
{
  background-color:  #8C8CBF;    
    z-index: 0;
    width:300px;
    height:20px;    
    left:0px;
    
    margin-bottom: 3px;
    position: relative;
    top:0px;
    color: white;
    font-size:14px;
    font-weight:600;
}
h1 {
    color: white;
    font-size:14px;
    font-weight:600;
}

.cboxdate
{
  display:inline;
  padding:0px;
  margin:0px;
      position: relative;
      color: white;
  float: right; 
  
      
        font-size:10px;
    font-weight:400;
}

/* MenueLeiste ----------------------------------------- */

.cmainnav {
  position: relative;
/*  top:145px;*/
  /*width:1000px;*/
  width: 100%;
  z-index: 2;
}

.cmainnav, .csubnav {
  font-family:Arial;
  border:0px solid #191980;
  margin: 0px;  
  padding-top:8px;
  padding-bottom:8px;  
}
.csubnav div, .crahmen, .crahmenl, .crahmenr
{    
    margin: 0px;    
    padding: 0px;
    display:inline;
}
.crahmen, .crahmenl
{   
    float: left;    
}
.crahmenr {
    float: right;    
}

div.crahmen a, div.crahmenl a, div.crahmenr a {
    display:block;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 12px;
    padding-left: 12px;
    font-size:14px;
    font-weight:600;
    text-decoration:none;
    text-align:center;  
}



/* end MenueLeiste ----------------------------------------- */

.cheadfiller {
  position: relative;
  height: 0px;
}

.iframe
{
/*    margin: 1em auto;*/
    
    margin-top: 5px;
    width: 1080px;
/*width:99.92%;*/
    height: 50%;
    position:relative; top:0px; left:-2px;    
    z-index:2; 
    border:0px solid #F0F0F0; /*for testing*/
    overflow: visible;
    /*height:400px;*/
}

.cmain
{
    margin: 0em auto;
    width: 1000px;
    /*width:100%;*/
    text-align: left;
    position:relative; top:0px; left:0px;    
}
.cmainforiframes
{
    margin: 0.5% auto;
    height: 99%;
    width: 1080px;
    overflow: hidden;
    text-align: left;
    position:relative; top:0px; left:0px;   
}
.cmainfollowerforiframesroot
{
  position:relative;
  width:1060px; height:0.1%; top:0px; left:0px;
  z-index:0;
}
.cmainfollowerforiframes
{
    margin: 1em auto;   
/*    text-align: left;*/
    position:absolute; top:0px; left:0px;    
    background-color: white;
    width:1080px; height:90000%;
    z-index:0;        
}
.chead
{   
    z-index: 1;
        padding: 5px;
    /*background-color: white;*/
    top:0px;
    position:relative;
    border: 0px;    
    margin: 0px;
}
.whitestripe
{
    background-color: white;
    opacity:0.8;
    filter:alpha(opacity=80); /* For IE8 and earlier */
    z-index:2;
    width:1000px;
    height:10px;
    left:0px;
        padding: 0px;
        top:45px;
        position:absolute;
        border: 0px;    
    margin: 0px;
}


.notanymore {
  text-decoration: line-through;
}

.ccontent1
{
    margin-top: 0px;
    margin-bottom:0px;
    float:left;    
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 5px;
    min-height: 486px;
    width: 567px;    
    border:1px solid white;
    text-align:justify;
    z-index:1;
}
.ccontent2
{
    margin-top: 0px;
    margin-left: 15px;
    margin-bottom:0px;
    margin-right:15px;
    float:left;
    width: 330px;
    border:1px solid #F0F0F0;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.cimgl
{
    margin: 0;
    padding: 0 0 0px 0;    
    width: 70px;   
    /*background-color: #F0F0F0;*/
    border: 0;
    position:absolute; top:198px; left:1px;
    
}
.cimgr
{
    margin: 0;
    padding: 0 0 0px 0;
    width: 70px;
    /*background-color: #F0F0F0;*/
    border: 0;
    position:absolute; top:198px; left:568px;
    
}
.cimgl img{
    border:0px;
}
.cimgr img{
    border:0px;
}
.cfoot
{    
  position: relative;
    padding: 0 0px;
    margin-top: 5px;
    height: 20px;
    width:1000px;
    border:0px solid white;
    float:left;
    z-index:2;

}

.imgautoklein
{    
    max-width:130px;
    max-height:100px;
 /*   float:left; */
    margin: 5px;
    padding: 0px;
}
.imgautogross
{
  /*  max-height:240px;*/
     height:240px;
  /* max-width:290px;   */
    float:left;
    margin: 2px;
    padding: 0px;
}
.imgautoextragross
{
    max-width:400px;
    max-height:480px;
    float:left;
    margin: 2px;
    padding: 0px;
}
.imgautostartseite
{
    float:left;
    margin:10px;
    max-width:130px;
    padding: 0px;
}
.imgautobox
{
    width: 307px;
    margin: 2px;
    padding: 0px;
}
.boxheader
{ 
    font-family:Arial;
    font-weight:bold;
    font-size:1.1em;
    color: #191980;
    z-index:1;
    right:10px;
    padding: 0px;
    border: 0;
    position:absolute; top:5px;     
    margin: 0px;
}

.boxstart
{
    float: right;
    max-height:160px;
    width:290px;
    padding:0px;
    margin:0px;
    text-align:center;
}
.boxstart div
{display:none;}
.boxstart:hover div
{
    position:fixed;
    z-index:5;
    display:block;
   /* max-width:600px; */
    max-height: 550px;
    top:20px; right:100px;
    padding: 10px;

    /*background-color: #F0F0F0;*/
/*    background-color: white;*/
    border:0px solid #666666;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
}
.boxl
{    
    float: right;
    max-height:110px;
    width:150px;
    padding:0px;
    margin:0px;
    text-align:center;

}
.boxl div
{display:none;}
.boxl:hover div
{   
    position:fixed;
    z-index:5;
    display:block;
   /* max-width:600px; */
    max-height: 550px;
    top:20px; left:20px;
    padding: 10px;
  
    /*background-color: #F0F0F0;*/
/*    background-color: white;*/
    border:0px solid #666666;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
}

.boxr
{
    /*float: left; */
    float: right;
    max-height:110px;
    width:150px;
    padding:0px;
    margin:0px;
    
}
.boxr div
{display:none;}
.boxr:hover div
{
    position:fixed;
    z-index:5;
    display:block;
   /* max-width:600px;  */
    max-height: 550px;
    top:20px; right:100px;
    padding: 10px;
  
    /*background-color: #F0F0F0;*/
/*    background-color: white;*/
    border:0px solid #666666;
    -moz-border-radius:10px;
    -khtml-border-radius:10px;
}

/* wagen hover effekt ------------------------------------*/
div.linkebox {
    position:relative; top:0px; left:0px;
    float: left; 
    /*margin: 0px 0px 0px;  0 ? */
    margin: 0px 0px 5px;
    padding: 5px 5px;
    width: 320px;
    
    border:1px solid #F0F0F0;

    min-height:120px;
    height:auto !important;  /* für moderne Browser */
    height:120px;  /*für den IE */    
}
div.linkebox:hover {
    z-index:2;
}
div.rechtebox {
    position:relative; top:0px; left:0px;
    float: right; 
    margin: 0px 0px 5px; 
    padding: 5px 5px;
    width: 320px;
    
    border:1px solid #F0F0F0;

    min-height:120px;
    height:auto !important;  /* für moderne Browser */
    height:120px;  /*für den IE */

}
div.rechtebox:hover {
    z-index:2;
}
div.mittebox {
    position:relative; top:0px; left:0px;
    /*float: inherit*/
  
    margin: 0px 335px 5px;
    padding: 5px 5px;
    width: 315px;
    
    border:1px solid #F0F0F0;

    min-height:120px;
  	height:auto !important;  /* für moderne Browser */
    height:120px;  /*für den IE */

}
div.mittebox:hover {
    z-index:2;
}
/* ende wagen hover effekt ------------------------ */

div.info {
    margin: 0px 15px 5px; padding: 2px 15px;
    /*background-color: #F0F0F0;
   /* border:1px solid white; */
    border:1px solid #F0F0F0; 
    width:934px;
/*    float:left;*/
    text-align:left;

}
div.menul {
    background-color: #F0F0F0;
    margin: 5px 0 5px; padding: 2px;
    text-align: center;
    border:1px solid #666666;   
    width: 49%;
    float:left;
}
div.menur {
    background-color: #F0F0F0;
    margin: 5px 0 5px; padding: 2px;
    text-align: center;
    border:1px solid #666666;
    width: 49%;
    float:right;
}
.abstand {
    margin: 0px 35px;
    float:left;
}

 /* ----------------------------------------------------*/
 /* animation of different start pictures*/
 /* ----------------------------------------------------*/
 .scrollingdiv {
   /*position: relative;*/
   position: relative;
/*   top:45px;*/
   left:0px;
   z-index: 1;
   height: 100px;
   width: 1000px;
   overflow:hidden;
 }
 
 .scrollingimage {
   position: absolute;
   top:0px;
   left:0px;
   z-index: 1;
 }      
 

 
 .fadeIn {
   
	/* animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn linear 1;	
	animation:fadeIn linear 1;
  -moz-animation:fadeIn linear 1;
  -o-animation:fadeIn linear 1;
  
	-webkit-animation-fill-mode:forwards;	
	animation-fill-mode:forwards;
  -moz-animation-fill-mode:forwards;	
	-o-animation-fill-mode:forwards;
 
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
}
 
/* Animation Times - Time for image to fade in
---------------------------------------------------- */
.fadeIn-100s {
	-webkit-animation-duration:100s;
	-moz-animation-duration:100s;
	-o-animation-duration:100s;
	animation-duration:100s;
}
 
/* Animation Delay - Time for image to be delayed
---------------------------------------------------- */
.fadeIn-Delay-0s {
	-webkit-animation-delay:0s;
	-moz-animation-delay:0s;
	-o-animation-delay:0s;
	animation-delay:0s;
}
 
.fadeIn-Delay-50s {
	-webkit-animation-delay:50s;
	-moz-animation-delay:50s;
	-o-animation-delay:50s;
	animation-delay:50s;
}

.fadeIn-Delay-25s {
	-webkit-animation-delay:25s;
	-moz-animation-delay:25s;
	-o-animation-delay:25s;
	animation-delay:25s;
}
 
.fadeIn-Delay-75s {
	-webkit-animation-delay:75s;
	-moz-animation-delay:75s;
	-o-animation-delay:75s;
	animation-delay:75s;
}
  
/* Key Frames
---------------------------------------------------- */
 
@keyframes fadeIn { 
  0% { opacity:0; }
  2% { opacity:1; }
  27% { opacity:1; }   
  29% { opacity:0; }  
  100% { opacity:0; }
  }
@-webkit-keyframes fadeIn { 
  0% { opacity:0; }
  2% { opacity:1; }
  27% { opacity:1; }   
  29% { opacity:0; }  
  100% { opacity:0; }
}
@-moy-keyframes fadeIn { 
  0% { opacity:0; }
  2% { opacity:1; }
  27% { opacity:1; }   
  29% { opacity:0; }  
  100% { opacity:0; }
}
@-o-keyframes fadeIn { 
  0% { opacity:0; }
  2% { opacity:1; }
  27% { opacity:1; }   
  29% { opacity:0; }  
  100% { opacity:0; }
}
/* end of keyframes
-------------------------------------------------------  */