/* CSS Document */

/*  body und schrift deffinitionen */

body {
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;	font-size: 11px; color: #666666; padding: 0; margin: 0;	background-color:#E8E8E8;
	scrollbar-DarkShadow-Color: #999999;
	scrollbar-Track-Color: #E8E8E8;
	scrollbar-Face-Color: #E8E8E8;
	scrollbar-Shadow-Color: #E8BC0E;
	scrollbar-Highlight-Color: #FFFFFF;
	scrollbar-3dLight-Color: #999999;
	scrollbar-Arrow-Color: #999999
	}


/***************************************************************/
/*            Tabellen-Grundformatierung                       */
/***************************************************************/

td, table, tr { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; color: #666666; text-decoration: none; list-style-position: outside; list-style-image: url("http://www.bartlwp.de/image/punkt.gif")}


/***************************************************************/
/*            Testeinträge                                     */
/***************************************************************/

.dotline { padding-top: 1px; border-bottom: #999 1px dotted }
.content { padding-right: 30px; padding-left: 20px; padding-bottom: 8px; padding-top: 3px }
.inset { padding-right: 20px; padding-left: 20px; margin-left: 20px; margin-right: 20px }
.basefont {	font-size: 11px; line-height: 140% }
.basefont a { color: #666666; text-decoration: underline }
.basefont a:hover { color: #E8BC0E; text-decoration: none }
.basefont H1 { padding-right: 0px; display: block; padding-left: 0px; font-weight: bold; font-size: 16px; padding-bottom: 5px; margin: 0px 0px 5px; color: #333333; line-height: 24px; padding-top: 15px }
.basefont H2 { padding-right: 0px; display: block; padding-left: 0px; font-weight: bold; font-size: 14px; padding-bottom: 3px; margin: 0px 0px 3px; color: #333333; line-height: 14px; padding-top: 0px }
.sitemap a { line-height:140%; color: #666666; text-decoration:none }
.sitemap a:hover { color:#E8BC0E; text-decoration:none }


/***************************************************************/
/*            Textfarben                                       */
/***************************************************************/

.rot { color: #F01313; text-decoration: none } 
.grau { color: #666666 }
.green { color: #4AA698 }
.gelb { color: #FDFD03 }


/***************************************************************/
/*            Formularfelder                                   */
/***************************************************************/

.kform {  color: #666666; width: 150px; height: 17px; font-size: 10px; background-color: #FFFFFF; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999 }
.button {  color: #666666; width: 100px; height: 17px; font-size: 10px; background-color: #FFFFFF; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999 }
.checkbox {  color: #666666; width: 15px; height: 15px; background-color: #FFFFFF; }



/***************************************************************/
/*            Navigation                                       */
/***************************************************************/

.navi-h { font-size: 10px; line-height: 17px; color: #000000 }
.navi-h a { font-size: 10px; color: #000000; text-decoration: none }
.navi-h a:hover { font-size: 10px; color: #000000; text-decoration: underline }

.navi {	font-size: 11px; color: #6C6C6C }
.navi a { font-size: 11px; color: #6C6C6C; text-decoration: none }
.navi a:hover { font-size: 11px; color: #6C6C6C; text-decoration: underline }

.subnavi-h { font-size: 10px; color: #E8BC0E; background-color: #6C6C6C }

/* ALT - kann alles ersetzt werden!! */
.subnavi { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; margin: 0px; font-size: 10px; color: #333333 }
.subnavi a { padding-top: 4px; padding-right: 0px; padding-bottom: 4px; padding-left: 4px; border-top: #FFFFFF 2px solid; display: block;  color: #333333; background-color: #AEABAB; text-decoration: none }
.subnavi a:hover { border-top: #FFFFFF 2px solid; color: #333333; background-color: #E8BC0E }
/* ALT - bis einschließlich hier */


/**** left submenue ****/

#subnavi {
/* width: 165px ! important; */
padding: 0px;
margin: 0px;
font-size: 10px;
color: #333333;
}

#subnavi a {
padding: 4px 0px 4px 4px;
border-top: #FFFFFF 2px solid;
display: block;
color: #333333;
background-color: #AEABAB;
text-decoration: none;
}

#subnavi a.sn:hover, #subnavi a.snaktive {
border-top: #FFFFFF 2px solid;
color: #333333;
background-color: #E8BC0E;
}



/***************************************************************/
/*            Tabellenformatierung für "ruler"                 */
/***************************************************************/

table thead th {
	padding: 0 0.2em 0 0.2em;
	text-align: left;
}

table thead th span {
	padding: 0 0.2em;
	font-size: 11px;
	font-weight: bold;
	position: relative;
	bottom: 0.7em;
	background: #fff;
	white-space: nowrap;
}

/* settings for both types of table */
table.colored tr.colorlight, 
table.ruler tr.colorlight { background: #fff; border-top: 0px; }  

table.colored tr.colordark,
table.ruler tr.colordark,
.darker { background: #e8ebf0; border-top: 0px; }   /* #e8ebf0 */

table.colored tbody td,
table.ruler tbody td { padding: 0.3em; text-align: center; }

/* data tables with ruler */
table.ruler { border-collapse: collapse; border: 1px solid #357; margin-bottom: 1em; } 
table.ruler td { border-left: 1px solid #357; border-right: 1px solid #357; } 
table.ruler th { border-left: 1px solid #357; border-right: 1px solid #357; } 
table.ruler tr { border-top: 1px solid #357; }
table tbody tr.selected,
table.ruler tr.ruled { background: #C9D3DE; border-top: 0px; } 

alternating colored tables
table.colored { border-collapse: collapse; border: 1px solid #357; margin-bottom: 1em; } 
table.colored tr { border-top: 1px solid #357;}


/***************************************************************/
/*            Sonstiges                                        */
/***************************************************************/

.copy   { font-size: 9px; color: #6C6C6C }
.copy a { font-size: 9px; color: #6C6C6C; text-decoration: none }
.copy a:hover { color: #E8BC0E; text-decoration: underline }

.fsize14 {font-size:14px }
.about  { font-weight: bold; line-height: 14px; color: #666666 }
.about1 { font-size: 10px; line-height: 17px; color: #000000 }
.big	{ font-size: 15px; color: #666666 }	
.news   { font-weight: bold; color: #666666 }
.warnung { color: #cc0000; font-weight: bold }
.ueberschrift1 { font-size: 12px; font-weight: bold; color: #F01313 }
  /* Grün #425329 oder Blau #3777BC oder Rot #F01313 */

#image {
  float: left;
  background-color: #ff99CC;
  overflow: auto;
  margin-right: 5px;
}

#inhalt {
  float: left;
  background-color: #fff;
  margin:0px 0px 50px 0px;
  overflow: auto;
}

/*
.imageleft  {margin:0 13px 10px 0; font-size:11px; line-height:14px; padding:5px; margin-top:5px; padding:0;}
.textright  {margin:0 13px 10px 0; font-size:11px; line-height:14px; padding:5px; margin-top:5px; padding:0;}
*/