.note {
    background-color: red;
    padding: 1em;
    box-sizing: border-box;
    width: 100%;
    font-size: 2em;
    line-height: 1.3em;
    color: white;
    margin-bottom: 1.5em;
    text-align: center;
}


body {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    font-weight: normal;
    font-size : 65.5%;
    line-height: 1.7em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    color: #000000;
    text-decoration: none;
    position: relative;
}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 200%; 
  height: 200%;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
}

#bg img {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  bottom: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
}

#center {
	width: 900px;    
	margin-left: auto;
	margin-right: auto;
}

#header {
	background-image: url(../images/MSH69_Oben.jpg);
	background-repeat: no-repeat;
	background-color: white;
	/*
	background-size: 900px 160px;
	margin-left: auto;
	margin-right: auto;
	*/
    margin-top: 20px;
	width: 900px;
	height: 160px;
}       

#content {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	/*
	background-image: url(../images/hg2.png);
	*/
	background: white;
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute; 
}
    
#mainnavi {
	width: 230px;
	min-height: 400px;
	float: left;
	padding-top: 45px;
	position: absolute;
	line-height: 2.0em;
	font-family: Comic Sans MS;
}

#inhalt {
    width: 570px;
    min-height: 500px;
    float: right;
    padding: 45px 40px 40px 40px;
    font-family: Comic Sans MS;
	border-left: 3px solid rgb(231, 57, 30);
}

#inhalt_transport {
    width: 570px;
    min-height: 400px;
    float: right;
    padding: 45px 40px;
    font-family: Comic Sans MS;
	border-left: 3px solid rgb(231, 57, 30);
}   
        
a {
    color: black;
    text-decoration: underline;
}

a:hover {
    text-decoration: underline;
}

p {
    padding: 5px 0px 5px 0px;
    margin: 0;
    font-size: 1.2em;
}       

td {
    font-size: 1.2em;
}       

h1 {
    color: #000000;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    font-family: Comic Sans MS;
}

h2 {
	color: #000000;
	font-size: 1.0em;
	font-style: italic;
	text-align: center;
}

h3 {
    font-size: 1.6em;
    color: #808080;
}

#mainnavi ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#mainnavi ul li {
    padding-left: 25px;
}       

#mainnavi ul li a {
    font-size: 1.3em;
    color: Black;
    text-decoration: none;
}
        
#mainnavi ul li a:hover {
    text-decoration:none;
    color: #B40000; /*braun*/
}

#besucher {
    padding-top: 150px;
    padding-left: 25px;
    font-size: 1.2em;
}

#zaehler {
}

.active{
    font-size:1.4em;
    color: #B40000; /*braun*/
    margin:0;
    padding:0;
    font-weight:bold;
} 

.again_spam{
    display: none;
}
   
    
/*Tabelle Preisliste/Leistungen - leistungen.html*/
.CSSTableGenerator {
    margin:0px;padding:0px;
    width:100%;
    box-shadow: 10px 10px 5px #888888;
    border:1px solid #000000;
    
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
    
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
    
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
    
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.CSSTableGenerator table{
    border-collapse: collapse;
        border-spacing: 0;
    width:100%;
    height:100%;
    margin:0px;padding:0px;
}.CSSTableGenerator tr:last-child td:last-child {
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
}
.CSSTableGenerator table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.CSSTableGenerator table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.CSSTableGenerator tr:last-child td:first-child{
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
}

table#PriceTable tr td.PriceItem:hover,
table#PriceTable tr td.PriceItem.active {
    background-color: rgb(231, 57, 30);
    color: #fff;
    cursor: pointer;
    
}

.CSSTableGenerator tr:nth-child(odd){ background-color:#e5e5e5; }
.CSSTableGenerator tr:nth-child(even)    { background-color:#ffffff; }.CSSTableGenerator td{
    vertical-align:middle;
    
    
    border:1px solid #000000;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
    font-size:14px;
    font-family:Comic Sans MS;
    font-weight:normal;
    color:#000000;
}.CSSTableGenerator tr:last-child td{
    border-width:0px 1px 0px 0px;
}.CSSTableGenerator tr td:last-child{
    border-width:0px 0px 1px 0px;
}.CSSTableGenerator tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.CSSTableGenerator tr:first-child td{
        background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
    background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");  background: -o-linear-gradient(top,#cccccc,b2b2b2);

    background-color:#cccccc;
    border:0px solid #000000;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:16px;
    font-family:Comic Sans MS;
    font-weight:bold;
    color:#000000;
}
.CSSTableGenerator tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
    background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");  background: -o-linear-gradient(top,#cccccc,b2b2b2);

    background-color:#cccccc;
}
.CSSTableGenerator tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.CSSTableGenerator tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}



form.formStyled input[type="text"],
form.formStyled input[type="email"],
form.formStyled input[type="tel"],
form.formStyled select,
form.formStyled textarea { padding:.3em .5em; width: 100%; display: block; box-sizing: border-box; }
form.formStyled p.form-field { padding: .7em 0px; }
form.formStyled input[type="submit"] { width: auto; padding:.5em 2em; }


#kontakt_anfrage.formStyled { max-width: 400px; margin: 0 auto; }

form.formStyled label { font-size:1.2em; }
form.formStyled .block-row { margin-bottom:3em; }
form.formStyled .block-row::after { content:""; display: block; clear: both; }
form.formStyled .block-row .block-left { float:left; width: 48%; }
form.formStyled .block-row .block-right { float:right; width: 48%; }

form.formStyled .form-field.inline { padding:2px 0; }
form.formStyled .form-field.inline::after { content:""; display: block; clear: both; }
form.formStyled .form-field.inline label { width:30%; float:left; text-align: right; padding:3px 5px; box-sizing: border-box; }
form.formStyled .form-field.inline input { width:70%; float:right; }

form.formStyled h3 { color:black; font-size: 1.2em; text-align: center; }
form.formStyled p.additionalSpace { margin:2em auto; }