/* "dot" refers to a class,
   "#" refers to an id */


body {
	font-family:Arial,Helvetica,sans-serif;
   	color:black;
}

body#home {
	background-color:#FFB40B;
}

body#texte {

}

.gelb {
	background-color:#FFB40B;
	color:black;
}

#mainpart {
	background:url('Pics/MyLogo.gif');
	position:relative; 
	float:left;
	margin:0 0 0 0;
	width:100%;
	//height:auto; 
	font-size:medium;
}

.bluefield {	
	position:relative; 
	margin:0 0 0 0;
float:left;
	background-color:#99FFFF;
	width:100%;
	height:auto; 
	font-size:medium;
}


#ueberschrift {	
	position:relative; 
	float:left;
	margin:0 0 0 0;
	width:100%;
}

#plaintext {
	position:relative; 
	float:left;
	top:0;
	left:0;
	margin:0 0 0 0;
	width:100%;
	height:auto; 
	font-size:medium;
}

#plaintext2 {
	position:relative; 
	top:0;
	right:0;
	margin:0 0 0 0;
	height:auto; 
	font-size:medium;
}

#applet_container{
	position:relative; 
	top:0;
	left:10px;
}

#groesser {
	font-size:20px;
}

#linktext {
	position:absolute; 
	top:0;
	right:0;
	margin:0 0 0 0;
	background-color:#FFB40B;
	width:25%;
	height:auto; 
	font-size:medium;
}

#navigation {
	margin:10px 0px 10px 0px;
	padding:0 0 0 10px;
}

#navigation li {
	font-size:medium;
	margin-bottom:1em;
}

#navigation a {
	outline:none;
}

h1 {
	font-size:200%;
	margin:12% auto 32% auto;
	text-align:center;
	font-weight:normal;
}

h2 {
	font-size:x-large;
	margin:30px 30px 30px 30px;
	text-align:left;
	font-weight:normal;
}

h3 {
	font-size:medium;
	margin:15px 15px 25px 25px;
	text-align:left;
	font-weight:normal;
}

h4 {
	font-size:small;
	margin:20px 20px 30px 30px;
	text-align:left;
	font-weight:normal;
}

h5 {
	font-size:xsmall;
	margin:20px 20px 30px 30px;
	text-align:left;
	font-weight:normal;
}

p#aveugle {
  text-decoration:none;
  font-color:#a4aba7;
  visibility:hidden;
}

#aveugle {
  display:none;
}

#spiegelstrich {
	list-style-type:none;
}

sourceCode {
	font-family: Courier;
	font-size:small;
	margin:20px 20px 30px 30px;
	text-align:left;
	font-weight:normal;
}

td.container {
    height: 280px;
}


/*
.dropbtn_3 {
  // mottled
  position: absolute; 
  top:0;
  right:0;
  background:url('./Backgelbhell.jpg'); 
  padding:15px 50px 0 16px;
  font-size:medium;
  margin-bottom:1em;
  border:none;
}

// Dropdown Content (Hidden by Default)
.dropdown-content {
  display:none;
  position:absolute;
    top:72px;
    right:0;
  background-color:#FFC621;
  padding:0px 10px 0 10px;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
  z-index:1;
}

.dropdown-content_2 {
  display:none;
  position:absolute;
    top:82px;
    right:0;
  background-color:#f3f3f3;
  padding:0 10px 0 10px;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
  z-index:1;
}

.dropdown-content_3 {
  display:none;
  position:absolute;
    top:72px;
    right:0;
  //background:url('./Backgelbhell.jpg');
  padding:0 10px 0 10px;
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);
  z-index:1;
}

*/


/* The container <div> - needed to position the dropdown content */
.dropdown {
  position:absolute; 
  top:0;
  right:0;
    //padding:0 0 10px 0;
  display:inline-block;
}


/* Dropdown Button */
.dropbtn {
  // yellow
  position:absolute; 
  top:0;
  right:0;
  background-color:#FFC621;
  padding:10px 50px 0 16px;
  font-size:medium;
  margin-bottom:1em;
  border:none;
}


.dropbtn_2 {
  // grey
  position:absolute; 
  top:0;
  right:0;
  background-color:#f3f3f3;
  padding:20px 50px 0 16px;
  font-size:medium;
  margin-bottom:1em;
  border:none;
}
.dropbtn_2 {
  // grey
  position:absolute; 
  top:0;
  right:0;
  background-color:#f3f3f3;
  padding:5px 50px 0 16px;
  font-size:medium;
  margin-bottom:1em;
  border:none;
}

.dropbtn_3 {
  // mottled
  position:absolute; 
  top:0;
  right:0;
  background:url('./Backgelbhell.jpg');
  padding:15px 50px 0 16px;
  font-size:medium;
  margin-bottom:1em;
  border:none;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
    right:0;
  background-color:#FFC621;
  padding:0 10px 0 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1;
}

.dropdown-content_2 {
  display: none;
  position: absolute;
    right:0;
  background-color:#f3f3f3;
  padding:0 10px 0 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1;
}

.dropdown-content_3 {
  display: none;
  position: absolute;
    right:0;
  background:url('./Backgelbhell.jpg');
  padding:0 10px 0 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index:1;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content   {display: block;}
.dropdown:hover .dropdown-content_2 {display: block;}
.dropdown:hover .dropdown-content_3 {display: block;  
				     background:url('./Backgelbhell.jpg');}

/* Change color of dropdown links on hover */
.dropdown-content   a:hover {background-color: #bbbbbb;}
.dropdown-content_2 a:hover {background-color: #bbbbbb;}
.dropdown-content_3 a:hover {background-color: #bbbbbb;}
 
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn   {background-color: #FFB601;}  
.dropdown:hover .dropbtn_2 {background-color: #eaeaea;}
.dropdown:hover .dropbtn_3 {background:url('./Backgelbdunk.jpg');}