@charset "UTF-8";

/*
#E9E9EA
*/
@media all
{

* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}
		
body { 

	background: #fff;
	text-align: center;   /* (en) Centering layout in old IE-versions */

	/*
	font-family:  "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size:0.8em; 
	line-height:1.2em;
	*/
		
    color:#333;

	font-family:  Verdana, Arial, sans-serif;
			font-size:0.7em; 
	
	
line-height:1.4em;
}

strong {
font-weight:bold;
line-height:1.2em;
}


a, a:link, a:visited, a:hover, a:active{
color:#333;
text-decoration:underline;

}


#distance { 
		width:1px;
		height:50%;
		background-color:#fff;
		margin-bottom:-330px; /* half of container's height */
		float:left;
		}


	
#page{ 
	margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:610px;
		width:1180px;
		clear:left;
		border-left:10px solid #fff;
		border-top:15px solid #fff;
		
}



  #header {
padding:0px;
border:0px;
margin:0px;
height:60px;
}


#headerlogo{
position:absolute;
padding-top:0px;
width:200px;
}

#headerlogo a,  #headerlogo a:link, #headerlogo a:visited{
font-weight:normal;
text-decoration:none;
}

#headerlogo a:hover,  #headerlogo  a:hover, #headerlogo  a:active{
font-weight:bold;
text-decoration:none;
}

  
#xpageNav{
position:relative;
color:#000000;
 height:45px;
background: #6E6F61;
border-bottom:1px solid #000;
z-index:88;
  }
  
  #main {
	position:relative;
   background: #fff;
   }

#leftNav{
position:absolute;
left:0px;
width:250px;
line-height:1.6em;
  }

#midCol{
position:absolute;
left:260px;
width:340px;
height:540px;
background-color:#fff;
  }
  
  #midCol .txt{
  padding-right:20px;
height:540px;
overflow:auto;
  }

  
Xul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	
}

Xli { /* all list items */
	float: left;
	width:50px; /* width needed or else Opera goes nuts */
margin-right:5px;
}

.tmblist{

  }
  
  
#freestyleCol1{
position:absolute;
left:300px;
width:880px;
height:540;
  } 
  
#freestyleCol2{
position:absolute;
left:0px;
width:1180px;
height:540;
  } 
  
  
div.contentBox{
position:absolute;
background: #fff;
z-index:99;
}

div.midBox{
width:290px;
height:540px;
background: #E9E9EA;
margin-left:30px;
}
  
  
  
   /*************************************** media container
 */
   
#cubes{
position:absolute;
bottom:0;
width:330px;
  }
  
  
#cubes  .cube{
margin-right:5px;
margin-top:5px;
float:left;
  }
  
  
#rightCol{
position:absolute;
left:640px;

text-align:left;
background-color:#fff;
  }
  
  #rightCol .txt{
  padding:0px;
padding-right:10px;
height:540px;
width:540px;
overflow:auto;

  }



.mediaContainerOuter{
width:540px;
height:540px;
background-color:#ddd;
}

.mediaContainerInner{
  /* über php inline-style
padding-top:100px; 
padding-left:10px;

> text-align: center; 
works, aber besser horiz u. vertical position manuell in px

> problem IE
display:table-cell;
vertical-align:middle;
*/
  }
.imgDescription{
text-align:right;
  }


#footer { 

text-align:left;
padding:6px;

font-size:11px; 
color:#6E6F61;
 }
 
 #footer a {  
color:#6E6F61;
 }
 
 
 div.picColLeft { 
width:165px;
float:left;
border-right:1px solid #000;
height:444px;
 }
 
  div.picColRight { 
width:165px;
float:right;
border-left:1px solid #000;
height:444px;
 }
 
  div.midCol{
background: #fff;
height:444px;
overflow:auto;
color:#58594E;
display: block;
}

  div.midCol.overflowhidden{
overflow:hidden;
}

  div.midCol a {
color: #222E3C;     
text-decoration:underline;
}

 
 div.last {margin-right:0;}
 




h1,h2,h3 {
	font-family:   "ITC Garamond", Garamond, Times, serif;
	font-weight:bold;
	color:#AAA239;
	margin:0;
	padding:0;
}

h1{
	font-size:1.6em; 
	line-height:2.1em;
}

h2{
	font-size:1.3em; 
	line-height:1.8em;
	color:#AAA239;
}

h3{
	font-size:1.2em; 
	line-height:1.6em;
}


hr{
height:1px;
border:0;
border-top:1px solid  #E9E9EA;
clear:both;
}


blockquote{
/* font-style:italic; */
}

.slcontainer { height: 444px; width: 165px; padding:0; margin:0; overflow: hidden; z-index:0; }


 /*************************************** pageNav
 */
 
 #pageNav{
position:absolute;
top:0px;
left:640px;
width:540px;
  }
  #pageNav span{
margin-right:40px;
  }
  
  
#pageNav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}


#pageNav li { 
float:left;
width:100px;
}

#pageNav li.last{ 
text-align:right;
}
#pageNav li.last a{ 
}

#pageNav a,  #pageNav  a:link, #pageNav  a:visited{
/* display: block; ganzer block aktiv */
height:20px;
text-decoration: none;
padding-bottom:10px;
background: #fff;
font-weight:normal;
}


#pageNav a:hover, #pageNav  a:active{
font-weight:bold;
text-decoration:none;
}




#pageNav a.selected,  #pageNav a.current {
font-weight:bold;
color:#333;
}



 /*************************************** leftNav
 */
 #leftNav, #leftNav ul { /* all lists */

	padding: 0;
	margin: 0;
	list-style: none;

	
}

#leftNav a {
 display: block;

width:auto;
text-decoration: none;

}

#leftNav a:hover,  #leftNav  a:active{
font-weight:bold;
text-decoration:none;
}

#leftNav a.current {
font-weight:bold;
color:#333;
}

#leftNav a.selected {
font-weight:bold;
color:#333;
}


#leftNav .label {
 display: block;
height:15px;
width:auto;
text-decoration: none;
padding-top:5px;
font-style:italic;
}

#leftNav li { /* all list items */
width:250px; /* width needed or else Opera goes nuts */
background: #fff;
}

#leftNav li ul { /* second-level lists */
padding-left:0px;
}

#leftNav li ul li{ /* second-level lists */

}


 /* offset sublevels: 3 levels*/
#leftNav li ul a {
padding-left:15px;
}
#leftNav li ul li ul a{
padding-left:30px;
}
#leftNav li ul li ul a{
padding-left:30px;
}
#leftNav li ul li ul li ul a{
padding-left:45px;
}
#leftNav li ul li ul li ul li ul a{
padding-left:60px;
}


#leftNav li ul span {
padding-left:15px;
}
#leftNav li ul li ul span{
padding-left:30px;
}
#leftNav li ul li ul span{
padding-left:30px;
}
#leftNav li ul li ul li ul span{
padding-left:45px;
}
#leftNav li ul li ul li ul li ul span{
padding-left:60px;
}

#leftNav li:hover ul, #leftNav li.sfhover ul { /* lists nested under hovered list items */
}




/******************** clearfix 
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }
  
  
    /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix {
   display: block;
    height: 0;
	   }



/******************** tooltip */
#tooltip{
	position: absolute;
	z-index: 3000;
	background-color: #E9E9EA;
font-size:100%; 
/*
	opacity: 0.95;
	*/
}
#tooltip h3, #tooltip div {
	padding:4px;
	margin:0px;
font-weight:normal;
font-family:  Verdana, Arial, sans-serif;
font-size:11px; 
color:#333;
 }
 
 

/******************** jquery.flash.js */
	.flash-replaced .alt {
				display: block;
				height: 0;
				position: absolute;
				overflow: hidden;
				width: 0;
			}
			
			

/******************** articles
background: #fbfbfb  url("pics/verlauf4.jpg") repeat-x top left!important;
 */
		
		
		
div.article{
margin-top:18px;
padding-top:8px;
border-top:1px solid  #AAA239;
margin-bottom:5px;
}

div.article a{
text-decoration:underline;
}

div.article .more{
margin-top:5px;
}

div.article .header {
font-family:   "ITC Garamond", Garamond, Times, serif;
font-size:1.3em;
font-weight:bold;
color:#AAA239;
margin-bottom:3px;
}

div.article .date {
font-style:italic;
color: #868779;
font-size:11px;
}


div.article  img {
margin-right:8px;
}

.aheaderTestmode{
margin-top:24px;
padding:4px;
border-top:1px solid  #AAA239;
background: #FF9900!important;
margin-bottom:10px;
}

.testmode{
background: #dedede!important;
}

.testmodeArticle{
background: #FF9900!important;
}


/***** image preview (jquery) */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:1px;
	display:none;
	color:#fff;
	}
}