/************************************************/
/*  CSS Anweisungen                             */
/*                                              */
/*  Olaf Wolter, 04.01.2008                     */
/************************************************/

* {
   margin:0px;
   padding:0px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   text-align: left;
}

body 
	{
	scrollbar-arrow-color: #333300;
	scrollbar-highlight-color: #CCCC99;
	scrollbar-darkshadow-color: #CCCC99;
}

div#stage {
   position: absolute;
   height: 560px;
   width: 900px;
   left: 10px;
   top: 10px;
   visibility: hidden;
   /*visibility:visible;*/
   overflow: hidden;
}

div#Logo {
   position:absolute; 
	width:85px; 
   height:126px; 
   left:0px; 
   top:0px;
}

div#LeftBorder {
   position: absolute; 
	background-color: #CCCC99;
   width: 110px; 
   height: 560px; 
   left: 94px; 
   top: 0px;
}

div#LeftPicture {
   position: absolute;  
	width: 220px; 
   height: 220px; 
   left: 0px; 
   top: 316px; 
   z-index: 2;
}

/************************************************/
/*  Hauptnavigation (Nav / mainNav / subNav)    */
/************************************************/

div.Nav {
   position: absolute;
   top: 13px;
   height: auto;
   width: 125px;
   z-index:3;
}

div.mainNav {
   background-color: #CCCC99;
   width: 125px;
   height:24px;
}

div.mainNav a {
   display: block;
   width: 125px;
   line-height: 24px;
   font-size: 13px;
   letter-spacing: 1px;
   text-indent: 8px;
   color: #666633;
   text-decoration: none;
}

div.mainNav a:hover {
   background-color: #666633;
   color: #CCCC99;
}

div.mainNav a.select {
   background-color: #666633;
   color: #CCCC99;
   cursor: default;
}

div.subNav{
   display: none;
   -moz-opacity:0.9;
   -khtml-opacity:0.9;
   opacity:0.9;
   filter:alpha(opacity=90);
   background-color: #CCCC99;
   height:auto;
   width: 125px;
}

div.subNav ul {
   font-size: 11px;
   line-height: 20px;
   padding: 5px 0px 10px 0px;
   list-style-type: none;
}

div.subNav li a {
   width: 105px;
   w\idth: 105px;
   display: block;
   text-decoration: none;
   color: #666633;
   margin-left: 20px;
}

div.subNav a:hover {
   color: black;
   font-weight: bold;
}

div.subNav li.select {
   background: url(images/sys-select.gif) no-repeat 8px 8px;
}

div.subNav li.select a {
   color: black;
   font-weight: bold;
   cursor: default;
}

/************************************************/
/*  Untermenü linker Rand (subNavLeft)          */
/************************************************/

div.subNavLeft {
   position: absolute;
   top: 20px;
   left: 94px;
   height: auto;
   width: 110px;
}

div.subNavLeft li {
   font-size: 11px;
   line-height: 20px;
   list-style-type: none;
}

div.subNavLeft li.select {
   background: url(images/sys-select.gif) no-repeat 99px 8px;
}

div.subNavLeft li.select a {
   text-align: right;
   font-weight: bold;
   color: #484815;
   cursor: default;
}

div.subNavLeft li a{
   width: 95px;
   width: 95px;
   display: block;
   margin-right: 15px;
   text-decoration: none;
   text-align: right;
   color: #CCCC99;
}

div.subNavLeft a:hover{
   font-weight: bold;
}

/************************************************/
/*  Basismenü am unteren Rand (botNav)          */
/************************************************/

div.facebook {
	position: absolute; 
	margin: 0px; 
	padding:0px; 
	left: 863px; 
	top: 540px; 
	width: 20px; 
	height: 20px;
	z-index:2;
}

div.youtube {
	position: absolute; 
	margin: 0px; 
	padding:0px; 
	left: 863px; 
	top: 540px; 
	width: 49px; 
	height: 20px;
	z-index:2;
}


div.botNav, div.goBack {
   position: absolute;
   left: 515px;
   top: 548px; 
   width: 415px;
   vertical-align: middle;
}

/*
div.botNav, div.goBack {
   position: absolute;
   top: 545px;
   left: 565px;
   vertical-align: middle;
}
*/

div.goBack {
   top: 546px;
   left: 250px;
}

div.botNav li, div.goBack li {
   font-size: 11px;
   letter-spacing: 1px;
   border-left: 1px solid red;
   float: left;
   list-style: none;
}

div.botNav li#first, div.goBack li {
   border: none;
}

div.botNav li#last a {
   margin-right: 0px;
}

div.botNav a, div.goBack a {
   margin: 0px 8px 0px 8px;
   display: block;
   text-decoration: none;
   color: #333300;
}

div.botNav li.select a {
   text-decoration: underline;
   cursor: default;
}

div.botNav a:hover, div.goBack a:hover {
   text-decoration: underline;
}

/************************************************/
/*  Texte (headline / content)                  */
/************************************************/

p {
   font-size: 12px; 
   color: #000000; 
   text-align:justify; 
   line-height: 18px;
	padding-bottom:8px;
}

p.bold {
   font-weight: bold;
   padding-bottom:2px;
}

span.bold {
   font-weight: bold;
}

div.headline {
   position: absolute;
   left: 245px;
   top: 80px;
   width: 645px;
   height: 37px;
}

div.headline h1	{
	font-size: 32px;
   font-weight:100;
   color: #333300;
   letter-spacing: 1px;
}

div.content {
   position: absolute;
   left: 245px; 
   top: 135px; 
   width: 637px;
   /*height: 400px;*/
   height: 396px; 
   overflow: auto;
}

div.innerContent {
   width: 515px; 
   height: auto;
   background-color:#FFFFFF;
}

div.innerContent p a {
   text-align:justify; 
}

div.listHead {
   position:relative;
   clear:both;
   width:515px;
   padding-bottom:2px;
   border-bottom: 1px solid #000000;
}

div.listHead p {
   /*padding-right:115px;*/
   width:430px;
   padding-bottom:2px;
   text-align:left;
}

div.listHead h1 {
   font-size: 12px;
   font-weight:bold;
   padding-right:115px;
}

div.listHead h1.last {
   padding-bottom:4px;
}

div.listContent {
   position:relative;
   padding-top:10px;
   padding-bottom:25px;
}

div.oben {
   position:absolute;
   left:400px;
   width:115px;
}

div.nachOben {
   position:absolute;
   left:400px;
   width:115px;
   height:100%;
   bottom: 0px;
}

span.nachOben {
   position: absolute; 
   bottom: 0px; 
   width: 115px; 
   text-align: right;
   padding-bottom:4px;
}

a.internLink {
   font-size:12px;
   color: #000000;
   /*font-style:italic;
   letter-spacing: 1px;*/
   text-decoration:none;
}

a.internLink:hover {
   text-decoration:underline;
   color: #0000FF;
}

a.externLink {
   font-size:12px;
   color: #000000;
   text-decoration:none;
   padding-left:15px;
   background: url(images/sys-externLink.gif) no-repeat 0px 1px;
}

a.externLink:hover {
   text-decoration:underline;
   color: #0000FF;
   background: url(images/sys-externLink-hover.gif) no-repeat 0px 1px;
}

div.columLeft {
   float:left;
   clear:both;
   width: 255px;
   padding-bottom:20px;
   overflow:hidden
}

div.columRight {
   margin-left: 250px;
   padding-bottom:20px;
}

div.columLeft p, div.columRight p, div.indent p {
   line-height: 16px;
   padding-bottom:4px;
}

div.columLeft ul, div.columRight ul, div.indent {
   font-size: 12px;
   list-style:disc;
   line-height:20px;   
   padding-left:25px;
}

div.indent {
   padding-left:25px;
}