/* Benutzerfarben ausgeben */
/*
usercolor.medium = "#CCE6FF"
usercolor.bright = "#F5FAFF"
usercolor.dark = "#003F85"
usercolor.alt = ""
usercolor.alt.medium = ""
usercolor.alt.dark = "#2FCB44"
 */

#main {
	width:99%;
	margin:0 auto;
	/* border:1px dashed #333; */ /* Rahmen fuer Testzwecke */
	background-color:#ffffff;
}
  
#nest {
	padding-top:5px;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }
/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }
/* IE-Clearing: Benötigt nur der Internet Explorer und über iefix.css zugeschaltet */
#ie_clearing { display: none } 

#topic {
	/* border:1px dashed #333; */ /* Rahmen fuer Testzwecke */
	width: 200px;
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}

#sidebar {
	/* border:1px dashed #333; */ /* Rahmen fuer Testzwecke */
	width: 180px;
	float: right;
/* 	margin-bottom:10px;
	margin-top:16px; */
	margin: 16px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}
#sidebar a {
	text-decoration: none;
	font-weight : bold;
	color: #2FCB44;
}
#sidebar a:hover {
	text-decoration: underline;
	color: #2FCB44;
}

#logo {
	width:99%;
	height:70px;
	background : #F5FAFF url(../images/s2dlogo.jpg) no-repeat;
}

#plaintext {
	position:absolute;
	font-weight: bold;
	top: 12px;
	right: 20px;
	color: #fff;
	background: transparent;
	text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
}
#plaintext a {
	color: #ffffff;
	text-decoration: none;
}
#plaintext a:hover {
	text-decoration: underline;
}

#maintopic {
	width:99%;
	margin: 0px 0px 0px 0px; 
	padding: 1px 0px 2px 0px;
	background: #f9f9f9 url(../images/pmtp.gif) repeat-x;
	height: 32px;
}
#maintopic ul {
	list-style-type: none;
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 0px; 
}
#maintopic li {
	display: inline;
}
#maintopic a {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px; 
	padding: 8px 16px 0px 16px;
	text-decoration: none;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003F85;
	border-right: 1px solid #dedede;
	border-left: 1px solid #fdfdfd;
	text-transform : uppercase;
	height: 21px;
}
#maintopic a:hover {
	background-color: #FCF8D5;
}
#maintopic a.sel {
	background-color: #CCE6FF;
	color: #2FCB44;
}

#topic h3 {
	border-top: 1px solid #CCE6FF;
	border-bottom: 1px solid #CCE6FF;
	background-color: #F5FAFF;
	color: #2FCB44;
	padding: 4px 10px 4px 10px;
	font-size: 100%;
	font-weight: bold;
	text-transform : uppercase;
	margin: 20px 0px 0px 0px;
}
#topic p {
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #CCE6FF;
	margin: 0px 0px 0px 0px; 
}
#topic p a {
	text-decoration: none;
	color: #003F85;	
}
#topic p a:hover {
	text-decoration: underline;
	color: #2FCB44;	
}

form.search {
	padding: 0px 0px 0px 0px; 
	margin: 40px 0px 40px 0px;
}

form.search input {
	margin: 0px 0px 0px 0px; 
	vertical-align : middle;
}

input.search {
	border-top: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-bottom: #eeeeee 1px solid;
	border-right: #eeeeee 1px solid;
	background-color: #fcfcfc;
	width: 165px;
	padding: 2px;
	color: #2FCB44}

#footer {
	width:99%;
	padding: 10px 0px 10px 0px;
 	margin: 0px 0px 10px 0px; 
	text-align:center;
	border: 1px solid #CCE6FF;
	background-color:#F5FAFF;
}
  
#footer p {
	text-align:center;
	font-size:90%;
}
  
#footer a {
	text-decoration: none;
	font-weight : bold;
	color: #2FCB44;
}

#footer a:hover {
	text-decoration: underline;
	color: #2FCB44;
}

.container {
	position: relative;
	width: 99%;	
	height: 20px;
	margin: 0px 0px 0px 0px; 
	padding: 0px 0px 0px 0px; 
	/* border-bottom: 1px solid #9ba7b0; */
}

.left-element {
	position: absolute;
	left: 0;
	width: 50%;
	text-align: left; 
}

.right-element {
   position: absolute;
   right: 0;
   width: 50%;
   text-align: right; /* depends on element width */
}

.spacer {
	display: block;
	float: left;
	width: 12px;
	border-right: 1px solid #dedede;
	padding: 8px 12px 0px 12px;
	height: 21px;
}
