/*--------------------------------------
   3Cols
-------------------------------------- */
#left, #center, #right                 { display: inline; float: left; }
#left                                  { width: 280px; }
#center                                {
	width: 410px;
	height: 605px;
	background: transparent url(../images/layout/container.jpg) no-repeat 0 0;
}
#right                                 {
	width: 180px;
	height: 520px;
	padding: 60px 0 25px 0;
	margin: 0 0 0 20px;
}
#mainContainer .bottom                 { background: none; }
#left, #center                         { margin-right: 10px; }
.top, .bottom
                                       {
	margin-bottom: 10px;
	background: transparent url(../images/layout/block-bg.jpg) no-repeat 0 0;
}
.top                                   {
	height: 300px;
	background: transparent url(../images/layout/block-bg.jpg) no-repeat left bottom;
}
#left .top                             {
	position: relative;
	width: 280px;
	height: 340px;
}
#kontakt                               { margin-top: 158px; }		
/*--------------------------------------
   PATH
-------------------------------------- */	
#path                                  {
	position: absolute;
	margin: 10px;
	width: 385px;
	}
#path li                               { display: inline; }
#path a                                { color: #a7a7a7; text-decoration: none; background: transparent url(../images/layout/path.gif) no-repeat right 10px; padding-right: 8px; }
#path a.on                             { background: none; padding: 0; }

/*--------------------------------------
   Typ.
-------------------------------------- */
#wn                                    { line-height: 1.5em; }
#wn h1                                 {
	font-size: 2em;
	line-height: 1em;
	color: #838281;
	font-weight: normal;
	margin: 20px 0 15px 0;
}
#wn h2, #wn h3, 
#wn h4, #wn h5, #wn h6                 { font-size: 1.1em; margin: 15px 0 10px 0; }
#wn p, #wn ul, #wn ol                  { margin: 5px 0; }
#wn ul, #wn ol                         { padding-left: 10px; }
#wn ul li                              {
	background: transparent url(../images/layout/list.gif) no-repeat 0 12px;
	padding-left: 7px;
	height: 1%;
}
#wn ol li                              { list-style: outside decimal; margin-left: 30px; }

#wn table                              {
	margin: 10px 0;
	border-top: 1px solid #7a7775;
	border-bottom: 1px solid #7a7775;
}
#wn table th                           {
	padding: 4px 4px 8px 4px;
	font-size: 1.1em;
	text-align: center;
}
#wn table td                           { padding: 2px; }
		
#wn a:link, #wn a:visited              { color: #5a5754; text-decoration: underline; }
#wn a:hover, #wn a:active              { color: #838281; text-decoration: underline; }
		
#wn img                                { margin: 0 5px;  position: relative; }
#wn img#top-img                        {
	padding: 0;
	margin: 0 0 10px 0;
	width: 270px;
	height: 170px;
}
	
/*--------------------------------------
   PRESS ROOM
-------------------------------------- */
#press-room-box                        { margin: 0 0 35px 0; }
#press-room-box h2
                                       {
	background: transparent url(../images/layout/press-room.gif) no-repeat 0 0;
	width: 170px;
	height: 30px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#en #press-room-box h2                 { background: transparent url(../images/layout/press-room-en.gif) no-repeat 0 0; }
#press-room-box h2 a
                                       {
	display: block;
	width: 180px;
	height: 30px;
	text-indent: -9999px;
}
#press-room-box img                    { width: 150px; height: 110px; }

/*--------------------------------------
   NEWS - RIGHT
-------------------------------------- */	
#news-box                              { margin: 0 0 35px 0; }
#news-box h2                           {
	background: transparent url(../images/layout/news.gif) no-repeat 0 0;
	width: 180px;
	height: 30px;
	margin-bottom: 10px;
}
#en #news-box h2 { background: transparent url(../images/layout/news-en.gif) no-repeat 0 0; } 
#news-box h2 a                         {
	display: block;
	width: 180px;
	height: 30px;
	text-indent: -9999px;
}
#news-box .AccordionPanel              {
	margin: 0 0 25px 0;
	background: #fff;
	width: 100%;
}
#news-box .AccordionPanel img          {
	display: block;
	margin: 5px 0;
	width: 80px; height: 50px;
}
#news-box .AccordionPanel h3           {
	display: inline;
	font-size: 1em;
	font-weight: normal;
	color: #5a5754;
}
#news-box .AccordionPanel h3 a:link, 
#news-box .AccordionPanel a:visited    { color: #5a5754; text-decoration: none; }
#news-box .AccordionPanel h3 a:hover, 
#news-box .AccordionPanel h3 a:active  { color: #5a5754; text-decoration: underline; }
#news-box .AccordionPanel h3 span.date { color: #b9b9b8; margin-right: 5px; }
#news-box .txt                         { padding: 5px 0 0 0; }
/*--------------------------------------
   Scroller
-------------------------------------- */
#scrollWrapper                         {
	position: relative;
	width: 300px;
	left: 110px;
	top: 60px;
}
div#scrollbar                          { display:block; /* initially display:none; to hide from incapable */ }
div#wn                                 {
	position:relative;
	width:270px;
	height:457px;
	overflow:hidden;
}
div#wn #lyr1                           { width: 270px; }
div#scrollbar                          {
	position:absolute;
	width:6px;
	height:515px;
	font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
	top: -60px;
	right: 1px;
}
div#track                              {
	position:absolute;
	left:-1px;
	top:12px;
	width:6px;
	height:491px;
	background: none;
}
div#dragBar                            {
	position:absolute;
	left:0;
	top:1px;
	width:6px;
	height:20px;
	background: transparent url(../images/layout/scroller.gif) repeat-y 0 0;
}
div#up                                 { position:absolute; left:0; top:0; }
div#down                               { position:absolute; left:0; bottom:0; }

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img                      { display:block; }
