/* CSS für den Body-Teil */
@-o-viewport { width: device-width; }
.viewport{font-size:10vw;}.handy{display:none;} .tablet{display:none;} .desktop{display:block;}
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	background:url(../assets/images/Verlauf.jpg);
	font-family:Arial,Helvetica,Geneva,Sans-serif,sans-serif;
	font-size:1vw;
}
a{
	cursor:pointer;
}
.ClearFloat{
	clear:both;
}
/* body Hauptseite */
.Browser{
	font-weight:bold;
	font-size:1.2vw;
}
a.Browser:link { text-decoration:none;  color:#e00000; }
a.Browser:visited { text-decoration:none;  color:#800000; }
a.Browser:hover { text-decoration:none;  background-color:#ff0; }
a.Browser:active { text-decoration:none;  background-color:#cff; }
a.Browser:focus { text-decoration:none;  background-color:#080; }
 
 #Msg{
	 font-size:2vw;
	 text-align:center;
	 color:yellow;
 }
  #Msg a{
	 color:yellow;
 }
 #StartBild{
	 width:21vw;
 }
 .StartPageTable1{
	 width:1vw;
	 font-size:1vw;
 }
.StartPageTable1_video, .StartPageTable1_object{
	 width:30vw;
 	 height:30vw;
 }
.StartPageTable2{
	 font-size:1vw;
 }
.StartPageTable2 img{
	 width:20vw;
 }
 .StartPageTable2Text{
	 width:50vw;
 }
/* End body Hauptseite */

/* body Treckertreffen*/
.bodyTreffenPageTitle{
	font-size:2vw;
	color:red;
	text-align:center;
}
.TreffenOldPic{
	float:left;
	margin-left:2vw;
	margin-top:1vh;
	text-align:center;
	width:12vw;
}

.TreffenOldPic img{
	border:1px solid #F00;
	border-radius:1em;
	height:7vw;
}
.bodyTreffenTitle{
	font-size:2vw;
	color:red;
}
.AlsFramebildanzeigen{
	margin-left:5vw;
	margin-top:1vh;
	margin-bottom:1vh;	
	float:left;
	text-align:center;
}
.AlsFramebildanzeigen img{
	height:10vw;
}
.AlsVollbildanzeigen{
	margin-top:1vh;
	font-size:1.5vw;
	color:white;
	display:block;
}
/* end body Treckertreffen*/

/* body Restauration*/
.restauration{
	text-align:center;
	width:99%;
	height:100%;
}
.restauration object{
	width: 95%;
	height:95%;
	overflow: auto;
}
/* end body Restauration*/

/* body Termine*/
.TermineTitle{
	font-size:2vw;
	text-align:center;
}
.TermineAll{
margin-left: auto; margin-right: auto; /*Tabelle zemtrieren*/
	font-size:1.2vw ;
	border-collapse:collapse;
	border-spacing:0;
	border:thin solid #FFF;
	empty-cells:show	;
	width:90%;
}
.TermineTableHeader{
	empty-cells:show;
	font-size:larger;
}
.TermineTableHeader td{
	border:thin solid #FFF ;
}
.class_year_block{
	display:table-row;
	text-align:center;
	background-color:red;
}
.class_month_block{
	display:block;
}
.TermineTableMonth{
	color: #000;
	background-color:#3F9;
	empty-cells:hide;
}
.TermineTableDetail{
	vertical-align: top;
}
.TermineTableDetail td{
	border:thin solid #FFF ;	
}
.TermineTableDetailMail,  .TermineTableDetailWeb{
	color:red;
}
.TermineTableFoot{
	color:#FFF;
	text-align:center;
}
.TermineFlyer{
	text-align:center;
}

.TermineFlyer img{
	width:50vw;
}
.google_map{
	text-align:center;
}
.google_map_iframe{
	width:50vw;
	height:50vh;
}
/* end body Termine*/

/* body Wir*/
.WirHauptBild{
	text-align:center;
}
.WirHauptBild img{
	width:30vw;
}


.WirTableFrame{
margin-left: auto; margin-right: auto; /*Tabelle zemtrieren*/
	margin-top:2vh;
}
.WirTreckerBild img{
	width:20vw;
}

.WirTableData{
	margin-left:4vw;
	font-size:1.2vw ;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show		
}
.WirTableDataBorder td{
	border:thin solid #FFF;
}
/* end body Termine*/
/* *******body intern ***************************************** */


.intern_tabs_head {
	z-index:100;	
	position:fixed;
	top:0px;
	left:25%;
	font-size: 2vw;
}
.intern_tabs {
	display:inline;
	background-color:hsla(255,27%,50%,1);
}
.intern_tabs_element {
	display: inline;
	text-align: center;
	background-color: #FFF;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	border-top-right-radius: 0.5vw;
	-webkit-border-top-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	border-top-left-radius: 0.5vw;
}
.intern_tabs_element:hover {
	background-color: #CCC;
}

.block_bauwagen, .block_personen, .block_bilder, .block_dokumente{
	position:absolute;
	left: 0px;
	top: 14vh;
	width:100%;
	height:100%;
	display:none;
	z-index:0;
}
.block_dokumente iframe{
	height:100%;
	width:100%;
}	
.block_bauwagen{
	display:block;
}

.FrameBauwagenTable{
	background-color:#8080FF;
	margin-left:auto;
	margin-right:auto;
	padding:5%;
	width:60%;
}
.BauwagenTable{
	margin-left:auto; margin-right:auto;
	background-color:#8080FF;
	border-collapse:collapse;
	border:thin groove #CCC;
	width:100%;
}
.BauwagenTableColHead, .BauwagenTD_Day, .BauwagenTD_Month, .BauwagenTD_Person, .BauwagenTD_Year{
	border:thin solid white;
	font-weight:bold;
	font-size:1.5vw;
}
.BauwagenTableTitle{
	font-size:3vw;
	font-weight:bold;
	padding:2vw;
	text-align:center
}
.BauwagenTD_Year{text-align:center;}
.BauwagenTD_Day{text-align:right;}
.BauwagenTR_aktiv{color:red;}
.BauwagenTR_inaktiv{	color:black;}
.BauwagenTR_ausnahme{	color:green;}



.block_bauwagen:hover {
	display: block;
}
.block_personen:hover {
	display: block;
}
.block_bilder:hover {
	display:inline;
}
.block_bilder a{
	font-size:140%;
	vertical-align:middle;	
}
.block_bilder a img{
	width:10vw;
	vertical-align:middle;	
}
.block_bilder a img:hover{
	width:15vw;
	vertical-align:middle;	
}
/*       Person Data */
.Frameperson_data{
	margin-left:auto;
	margin-right:auto;
	background-color:#8080FF;
	padding:5%;
	width:60%;
}
.Person_data{
	border:thin solid white;
	font-weight:bold;
	font-size:1.5vw;
	white-space:nowrap;
	width:100%;
}
.Person{text-decoration:underline; padding-top:5%;}
.PersonMail{color:red;}
/* *****end **body intern ***************************************** */
/* *******body links ***************************************** */
.LinkTitle{
	font-weight:bold;
	font-size:2vw;
	margin-left:2vw;
}
.LinkTable{
	border-collapse:collapse;
	margin-left:2vw;
	font-size:1.5vw;	
}
.LinkTable td{
	border:groove #CCC;
}
.LinkTable a{
	font-weight:bold;
	color:red;
}
.LinksFoot{
	width:45vw;
	margin-left:2vw;	
}
/* **end *****body links ***************************************** */
/* *******body Treckersprüche ***************************************** */

.TreckerspruecheTitle{
	text-align:center;
	font-size:2vw;
}
.TreckerspruecheKomentar{
	font-size:1vw;
	text-align:center;
}
.TreckerspruecheTable{
	margin-left:auto;
	margin-right:auto;
	border-collapse:collapse;	
	border:groove #CCC;
	font-size:1.5vw;
	width:80%
}
.TreckerspruecheTyp{
		border:groove #CCC;
}
.TreckerspruecheSpruch{
	border:groove #CCC;
}
/* *****end **body Treckersprüche ***************************************** */
/* *******body Download ***************************************** */
.DownloadTable{
	margin:4vw;
}
.DownloadTable td a{
	color:black;
	font-size:3vw;
}
.MessageSprechblase {
	background-color:#FFF;
  position:absolute;
  width: 40%; 
  height: 30%;
   top:0px;
   left:7vw;
  line-height: 2vw; 
  font-size: 1.5vw;
  font-family: helvetica, tahoma;
  border: 4px solid #2651A6;
  margin:0 auto; 
  -webkit-border-radius: 20px; 
  -moz-border-radius: 20px; 
  border-radius: 30%;
  text-align: center; 
  background #fff;
  cursor:default;
  opacity: 0;
  animation: fade2 15s;
 }
@keyframes fade2 {
        0% { opacity: 0; }
		20% { opacity: 1; }
		80% { opacity: 1; }
        100% { opacity: 0; }
    }
	
.TermineMessage {
	width:100%;
	height:	200px;
	margin: 0;
   padding: 0;
   border: none;
   overflow: hidden;
}
/* ***end ****body Download ***************************************** */