/* Container */
h1, h2, h3, h4, h5, h6, p, #horizontalmenu, #rightside_Anmeldung, .banner #span {font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
body {
	font-family: sans-serif;
}

#wrapper {    width: 980px;    margin: 0 auto;    background-color: #8e8e8e;    height: auto; border:0px solid yellow;}

#top {    background-color: #ffffff; border: 0px solid black;
          /* width: 100%; */
              padding: 0px 0; overflow: hidden;  height: auto;}

 #horizontalmenu    { background-color: #ffffff;    clear: both;   font-size: 16px; line-height:200%; }
 #horizontalmenu ul { padding: 0px 30px 40px 10px; border: 0px solid red; margin-bottom:0px; list-style:none; background-color: #333333; margin-top:0px;} 
 #horizontalmenu li { float:left; position:relative; padding-right:20px; display:block; border:0px solid grey; border-style:inset; } 
 #horizontalmenu li ul { display:none; position:absolute; } 
 #horizontalmenu li:hover ul{ display:block; background:#000000; height:auto; width:8em; padding-bottom:20px; border:0px solid grey; border-style:inset; opacity:0.6} 
 #horizontalmenu li ul li{ clear:both; border-style:none;} 
 #horizontalmenu a:link {color: #ffffff;}
 #horizontalmenu a:visited {color: #ffffff;}
 #horizontalmenu a:active {color: #ffffff;}
 #horizontalmenu a:hover {fill-opacity:inherit;margin-left:10px; padding: 5px 5px 5px 5px; border:0px solid grey; border-style:inset; font-style:oblique;   color: #000000; background-color: #ffd800;}
 #horizontalmenu a:focus {color: #ffffff; }

#container      { width:65%;  height:350px;    border: 1px solid black;    margin: 0px auto;    position:relative;    fill-opacity:inherit;     }
#container>img  { width:100%; height:100%;    position:absolute;    opacity:1;}

#container>.btn {    position:absolute;    width:50px;    height:50px;    border: none;    border-radius:25px;    top:200px;    background:black;    color:white;    font-size:20px;}
#container>#btn1:hover {    box-shadow:10px 0px 20px 0px black;}
#container>#btn2:hover {    box-shadow:-10px 0px 20px 0px black;}
#container>#btn2 {    position:relative;    float:right;}

#logo           { margin: 0 0 0 0px;    float: left;    width: 960px;     border: 0px solid yellow;}
#logo h1        { float: left;    width: auto; margin-top: -2px; padding: 0px 0px 0px 10px; border: 0px solid grey;  color:#000000;}

#banner         {float:left; width:300px; height:535px;;  margin: 0px ; padding:10px 0px 0px 0px; position:inherit; text-align:center; background-color:#eff695; border:0px double green;    }
#logo           { width: 179px;        height: 179px; margin-left:50px; padding: 0px 0px 0px 0px; position:center; border: 0px ridge green;  }
#banner h6      { background-color: yellow; padding:5px 0 5px 10px;       margin: 5px 0 0px 0;    }

#bannerright      { margin-left:300px;height:535px; padding:10px 20px 0px 10px; background-color:#eff695; border:0px double red;}
#bannerright img  {  width:660px;    height:493px;  margin:-10px 20px 0px -15px; display:inline-block;  position:inherit;     border:3px solid grey;}
#bannerright .buch           {width: 200px;            height: 200px;}
#bannerright .buch_offen     {width: 250px;            height: 140px;}
#bannerright .bew_titel     {width: 250px;            height: 120px;}
#bannerright span { float:left; background-color:silver; background-color: hsla(0,0%,100%, 0.5); position:relative; width:660px; margin-top: -35px ; line-height: 2em; font:bolder; text-align:center; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; border:3px solid yellow;}
#bannerright table { border: 1px solid black; background-color:silver; background-color: hsla(0,0%,100%, 0.5);
                     border-collapse:collapse;   width: 40em;   color: black;   border: 1px solid #333; }
#bannerright td { padding-left: 10px; border:1px solid black;}
#bannerright th {
   font-size: 120%;
   font-weight: bold; 
   color: black; 
   border:1px solid black;
   text-align: left;
   padding: 1em;
   padding-left: 10px; 
   margin-bottom: 3px; 
}

#subbanner      { background-color:#f8e9e9; border: 4px double red; margin-top: 10px ; }
#subbanner h3	{ margin:0px 0 5px 5px; font-size:24px; border-bottom:0px #777777 solid; padding:0px 0;}


#content		{ float:left;  background-color:#ffffff; width:650px;height:auto; padding:10px;border: 0px double red; }
#content h1		{ margin:0 0 5px 0;  font-size:36px; border-bottom:1px #777777 solid; padding:0px 0;}
#content h2	    { margin:0px 0 0px 0;}
#content p		{ margin:0px 0 ;line-height:120%;}
#content h4		{ margin:0px 0 5px 5px; font-size:18px; border-bottom:0px #777777 solid; padding:0px 0;}
/*#content img	{ width:210px; height: 210px; display:block; padding: 0px; border:1px #888888 solid; margin-top:10px;}*/
#content button {cursor:hand;font-family: Arial;color:#FFCC99;background-color: #25e208;border-color:#000000;border-style: inset} 


#content_breit {
    float: left;
    background-color: #efefef;
    width: 960px;
    margin:0px 10px 0px 0px;
    padding: 5px 10px 0 10px;
}
#content_breit h1	{ margin:0 0 0px 0px; padding-left:10px; background-color:#ffd800; font-size:24px; border-bottom:1px #777777 solid; }
#content_breit h2	{ margin:0 0 0px 0px; padding-left:10px; background-color:#fafc06; font-size:20px; border-bottom:1px #777777 solid; }
#content_breit h3	{ margin:0 0 0px 0px; padding-left:10px; background-color:#eff695; font-size:16px; border-bottom:1px #777777 solid; }
#content_breit p {font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }

#rightside		{ padding-left:5px; margin-left:690px;height:auto; border:0px solid grey;}
#rightside h2	{ margin:0px 0 0px 0;}
#rightside h6   { background-color: yellow; padding:5px 0 5px 10px;       margin: 5px 0 0px 0;    }
#rightside p	{ margin:0px 0; line-height:100%;font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; }
#rightside img  { width: 120px;            height: 120px;}

#content_Anmeldung      { float:left;  background-color:#ffffff; width:600px;height:auto; padding:20px;}

#rightside_Anmeldung    { padding:20px; margin-left:625px;height:auto; background-color:#ffffff;}


thead tr {
	color: white;
	background-color: orangered}

tbody tr:nth-child(odd) {
	background-color:khaki  ;
}

tbody tr:nth-child(even) {
	background-color:  orange;
}

tr:hover {
	background-color: yellow !important;
}

#footer			{ clear:both; background-color:#efefef;height:25px; padding: 0px 0px 0px 0px; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
#footer ul li 	{ float:left;padding: 0px 5px; list-style-type:none;	}
#copyright      { text-align:left; font:bold; color:#777777;float:right;}