*{margin:0px; padding:0px;}
html, body {
	height: 100%;
}
body {
	font: normal 80%/1.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 100%;
	padding: 0;
	margin: 0;
		background: #8e8780 url(../images/bg.gif) repeat-y top left;
}

body#test2 {
	background-color: gray;
	}
.midlinks {width:100%; height:25px; background-color:#DEE4EB; margin-bottom:4px;}
.midlinkstxt {color:#003399;}
#container {
	position: relative;
	width:799px;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#shadow {
	width: 2px;
	border-left: 1px solid black;
	background-color: #2C2C2C;
	border-right: 1px solid #565656; 
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	position: absolute;
	top: 0;
	left: 799px;
}


	#header {
		width: 799px;
		height: 210px;
	}
		
		#logo {
			float: left;
			width:453px;
			height:210px;
			background: transparent url(../images/logo.gif) top left no-repeat;
		}
		
		#newsbox {
			float: left;
			width:346px;
			height:211px;
			background: transparent url(../images/newsbox.gif) top left no-repeat;
			line-height: 1.5em;
		}
	
	#left {
		float: left;
		width:211px;
	}
	
	#main {
		width:580px;
		margin: 0;
		padding: 0;
		margin-left: 211px;
		height: auto;
		margin-bottom: 20px;
	}
	
#footer {
	width:799px;
	height:auto;
	margin: 0;
	/*background: transparent url(../images/footer2.gif) top left no-repeat;*/
	z-index: 65;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	left: 0;
}
ul {
	margin: 0;
	padding: 0;
}

li {
	margin-left: 20px;
	z-index: 0;
}

h1, h2, h3 {
	color: #0099cc;
	margin: 8px 0 4px 0px;
	line-height: normal;
}

h1 {
	font-size: 18px;
}
h2 {
	font-size: 14px;
	padding-top: 10px;
}
h3 {
	font-size: 12px;
}

#main p {
	padding-bottom: 10px;
}

#main hr {
	height: 1px;
	width: 98%;
	border: none;
	border-bottom: 1px solid silver;
}

#newshead {
		color: #0099cc;
		font-weight: bolder;
}

#footerlinks {
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.footlinks {color:#006699;}
#footer_image {
	width:100%;
	display: block;
	height: 77px;
}

#footer_image img {
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 0px;
}


/* 
	pure layout properties are not indent. you can edit them for your needs.
	pure technical properties are indent 3 tabs. Generally there is no need to edit them. // important for functionality
	some properties are indent 1 tab, they are important for functionality but have to be adapted to your layout

	original code @ http://www.alistapart.com/articles/horizdropdowns/
*/
/* Allgemeine CSS-Class ausserhalb des Viewports */
.sbh {
		position: absolute;
		left: -999px;
		width: 0px;
		overflow: hidden;
		
}
#nav2 li a:link {
	display: block;
	padding: 6px 0px 6px 10px;
	margin: 0px;
	border: 1px solid silver;
	border-width: 0px 0px 1px 0px;
	width:197px;
	background-color: #9C948C;
	color: #DDDDDD;
	text-decoration: none;
	text-align: left;
	font-weight: 300;
}

#left li a:visited {
	display: block;
	padding: 6px 0px 6px 10px;
	margin: 0px;
	border: 1px solid silver;
	border-width: 0px 0px 1px 0px;
	width:197px;
	background-color: #9C948C;
	color: #DDDDDD;
	text-decoration: none;
	text-align: left;
	font-weight: 300;
}

#left li a:hover {
	color: #FFFFFF;
	background-color: #666666;
}

#left li a:active {
	color: #FFFFFF;
	background-color: #666666;
}
#nav2 ul {
		width: 197px;
		list-style: none;
}

#nav2 li ul {
		top: -1px;
			position: absolute;
			left: 207px;
			display: none;	
}

#nav2 ul li {
			position: relative;
}



#left li {
	list-style-type:none;
	padding-left: 0px;
	margin-left: 0px;
}


/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

#nav2 li:hover ul, 
#nav2 li ul li:hover ul, 
#nav2 li.over ul,
#nav2 li ul li.over ul
 { 
			display: block;
}



#left h1 {
	display: block;
	line-height: normal;
	width: 195px;
	border: 1px solid silver;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 24px;
	height: 29px;
	vertical-align: bottom;
	background-color:#DDDDDD;
	color: #9C948C;
}



ul.makeMenu, ul.makeMenu ul {
  cursor: default;             /* gives an arrow cursor */
}
ul.makeMenu li {
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          
}
ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 1px;                    /* position slightly lower than the parent menu item */
  left: 207px;                 /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
	border-left: 1px solid #333333;
}

th {
	background-color: #CfCfCf;
	color: #006699;
}
blockquote {
	padding: 0px;
	margin: 0px 0px 0px 15px;
	line-height: normal;
}

.quiet a:link, .quiet a:visited {
	color: grey;
	padding: 5px 15px;
	margin: 15px;
	margin-left: 230px;
	text-decoration: none;
	border: 1px dashed grey;
}

 .quiet a:hover {
	border: 1px solid black;
	color: black;
}