/* styles */
a:link { font-weight:bold; color: #3C2B1D; text-decoration:none; }
a:visited { font-weight:bold; color: #3C2B1D; text-decoration:none; }
a:focus { font-weight:bold; color: #3C2B1D; text-decoration:none; }
a:hover { font-weight:bold; color: #FDC63F; text-decoration:none; }
a:active { font-weight:bold; color: #3C2B1D; text-decoration:none; }

* {
  margin:0px;
  padding:0px:
}
body { text-align: center; 
			margin: auto; padding: 0;
			width: 100%; 
			height: 600px;
			background: url(../grafiken/terracotta_strukturkachel.jpg); 
/*			background-color: #F3E1D7; */
}
#tableau { 			
			text-align: left; 
			width: 800px; height: 600px;
			margin: auto; padding: 0;
/*			border: 1px solid black;  */
			position:relative; top: 0; 
}
#adr {
			text-align: left;
			margin: 0; padding: 0;
			position: absolute;
			top: 500px; left: 450px;
			height: 100px;
			width: 270px;
/*			border: 1px solid black; */
			background: url(../grafiken/adr_fade.jpg) 0px -50px no-repeat; 
}
#adr h1 { 
			padding: 10px 10px 0;
			font-family: Arial, Verdana, sans-serif;
			font-size: 14px; font-weight: bold;
}
#adr p {
			padding: 0px 10px;
			font-family: Arial, Verdana, sans-serif;
			font-size: 14px; font-weight: bold;
}
.logo { 
			text-align: left;
			margin: 0; padding: 0;
			position: absolute;
			top: 20px; left: 75px;
			height: 100px;
			width: 350px;
/*			background-image:url(../grafiken/logo_htg.gif);
			background-repeat: repeat-x;  */
}
.kasten1 { 
			margin: 0; padding: 0; 
			width: 350px; height: 380px;
			background-color: #F6CDA2;
			border-right: 3px solid #EDBC8A;
			border-bottom: 3px solid #DB9C68; 
			border-top: 3px solid #EDBC8A;
			border-left: 3px solid #DB9C68;
			position: absolute; top: 120px; left: 75px; 
			z-index: 15;
}
.kasten1 img, .kasten2 img{ border-width: 0;
}
.kasten2 { 
			margin: 0; padding: 0; 
			width: 350px; height: 380px;
			background-color: #F6CDA2;
			border-right: 3px solid #EDBC8A;
			border-bottom: 3px solid #DB9C68; 
			border-top: 3px solid #EDBC8A;
			border-left: 3px solid #DB9C68;
			position: absolute; top: 70px; left: 375px;
			z-index: 10;
/*			display:none;  */
}
h2.us {
			margin: 0; padding-top: 10px; padding-bottom: 10px;
			text-align: center;
			width: 650px; 
			font-family: Arial, Verdana, sans-serif;
			font-size: 30px; font-weight: bold;
			color: #F69748;
			border-left: 3px solid #DB9C68;
			position: absolute; top: 135px; left: 75px; 
			background: url(../grafiken/img_htg.jpg) 0px -10px no-repeat;
			z-index: 20;
}
.gm {
			margin: 0; padding: 0; 
			text-align: left;
			width: 250px; height: 30px;
			font-family: Arial, Verdana, sans-serif;
			font-size: 24px; font-weight: bold;
			position: absolute; top: 510px; left: 75px;
			float: left; 
			z-index: 25;
}
.nsb {
			margin: 0; padding: 0; 
			text-align: right;
			width: 250px; height: 30px;
			font-family: Arial, Verdana, sans-serif;
			font-size: 24px; font-weight: bold;
			position: absolute; top: 464px; left: 475px; 
			z-index: 26;
}
.tiny {
			font-size: 8px;
}