/* CSS Document */
html, body {
    background-color : white;
    font-family: HelveticaNeue, Arial, Helvetica, sans-serif; 
	   word-spacing: .1em;
	   line-height: 80%;
    margin : 5px;
    padding : 0;
    color : black;
	
}

/* Barriere */
.versteckt {
    position : absolute;
    top : -400px;
    left: 0px;
}

.versteckt ul li a:focus, div.versteckt ul li a:hover, div.versteckt ul li a:active {
    font : bold 0.8em verdana, sans-serif;
    position : absolute;
    top : 386px;
    left : 10px;
    text-decoration : none;
}

.hidden {
 display: none;
}
/* Barriere */

#skyscraper {
width: 120px;
height: 600px;
display: block;
position: absolute;
left: 845px; 
top: 82px;
text-align: right;
}

#container {
    display: block;
    width : 820px;
    padding : 0;
    margin : 0;
}

#header {
	display: block;
 margin : 0;
 padding : 0;
 width : 820px;
}

#header #banner {
width : 820px;
height: 90px;
margin-bottom: 10px;
overflow: hidden;
display:block;
border: 1px solid #990099;
}

#header #headimage {
width : 819px;
overflow: hidden;
display:block;
border-top: 1px solid #990099;
border-left: 1px solid #990099;
border-right: 1px solid #990099;
}

#header .sprache {
 width: 150px;
 height: 16px;
 margin: 0 0 -20px 0;
 padding: 0px;
 display: block;
 position: relative;
 top: -22px;
 left: 665px;
 text-align: right;
}

#header .sprache a{
	font-size: .7em;
	color: white;
	letter-spacing: 0.1em;
	text-decoration: none;
	margin: 5px;
}

#navigation {
	display: block;
 margin : 0;
 padding : 0;
 width : 100%;
	font-size: .7em;
	font-weight: bold;
	letter-spacing: 0.09em;
	border-left: 1px solid #990099;
	margin-bottom: 10px;
 z-index: inherit;
}

#line {
	display: block;
 position: relative;
 top: -34px;
 left: 0px;
 width: 100%;
 height: 1px;
 font-size: 0px;
	border-bottom: 1px solid #990099;
}

#content {
    float : left;
    width : 566px;
    padding : 0;
    margin : 0;
}

#content .trenner {
	display : block;
	clear : both;
	margin: 5px 0px 4px -2px;
	padding : 0;
	height : 12px;
	width : 100%;
	background : url(../images/trenner.jpg) no-repeat;
}

#content .container {
 clear: both;
 display: block;
	margin: 0 0 0 4px;
	padding: 0px;
	color: black;
	font-size:  .75em;
	letter-spacing: 0.08em;
	word-spacing: .095em;
	line-height: 150%;
}

#content .container .mehr {
text-decoration: none;
color: #990099;
}

#content .container h2 {
 display: block;
 position: relative;
 top: 0px;
 left: 0px;
	margin: 0 0 3px 0;
	padding: 0;
	color: #990099;
	font-size:  1em;
	letter-spacing: 0.1em;
}

#content .container h1 {
	margin: 4px 0 4px 0;
	padding: 0px;
	color: black;
	font-size:  2em;
	font-weight: normal;
	letter-spacing: 0.095em;
	line-height: 120%;
}

#content h2 {
 display: block;
	margin: 4px 0px 3px 4px;
	padding: 0;
	font-size:  1em;
	letter-spacing: 0.095em;
	line-height: 120%;
}

#content .left {
   float : left;
   width : 260px;
   color : black;
}

#content .right {
   float : right;
   width : 260px;
   color : black;
}

#content .col {
   padding : 3px 0px 3px 0px;
}

#highlight {
	float : right;
	width : 240px;
	margin : 0;
	padding : 0;
	letter-spacing: 0.1em;
 line-height: 115%;
}

#highlight h1 {
   margin: 0;
   padding : 7px 10px 5px 10px;
   background-color: #990099;
   color : white;
   font-size: .85em;
}

#highlight .text {
  margin: 0;
  padding : 0px 10px 5px 10px;
  background-color: #990099;
  color : white;
  font-size: .7em;
}

#highlight h2 {
   padding : 0;
margin : 0;
   font-size: 1em; 
}

#highlight .trenner {
display : block;
width : 100%;
font-size: .8em;
margin:5px 0 5px 0; 
}

.clear  {
clear:both;
display:block;
width: 100%;
height: 1px;
font-size: 0px;
}

#highlight #banner_hl a {
display: block;
margin-bottom: 15px;
border: 0px;
text-decoration: none;
}

#highlight #banner_hl a img {
border: 0px;
text-decoration: none;
}

#highlight #werbebanner {
width : 238px;
text-align: center;
border: 1px solid #990099;
}


#content .blaettern {
    float : right;
    display : block;
    list-style : none;
    margin : 0;
    padding : 0;
}

#content .blaettern li {
    float : left;
    margin : 1px;
    padding : 1px;
    font-size: 1em;
    text-decoration: none;
    color: #990099;
}

#content .blaettern li a{
    text-decoration: none;
    color: black;
}


/* bildvergroesserung */

.DHTMLSuite_imageEnlarger_transparentDivs{	
	opacity:0.5;	/* Transparency */
	-moz-opacity:0.5;	/* Transparency */
	background-color:#000;
	z-index:111100;
	position:absolute; /* Always needed	*/
 display: block;
	top:-5px;
	left:-5px;
}

.DHTMLSuite_imageEnlarger_iframe{
	z-index:1000100;
}
.DHTMLSuite_imageEnlarger{	/* Main div - no layout on this */
	position:absolute;
	z-index:1000170;
	left:50%;
	top:50%;
}

.DHTMLSuite_imageEnlarger_imageBox{	/* div element inside main div - This is the place to add layout */
	position:relative;
	top: 50px;
	z-index:1000200;
	background-color:#A9BED9;
	border: 2px solid #990099;
	
}
.DHTMLSuite_imageEnlarger_caption{	/* Image caption */
 font-family: HelveticaNeue, Arial, sans-serif; 
	word-spacing: .1em;
	line-height: 80%;
	background-color:#990099;
	color:white;
	padding:5px;
	text-align:center;
	border-top: 0px ;
	border-bottom: 0px;
 font-size: .9em;
}
.DHTMLSuite_imageEnlarger_close,.DHTMLSuite_imageEnlarger_closeOver{	/* Close button */
	position:absolute;
	top:0px;
	right:0px;	
	background-repeat:no-repeat;
	background-position:top right;
	width:15px;
	height:15px;
	cursor:pointer;	
}
.DHTMLSuite_imageEnlarger_closeOver{		/* Close button - mouse over */
	background-image:url('../images/imageEnlarger_close_over.png');
}
.DHTMLSuite_imageEnlarger_close{	/* Close button */
	background-image:url('../images/imageEnlarger_close.png');
}

span.DHTMLSuite_imageEnlarger_captionTitle{	/* Image caption - title */
font-family: HelveticaNeue, Arial, sans-serif; 
	word-spacing: .1em;
	line-height: 80%;
	display:block;
	font-weight:normal;
	font-size: .8em; 
	color : white;
 font-size: .9em;
}
span.DHTMLSuite_imageEnlarger_captionDescription{	/* Image caption - the caption */
	display:block;
}
a.DHTMLSuite_imageEnlarger_closeLink{	/* Close link below the caption - If you don't want it, just set display:none as a new css rule for this class */
	font-family: HelveticaNeue, Arial, sans-serif; 
	word-spacing: .1em;
	line-height: 80%;
 text-align:center;
	display:block;
	color:white;
	text-decoration:underline;
	font-size: .8em; 
	margin-top: 6px;
 margin-bottom: 6px;
 font-size: .75em;
}

.col p {
margin: 9px 0px 9px 0;
padding: 0px;
}