/* CSS Document */

/* Zurücksetzen der Eigenschaften  von Blockelemnten auf 0 */

html,body, p, ul, li, table, th, tr, td, {
         margin: 0; /*wichtig für Firefox, IE, Safari &; Co */
         padding: 0; /* wichtig für Opera */

}


/* Deklarationen von Tags, damit sie sofort gesehen werden könnnen  */

body {     
        background-color: Lime;
		
       
}
img {
        border: 1px solid #ff0000;
        margin: 5px 5px 5px 5px;
        padding: 5px 5px 5px 5px;
        background-color: Aqua;
}
a:link {
        background-color: Menu;
        
}
a:hover {
        background-color: Highlight;
       
}
table {
	 border: 2px solid #ff00ff;
	 width: 80%;
}
tbody {
	background-color: #FFB6C1;
}
tr {
	margin:3px;
	padding: 10px;
	border-bottom: 1px solid #000000;
}
th {
	font-size: 1.1em;
	border-bottom: 10px dotted #000000;
}
td {
	text-align: left;
	border-bottom: 5px solid #000000;
}


/* Deklarationen von Tags, um bestimmte Eigenschften zu bestimmen  */






html {
        font-size: 100.1%;
		height: 100%;
       

}
body {
        font-family: "Comic Sans MS", serif;
        font-size: 0.9em;
       	height: 100%;
       
}
p {
       
}
ul {
       
        
}
ul li {text-decoration: none;}

h2, h3 {
	 text-align:  left;
	 margin-left: 20px;
}

a:link {text-decoration: none;}
a:hover {text-decoration: underline;}

/* Deklaration von ID */
#main {
        margin: 0px auto;
        text-align: center;
}
#main_inhalt {
        background-color: Silver;
        width: 820px;
        text-align: center;
		  margin: auto auto;
}
#header{
	background-color: #9ACD32;
	margin: 0px auto;
}

#header_inhalt{
        text-align: center;
}
#nav_q {
background-color: Fuchsia;
margin: 0px auto;
}
#nav_q_inhalt{
        
}
#nav_h{
    background-color: Olive;
    width: 240px;
    float:  left;
}
#nav_h_inhalt{
  
}


nav {
	font-size: 1.4em;
	padding-top: 15px;
}

nav img{
	height: 18px;
	width: 18px;
	padding:0;
	margin:0;
}
nav > ul {
	border: 1px solid #222;
	left: -800px;
    list-style-type:none;
	margin: 0;
    padding:5px 20px;
	position: relative;
	top: 15px;
	transition:all .3s ease;
	-webkit-transition:all .3s ease;
	font-size: 0.8em;
}

nav > .close,
a#nav:target {
    display: none;
}

a:target ~ ul,
a:target ~ .close {
    display: inline-block;
}

a:target ~ ul {
    left: 0;
}


#info{
	background-color: #FFFFAA;
	margin: 0px;
	float: right;
	width: 580px;
}
#info_inhalt{
   font-size: 1.1em;
}
#footer{
background-color: Red;
margin: 0px auto;
clear: both;
}
#footer_inhalt{
         text-align: center;
}


/* Deklaration von speziellen klassen */

/* Navigation oben unter Header Quer */
#nav_q_inhalt ul li{
         display: inline;
}



#nav_q_inhalt ul li a:link {
	background-color: Yellow;
	text-decoration: none;
	border-left: 2px solid Blue;
	border-right: 2px solid Blue;
	padding: 2px 5px 2px 5px;
	margin: 5px 10px 5px 10px;
}
#nav_q_inhalt ul li a:hover {
        background-color: Blue;
		  color: Yellow;
        text-decoration: underline;
}
/* Navigation seitlich links (hoch-Format) */

#nav_h_inhalt ul  {
	background-color: #FF4500;
	list-style: none;
}

#nav_h_inhalt ul li {
         text-decoration: none;
			background-color: #FF4500;
			 width: 180px;
			 padding: 5px 0px 5px 0px;
}

#nav_h_inhalt ul li a:link{
         background-color: #ff45ff;
}

#nav_h_inhalt ul li a:hover {
	background-color: #ADFF2F;
	text-decoration: underline;
}

/* InfoBereich */
#info_inhalt p a {
        background-color: Menu;
        text-decoration: none;
}

#info_inhalt p a:hover {
        background-color: Highlight;
        text-decoration: underline;
		  color: Yellow;
		  }

#info_inhalt ul li {
	list-style-type: square;
	text-align: left;
	margin-left: 50px;
}
td img {
        margin:0px;
        padding: 0px;
		  border: 0px;
}
#info_inhalt ul li a:link {
	text-decoration: none;
	background-color: Yellow;
	color: Blue;
}

#info_inhalt ul li a:hover {
	 text-decoration: none;
	 background-color: Blue;
	 color: Yellow;
}
/* noch nicht in Ordnung */