/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* CSS-Datei für                      */
/* # Seite Index (Home)    #                       */
/* Redesign 06/2011 bis xx/2011                    */
/*-------------------------------------------------*/
/* weiss = fbfbfb, grüngrau = 375555, rot = 8e5964 */
/* hellgrau = c9cdd6, Text = 2f2f2f                */
/*-------------------------------------------------*/


/* ### -- Seitenformatierung -- ### */
html::before 
{
  content: ' ';
  display: block;
  background-image: url("/grafiken/allgemein/back04.jpg");
  background-position: center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  z-index: -10; // This is pretty important.
}

body
{
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 margin-bottom: 30px;
 background-color: #ffFfff; /* Balken links und rechts */
 background-repeat: no-repeat;
 background-position: 50% 0%;
 background-attachment: scroll;
 font-family: "Open Sans",Arial,Helvetica;
 background-image: url("/grafiken/allgemein/back04.jpg");
 background-size: cover;
 background-attachment: fixed;
 background-position: Top center;
/* min-width: 100%;
 min-height: 100%;*/

}

#head1
{
 /*
 background: url("../grafiken/allgemein/wolken.png");
 background-repeat: repeat-x;
 background-color:#e3e3e3;*/
 /*background-color: rgba(255,255,255,0.5);*/
}

#balken1
{
 height: 30px;
 text-align: left;
 vertical-align: middle;
 background-color: #979eb0;
 border-left: solid 1px #000000;
 border-top: solid 1px #000000;
 border-right: solid 1px #ffffff;
 border-bottom: solid 1px #ffffff;
 /* border-bottom: solid 1px #6a757b; */
 background-repeat: no-repeat;
 background-position: 50% 50%;
}

.menuL    /* Mobile */
{
 padding-bottom: 5px;
 padding-top: 5px;
 padding-left: 0px;
 padding-right: 10px;
 font-size: 14px;  /*16px */
 color: #ffffff;
 text-align: left;
 white-space: nowrap;
}
.menuC  /* Mobile */
{
 padding-bottom: 5px;
 padding-top: 5px;
 padding-left: 10px;
 padding-right: 10px;
 font-size: 14px;  /*16px */
 color: #ffffff;
 text-align: center;
 white-space: nowrap;
}

.menuR  /* Mobile */
{
 padding-bottom: 5px;
 padding-top: 5px;
 padding-left: 10px;
 padding-right: 10px;
 font-size: 14px;  /*16px */
 color: #ffffff;
 text-align: right;
 white-space: nowrap;
}

#inhalt_links
{
 height: 400px; /* ### feste Seitenhöhe ### */
 font-size: 14px;
 color: #2f2f2f;
 line-height: 20px;
 font-family: "Open Sans",Arial,Helvetica;
 text-align: left;
 vertical-align: top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 20px;
 border-right: dotted 1px #000000;
}

#inhalt_rechts
{
 width: 300px;
 height: 100%;
 font-size: 14px;
 line-height: 20px;
 font-family: "Open Sans",Arial,Helvetica;
 text-align: left;
 vertical-align: top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 20px;
 padding-right: 0px;
 border-right: solid 0px #000000;
}

#inhalt_einspaltig
{
 height: 0px; /* ### feste Seitenhöhe ### */
 font-size: 14px;
 color: #2f2f2f;
 line-height: 20px;
 font-family: "Open Sans",Arial,Helvetica;
 text-align: left;
 vertical-align: top;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 border-right: none;
 height: 600px;
}


#TourListe
{
 /*
 background: url("../grafiken/allgemein/wolken.png");
 background-repeat: repeat-x;
 background-color:#e3e3e3;*/
 width:100%;
 background-color: rgba(255,255,255,0.75);
 font-size: 16px;
}

#Tourstatistik
{
 /*
 background: url("../grafiken/allgemein/wolken.png");
 background-repeat: repeat-x;
 background-color:#e3e3e3;*/
 background-color: rgba(255,255,255,0.75);
 font-size: 16px;
}

.TourstatistikName
{
 /*
 background: url("../grafiken/allgemein/wolken.png");
 background-repeat: repeat-x;
 background-color:#e3e3e3;*/
 font-size: 16px;
 padding-bottom:0px;
}

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

/*-Unterschiede Mobile-----------------------------*/

br 
{
  content: "";
	display: block;
	margin-bottom: 0.25em !important;
}

/* ### -- äusserer dünner Rahmen -- ### */
#rahmen1 /* Mobile */
{
 width: 900px;
 border: solid 0px #ffffff;
 background-repeat: repeat-y;
 background-position: 50% 0%;
}

#head2 /* Mobile */
{
 background: transparent;
 width:900px;              /* 640px */
 height:55px; 
}

.TopHead  /* Mobile */
{
 background: transparent;
 font-size: 28px;
 font-weight: bold;
 color: #FFFFFF;
 text-align: left;
 /*text-shadow: -1px 0 White, 0 1px White, 1px 0 White, 0 -1px White; */
 /*text-shadow: 0px 0 White, 0 2px White, 2px 0 White, 0 0px White; */
 text-shadow: 2px 2px 1px #000000;
}

.TopHead2  /* Mobile */
{
 background: transparent;
 font-size: 20px;
 font-weight: bold;
 color: #FFFFFF;
 text-align: left;
 /*text-shadow: -1px 0 White, 0 1px White, 1px 0 White, 0 -1px White; */
 /*text-shadow: 0px 0 White, 0 2px White, 2px 0 White, 0 0px White; */
 text-shadow: 2px 2px 1px #000000;
}

.balken1 /* Mobile */
{
  /*background-color: rgba(255,255,255,0.15);*/
}

.balken1u /* Mobile */
{
  background-color: transparent;
}

.table2 /* Mobile */
{
  margin-left:auto; 
  margin-right:auto;
  border-width: 0px;
  border-spacing: 0px;
  width:900px;              /* 640px */
  border: 0;
}

.Tourstatistik1
{
  width: 220px;
  text-align: left;
}
.Tourstatistik2
{
  width: 100px;
  text-align: right;
}

.login1
{
 font-size: 16px;
 font-weight: bold;
 color: 000000;
 text-align: left;
 width: 180px;
 padding-left: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.login2
{
 font-size: 16px;
 font-weight: bold;
 color: #000000;
 text-align: left;
 width: 220px;
 padding-right: 5px;
 padding-top: 5px;
 padding-bottom: 5px;
}

.login3
{
 font-size: 16px;
 color: #000000;
 text-align: left;
 width: 220px;
}

.login4
{
 font-size: 16px;
 color: #000000;
 text-align: center;
 width: 150px;
 height: 25px;
}

#fileloadbutton
{
 font-size: 32px;
 color: #000000;
 text-align: center;
 width: 250px;
 height: 50px;
 background-color: #BEBEBE;
}

.fileload
{
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.fileload + label {
 font-size: 16px;
 color: #000000;
 text-align: center;
 width: 150px;
 height: 25px;
 background-color: #BEBEBE;
 /*display: inline-block;*/
}

.InputText
{
 font-size: 16px;
 color: #000000;
 text-align: left;
 width: 480px;
}

.InputTextTour
{
 font-size: 16px;
 color: #000000;
 text-align: left;
 width: 580px;
}

.InputTextKM
{
 font-size: 16px;
 color: #000000;
 text-align: right;
 width: 100px;
}

.InputTextZeit
{
 font-size: 16px;
 color: #000000;
 text-align: right;
 width: 100px;
}

.InputTextDate
{
 font-size: 16px;
 color: #000000;
 text-align: right;
 width: 100px;
}

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