@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");

body {
  font-family: Arial, sans-serif;
  font-size: 80.00%; 
  color: #000;
  background: url(bg.gif) fixed no-repeat center top #fdf1e3;  
  text-align:left;    
  margin:auto;
  padding:auto;   
  line-height:1.5em;  
}

#content {
  margin: 20px;
  font-size: 16px;
  line-height: 1.5em; 
}

/*** NAV **/ 
nav {
  height: 0px;
}

nav ul {
   display: flex;
   flex-wrap: wrap;
   max-width: 1080px;
   margin: 0 auto;
   background: #9c2423;
   padding: 0px;
   margin-top: -28px;
}

nav ul,
nav li {
   flex: 1;
}

nav li:last-child {
   border-bottom: none;
}

nav a {
   text-decoration: none;
   color: inherit;
   display: block;
   color:#fff;
   font-size: 1.4rem;
}

nav a:link {color: #fff;}
nav a:visited {color: #fff;}
nav a:focus,
nav a:hover,
nav a:active {color: #fff;}

nav i {
  font-style: normal;
}

nav a:hover {
   background: #a76327;
   color: #fff;
}

nav li {
   position: relative;
   line-height:40px;
   color: #fff;
   text-align: center;
   list-style: none;
}

nav input,
nav label {
   display: none;
   width: 50px;
   height: 50px;
   background: #fff;
   color: #000;
   text-align: center;
   line-height: 50px;
   font-size: 1.6rem;
   border-radius: 4px;
}

nav label {
   position: absolute;
   top: 10px;
   right: 10px;
   transition: .4s;
}

nav label:hover {
   cursor: pointer;
}

nav label:before {
   font-family: FontAwesome;
   font-size: 40px;
   content: "\f0c9";
   text-align: center;
}


/*************** MEDIA QUERIES *******************/

 nav ul {
    transform: translateY(0);
    box-shadow: 0 0 5px rgba(0, 0, 0, .7);
    transition: all .5s;
 }
 nav li {
    flex: none;
    width: 100%;
    border-bottom: solid 1px #a76327;
 }
 nav input[type="checkbox"]:checked + ul {
    transform: translateY(-200%);
    width: 100%;
    background: #999;
    transition: all .5s;
 }
 nav label {
    display: block;
 }
 nav input[type="checkbox"]:checked + ul li:nth-child(1) {
    background: #777;
    color: #fff;
 }



a:link {color: #9c2423; text-decoration:none;}
a:visited {color: #9c2423; text-decoration:none;}
a:focus,
a:hover,
a:active {color:#000000; text-decoration:none;}

a.x:link {color: #9c2423; text-decoration:none;}
a:visited {color: #9c2423; text-decoration:none;}
a.x:focus,
a.x:hover,
a.x:active {color:#ffffff; text-decoration:none; background-color:#9c2423;}


#header {
    background: url(nbt.png) no-repeat top;
    background: rgb(83,3,3);
    background: linear-gradient(0deg, rgba(83,3,3,1) 0%, rgba(121,9,9,1) 29%, rgba(255,0,0,1) 100%);
    height: 120px;
    width: 100%;
    margin: auto;
    padding: auto;
}

#header::after {
    content: "Ute Wolter - Praxis f\00fcr Neurale Balance Techniken";
    color: #fff;
    margin: 15px 20px;
		font-size: 1.5em;
    line-height: 1.5em;
    display: inline-block;
    width: 70%;
}

#footer {
    margin: 20px 50px;
}

h1 { font-size: 130%; color:#b9712e; }
h2 { font-size: 120%; color:#404040; }   
h3 { font-size: 110%; color:#b9712e; }      
h4 { font-size: 100%; color:#404040; }              
h5 { font-size: 90%; color:#0062a1;}                    
h6 { font-size: 110%; font-style:italic } 

li {
  line-height: 30px;
}

img.links {
  margin: 10px;

}

 /*** NO DISPLAY **/

 #print {
  display: none;
 }

 div.news {
  border:1px solid #942423;
  margin:10px;
  padding:10px;
  background-color:#FBF3DF;
  text-align: center;
 }

 input.nbt, textarea, select {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #404040;
  background-color: #ffffff;
  border: 1px solid #801e1d;
  padding: 4px;
}

a.ntbsub, .nbtsub, input.nbtsub {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #ffffff;
  background-color: #801e1d;
  border: 1px solid #000;
  padding: 10px;
}

.hnx7 {
	border:1px solid #c0c0c0; padding:15px; background:#ffffff;
}

td {
	display: grid;
	width: 85%;
}

ul {
	padding-left: 10px;
}

div.anno {
  border:1px solid #942423;
  margin:0px;
  padding:10px;
  background-color:#ffffff;
}

div.date {
  border:1px dotted #942423;
  margin:0px;
  padding:10px;
  background-color:#f8dedf;
}

div.hnx9 {
 display: none;
}

.hnx11 {
 margin-bottom: 20px;
}

.videolink {
	width: 70px; 
}