/*********************************************************************/
/*                                                                   */
/*                   Stylesheet für www.gcsfp.de                     */
/*                          dena-Extranet                            */
/*                                                                   */
/*        copyright 2007 Sunbeam GmbH www.sunbeam-berlin.de          */
/*                                                                   */
/*********************************************************************/


/****************************************/
/*   Allgemeine  T A G S  und Klassen   */
/****************************************/

* {
	margin: 0;
	padding: 0;
}

html, body { 
	height: 100%; 
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #000000;
	font-size: 76%;
}

/***  überschriften  ***/
h2	{
	margin: 0.8em 0.5em 0.5em 0.3em;
	font-size: 1.4em;
	color: #a6b9d3;
}

h3	{
	margin: 0.8em 0.5em 0.5em 0.4em;
	font-size: 1.2em;
	color: #a6b9d3;	
} 

h4	{
	font-size: 1em;
	margin: 0.9em 0 0.4em 0.5em;

}

/***  normale Links ***/
a:link,
a:visited {
	color: #002fb8; 
}

a:hover,
a:focus,
a:active {
	background-color: #ededed;
	text-decoration: none;
}

#content form	{
	margin: 0.8em 0.5em 0.5em 0.4em;
	font-size: 1em;
} 

.box h3 {
	font-size: 1em;
	color: #ededed;
	background-color: #a6b9d3;
	margin: 2px !important;
	padding: 0.2em 0.5em;
}

p {
	margin: 0.6em 0.9em 0.6em 0.5em;	
}

.box p {
	font-size: 0.8em;
	margin: 0.6em 0.5em;	
} 

/***  normale Listen in CONTENT und MARGINALIE  ***/
#content ul {
	margin: 0.2em 0 0.5em 3em;
}

#marginalie ul {
	margin: 0.2em 0 0.5em 2em;
}

#content li, #marginalie li {
  list-style: none;
  background: url(images/icon_pfeil.gif) no-repeat 0 0.2em;
  padding-left: 1.5em;
}

/***  Cleaner, um missliebige Floats zu beseitigen  ***/
.cleaner {
	clear: both;
	visibility: hidden;
	height: 0;
	line-height: 0;
	font-size: 0;
} 

/***  Breadcrumbleiste  ***/
.breadcrumb {
   font-size: 0.9em;
	margin: 0.4em 0.5em 0 20.5%;
}

/*** Logout ***/
#middle	{
	height: 2em;
}

#middle form {
	width: 20%;	
	float: left;
}

.button {
   border: 2px solid #ededed;
   background-color: #a6b9d3;	
   font-weight: bold;
   color: #ededed;
}

#middle .button {
	width: 100%;
}

.loginButton {
	border: 2px solid #ededed;
   background-color: #a6b9d3;	
	font-weight: bold;
   color: #ededed;
}

#middle form input	{
	padding: 0 !important;
	border: 1px solid green;
	margin-top: -2em;
}

#middle input {
	height: 0;
	position: absolute;
}

#middle input.button  {
	height: auto;
	margin-top: 1px;
	width: 13.7%;
	min-width: 176px;
	border: 2px solid #EDEDED;
}

div.login	{
	margin: 0.5em;
}

.login label	{
	display: block;
	float: left;
	width: 9em;
}

#logout label	{
	display: none;
}

/****************************************/
/*             L A Y O U T              */
/****************************************/

/*** Kasten um den gesamten Seiteninhalt zum Zentrieren ***/ 
#wrap {
	margin: 0 auto;
	padding: 0;	
	width: 900px;
	background: url(images/line_bottom.gif) repeat-x bottom left;
}

/*** Border ***/
#border {
   height: 100%; /* wrapped auch IE */
	display: block;
   margin: 0;
	padding: 0;
	padding-bottom: 0.8em;
	border-top: 2px solid #a6b9d3;
	border-right: 2px solid #a6b9d3;	
	background: url(images/corner_left.gif) no-repeat bottom left;
}

/***  Header  ***/
#top {
   padding-top: 9px;
	background-color: #ffffff;	
}

#top #logo {
	margin: 0;
	padding: 0;	
	background-color: #e1e1e1;
	width: 20%;
	float: left;
}

#top #schmuckbild {
	margin: 0;
	padding: 0;	
	background: url(images/schmuckbild.jpg) no-repeat top left;
	min-height: 116px;	
	xbackground-color: #e1e1e1;	
	width: 80%;
	float: left;
}

#schmuckbild img {
	float: right;
}

#schmuckbild img {
	border: none;
}
/***  Hautpbild - Accessible Image Replacement Technik - Gilder-/Levin-Methode  ***/
h1#picture {
	position: relative; /* AIR */
	margin: 0;
	padding: 0;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	height: 100px;
	border-top: 1px solid #CCCCCC;
	overflow: hidden;
	clear: both; /*Mozilla Ausdehnung top!*/
}

h1#picture span {
  background: url(images/homepage_header.jpg) no-repeat;
  height: 100%;
  position: absolute; /* AIR */
  width: 100%;
  z-index: 100;
} 
/* Ende AIR */

/*** Hauptbild - Subseiten ***/
#page-home h1#picture {
	height: 143px;
}

h1#picture span {
  background: url(images/sunflowers1.jpg) repeat-x;
}
/***  Ende Hauptbilder  ***/

/*** Content ***/
#content {
   margin: 0;
	padding: 0;
	width: 59%;
	float: left;
}

#sub #content {
	width: 79.5%;
}

#marginalie {
   margin: 0;
	padding: 10px 2px 0 0;
	width: 19.6%;
	float: left;
}

/*** Bilder in der Marginalie ***/
#marginalie img  {
	margin: 0;
	border: 2px solid #fff;
	padding: 4px;
	background: #f2f2f2;
}

#marginalie a:hover img  {
  background: #fff;
}

/****************************************/
/*              M E N Ü S               */
/****************************************/
/*** Nebenmenü ***/
#middle {
	padding: 1px 0;
	background-color: #ffffff;			
}

#middle ul {
	margin: 0 0.5em 0 0;
	padding: 3px 0 0 0;
	list-style: none;
	float: right;
}

#middle li {
	margin: 0;
	padding: 0;
	float: left;
	margin-left: 0.5em;
}

#middle a {
	font-size: 0.9em;
	color: #002FB8;
}

/*** Menü div menuBox ***/
#menuBox {
   margin: 0;
	margin-bottom: 5em; /* damit Menü nicht in runde Ecke gerät */
	padding: 10px 0 0 4px; /* 2px Abstand zu background-image ! */
	width: 19.7%;
	float: left;
	min-height: 100%;
}

/** Liste der Hauptnavigation // Anfang **/
/* 1. Ebene */
#menuBox ul	{
	list-style-type: none;
}

/** wird nur für Opera gebraucht, damit keine Listenpunkte angezeigt werden // Anfang **/
#menuBox li	{
	list-style-type: none;
}
/** wird nur für Opera gebraucht, damit keine Listenpunkte angezeigt werden // Ende **/

#menuBox ul li	{
	background-color: #ededed;
	margin-bottom: 1px;
	border: 2px solid #a6b9d3;
}

/* Aktiver Menüpunkt 1.Ebene */
#menuBox ul li.active {
	border: none;
	background-color: transparent;	
}

#menuBox ul li span {
	color: #000000;	
	display: block;
	font-weight: bold;
	padding: 0.3em 0.5em;
	border: 2px solid #a6b9d3;	
}

#menuBox ul li li.active span {
	color: #000000;	
	display: block;
	font-weight: bold;
	padding: 0.3em 0.5em;
	border: none;	
}

/* Links 1.Ebene */
#menuBox li a:link,
#menuBox li a:visited {
	text-decoration: none;
	color: #787878;	
	display: block;
	font-weight: bold;
	padding: 0.3em 0.5em;
}

#menuBox li a:hover,
#menuBox li a:focus,
#menuBox li a:active {
   color: #000000;
	background: #ffffff;
}

/* 2. Ebene */
#menuBox ul li.active ul {
	margin-top: 1px;
}

#menuBox ul li.active li {
	background-color: #ededed;
	margin-bottom: 1px;
	border: 2px solid #a6b9d3;
}

#menuBox li li a:link,
#menuBox li li a:visited {
	font-weight: normal;
	padding: 0.3em 1em;
}

#menuBox li li a:hover,
#menuBox li li a:focus,
#menuBox li li a:active {
   color: #000000;
	background: #ffffff;
}
 
#menuBox ul ul {
	margin-top: 1px;
}

#menuBox ul ul li {

}

#menuBox ul ul a {
	padding: 4px 0 4px 20px;
	font-weight: normal;
}

/*** Boxen in der Marginalie ***/
.box {
	background-color: #ededed;
}

/*** Bildausrichtung ***/
.csc-textpic-intext-left .csc-textpic-imagewrap {
	margin-left: 3em;
	padding-top: 0.5em;
	display: inline;
}

#marginalie .csc-textpic-intext-left .csc-textpic-imagewrap {
	margin-left: 2em;
	margin-right: 0;
}

.csc-textpic-caption-l .csc-caption {
	margin: 0 0 0.5em 4px !important;
}

/* Abstand */
.dti, .ddr, .ddl {
   margin: 0;
	padding: 0;
	font-size: 0.9em;
}

/* Form */
form.searchform	{
	margin: 0.5em;
}

form div {
	padding: 0.4em 0;
	clear: left;
}

label.standard {
	width: 10em;
	display: block;
	float: left;
}

form input {
	width: 15.6em;
}

form select {
	width: 75%;
}

input.resetButton {
	width: auto;
	margin-left: 2em;
}

.resultList	{
	margin: 1em 0;
}

ul.resultList, .resultList li	{
    list-style: disc !important; 
	margin-left: 1.4em !important;
	padding: 0;
}

ul.resultbrowser li {
	margin: 0.5em 0 !important;
	padding: 0.2em 0.5em !important;
}

ul.resultbrowser li a, ul.resultbrowser li span {
	display: block;
	float: left;
	padding: 0.2em 0.5em;
	margin: 0;
	border: 1px solid #ccc;
}

ul.resultbrowser li.currentView {
	font-weight: bold;
}

#content ul.resultSection, #content .resultSection li	{
	margin: 0.2em 0 0.3em 0.3em;
	padding: 0;
}

#content ul.resultbrowser, #content .resultbrowser li	{
	margin: 0.2em 0 0.3em 0.3em;
	padding: 0;
}