/**
 *   Copyright (C) 2005 by Juergen Heinemann
 *   heinemann DOT juergen AT hjcms DOT de
 *
 * THIS SOFTWARE IS PROVIDED BY DEVELOPER Heinemann All rights reserved.
 *
 * $Id: index.css,v 1.20 2007/09/16 04:33:43 heinemann Exp $
 **/

html, body {
   margin: 0px;
   padding: 0px 0px 0px 0px;
   color: #000000;
   background: #000000 url('Ettringen/Images/bg.jpg') repeat-y;
   font-family: 'Nimbus Sans L', 'Trebuchet MS', Sans-Serif;
}

a {
   color: #050090;
   text-decoration: underline;
   background-color: transparent;
}

a:visited {
   color: #050090;
   text-decoration: none;
   border: none;
   background: transparent;
}

a:hover {
   color: #7F0002;
   text-decoration: none;
   border: none;
}

/* Mailto */
a.mailto {
   width: auto;
   color: #B4B4B4;
   text-decoration: underline;
}

a.mailto:hover {
   width: auto;
   color: #7F0002;
   text-decoration: none;
   background: transparent;
}

a.NavLink,a.NavLink:visited {
   color: #FFCC33;
   text-decoration: none;
   background: transparent;
}

a.NavLink:hover {
   color: #FFFFCC;
   text-decoration: underline;
}

a.SmallStyle:link {
   color: #050090;
   text-decoration: none;
   border: none;
}

a.SmallStyle:hover, a.SmallStyle:visited {
   color: #7F0002;
   text-decoration: none;
   border: none;
}

a[href] img, a[href] object[type^="image"] {
   border: none !important;
   background: transparent;
}

p,em,li,td {
   color: #000000;
   background: transparent;
}

div.IndexRahmen {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   background: transparent;
}

/* Google Werbebanner */
div.ad,a.adt {
   font-size: smaller;
}

div.NavFrame {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 190px;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   min-height: 450px;
   vertical-align: top;
   clear: right;
}

div.MainFrame {
   width: 746px;
   top: 0px;
   margin: 0px;
   margin-left: 194px;
   background: transparent;
   min-height: 450px;
   vertical-align: top;
   clear: left;
}

div.BigTextBlock {
   background: #FFFFFF;
   padding: 4px 4px 4px 4px;
   border: thin ridge #000000;
   text-align: left;
   width: auto;
}

div.CenteredBlock {
   width: auto;
   text-align: center;
   margin: 0;
   padding: 0px 0px 0px 0px;
}

div.NavTitle {
   padding: 0px 0px 0px 20px;
}

div.NewsListBox {
   height: 150px;
   overflow: auto;
   background: transparent;
   border: 1px inset #000000;
}

div.NewsBlock {
   margin: 0px;
   text-align: justify;
   white-space: normal;
   background: #FFFFFF;
   padding: 4px 4px 4px 4px;
   border: 1px ridge #000000;
}

div.NewsInlineBlock {
   text-decoration: none;
   display: block;
   margin: 0px;
   padding: 2px 0px 2px 0px;
   vertical-align: text-top;
}

div.NewsTextLeft {
   color: #000000;
   background: transparent;
}

div.NewsImageRight {
   float: right;
   clear: right;
   margin: 4px;
   background: transparent;
}

/* Box Style */
div.NormalInlineBox {
   margin: 0;
   width: 100%;
}

div.CenteredBox {
   margin: 0;
   margin-left: 1px;
   width: 100%;
   text-align: center;
   min-height: 30px;
}

div.CenteredInlineBox {
   margin: 0;
   width: 100%;
   text-align: center;
   padding: 4px 2px 4px 2px;
}

div.RoutenFooterLayer {
   margin: 0;
   width: 100%;
   text-align: left;
   padding: 0px 0px 0px 0px;
}

/* @short Display Boxes @see hr.LineStyle */
div.InlineGroupBoxStyle {
   margin: 0;
   width: 99%;
   text-align: center;
   padding: 4px 0px 4px 0px;
   border: 2px ridge #B6B6B6;
   background: #DCDCDC url('./Ettringen/Images/bgtb.gif');
}

div.MenuBoxStyle, table.RoutenEditorTable {
   margin: 0;
   width: auto;
   text-align: center;
   padding: 2px 0px 2px 0px;
   border: 1px ridge #B6B6B6;
   background: #DCDCDC url('./Ettringen/Images/bgtb.gif');
}

div.BoxLeft {
   float: left;
   text-align: left;
}

div.SektorTitleBox {
   padding: 0px 20px 0px 20px;
}

div.BoxRight {
   float: right;
   text-align: right;
   min-width: 40%;
}

div.BoxRightPadding {
   float: right;
   padding: 0px 15px 0px 0px;
}

div.LayLeft {
   float: left;
   text-align: left;
   min-width: 70%;
}

div.LayRight {
   float: right;
   text-align: right;
   min-width: 10%;
}

div.DBSearchFormFrame {
   padding: 4px 4px 4px 4px;
}

div.Cleaner {
   clear: both;
}

div.Messanger {
   font-size: smaller;
   color: blue;
   background: transparent;
}

.notification {
   color: #000000;
   margin: 5px;
   padding: 4px 4px 4px 4px;
   width: auto;
   border: 2px dotted #C00000;
}

div.SektorenNavListBox {
   background: #DCDCDC url('./Ettringen/Images/bgtb.gif');
   height: 110px;
   overflow: auto;
}

/* Werbung */
div.BannerBlock {
   padding: 2px 2px 2px 2px;
   margin: 2px;
   text-decoration: none;
   background-color: transparent;
}

div.GoogleHBar {
   margin: 8px;
   background-color: #FFFFFF;
   width: 728px;
   height: 90px;
}

div.FooterBox {
   position: absolute;
   background-color: transparent;
   margin-top: 30px;
   left: 200px;
   width: 730px;
   padding: 1px 1px 2px 2px;
}

div.HJCMSFrame {
   width: auto;
   margin-top: 5px;
   font-size: .8em;
   color: #6C6C6C;
   width: 750px;
}

a.impress {
   color: #6C6C6C;
   text-decoration: underline;
}

div.WerbeNavBar {
   position: absolute;
   background-color: transparent;
   margin-top: 600px;
   left: 10px;
   width: 160px;
   overflow: hidden;
   display: inline;
}

#MessangerLayer {
   position:absolute;
   min-width: 450px;
   min-height: 250px;
   background: #FFFFFF;
   padding: 5px 5px 5px 5px;
   border: 2px ridge #353535;
   font-size: medium;
   overflow: auto;
   cursor: pointer;
   font-size: smaller;
   z-index: 9;
}

#ImgInfoLayer {
   background: #DCDCDC url('./Ettringen/Images/bgtb.gif');
   position: absolute;
   padding: 4px 4px 4px 4px;
   border: 1px ridge #000000;
}

#DBWLayer {
   position: absolute;
   background-color: #3A3A3A;
   border: 3px ridge #000000;
   z-index: 1;
}

#DragBar {
   position: relative;
   border: none;
   margin: 0px;
   padding: 1px 0px 0px 2px;
   height: 20px;
   width: 100%;
   color: #FFFFFF;
   cursor: move;
   z-index: 2;
}

#BLClose {
   margin: 0px;
   z-index: 3;
}

#DBImgLayer {
   position: relative;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 100%;
   margin: 0px;
   z-index: 4;
}

#NewsPreviewImageLayer {
   max-width: 320px;
   overflow: auto;
   z-index: 0;
}

#PrintLayer {
   position: absolute;
   background: #3A3A3A url('./Ettringen/Images/bgtb.gif');
   border: 3px ridge #000000;
   height: 160px;
   z-index: 1;
   padding: 0px 5px 0px 5px;
}

#pdflp {
   width: 100%;
}

hr {
   background-color: #E8E8E8;
   margin: 0px;
   margin-top: 4px;
   margin-bottom: 4px;
}

strong,h3 {
   font: bold .9em Serif;
   padding: 2px 2px 2px 2px;
}

p {
   margin: 0px;
}

b.NoActionError {
   color: #C00000;
   background: transparent;
}

p.blocksatz {
   margin: 8px;
   text-align: justify;
}

pre {
   color: #000000;
   padding: 5px 5px 5px 5px;
   background: #FFFFC0;
}

dl { margin-left: 5px; }

dd.DDBlock {
   padding: 2px 0px 2px 0px;
   margin-left: 5px;
}

img,iframe {
   border: none;
   background: transparent;
   margin: 0px;
}

small.maillinkinfo {
   width: 100%;
   text-align: right;
   display: block;
}

small.tnumber {
   color: #585858;
   text-align: right;
}

.absolutepos {
   position: absolute;
   top: 2px;
   left: 200px;
}

.slower {
   font-size: .8em;
   color: #6C6C6C;
}

.Hiddentext {
   display: none;
}

.messanger {
   padding: 5px 5px 5px 5px;
   background: #FFFFC0;
}

span.TxtUpper {
   position: relative;
   top: -.5em;
}

span.LegendBtnLayer {
   position: relative;
   top: 5px;
   padding: 0px 5px 0px 0px;
}

pre.viewer {
   text-align: left;
   background-color: #FFFFFF;
   color: #000000;
   border: 1px ridge #353535;
   height: 200px;
   width: 700px;
}

img.ImgToolbars {
   background: transparent;
   cursor: pointer;
}

img.ImgSmilies,#BLClose {
   cursor: pointer;
   border: 1px outset #BFBFBF;
   margin: 1px;
}

img.ImgSmilies:hover,#BLClose:hover {
   border: 1px inset #BFBFBF;
   margin: 1px;
}

img.ImSmile {
   width: 22px;
   height: 22px;
}

img.ImgDecoStyle {
   border: 2px ridge #D5D5D5;
}

ul.UlSimple {
   margin: 0;
   list-style: none;
}

ul.ListLeft {
   float: left;
   width: 40%;
}

ul.ListRight {
   float: right;
   text-align: left;
   width: 40%;
}

ul.NavTree {
   list-style-image: url('Ettringen/Images/klkeil.gif' );
   margin: 0;
   padding: 0px 0px 0px 28px;
   font-family: 'Trebuchet MS', Sans-Serif;
}

ul.UlMenuHorizontal {
   margin: 0;
   list-style: none;
   list-style-position: inside;
   display: block;
   padding: 0px 0px 0px 10px;
}

li.LiMenuHorizontal {
   display: inline;
   margin-left: 5px;
}

fieldset.NewsFeld, fieldset.ProjectBox, fieldset.ComBox  {
   width: 99%;
   margin: 0px;
   border: none;
   padding: 2px 2px 2px 2px;
}

fieldset.SearchBox, fieldset.Default  {
   width: 98%;
   margin: 0px;
   padding: 2px 2px 6px 2px;
   border: 2px groove threedface;
}

fieldset.OnlineInfoBlock {
   position: absolute;
   color: #FFCC33;
   background: transparent;
   position: absolute;
   width: 175px;
   top: 460px;
   left: 0px;
   overflow: hidden;
   border: none;
   padding: 1px 1px 1px 2px;
   clip: rect( 0px, 170px, 450px, 0px);
}

fieldset.Quote {
   color: #6C6C6C;
   font-size: smaller;
   border: 1px dotted #6C6C6C;
   padding: 0px 4px 2px 4px;
}

small.UserOnline {
   font: normal .7em 'DejaVu Serif',Serif;
   display: block;
   cursor: help;
}

legend.NewsTitle {
   color: #002E69;
   background: transparent;
}

span.dateconvert {
   color: #000000;
   font-size: smaller;
   background: transparent;
}

legend.NewsTitle {
   background: transparent;
   text-decoration: none;
}

label.FormHorizontal {
   display: block;
}

label.FormLabelSingleLine {
   display: block;
   padding: 4px 2px 4px 2px;
   margin: 4px;
}

/* select.DatenbankSelectNavigation */
select,input,textarea,option {
   font-size: .9em;
}

select {
   border: none;
   text-decoration: none;
   letter-spacing: 1px;
}

select.FormSelect {
   margin-left: 4px;
   margin-right: 4px;
}

select.BigItemSelect {
   width: 700px;
   margin: 0px;
}

option[selected="selected"],option:hover {
   background-color: #C0FFC0;
}

option.ColoredSelection {
   background-color: #F1F1F1;
}

span.Messanger {
   width: 98%;
   margin: 2px;
}

input.FormText {
   margin-left: 4px;
   min-width: 150px;
}

input[type="submit"], input[type="reset"] {
   margin: 2px;
   color: #353535;
   background-color: #E1E1E1;
}

input[type="submit"]:hover, input[type="reset"]:hover {
   cursor: pointer;
}

input[type="password"]:focus, input[type="text"]:focus, textarea.FormWrite:focus {
   background-color: #F7F7F7;
   border-color: #AE181A;
}

textarea.FormWrite {
   min-height: 120px;
   width: 98%;
}

label {
   padding: 1px 4px 1px 4px;
   margin: 2px;
}

td.tbformlabel,label.tbformlabel {
   width: 99%;
   padding: 0px 2px 0px 0px;
   text-align: right;
}

table, thead, tfoot, tbody {
   margin: 0px;
   padding: 0px 0px 0px 0px;
   width: 100%;
   background: transparent;
}

table.RoutenTabelle {
   margin-bottom: 1em;
}

tbody.RoutenListView {
   background: #DCDCDC url('../Ettringen/Images/bgtb.gif');
}

td.imgtdcell {
   width: 26px;
   text-align: center;
   vertical-align: middle;
}

td.LeftTextTopRight {
   text-align: right;
   margin-right: 2px;
   vertical-align: top;
}

td.RightTextTopLeft {
   text-align: left;
   margin-left: 2px;
   vertical-align: top;
}

td.btnSubmit {
   text-align: right;
}

td.SingleCentered {
   width: 99%;
   text-align: center;
}

td.SingleRight {
   width: 99%;
   text-align: right;
   vertical-align: middle;
}

td.tdflow {
   width: 50%;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   overflow: auto;
}

td.RoutenHeader,td.RoutenFooter {
   border: 1px outset #C1C1C1;
   padding: 2px 4px 2px 4px;
}

td.RoutenTitle {
   /*width: 22%; @see TPL_Standards.xslt */
   padding: 2px 4px 2px 4px;
   vertical-align: top;
   text-align: right;
}

td.RoutenTdSpacer {
   width: 2px;
   padding: 0px 0px 0px 0px;
   vertical-align: top;
}

td.RoutenItems {
   width: auto;
   padding: 2px 4px 2px 4px;
   text-align: left;
}

td.LeftFrameBorder,td.RightFrameBorder {
   width: 2px;
   margin: 0px;
   border: 1px outset #C1C1C1;
}

td.CommentCells {
   margin: 0px;
   border: 1px outset #C1C1C1;
   text-align: left;
   font-size: smaller;
   padding: 1px 4px 1px 4px;
}

h2.MainTitle {
   font-family: 'Burnstown Dam', BaileysCar, Steve, Kidprint, 'Comic Sans MS Fett', Sans-Serif;
   font-size: 2.5em;
   margin: 0px;
}