/*
Content Stylesheet für die Seite feldbahn24.de 

hde, 2006
*/

/*********************************************************************************
** INHALT
**********************************************************************************/

#inhalt {
	padding: 0;
	margin: 0 160px 0 70px;
	font-size: 10pt;
	border: 1px solid white; 
}

/* Allgemeine Absätze */
#inhalt p{
	font-size: 10pt;
	/* color: #000000; */
	color: #000066;
	background: transparent;
	margin: 0 0 1em 0;
}

/* Alle Bilder ohne Rahmen */
#inhalt img {
	border: none;
}

/* Linkfarben im Inhaltsbereich */

#inhalt a,
#inhalt a:link,
#inhalt a:visited {
	color: #4A49A8;
	background: transparent;
}

#inhalt a:hover {
	color: #DD6900;
	background: transparent;
}

/*********************************************************************************
** Container Startseite
**********************************************************************************/

#inhalt div.startseite {
	background:url(images/startseite.png) no-repeat;
	padding: 80px 340px 0 10px;
}

/*********************************************************************************
** ÜBERSCHRIFTEN
**********************************************************************************/

/* Erste Überschriftsebene */
#inhalt h1 {
	font-size: 14pt;
	padding-bottom: 0.5em; 
	padding-top: 0.5em; 
	color: #4A49A8;
	background: transparent;
}

/* Zweite Überschriftsebene */
#inhalt h2 {
	font-size: 12pt;
	border-bottom: 1px solid #4A49A8;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	color: #4A49A8;
	background: transparent;
}

/* Dritte Überschriftsebene */
#inhalt h3 {
	font-size: 11pt;
	margin-bottom: 0.5em;
	color: #4A49A8;
	background: transparent;
}

/*********************************************************************************
** LINK FÜR SPRUNG ZUM SEITENANFANG
**********************************************************************************/
#inhalt .pagetop{
	font-size: 9pt;
	margin: 1em 0 1.5em 0;
}

#inhalt .pagetop img {
	border: none;
	display:inline;
	vertical-align: bottom;
	margin-right: 4px;
}

#inhalt .pagetop a, #inhalt .pagetop a:link, #inhalt .pagetop a:visited{
	color: #777777;
	background-color: transparent;
	text-decoration: none;
}

#inhalt .pagetop a:hover{
	color: #DD6900;
	background-color: transparent;
}

/*********************************************************************************
** Listendefinition
**********************************************************************************/
#inhalt ul{
	list-style-image: url("images/bullet_square_yellow.png");
	color: #000066;
}

#inhalt ul li{
	padding-bottom: 4px;
}

#inhalt ul.linkliste{
	list-style-image: url("images/arrow_right_green.png");
	color: #000066;
}

#inhalt ul.linkliste li{
	padding-bottom: 4px;
}

#inhalt ul.tocliste{
	list-style-image: none;
	list-style-type: none;
	color: #000066;
	margin-left: -20px;
}

#inhalt ul.tocliste li{
	padding-bottom: 4px;
	padding-left: 25px;
	background:url("images/bullet_ball_glass_red.png") no-repeat left center;
}

/*********************************************************************************
** Boxen mit runden Ecken in zwei verschiedenen Größen
**********************************************************************************/

/* große Box mit 350px Breite */
#inhalt .boxbig {
	/* border: 1px solid black; */
	padding: 5px 0 5px 10px;
	width: 350px;
	color:#504F76;
}

#inhalt .boxbigtop {
	background:url(images/button1top.png) no-repeat;
	padding: 16px 9px 0 9px;
	min-height: 32px;
}

#inhalt .boxbigbottom {
	background:url(images/button1bottom.png) no-repeat;
}

/* kleine Box mit 210px Breite */
#inhalt .boxsmall {
	/* border: 1px solid black; */
	padding: 5px 0 5px 10px;
	width: 210px;
	color:#504F76;
}

#inhalt .boxsmalltop {
	background:url(images/button2top.png) no-repeat;
	padding: 16px 9px 0 9px;
	min-height: 25px;
}

#inhalt .boxsmallbottom {
	background:url(images/button2bottom.png) no-repeat;
}

/*********************************************************************************
** COMMANDLINK BUTTON Titel + Text
**********************************************************************************/
/* äußerer Container */
#inhalt a.commandlink {
	margin: 5px 0 5px 10px; 
	display:block;
	width:350px; 
	background:url("images/cmdlink_top.png") no-repeat;
	text-decoration:none;
	cursor:pointer;
}

/* innerer Container */
.commandlink span.inner {
	display:block; 
	padding:15px 5px 25px 46px;
	min-height:35px;
	background:url("images/cmdlink_bot.png") no-repeat 0 100%; 
	text-decoration: none;
}

/* Titel des Buttons */
.commandlink span.inner .title {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-weight: bold;
	text-decoration:underline;
	/* line-height: 20px; */
}

/* Beschreibung der Action */
.commandlink span.inner .details {
	margin: 0;
	padding: 6px 0 4px 0;
	margin-bottom: 15px;
	font-size:9pt;
}

/*********************************************************************************
** COMMANDLINK BUTTON nur Titel
**********************************************************************************/
/* äußerer Container */
#inhalt a.commandlink1 {
	margin: 5px 0 5px 10px; 
	display:block;
	width:350px; 
	background:url("images/cmdlink_top.png") no-repeat;
	text-decoration:none;
	cursor:pointer;
}

/* innerer Container */
.commandlink1 span.inner {
	display:block; 
	padding:15px 5px 13px 46px;
	min-height:35px;
	background:url("images/cmdlink_bot.png") no-repeat 0 100%; 
	font-size: 10pt;
	font-weight: bold;
	text-decoration:underline;
}

/* Hilfsklassen für Linkfarben der Commandlinks */
.commandlink a:link,
.commandlink1 a:link {
	color:#504F76;
}

.commandlink a:hover,
.commandlink a:active,
.commandlink1 a:hover,
.commandlink1 a:active {
	color:#DC7D00;
}

/* Sonderformatierung für externe Links */
span.extlink {
    position: absolute;
    left: -3000px;
    top: -3000px;
    width: 0;
    height: 0;
    overflow: hidden;
    display: inline;
}

#inhalt a.extern:link {
    background: url(images/external.gif) no-repeat 100% 0;
    padding: 0 20px 0 0;
}

#inhalt a.extern:visited {
    background: url(images/external.gif) no-repeat 100% -100px;
    padding: 0 20px 0 0;
}

#inhalt a.extern:hover, a.extern:active, a.extern:focus {
    background: url(images/external.gif) no-repeat 100% -200px;
    padding: 0 20px 0 0;
}

/*********************************************************************************
** SITEMAP
**********************************************************************************/
#sitemap {
	padding: 1em 1.5em;
	line-height: 20px;
	color: #000000;
	font-size: 9pt;
}

#sitemap .pagedate {
	color: #777777;
	font-size: 8pt;
}

#sitemap .pagedatenew {
	color: red;
	font-size: 8pt;
	font-weight: bold;
}

#sitemap .text {
	/* color: #777777; */
	color: #000066;;
}

#sitemap LI {
   padding: 0 0 0 24px;
   margin: 0;
}

#sitemap a {
	font-weight: bold;
}

#sitemap LI {
   background: url(images/extm.gif) no-repeat 0% 0%;
   padding-bottom: 1px;
}

#sitemap LI.last {
   background: url(images/exlm.gif) no-repeat 0% 0%;
   padding-bottom: 1px;
}

#sitemap UL {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
}

#sitemap UL {
	list-style-image: none;
	list-style: none;
   background: url(images/exim.gif) repeat-y 0% 0%; 
}

#sitemap UL.last {
   background-image: none;
   list-style-image: none;
	list-style: none;
}

/*********************************************************************************
** Letzte Änderungen ChangeMap
**********************************************************************************/

#changemap {
	padding: 1em 1.5em;
	color: #000000;
	font-size: 9pt;
}

#changemap .pagedate {
	color: #777777;
	font-size: 8pt;
}

#changemap .text {
	/* color: #777777; */
	color: #000066;;
}

#changemap a {
	font-weight: bold;
}

/*********************************************************************************
** Volltextsuche
**********************************************************************************/
#suche{
}

#suche li {
	border-bottom: 1px solid #777777; 
	padding-bottom: 3px;
}

#suche .suchetext {
	margin-left:4em; 
	font-size: 9pt; 
	color: #777777; 
	margin-top: 5px;
}

#suche .suchbegriffe {
	font-size: 8pt;
}

/*********************************************************************************
** Einzeilige Linkbuttons
**********************************************************************************/
#inhalt a.linkbutton {
	width: 255px;
	display: block;
	height: 35px;
	background: url("images/linkbutton.png") no-repeat;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold;
	padding: 7px 0 0 40px;
}

/*********************************************************************************
** Datentabellen
**********************************************************************************/
#inhalt table.frame {
	border: 1px #194CA5 solid;
}
.frame th, .frame td, .block td {
	padding-left: 10px;
	padding-right: 10px;
	color: #000066;
}
.frame th {
    color: #FFFFFF;
    background-color: #194CA5;
    font-weight: bold;
    height: 25px;
    background-image: url("images/tableheader.gif");
}
.row1 {
  color: Black;
  background-color: #F4F4FC;
}
.row2 {
  color: Black;
  background-color: #FFFFFF;
}

/*********************************************************************************
** Linkboxen Blau und Orange
**********************************************************************************/
/* gemeinsame Eigenschaften der Boxen */
#inhalt .linkboxorange,
#inhalt .linkboxblue {
	width: 600px;
	margin: 15px 0 15px 15px;
}

/* Orangene Linkbox */
#inhalt .linkboxorange {
	border: 1px solid #DD6900;
}

/* Ttelzeile */
#inhalt .linkboxorange .linkboxtitle {
	background: url("images/boxorangeheader.png") repeat-x;
	height: 20px;
	padding: 0 0 0 10px; 
	color: white;
}

/* Beschreibungstext */
#inhalt .linkboxorange .linkboxdescription {
	background-color: #FFFBF5;
	padding: 9px;
	color: #000066;
}

/* blaue Linkbox */
#inhalt .linkboxblue {
	border: 1px solid #033893;
}

/* Titelzeile */
#inhalt .linkboxblue .linkboxtitle {
	background: url("images/boxblueheader.gif") repeat-x;
	height: 20px;
	padding: 0 0 0 10px; 
	color: white;
}

/* Beschriftungstext */
#inhalt .linkboxblue .linkboxdescription {
	background-color: #EDEFF4;
	padding: 11px;
	color: #000066;
}

/* Linkstyles der Titelzeilen */
#inhalt .linkboxorange .linkboxtitle a,
#inhalt .linkboxorange  .linkboxtitle a:link,
#inhalt .linkboxorange .linkboxtitle a:visited ,
#inhalt .linkboxblue .linkboxtitle a,
#inhalt .linkboxblue .linkboxtitle a:link,
#inhalt .linkboxblue .linkboxtitle a:visited {
	color: white;
	text-decoration: none;
}

#inhalt .linkboxorange .linkboxtitle a:hover,
#inhalt .linkboxblue .linkboxtitle a:hover {
	color: white;
	text-decoration: underline;
}

/*********************************************************************************
** Inhaltsverzeichnis einer Artikelseite
**********************************************************************************/

#inhalt .toc {
	margin: 10px 0px 10px 0px;
	float:left;  
	width: 550px;
	border: 1px solid #DD6900; 
	background-color: #FFFBF5; 
	color: #000066;
}

#inhalt .toc .title {
	background: url("/images/boxorangeheader.png") repeat-x; 
	height: 20px; 
	padding: 0 0 0 25px; 
	color: white;
	font-weight: bold;
}

#inhalt .toc .box {
	padding: 7px 12px 5px 5px;
}

/*********************************************************************************
** Formulare
**********************************************************************************/

/* Rahmen für Fehlermeldungen */
#inhalt div.formerror {
	margin: 10px 0 15px 25px;
	padding: 10px;
	background-color: white; 
	border: 1px solid red;
	font-size: 10pt;
}

/* Titel im Fehlerbereich */
#inhalt div.formerror  p.title {
	padding: 3px 5px 2px 5px; 
	margin: 0; 
	color: red; 
	font-weight: bold;
	font-size: 12pt;
}

/* Liste mit Fehlermeldungen im Fehlerbereich */
#inhalt div.formerror ul {
	color: #000066;
	list-style-image: url("images/bullet_ball_red.png");
	
}

/* Formular-Rahmen  */
#inhalt div.formrahmen {
	background-color: #F4F4FC;  
	border: 1px solid #7A7A97;
	padding: 10px; 
	margin: 10px 0 15px 25px;
}

/* Formulartebelle */
.form table {
	width: 100%;
    border: none;
    font-size: 10pt;
	color: #000066;
	font-size: 10pt;
}

/* Combobox  */
.form select {
	color: #000066;
	border: 1px solid #CCCCF2;
}

/* Eingabefelder */
.form input {
	border: 1px solid #CCCCF2;
	color: #000066;
    background-color: white;
}

/* mehrzeilige Eingabefelder */
.form textarea {
	border: 1px solid #CCCCF2;
	color: #000066;
    background-color: white;
}

/* Spezialfall Radiobuttons */
.form input.radiobutton {
    background-color: transparent;
    border: none;
}

/* Submit Button */
.form button {
 	background-color: #F4F4FC;
	color: #2e2416;
    border: 1px solid #7A7A97;
}

/* Readonly Felder  */
.form .readonly {
	background-color: #F2F2F2;
	text-align: right;
}

/* Markierung für Pflichtfelder  */
.form td.mandatory em {
	color: red;
}

/*********************************************************************************
** Bildboxen für Vollbilder
**********************************************************************************/
#inhalt .bildbox{
	margin: 15px 0 15px 10px;
}

/*********************************************************************************
** Bildboxen für Miniaturen mit Beschreibungstext
**********************************************************************************/
div.bildrahmen {
	background-color: #E8E5D8;  
	border: 1px solid #C6BEB2;
	width: 600px;
	padding: 10px;
	margin: 20px 0 20px 3px;
}

div.bildrahmen .bilditem {
	/* border: 1px solid #000000; */
}

div.bildrahmen .bilditem .bild {
	border: 1px solid #C6BEB2;
	width: 210px;
	padding: 5px;
	float: left;
	text-align: center;
	background-color: #F5F3EA;
	font-size: 8pt;
}

div.bildrahmen .bilditem .bild a{
	text-decoration: none;
}

div.bildrahmen .bilditem .bild  img{
	padding-bottom: 5px;
}

div.bildrahmen .bilditem .text {
	/* border: 1px solid #000000; */
	margin-left: 240px;
	padding: 3px; 
	color: #000066;
}

/*
 * 
 */
div.bildrahmen .bilditem .bildleft {
	border: 1px solid #C6BEB2;
	width: 210px;
	padding: 4px;
	margin: 0 0 0 25px;
	float: left;
	text-align: center;
	background-color: #F5F3EA;
	font-size: 8pt;
}

div.bildrahmen .bilditem .bildright {
	border: 1px solid #C6BEB2;
	width: 210px;
	margin-left: 300px;
	padding: 4px;
	text-align: center;
	background-color: #F5F3EA;
	font-size: 8pt;
}

div.bildrahmen .bilditem .bildright a,
div.bildrahmen .bilditem .bildleft a {
	text-decoration: none;
}

div.bildrahmen .bilditem .bildright  img,
div.bildrahmen .bilditem .bildleft  img {
	padding-bottom: 5px;
}

/* CSS-Style für HIGHSLIDE */
.highslide {
	cursor: url(/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid green;
}
.highslide:hover img {
	border: 2px solid black;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    
    padding-left: 22px;
    background-image: url(/highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* 
 * Formatierung von Java-Sourcecode
 */
 .java {
	border: 1px solid #999999;
	margin: 10px -30px 10px 5px;
	padding: 5px 0px 5px 2px;
	background-color: #f4f4f4;
 }
 
 .java td{
	background-color: #f4f4f4;
 }
 
.java code { 
font-family: Courier New, Courier; font-size: 10pt; margin: 0px; 
}

/*
 * Formatierung für Vorschlagsliste des Completers auf der Suche-Seite.
 */
 #vorschlag {
 position: absolute;
 background-color: #fff;
 border: 1px solid #888;
 overflow: hidden;
}
#vorschlag ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#vorschlag ul li {cursor: pointer;}
#vorschlag ul li.selected {background-color: #ffb;}