html, body {
	margin:0;
	padding:0;
	background-color:#000;
	font: 11px/18px "HelveticaNeue", Geneva, Arial, Verdana, sans-serif;
	color:#999;
} 

div#backgrounder { /* sonst ist kurz kein hintergrundbild zu sehen - deswegen doppelt. #main wird mit js ausgetauscht */
	width:985px; 
	text-align:center;
	background: url("../images/bg-sedna.jpg") no-repeat;
	margin:0 auto;
}

div#main {
	width:985px; 
	text-align:center;
	background: url("../images/bg-sedna.jpg") no-repeat;
	margin:0 auto;
}

img { border:0; behavior: url(iepngfix.htc); }


div#content { position:relative; text-align:left; }

.swapcontent ul {
	list-style-type:none;
	margin:0;
	padding-left:12px;
	}
.swapcontent ul li {
	list-style-image: url("../images/dot.gif");
	list-style-position: outside;
	padding:0 0 0 0px;
	margin:0;

}

/* ############################
	Header
###############################*/

div#Logo {
	position:absolute;
	top:53px;
	left:0px;
	z-index:4;
}

div#languageSwitch {
	position:absolute;
	top:49px;
	right:0px;
	z-index:5;
}

div#Logo a {
	display:block;
	background: transparent url("../images/logo-sedna.png") no-repeat;
	behavior: url(iepngfix.htc);
	width:154px;
	height:124px;
	border-bottom:none;
}

div#check {
	position:absolute;
	top:0;
	right:0;
}

/* ############################
	3 Spalten Content,...
###############################*/

div#slideshow {
	width:985px;
	padding-top:193px;
	position:relative;
	z-index:2;
}

div.abstract {
	width:730px;
	float:right;
	padding-top:30px;
}

div.col1 {
	width:195px;
	padding: 37px 27px 0 30px;
	float:left;
	text-align:right;
	text-align:left;
}

div.col2 {
	width:200px;
	float:left;	
	padding:0px 27px 0 0;
	margin-bottom:20px;
}

div.full {
	width:332px;
}

div.colfull {
	float:right;
}

div.flRight	{
	float					:	right;
	margin					:	.3em 0 0 1.2em;
}

div.flLeft	{
	float					:	left;
	margin					:	.3em 2em 0 0;
}

div.flNone	{
	text-align:left;
}

/* wird mit onload auf visible gesetzt */
#showcontent {
	display:none;
}
/* ############################
	Allgemeine Elemente
###############################*/


html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4 { font-size: 1em; font-weight: normal; font-style: normal; }

h1 { font-weight: bold; font-size: 24px; line-height: 36px; margin-bottom: 18px; }
h2 { font-weight: bold; font-size: 16px; line-height: 18px; margin-bottom: 18px; }
h3 { font-weight: bold; font-size: 1em; line-height: 18px; }
h4 { font-weight: bold; font-size: 10px; line-height: 18px; }

h1, h2, h4 { color:white; }
h1 { font-size:large; }
p { padding-bottom:1em; }

.hidden { display: none; }

@media screen, print
{
.invisable {
	position: absolute;
	left: -1000em; 
	width: 20em;
}
}

a, a:link, a:visited {
	color:#CCC;
	text-decoration:none;
}

a:hover { color:#FFF; }

div#navi a, div#navi a:link, div#navi a:visited { border-bottom:none; }

/* CLEARER */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ENDCE CLEARER */
br.clearer { clear:both; }

hr.clear_columns {	
	clear: both; 
	float: left; 
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -1.4em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}


/* ############################
	Navigationen
###############################*/

div#subnav ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

div#subnav ul li {
	border-bottom: 1px solid #656565;
}

div#subnav ul li a, div#subnav ul li a:link, div#subnav ul li a:visited {
	display:block;
	text-decoration: none; 
	padding: 4px 0 4px 10px;
}

div#subnav ul li a.active  {
	font-weight:bold;
	background: transparent url("../images/bg-nav-active5.gif") no-repeat top left;
}

div#subnav ul li.last {
	border-bottom:0px;
}

/* #############################
druckbild
############################### */
.druckbild {
display:none;
}

/* ############################
	Footer
###############################*/

#footer {
	color:#FFF;
  	height: 40px;
	padding: 10px 10px 20px 0;
	text-align:right;
	font:10px;
}

#footer div.col1 {
	text-align:right;
}

#footer a {
	border-bottom: none;
}

/* **********************************
     Runde Ecken ohne NIfty
************************************ */

.box { width: 985px; background: #3f3f3f;}
.box .bottom{display:block;background: #000;}
.box .bottom b {  display:block;height: 1px; overflow: hidden; background: #3f3f3f; }
.box .r1{margin: 0 5px;}
.box .r2{margin: 0 3px;}
.box .r3{margin: 0 2px;}
.box .bottom .r4{margin: 0 1px;height: 2px;}
.box {margin-top:0px;}

/********************************* 
clear
*************************************/
.clear { font-size: 1px;
         line-height: 0em;
         height: 0;
         clear: both;
}
		 
/**********************************
	Crossfader
***************************************/
	
#crossfade { position:relative; height:430px; width:995px; overflow:hidden; margin:0; padding:0; }
.fader { display:none; }
#crossfade .fader { display:block; }

#crossfade .image{ position:absolute; }
#crossfade #image0 { top:100px; left:0; }
#crossfade #image1 { top:50px; left:0; }
#crossfade #image2 { top:0; left:0; }
#crossfade #image3 { top:0; left:0; }
#crossfade #image4 { top:0; left:0; }

#crossfade .text{ position:absolute; z-index:3; }
#crossfade #text0 { top:255px; left:23px; }
#crossfade #text1 { top:255px; left:23px; }
#crossfade #text2 { top:255px; left:23px; }
#crossfade #text3 { top:255px; left:23px; }
#crossfade #text4 { top:255px; left:23px; }

#main .noscript { display:none; }
#main .changeContent { display:none; }
#main .changeContent.active, #main.hasjs .changeContent { display:block; }
#main #subnav ul li.active { background:none; background: transparent url("../images/bg-nav-active5.gif") no-repeat; }
#main #subnav ul li.active a { font-weight:bold; }

/******* Gallerie ******
/* gallerybox */

#main .galleryBottom3 { width:332px; height:8px; background: url("../images/top_gal.gif") no-repeat bottom left; margin-bottom:10px; }
#main .galleryBottom2 { width:250px; height:8px; background: url("../images/top_gal2.gif") no-repeat bottom left; margin-bottom:10px; }
#main .galleryBottom1 { width:166px; height:8px; background: url("../images/top_gal1.gif") no-repeat bottom left; margin-bottom:10px; }
#main .gallerySubline { margin: -10px 0 0 0; padding: 0 10px 10px 10px; line-height:12px; }
#main .width1 { width: 148px; }
#main .width2 { width: 232px; }
#main .width3 { width: 312px; }
#main .size3 { width:312px; padding:10px; background: url("../images/top_gal.gif") no-repeat; }
#main .size2 { width:232px; padding:10px; background: url("../images/top_gal2.gif") no-repeat; }
#main .size1 { width:148px; padding:10px; background: url("../images/top_gal1.gif") no-repeat; }
#main .gallerybox ul.popupnav { margin-left:40px; }
#main .gallerybox ul.popupnav:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; }
#main .gallerybox ul.popupnav li { display:inline; }
#main .gallerybox ul.popupnav li a { display:block; float:left; width:65px; height:48px; padding:0; margin:0 20px 0 0; background:#626262; }
#main .gallerybox ul.popupnav li.enlarge { clear:both; display:block; float:left; width:17px; height:17px; margin:-56px 0 0 -9px; _margin-left:-6px; background:url("../images/plus.png") no-repeat 0 0; font-size:1px; behavior: url(iepngfix.htc); }