body { color: #533d19; font-size: 12px; line-height: 180%; font-family: verdana, helvetica, sans-serif; background-image: url(../images/bg.jpg); background-repeat: repeat-y; background-attachment: scroll; background-position: center top; margin: 0; padding: 0; }
a:link { color: #533d19; text-decoration: none; }
a:visited { color: #533d19; text-decoration: none; }
a:hover { color: #7fa9b5; text-decoration: none; }
a:active { color: #7fa9b5; text-decoration: none; }
h1 { color: #7fa9b5; font-size: 20px; line-height: 160%; padding-top: 30px; padding-left: 30px; }
/*container centers the layout*/
#container { width: 980px; margin-right: auto; margin-left: auto; padding: 0; }
#header { background-image: url(../images/bg-header.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; width: 980px; height: 201px; }

/*navigation*/
#menu { background-image: url(../images/bg-nav.jpg); background-repeat: no-repeat; background-position: center top; width: 980px; height: 56px; }
.menu{ border:none; border:0; margin:0 0 0 55px; padding:12px 0 0; font: 500 12px verdana, helvetica, sans-serif; text-decoration: none; }
.menu ul{ background-position: 0 0; height:35px; list-style:none; margin:0; padding:0; }
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{ color:#fff; display:block; font-weight:500; line-height:35px; margin:0; padding:0 25px; text-align:center; }
		.menu li a:hover, .menu ul li:hover a{ color:#ffffff; font-weight: 500; }
	.menu li ul{ background-position: 0 0; display:none; height:auto; padding:0; margin:0; border:0; position:absolute; width:190px; z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li { background-image: url(../images/bg-sub.gif); background-repeat: no-repeat; background-position: 0 0; display:block; float:none; margin:0; padding:0; width:190px; }
	.menu li:hover li a{  }
	.menu li ul a{ display:block; height:35px; font-size:12px; font-weight: 500; font-style:normal; text-decoration: none; margin:0; padding:0 10px; text-align:left; }
		.menu li ul a:hover, .menu li ul li:hover a{ border:0; color:#ffffff; font-weight: 500; background-image: url(../images/bg-sub-hov.gif); background-repeat: no-repeat; background-position: left center; text-decoration: none; }
	.menu p{
		clear:left;
		}	

		
/*title*/
.float-l {float:left }
.float-r {float:right }
.left { background-image: url(../images/bg-news.jpg); background-repeat: no-repeat; background-position: left top; width:250px; height:205px   }
.dsR2 /*agl rulekind: base;*/ { position: absolute; float: left; }
.left2 { background-image: url(../images/bg-news2.jpg); background-repeat: no-repeat; background-position: left top; width:250px; height:205px   }
.right { background-color: #fff; background-image: url(../images/bg-title.jpg); background-repeat: no-repeat; background-position: right top; width:730px; height:205px; }
.right2 { background-color: #fff; background-image: url(../images/bg-title2.jpg); background-repeat: no-repeat; background-position: right top; width:730px; height:205px; }
.right3 { background-image: url(../images/bg-title3.jpg); background-repeat: no-repeat; background-position: right top; width:730px; height:205px; }

/*text*/
#textarea { background-image: url(../images/bg-textarea.jpg); background-repeat: repeat-y; background-attachment: scroll; background-position: center top; width: 980px; float: none; clear:both; }
#textarea2 { background-image: url(../images/bg-textarea2.jpg); background-repeat: no-repeat; background-position: center top; width: 980px; height: 266px; float: none; clear:both; }
#textarea p { padding: 10px 65px; }
/*footer*/
#footer { background-image: url(../images/bg-footer.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; width: 980px; clear:both; height:196px      }
#ftlink { color: #533d19; font-size: smaller; line-height: 150%; margin-top: 0; margin-left: 65px; padding-top: 30px; }
#fttext { color: #533d19; font-size: smaller; line-height: 150%; margin-top: 30px; margin-left: 65px; }


/*index seite*/
#headeris { background-image: url(../images/firstheader.jpg); background-repeat: no-repeat; background-position: center top; width: 980px; height: 67px; }
.float-l { float: left; }
.right { float: right; }
.lefths { background-image: url(../images/first-hs.jpg); background-repeat: no-repeat; background-position: left top; width:490px; height:456px; margin: 0; padding: 0; }
.dsR2 /*agl rulekind: base;*/ { margin-left: 40px; float: left; }
.rightthp { background-image: url(../images/first-thp.jpg); background-repeat: no-repeat; background-position: right top; width:489px; height:456px; margin: 0; padding: 0; }
#footeris { background-image: url(../images/firstfooter.jpg); background-repeat: no-repeat; background-position: center top; width: 980px; height: 77px; clear: both; }
#hslink { font-weight: bolder; line-height: 35px; float: left; margin-top: 143px; margin-left: 333px; padding-top: 30px; }
#thplink { font-weight: bolder; line-height: 35px; text-decoration: none; float: right; margin-top: 240px; margin-right: 301px; }


/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }