/* use this to format lists in a floating box within a box - although it's often useful to apply anyway... */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hide from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

* { margin: 0;  padding: 0; }

/* pre { font-family: monospace; }
img {border: none;}
acronym, dfn {cursor: help; border-bottom: 1px dashed #ccc;} */

body {background: #ffffff url(leftshade.png);
background-repeat: repeat-x; color: #3b2720; font-family: verdana, arial, helvetica, sans-serif; text-align: left;  margin:0; padding: 0;}
/* body margin and padding of 0 to remove IE white space at top of page */

p {margin: 0; padding: 0; font-size:80%;}

#wrapper {
	background: #f1f2ea ; width:85%; float:right
}
#header {
	height: 80px;
	background:#453D3A;
	padding-bottom:.5em;
}

#header h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #990000;
	font-size: 130%;
	text-indent: 10pt;
	top: 15px;
}
#header p {margin: 10px 0 0 50px; padding: 0; font-family: verdana, arial, helvetica, san-serif; color: #fff; font-size: 100%; font-weight: lighter;}

#navcontainer ul {padding-left: 0; margin-left: 0; background-color: #a54; color: #fff; float: left; width: 100%; font-family: verdana, arial, helvetica, sans-serif; font-size: 80%;
}
#navcontainer ul li { display: inline;
}
#navcontainer ul li a {padding: 0.1em 1em; background-color: #a54; color: #fff; text-decoration: none; float: right; border-right: 1px solid #fff;
}
#navcontainer ul li a:hover {background-color: #c14136; color: #fff;text-decoration: underline overline;
}
#container { width: 99%; background: #ffffff url(bodytone.jpg); background-repeat: repeat-y; float: left; margin-right: -285px; padding-left: 28px; /* border: 2px solid gold;*/ padding-bottom: 50px /* padding-bottom keeps the footer (neg margin) away from the gallery in IE */
}
#content {background: transparent; margin-right: 185px; /*border:1px solid red;*/ 
}
#content h2 {font-weight: lighter; font-family: "Trebuchet MS", "lucida sans", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:150%; color:#a52a2a; letter-spacing: 2.5px; margin-left: 50px; margin-top: 20px;
}
hr {width: 50%; background-color: #a52a2a; height: 3px; margin: 15px 0 0 50px; }
/*whatever the total width of the border-top and border-bottom equal if used*/

.gallerybox{padding-right:140px;
padding-top:40px;}

.gallerybox2 {
	float:left;
	margin-top: 30px;
	padding-left: 70px;
	line-height: 17px;
}/* positions the gallery as a whole */

.gallerybox2 p {padding-right: 20px;}
.gallerybox2 a:link, .gallerybox a:visited { font-size: 80%; text-decoration: none; color: #a52a2a }
.gallerybox2 a:active {  }
.gallerybox2 a:hover {font-weight: bold; color: #3b2720;}




div.figure {/* filter:alpha(opacity=50);opacity:.50; */
  float: right; border: 2px #c14136 solid; margin: 25px 10px 0 0;}
/* div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
} */

/* FF margins are added to container, so widths need to take account of that */

.footer {
	float:left;
	width: 75%;
	border:1px solid #322;
	margin: -8px 0 0 0;
	padding-left:2em;
	background-color: #a54;
	color:#CCCCCC;
	font-size: 10px;
}

.footer a:link, .footer a:visited {
	text-decoration: none;
	color: #CCCCCC;
	font-size: 10px;
}
.footer a:active {  }
.footer a:hover {text-decoration: underline;
	font-weight: normal;
	color: #FFFFFF;
}
.footer p { margin: 0; padding: 4px; text-align: left; font-size: 70%; }

.footer img {margin-left: 50px;}

.last {
	margin-bottom: 0;
}
.spacer {
	height: 0;
	clear: both; border:1px dashed blue
} 
 .rubrik   {
	color: #990000;
	font-size: 10px;
	background-color: #FAF6E4;
	text-indent: 22px;
	background-image: url(grafik/h2_sidebar.gif);
}
#nav, #nav ul  {
	width: 300px;
}
	
	#nav li  { line-height: 1.25em; margin-bottom: -1px; position: relative; width: 14em; float: left }
	
	
	
	#nav li a       { color: #EEEEED; !important; font-size: 9px; font-weight: normal; text-decoration: none; background-color: #a54; display: block;  width: 16em; border-style: solid  !important; border-width: 1px !important; border-color: #453D3A; w\idth: 16em      }
	
	#nav li a:hover      { color: black !important; background-color: #EAE7DC; }
	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul  { left: -999em }
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul   { left: auto; border-style: dashed none dashed dashed; border-width: 2px medium 2px 2px; border-color: AppWorkspace }

#right, #right ul  {
	width: 300px;
	right: 0px;
	top: 510px;
	clear: right;
	float: right;
	position: absolute;
	list-style-type: none;
}
	
	#right li  {
	line-height: 1.25em;
	margin-bottom: -1px;
	}
	
	
	
	#right li a       { color: #EEEEED; !important; font-size: 9px; font-weight: normal; text-decoration: none; background-color: #a54; display: block;  width: 16em; border-style: solid  !important; border-width: 1px !important; border-color: #453D3A; width: 16em      }
	
	#right li a:hover      { color: black !important; background-color: #EAE7DC; }
	
	#right li:hover ul ul, #right li:hover ul ul ul, #right li.sfhover ul ul, #right li.sfhover ul ul ul  {  }
	
	#right li:hover ul, #right li li:hover ul, #right li li li:hover ul, #right li.sfhover ul, #right li li.sfhover ul, #right li li li.sfhover ul   { left: auto; border-style: dashed none dashed dashed; border-width: 2px medium 2px 2px; border-color: AppWorkspace }

#tellermiene {
border:1px solid #A52A2A;
font-size:12px;
height:250px;
padding:7px;
width:87%;
}