/* ------------------------------> Farben
Gold: #cc9933


 */

/* ------------------------------> Grundsätzliche Formate (body) */
* { margin:0; padding:0; }
html, body { height:100%; }
body { background:#eeeeee; color:#000; font-family:'Lato', Arial, sans-serif; font-size:16px; }
img { border:0; }


#container {margin: 0px auto 0px auto;padding: 0px 0px 20px 0px; max-width: 800px; background: #eeeeee; color: #000000;}
#container a {text-decoration:none; }


/* =============================================================== >>>>  header  (200) */


header {height:200px; background-image:url(' ../RGW/headerfoto_02.jpg');}
header figure {position: absolute; top: 100px; left: 65%; z-index: 99; }		/*logo */
header figure img {height: 80px}
@media screen and  (max-width:800px) {
header figure {top: 20px;}
}


/* =============================================================== >>>>  Menuleiste  (45) --------------- */

#menuband {height: 10px; z-index: 1; background: #cad52f; border-bottom: 1px solid #002d51;border-top: 1px solid #002d51;}		/* gruenes Band zw. Header u Menu  */

#menuleiste { height: 33px; background: #888888;  font-family:"Gill Sans MT", Arial; font-size: 120%; color: #333333; line-height: 0.7;  }
#menuleiste ul {}
#menuleiste li { float: left; display:block; padding: 10px 20px; list-style:none; border-right: 1px solid white; }
#menuleiste a { display:inline-block; width: 50px; padding: 0px 20px;  text-decoration:none;  }
#menuleiste a {text-decoration:none; }
#menuleiste a:link {color:#333333;}
#menuleiste a:visited {color:#333333;}
#menuleiste a:hover {color: #ffffff; }
/*#menuleiste a:hover {  transform:scale(1.1,1.1);transition:all 0.5s 0.2s;; background:#000; color:#f8f5eb; }*/
@media screen and  (max-width:800px) {
#menuleiste  {font-size: 160%;}
}



/* =============================================================== >>>>  sidebar --------------- */
#sidebar { z-index: 1; position:relative; 	width: 15%; height:100%;  }
#sidebar div { position:absolute; 	left:5px; top:25px;  font-family:"Gill Sans MT", font-style:none;  Arial; font-size:80%; color:#777777;}
#sidebar p {content: 'X'; opacity: 0;}	/* um den container bis unten aufzuspannen!  */
@media screen and  (max-width:800px) {
#sidebar {width: 30%; height:100%;  }
#sidebar div {font-size:140%;}
}

/* =============================================================== >>>>  Textfeld   */



article {z-index: 99;  margin-left:120px; float:right; font-family:"Gill Sans MT", Arial; font-size: 100%; color: #777777; }


section {margin: 10px; padding:10px;  background: #ffffff;
			-webkit-border-radius: 10px;  -khtml-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px;}
section p {display:block; margin: 0 0 0 20px;}
section li { margin: 0 0 0 20px;}
section a {text-decoration:none; }
section em {font-style: italic; font-weight: bold;}
section a:link {color:#cad52f;}
section a:visited {color:#cad52f;}
section a:hover {color: #000000; }
section img {position:relative; top: 0px; height: 100px; margin: 0px 10px 0px 10px; float: right; 
			border-top: 1px solid #333333; border-right: 1px solid #cccccc; border-left: 1px solid #333333; border-bottom: 1px solid #cccccc;}

@media screen and  (max-width:800px) {
article {margin-left: 30%; width: 70%;}
section p {font-size:160%;}
}

/* =============================================================== >>>>  formular  */



#formular {
position: relative;
border: 0px solid red;
width: 60%;;
padding: 30px 0px 0px 100px;
margin: 0px 0px 0px 0px;
font-size: 14px;
line-height: 1.4em;
list-style-type: none;
color: #333345;
}
.tabanfrage td, tr {
border: 0px solid red;
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
font-family:   "Gill Sans MT", Arial;
font-size: 12px;
text-align: left; 
color: #999999;
}
.tabanfrage th {
padding: 0px 0px 20px 0px;
border-top: 1px solid #333345;
border-right: 0px solid #333345;
border-left: 1px solid #333345;
border-bottom: 0px solid #333345;
font-family: "Arial Rounded MT bold", Arial;
font-size: 14px;
text-align: left;
color: #cad52f;

}




/* ----------------------------bottom --------------- */
#bottom {
height: 20px;
/*background: #cccccc;
border-top: 1px solid #ffffff;
*/margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

font-family: "Gill Sans MT", Arial;
text-align: right;
font-size: 10px;
line-height: 1.9em;
color: #999999;
clear: both;
border: 0px solid #333345;
}

/* ---------------------------------------> Überschriften */

h1 {margin: 10px 0; font-family: "Arial Rounded MT bold", Arial;font-size: 120%;color: #cad52f;}
h2 {margin: 10px 0; font-family: "Gill Sans MT", Arial; font-size: 120%; color: #002d51; line-height: 1.2; }
@media screen and  (max-width:800px) {
h1 {font-size:180%;}
}