html.js-on        { overflow:hidden; } /* this should really only be set when JS=true; same is true for the contents overflow:auto */
body              { position:relative; color: #fff; background:#fff; font-family:Helvetica,Arial,Verdana,"Bitstream Vera Sans",sans-serif; font-size:11px; line-height:15px; margin:0; padding:0; }

/* basic hrefs */
a                 { color:#fff; text-decoration:none; }
a:hover           { color:#fff; text-decoration:underline; }
blockquote        { color:#fff; }
hr                { display:none; }
h1,h2,h3          { font-size:11px; margin:0 0 15px; padding:0; font-family:Helvetica,Arial,Verdana,"Bitstream Vera Sans",sans-serif; font-weight:normal; text-decoration:underline; }
.calm             { text-decoration:none; }
.underline        { text-decoration:underline; }
.nomargin         { margin:0; }
h2,h3             { margin:0; }
h3                { padding-top: 3em;}
p, ul             { margin:0; padding:0 0 15px; line-height:15px; }
img, a img        { border:0; margin:0; padding:0; }
em                { font-weight:bold; font-style:normal; }
h2 span, p.english, span.english { font-style:italic; }
p.english         { color:#ccc; }
p.no              { padding-bottom:0; }

/* navigation */
li.selected a,
a.selected        { text-decoration:underline; }

/* jquery supersize-plugin */
#supersize img,
#supersize span   { height:100%; width:100%; position:absolute; z-index:0; }

#supersize .activeslide,
#supersize .activeslide img { z-index: 200; }

#supersize .prevslide,
#supersize .prevslide img { z-index: 100; }

/* two columns in the references-section */
#references-container h2  { width:40px; float:left; }
#references-container p   { margin-left:60px; }

#kontext          { z-index:1000; width:420px; position:absolute; top:45px; background:url(images/transparent.png); }
#content          {  }
.container, #header { padding:15px 20px 20px 15px; }
#header { padding-bottom:15px; position:relative;}
html.js-on #content { height:435px; padding-right:13px; padding-bottom:5px;}
html.js-on .container { overflow:auto; height:400px; padding-right:7px; padding-bottom:10px; }

/* logo */
#logo             { z-index:300; width:186px; float:left; height:66px; position:absolute; bottom:35px; right:35px; }
#logo a:hover     { text-decoration:none; }

/* navigation */
#navigation       { color:#252525; width:200px; }
#navigation ul,
#navigation li    { list-style-type:none; margin:0; padding:0; }
#navigation ul    { margin-bottom:0; }

/* list items in main content */
#content ul       { padding-left:1.5em; }
#content li       { margin:0; padding:0; }

/* footer */
#footer           { }

.loading_initial  { position:absolute; top:1px; left:1px; background:url(images/loading_initial.gif); width:16px; height:16px; text-indent:-9999em; }
.loading          { position:absolute; right:15px; bottom:15px; background:url(images/loading.gif); width:16px; height:16px; text-indent:-9999em; }

address           { font-style:normal; position:relative; padding:0 0 15px; margin:0; }
span.pair         { clear:both; display:block; }
span.title        { width:3.5em; display:block; float:left; }
span.value        { float:left; display:block; width:20em; }
span.right        { text-align:right; position:absolute; bottom:15px; right:0; width:20em; display:block; }

/* self-clearing floats */
#header:after, address:after     { content:"\0020"; display:block; height:0; clear:both; visibility:hidden; }

/* Internet Explorer patches, fixes, hacks */
 /* hack: trigger IE6 only */
* html #header,
* html address    { zoom: 1; }
* html #footer    { position:absolute; }
* html.js-on      { height:100%; }
* body            { position: static; }
* html.js-on .container { 
   height: expression( this.scrollHeight > 399 ? "400px" : "auto" );
}

/* hack: trigger IE7 only */
*:first-child+html #header,
*:first-child+html address { zoom: 1; }

/* temporarily hide stuff */
p.language        { /* display: none; */ color:#ccc; }
p#slidetrigger    { position:absolute; right: 0; top: 10px; width:15px; height:15px; text-indent: -999em; background: url(images/arrow_left.gif) no-repeat; }

/* jScrollPane */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneContainer:active,
.jScrollPaneContainer:focus {
  outline: none;
 -moz-outline-style: none;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
/*  background: #aaa; */
}
.jScrollPaneDrag {
	position: absolute;
	background: url(images/drag.gif) repeat-y;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 12px;
	background: url(images/arrow_up.gif) no-repeat;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 12px;
	background: url(images/arrow_down.gif) no-repeat;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}