/*
	#152136	- Hintergrund von Seitenstreifen
	#f5f5f5 - Text
	#395884 - hr
	#60B5FF - visited Links
	#416496 - hover Links
	#395884 - Border
	#1D324E - Background von contenttb
	#283F61 - Background von Menüspalte
	#314C72 - Trennlinie in der Menü	
	#5AB2FF - Text in einem Reiter
*/

/*------------------------------ Standard(t)elemente :-) -----------------------------------*/
body {
  padding			: 0;
  margin			: 0;
  height			: 100%;
  background		: #152136;
  text-align		: center;
}

td, tr, p, div {
  font-family		: Tahoma, Helvetica, sans-serif;
  color				: #f5f5f5;
  font-size			: 13px;
  line-height		: 16px;
}

/*------------------------------ Der Grundgerüst -------------------------------------------*/

#outconteiner {
  position		: relative;
  text-align	: center;
  width			: 900px;
  margin		: 0px auto;
}

/* Das linke Teil des Header-Bildes */
#header-left-image {
  background     : url(../images/leftimage.jpg) #152136 no-repeat top left;
  border-left	 : 1px solid #395884;
  border-bottom	 : 1px solid #395884;
  padding	 	 : 0;
  height         : 200px; /* Abstand zum Menü von Oben. */
    }

/* Das rechte Teil des Header-Bildes */
#header-right-image {
  background     : url(../images/rightimage.jpg) #152136 no-repeat top left;
  border-bottom	 : 1px solid #395884;
  height         : 200px;
  padding		 : 0;
}

/* Schatten am linken Bereich des Contents */
#contenttb {
  padding		: 0;
  background	: url(../images/shadow.gif) #1D324E repeat-y top left;
  border-right	: 1px solid #395884;
}

/* Schatten im Footer */
.footer {
  height		: 50px;
  background	: url(../images/footer.gif) repeat-x top left;
  width			: 900px;
  margin		: 0 auto;
}

/* Text in der rechten Seite des Footers */
.footer-right {
  width			: 660px; 
  float			: right;
  font-size		: 12px;
  font-weight	: normal;
  text-align	: right;
  padding-right	: 20px;
  padding-top	: 15px;
  color			: #385890;
 }

/* Hintergrund der Menüspalte */
.leftcol {
  background	: url(../images/mod_left.jpg) #283F61 repeat-y top left;
}

.leftcol #leftmod {
  vertical-align	: top;
  padding			: 10px;
  padding-bottom	: 300px; /* Vertikale Position des menu-bottom-image Bildes*/
  padding-top		: 100px; /* Abstand der Menü zum Header */
  text-align		: left;
  width				: 200px; /* Breite der Menü-Spalte */
}

#menu-bottom-image{
  position			: absolute;
  left				: 20px;
  bottom			: 0;
  background		: url(../images/rainer.png) no-repeat;
  width				: 178px;
  height			: 300px;
}

/*------------------------------ Hauptmenü ---------------------------------------------------*/

a.main-menu {
  display			: block;
  width				: auto !important;
  width				: 100%;
  margin			: 1px 0;
  padding			: 0;
  font-size			: 12px;
  background		: none;
  text-indent		: 10px;
  font-family		: Tahoma, Verdana, Helvetica, sans-serif;
  line-height		: 20px;
}

a.main-menu:link, a.main-menu:visited {
  display			: block;
  font-size			: 12px;
  border-bottom		: 1px solid #314C72;
  font-weight		: normal;
  padding			: 2px 0;
  color				: #45699C;
  padding-left		: 10px;
  text-decoration	: none;

}
a.main-menu:hover {
  border-bottom		: 1px solid #314C72;
  font-size			: 12px;
  font-weight		: normal;
  color				: #ffffff;
  text-decoration	: none;
  padding-left		: 10px;
  text-decoration	: none;
  background		: #283F61;

}

#active_menu {
  color				: #ffffff;
  border-bottom		: 1px solid #314C72;
  background		: url(../images/pose.gif) #283F61 96% 75% no-repeat;
  text-decoration	: none;

}

a#active_menu:hover {
  color				: #60B5FF;
}

/*------------------------------ Reiter(tabs) ------------------------------------------------*/
/* Reiter-Überschrift*/
.tab-header {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  width            : 100%;
  font-size        : 16px;
/*  font-weight      : bold; */
  line-height      : 21px;
  text-align       : left;
  text-indent      : 0;
  color            : #5AB2FF;
  padding          : 3px 5px;
  margin           : 3px 0;
  background       : url(../images/corner_content.gif) #314C72 no-repeat top right;
  
  }

/* Reiter-Inhalt */
table.tab-content {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

/* Trennlinie */
.article_seperator {
  display		: block;
  width			: 100%;
  height		: 20px;
  background	: url(../images/separator.gif) no-repeat 50% 30%;
}

/*------------------------------ InfoBox -----------------------------------------------------*/

a.infobox { border-bottom: 1px dashed #c30; text-decoration:none; }
a.infobox span { visibility:hidden; position:absolute; right: 1em; margin-top:1.5em; padding:1em; text-decoration:none; text-align:justify; width:630px;}
a.infobox:hover { cursor:pointer; color:#c30; background:white; }
a.infobox:hover span { visibility:visible; right:1em; border:1px solid #c30; color:blue; background:white; font-size: 11px;}

/*
a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
    visibility:visible; left:1em; border:1px solid #c30; color:blue; background:white; 
}
*/

#info {
  font-family	: Tahoma, Verdana,  Helvetica, sans-serif;
  font-size		: 11px;	
}