html, body
   {
   position: relative;
   background-color: rgba(230,230,140,1);
   // background-image: url("../images/global/background_25p.jpg");
   background-position: top left;
   background-repeat: no-repeat;
   background-attachment: fixed;
   -moz-background-size:cover;
   -o-background-size:cover;
   -webkit-background-size:cover;
   background-size: cover;
   color: rgba(0,0,0,1);
   font-family: Verdana;
   font-size: 100%;
   width: 100%;
   margin: 0;
   margin-left: auto;
   margin-right: auto;
   height: 100%;
   margin-top: 0px;
   margin-bottom: 0px;
  }
      	      	      	
a
   {
   color: rgba(0,0,255,1);
   // text-shadow: 1px 1px 1px rgb(255,255,255);
   text-decoration: none;
   }
      	      	      	
a:hover, a:focus, a:active
   {
   color: rgba(0,0,150,1);
   // text-shadow: 1px 1px 1px rgb(0,0,255);
   }
      	      	      	
  /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 /* ++++++++++++++++++++ WEITERER INHALT (ALLGEMEIN) +++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#container
   {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   -webkit-align-items: stretch;
   align-items: stretch;
   align-content: flex-start;
   -webkit-justify-content: center;
   justify-content: center;
   position: relative;
   width: 100%;
   height: 100%;
   text-align: justify;
   }
      	      	      	
#content
   {
   margin-left: auto;
   margin-right: auto;
   }
      	      	      	
   #content h2
      {
      text-align: center;
      color: rgba(0,0,0,1);
      }
      	      	      	
   #content h3
      {
      text-align: center;
      color: rgba(200,0,0,1);
      }
      	      	      	
   #text_allgemein
      {
      padding-left: 2%;
      padding-right: 2%;
      }
      	      	      	
   #preise
      {
      margin-top: 30px;
      padding-left: 2%;
      padding-right: 2%;
      text-align: justify;
      }
      	      	      	
      #preise ul
      	{
      	list-style-type: none;
      	}
      	      	      	
      	#preise ul li
      	   {
      	   line-height: 25px;
      	   }
      	      	      	
   #row
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: flex-start;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      box-sizing: border-box;
      position: relative;
      width: 100%;
      height: auto;
      padding-left: 5%;
      padding-right: 5%;
      text-align: justify;
      }
      	      	      	
      .breite_100p
      	{
      	box-sizing: border-box;
      	width: 100%;
      	}
      	      	      	
      .breite_50p_abstand_innen_klein
      	{
      	box-sizing: border-box;
      	width: 50%;
      	padding: 10px;
      	}
      	      	      	
      .ausrichtung_links
      	{
      	text-align: left;
      	}
      	      	      	
      .ausrichtung_rechts
      	{
      	text-align: right;
      	}
      	      	      	
   i#ausgebucht
      {
      color: rgba(255,0,0,1);
      }
      	      	      	
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++ Layout fuer Fehler- und Bestaetigungsmeldungen ++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
   #fehlermeldung
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: no-wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: center;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      color: rgba(190,0,0,1);
      width: 50%;
      text-align: center;
      padding-left: 3px;
      padding-right: 3px;
      margin-left: auto;
      margin-right: auto;
      }
      	      	      	
   #fehlermeldung2
      {
      color: rgba(190,0,0,1);
      width: auto;
      max-width: 90%;
      text-align: left;
      }
      	      	      	
      #fehlermeldung_bild
      	{
      	text-align: center;
      	margin-right: 10px;
      	}
      	      	      	
      	#fehlermeldung_bild img
      	   {
      	   height: auto;
      	   max-height: 150px;
      	   width: auto;
      	   }
      	      	      	
      #fehlermeldung_text
      	{
      	margin-left: 10px;
      	}
      	      	      	
      #fehlermeldung h4,#fehlermeldung2 h4
      	{
      	text-align: left;
      	}
      	      	      	
      #fehlermeldung p,#fehlermeldung2 p
      	{
      	text-align: justify;
      	}
      	      	      	
      #fehlermeldung ul,#fehlermeldung2 ul
      	{
      	list-style: none;
      	font-style: normal;
      	font-weight: normal;
      	width: auto;
      	max-width: 90%;
      	margin-left: 20px;
      	margin-right: 20px;
      	text-align: justify;
      	}
      	      	      	
      	#fehlermeldung ul li,#fehlermeldung2 ul li
      	   {
      	   color: rgba(0,0,0,1);
      	   width: auto;
      	   height: auto;
      	   text-align: justify;
      	   vertical-align: middle;
      	   }
      	      	      	
      	   #fehlermeldung ul li img#klein,#fehlermeldung2 ul li img#klein
      	      {
      	      width: auto;
      	      max-width: 100px;
      	      height: auto;
      	      max-height: 80px;
      	      margin-bottom: 5px;
      	      margin-right: 10px;
      	      vertical-align: middle;
      	      }
      	      	      	
      #fehlermeldung_input
      	{
      	color: rgba(190,0,0,1);
      	font-style: italic;
      	width: 100%;
      	text-align: left;
      	}
      	      	      	
	#fehlermeldung_input i#Euro
      	   {
      	   color: rgba(0,0,0,1);
      	   font-style: normal;
      	   }
      	      	      	
   #bestaetigungsmeldung
      {
      color: rgba(50,150,77);
      font-weight: bold;
      font-style: italic;
      width: auto;
      text-align: center;
      }
      	      	      	
      #bestaetigungsmeldung span
      	{
      	text-align: justify;
      	}
      	      	      	
      #bestaetigungsmeldung span ul
      	{
      	list-style: none;
      	font-style: normal;
      	font-weight: normal;
      	width: auto;
      	max-width: 90%;
      	margin-left: 20px;
      	margin-right: 20px;
      	text-align: justify;
      	}
      	      	      	
      	#bestaetigungsmeldung span ul li
      	   {
      	   color: rgba(0,0,0,1);
      	   width: auto;
      	   height: auto;
      	   text-align: justify;
      	   vertical-align: middle;
      	   }
      	      	      	
      	   #bestaetigungsmeldung span ul li img#klein
      	      {
      	      width: auto;
      	      max-width: 100px;
      	      height: auto;
      	      max-height: 80px;
      	      margin-bottom: 5px;
      	      margin-right: 10px;
      	      vertical-align: middle;
      	      }
      	      	      	
/* ################################################### */
/* ###################### Menue ####################### */
/* ################################################### */
#menue_desktop
   {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: no-wrap;
   -webkit-align-items: stretch;
   align-items: stretch;
   align-content: center;
   -webkit-justify-content: center;
   justify-content: center;
   width: 95%;
   text-align: center;
   }
      	      	      	
   #menue_desktop ul
      {
      margin-left: -40px;
      height: auto;
      text-align: center;
      font-size: 90%;
      list-style-type: none;
      text-decoration: none;
      }
      	      	      	
      #menue_desktop ul li
      	{
      list-style-type: none;
      	display: inline-block;
      	vertical-align: middle;
      	padding-left: 0px;
      	padding-top: 2px;
      	padding-right: 0px;
      	padding-bottom: 2px;
      	height: 10px;
      	}
      	      	      	
    #menue_mobil
      	{
      	z-index: 999;
      	float: right;
      	display: -webkit-flex;
      	display: -webkit-box;
      	display: -ms-flexbox;
      	display: flex;
      	flex-direction: row;
      	flex-wrap: wrap;
      	-webkit-align-items: stretch;
      	align-items: stretch;
      	align-content: flex-start;
      	-webkit-justify-content: right;
      	justify-content: right;
      	position: fixed;
      	right: 0px;
      	width: 100%;
      	height: 100%;
      	pointer-events: none;
      	}
      	      	      	
      	#menue_mobil input#strg_menue_mobil
      	   {
      	   display: none;
      	   }
      	      	      	
      	#menue_mobil label#label_menue_mobil 
      	   {
      	   position: relative;
      	   cursor: pointer;
      	   font-size: 80%;
      	   text-align: right;
      	   color: rgba(255,255,255,1);
      	   background-color: rgba(50,50,200,1);
      	   border-bottom-left-radius: 10px;
      	   box-sizing: border-box;
      	   padding: 5px;
      	   pointer-events: auto;
      	   }
      	      	      	
      	   #menue_mobil label#label_menue_mobil:hover
      	      {
      	      
      	      }
      	      	      	
      	   label#label_menue_mobil::after
      	      {
      	      content: url("../images/menue.png");
      	      }
      	      	      	
      	   #menue_mobil input#strg_menue_mobil:not(:checked) ~ .steuerung
      	      {
      	      display: none;
      	      }
      	      	      	
      	   #menue_mobil input#strg_menue_mobil:checked ~ label#label_menue_mobil:after
      	      {
      	      content: url("../images/menue_zu.png");
      	      }
      	      	      	
      	   #menue_mobil input#strg_menue_mobil:checked ~ .steuerung
      	      {
      	      display: flex;
      	      margin-top: -60px;
      	      width: 100%;
      	      height: 100%;
      	      }
      	      	      	
      	#strg
      	   {
      	   display: -webkit-flex;
      	   display: -webkit-box;
      	   display: -ms-flexbox;
      	   display: flex;
      	   flex-direction: column;
      	   flex-wrap: wrap;
      	   -webkit-align-items: center;
      	   align-items: center;
      	   align-content: right;
     	   -webkit-justify-content: right;
      	   justify-content: right;
      	   width: 100%;
      	   background-color: rgba(0,0,0,0.4);
      	   }
      	      	      	
      	   #strg ul
      	      {
      	      list-style-type: none;
      	      margin-top: 60px;
      	      margin-bottom: 0px;
      	      width: 100%;
      	      }
      	      	      	
      	      #strg ul li
      	      	{
      	      	margin: 5px 0 5px -40px;
      	      	width: 100%;
      	      	line-height: 40px;
      	      	font-size: 100%;
      	      	font-weight: bold;
      	      	text-align: center;
      	      	}
      	      	      	
      	      	#strg ul li a
      	      	   {
      	      	   width: 100%;
      	      	   pointer-events: auto;
      	      	   }
      	      	      	
      	      	   #strg ul li a div
      	      	      {
      	      	      color: rgba(255,255,255,1);
      	      	      background-color: rgba(50,50,200,1);
      	      	      width: 100%;
      	      	      }
      	      	      	
      	      	   #strg ul li a:hover div
      	      	      {
      	      	      color: rgba(200,200,200,1);
      	      	      background-color: rgba(0,0,255,1);
      	      	      }
      	      	      	
/* ################################################### */
/* #################### DiabloDesigns #################### */
/* ################################################### */
#created
   {
   display: -webkit-flex;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: no-wrap;
   -webkit-align-items: stretch;
   align-items: stretch;
   align-content: center;
   -webkit-justify-content: center;
   justify-content: center;
   width: 95%;
   margin-top: 20px;
   padding-bottom: 20px;
   text-align: center;
   }
      	      	      	
   #created_by
      {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      -webkit-align-items: stretch;
      align-items: stretch;
      align-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      padding-left: 5px;
      padding-right: 5px;
      }
      	      	      	
      #created_by img
      	{
      	max-width: 125px;
      	}