/*** basic elements ***/
body, table, td, tr { font: 8pt Tahoma,Verdana,Helvetica,sans-serif; margin: 0px; }
body { background: url() no-repeat; background-position: 0px 80px; border: 0; }
iframe { border: 0; }

/*** General ***/
img { border: 0px; } 
dt { font-weight: bold; margin-left: 0px; margin-top: 4px; margin-bottom: 2px; }
legend { color: #333333; font-size: 1.1em; font-weight: bold; margin-bottom: 5px; }

/*** Hyperlinks ***/
a { font-weight: bold; text-decoration: none; color: #C60000; }
a:hover { text-decoration: underline; }

/*** Forms and input fields ***/
form { margin: 0px; display: inline; }
select { color: #333333; font-size: 8pt; }
select:hover { color: #666699; }
input { color: #333333; font-size: 8pt; }
input:hover { color: #666699; }
textarea { color: #333333; font-size: 8pt; }
button { color: #333333; font-size: 8pt; height: 25px; }
button img { margin-top: 1px; }

/*** main widget ***/
#TopBar { width: 100%; height: 40px; background-image: url(logo.gif); background-color: #FFFFFF; }
#TopBar h1 { display: none; }
h1 { font-size: 2.5em; color: #FFFFFF; margin: 0px; padding: 10px 0px 0px 10px; }
h2 { font-size: 1.8em; margin-bottom: 30px; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.25em; margin-bottom: 0px; margin-top: 5px; }

#username { position: absolute; right: 390px; top: 10px; font-size: 1.5em; color: #999999; }

#userinfo { position: absolute; right: 330px; top: 15px; font-size: 1em; color: #999999; }
#userinfo a { font-weight: normal; color: #C60000; }
#userinfo img { margin-left: 8px; margin-top: 1px; }

#lngsel { position: absolute; right: 500px; top: 15px; }
#lngsel ul { margin: 0px; padding: 0px; }
#lngsel li { display: inline; margin: 0px 0px 0px 10px; }
#lngsel a { font-weight: normal; color: #000000; }

#disclaimer { position: absolute; right: 10px; top: 15px; }
#disclaimer ul { margin: 0px; padding: 0px; }
#disclaimer li { display: inline; margin: 0px 0px 0px 10px; }
#disclaimer a { font-weight: normal; color: #000000; }

#MainNav { font-size: 1.25em; width: 100%; background-color: #EEEEE0; color: #000000; height: 55px; }
#MainNav ul { margin: 4px; padding: 4px; }
#MainNav li { display: inline; margin: 2px; padding: 2px 2px 2px 7px; }
#MainNav li.Inactive { }
#MainNav li.Active { border: 2px solid #C60000; color: #000000; font-weight: bold; }
#MainNav a { color: #666666; }

#MainContainer { margin: 0px; padding: 0px; }
#Main { padding: 0px; margin: 10px 10px 10px 10px; }
html>body #Main { } /* nicht für IE */
* html #Main { } /* nur für IE */

.int #Main { padding: 0px; margin: 10px 10px 10px 10px; }

#HelpButton { position: absolute; right: 8px; top: 100px; }

#CommandBar { width: 100%; }

#PrintButton { position: absolute; top: 10px; right: 10px; }

#Footer { text-align: right; font-size: 0.85em; width: 100%; border-top: 1px solid #CCCCCC; margin-right: 10px; padding: 2px 0px 2px 0px; color: #999999; }

#PopupWindow { margin: 10px 10px 10px 10px; font-size: 1em; line-height: 125%; }
#PopupWindow h2 { margin-bottom: 15px; line-height: 110%; }

/*** areas ***/

.titlebar table { background-color: #DDDDFF; }
.titlebar td { padding: 8px; }

/*** text formatting ***/
.Description { line-height: 150%; margin-bottom: 10px; text-align: justify; }
.Description .imgL { margin-left: -5px; margin-right: 10px; margin-top: -5px; }
.Description .imgR { margin-left: 10px; margin-right: -5px; margin-top: -5px; }

.small { font-size: 0.85em; font-weight: normal; }
.small a { font-weight: normal; }
.code { font-family: monospace; }
.message { font-family: monospace; line-height: 150%; margin-bottom: 10px; text-align: justify; border: 1px solid #CCCCCC; padding: 5px; width: 80%; }

.Important { line-height: 150%; text-align: justify; background-color: #FFFFCC; border: 1px solid #666666; padding: 10px; margin: 15px 20px 0px 20px; }

/*** icons ***/
.icon { vertical-align: top; width: 16px; height: 16px; margin: 2px; }
.icon32 { vertical-align: top; width: 32px; height: 32px; margin: 0px; }

/*** lists ***/
.List { margin-top: 10px; width: 100%; }
.List table { border-collapse: collapse; }
.List th { color: #FFFFFF; padding: 1px 3px 1px 3px; text-align: left; font-weight: normal; height: 22px; background-color: #CCCCC0; }
.List th.ico { text-align: center; }
.List th a { text-decoration: underline; color: #FFFFFF; }
.List th a:hover { text-decoration: none; }
.List td { color: #333333; padding: 1px 3px 1px 3px; height: 22px; }
.List tbody.grp { background-color: #CCCCC0; }
.List tbody.grp td { height: 22px; font-weight: bold; color: #666666; padding: 1px 0px 1px 10px; }
.List tbody.grp2 { background-color: #FFFFFF; }
.List tbody.grp2 td { font-size: 1.25em; font-weight: bold; padding-top: 5px; }
.List tbody.stat td { text-align: center; font-weight: bold; color: #666666; padding: 5px 0px 5px 10px; }
.List tbody.btn td { text-align: left; font-weight: bold; color: #666666; padding: 8px 0px 8px 0px; }
.List tbody.odd { background-color: #EEEEE0; }

.List tbody.invalid td { color: #CCCCCC; }
.List tbody.invalid td a { color: #CCCCCC; }

.List .border td { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
.List .t-border td { border-top: 1px solid #CCCCCC; }
.List .b-border td { border-bottom: 1px solid #CCCCCC; }

.List tr.dates th { font-size: 0.85em; padding: 0px 2px 0px 2px; text-align: center; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; }
.List tr.times th { font-size: 0.7em; padding: 0px 2px 0px 2px; height: auto; text-align: center; color: #666666; background-color: #DDDDFF; }
.List tr.times th a { color: #000099; text-decoration: none; }
.List tr.sums td { padding: 2px; }
.List tr.sums td.max { border: 1px solid red; }

.List td.hl1 { background-color: #DDFFDD; }
.List td.hl2 { background-color: #CCFFCC; }
.List td.hl3 { background-color: #99FF99; }

.List td.subDatList { padding: 4px 0px 4px 20px; font-size: 0.85em; }
.List td.subMemList { padding: 0px 0px 5px 20px; font-size: 0.85em; }

/*** Forms ***/
.FormADD { margin-top: 10px; }
.FormADD table { border-collapse: collapse; }
.FormADD .frmGrp { font-weight: bold; color: #000000; padding: 2px 5px 2px 5px; background-color: #CCCCC0; border-bottom: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; }
.FormADD .frmGrp h4 { margin: 0px; }
.FormADD .frmCap { height: 16px; text-align: right; padding: 0px 5px 0px 5px; color: #666666; background-color: #EEEEE0; border-bottom: 1px solid #FFFFFF; }
.FormADD .frmFld { color: #666666; padding: 1px 5px 1px 5px; border-bottom: 1px solid #FFFFFF; }
.FormADD .frmBtn { padding: 10px 5px 10px 5px; border-bottom: 1px solid #FFFFFF; }

.FormEDIT { margin-top: 10px; }
.FormEDIT table { border-collapse: collapse; }
.FormEDIT .frmGrp { font-weight: bold; color: #000000; padding: 2px 5px 2px 5px; background-color: #CCCCC0; border-bottom: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; }
.FormEDIT .frmGrp h4 { margin: 0px; }
.FormEDIT .frmCap { height: 16px; text-align: right; padding: 0px 5px 0px 5px; color: #666666; background-color: #EEEEE0; border-bottom: 1px solid #FFFFFF; }
.FormEDIT .frmFld { color: #666666; padding: 1px 5px 1px 5px; border-bottom: 1px solid #FFFFFF; width: 100%; }
.FormEDIT .frmBtn { padding: 10px 5px 10px 5px; border-bottom: 1px solid #FFFFFF; }

.FormSHOW { margin-top: 10px; }
.FormSHOW table { border-collapse: collapse; }
.FormSHOW .frmGrp { font-weight: bold; color: #000000; padding: 2px 5px 2px 5px; background-color: #CCCCC0; border-bottom: 2px solid #FFFFFF; border-top: 2px solid #FFFFFF; }
.FormSHOW .frmGrp h4 { margin: 0px; }
.FormSHOW .frmCap { vertical-align: top; text-align: right; padding: 1px 5px 1px 5px; color: #666666; background-color: #EEEEE0; }
.FormSHOW .frmFld { vertical-align: top; color: #666666; padding: 1px 5px 1px 5px; }

/*** tabs ***/
.Tabs { height: 25px; margin-bottom: 10px; }
.Tabs span { visibility: hidden; }
.Tabs a { text-decoration: none; color: #333333; }
.Tabs a:hover { text-decoration: underline; color: #333333; }
.Tabs .ActiveL { background: url(default/tableftups.gif) left; width: 5px; }
.Tabs .Active { background: url(default/tabbgs.gif); background-color: #919B9C; padding-top: 2px; }
.Tabs .ActiveR { background: url(default/tabrightups.gif) right; width: 5px; }
.Tabs .InactiveL { background: url(default/tableftup.gif) left; width: 5px; }
.Tabs .Inactive { background: url(default/tabbg.gif); background-color: #CCCCCC; padding-top: 2px; }
.Tabs .InactiveR { background: url(default/tabrightup.gif) right; width: 5px; }
.Tabs .Filler { width: 100%; background: url(default/tabfill.gif); }

/*** ***/
#DSNav {}
#DSNav table { }
#DSNav td { background-color: rgb(204,204,204); padding: 5px; color: #CCCCCC; }
#DSNav .title { color: #999999; }
#DSNav .state { font-size: 0.85em; }
#DSNav td.active { background-color: rgb(255,255,204); color: #666666; }
#DSNav td.enabled { border: 5px solid #999999; color: #666666; }

.btnStart { margin-top: 15px; width: 250px; height: 35px; clear: both; }

/*** context popup placeholder ***/
#ctxpopup { position: absolute; padding: 5px; display: none; border:1px solid #000; width:auto; background:#FFFFFF; z-index: 1000; }
#ctxpopup img { margin-right: 5px; }
#ctxpopup a { }

/*** autocompleter ***/
div.ac { background-color:white; border:1px solid #888; margin:0px; padding:0px; }
div.ac ul { list-style-type:none; margin:0px; padding:0px; }
div.ac ul li.selected { background-color: #ffb; }
div.ac ul li { list-style-type:none; display:block; margin:0; padding:2px; cursor:pointer; }

/*** popup calendar ***/
.pucal { width: 400px; }

.pucal table { border: 1px solid #CCCCCC; margin: 0px; padding: 0px; width: 180; }
.pucal td { font-size: 8pt; padding: 1px; }

.pucal .title { text-align: center; background-color: #9999FF; }
.pucal .title td { font-size: 8pt; color: #FFFFFF; font-weight: bold; }
.pucal .title a { text-decoration: none; color: #FFFFFF; font-weight: bold; }

.pucal .prev { text-align: left; font-size: 1em; }
.pucal .next { text-align: right; font-size: 1em; }

.pucal .wdn { text-align: center; font-size: 0.8em; border-bottom: 1px solid #CCCCCC; } /* weekday name */
.pucal .we { background-color: #EEEEE0; } /* weekend */
.pucal .wnr { width: 24px; text-align: center; font-size: 0.6em; border-right: 1px solid #CCCCCC; } /* weekday number */
.pucal .day { text-align: center; } /* day */
.pucal .act { border: 1px solid red; } /* actual */
.pucal .det { background-color: #FFFFC0; } /* detail */
.pucal .det ul { text-align: left; font-size: 0.8em; margin: 0; padding: 0; list-style: none;  }
.pucal .hnr { width: 30px; text-align: right; border-right: 1px solid #CCCCCC; } /* hour in dayview */
.pucal .tim { font-weight: bold; } /* time in dayview detail */
.pucal .plc { font-style: italic; } /* place in dayview detail */
.pucal .nav { text-align: center; margin-top: 2px; }

/*** lightbox ***/
#lightbox { position: absolute;	top: 40px; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img{ border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer {	padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0;}
#hoverNav a { outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(blank.gif) no-repeat; display: block;	} /* Trick IE into showing hover */
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(nextlabel.gif) right 15% no-repeat; }
#imageDataContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData{ padding:0 10px; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }	
#imageData #caption { font-weight: bold;	}
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose { width: 66px; float: right;  padding-bottom: 0.7em;	}	
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;	}
* html>body .clearfix {	display: inline-block; width: 100%; }
* html .clearfix { height: 1%; }	/* Hides from IE-mac \*/

/*** Bildergalerie ***/
.ImageGallery { }
.ImageGallery table { }
.ImageGallery td { padding: 5px; width: 237px; }
.ImageGallery .Item { padding: 5px; background-color: #EEEEE0; width: auto; width: 232px; }
.ImageGallery .Item.active { background-color: #FFDDDD; }

.ImageGalleryDet { }
.ImageGalleryDet table { }
.ImageGalleryDet td { padding: 0px 5px 0px 0px; width: 150px; }
.ImageGalleryDet .item { width: auto; height: 100px; }

/*** Dokumentenliste ***/
.DocList { }
.DocList ol { margin: 0px; padding: 0px; }
.DocList li { margin: 0px 0px 0px 20px; }

/*** Objektgalerie ***/
.ObjectGallery { }
.ObjectGallery table { }
.ObjectGallery td { padding: 5px; width: 315px; }
.ObjectGallery .item { padding: 5px; background-color: #EEEEE0; width: auto; height: 100px; width: 310px; }
.ObjectGallery img { float: right; }
.ObjectGallery .critical { color: #FF0000; font-weight: bold; }

/*** Objekt Tabelle ***/
#mapnav { margin: 0px 0px 15px 10px; }
#maptab { margin: 0px 0px 0px 0px; height: 430px; overflow-y: scroll; }
#maptab table { width: 90%; }
#maptab table th { text-align: left; border-bottom: 1px solid; }
#maptab table tr.active { background-color: #EEEEE0; }
#maptab table td { vertical-align: top; }
#maptab table td div.title { font-size: 12pt; font-weight: bold; margin-bottom: 5px; }
#maptab table td div.subtitle { font-weight: bold; margin: 5px 0px 5px 0px; }

#maptabdet { margin: 0px 0px 0px 0px; }
#maptabdet table { width: 90%; }
#maptabdet table th { text-align: left; border-bottom: 1px solid; }
#maptabdet table tr.active { background-color: #EEEEE0; }
#maptabdet table td { vertical-align: top; }
#maptabdet table td div.title { font-size: 12pt; font-weight: bold; margin-bottom: 5px; }
#maptabdet table td div.subtitle { font-weight: bold; margin: 5px 0px 5px 0px; }

#mapFlt { position: absolute; top: 47px; right: 10px; }
#mapFlt .frmFld { padding: 0px 5px 0px 2px; }

table.regTab { margin-left: 10px; }
table.regTab th { padding-right: 10px; }
table.regTab td { padding-right: 10px; height: 15px; padding-top: 1px; }
table.zipTab { margin-left: 10px; }
table.zipTab th { padding-right: 10px; }
table.zipTab td { padding-right: 10px; height: 15px; padding-top: 1px; }
table.objTab { margin-left: 10px; }
table.objTab th { padding-right: 10px; }
table.objTab td { padding-right: 10px; height: 15px; padding-top: 1px; }
table.objDet { margin-right: 10px; }
table.objDet .title { padding-bottom: 10px; }
table.objDet h4 { padding-top: 10px; }
table.objDet p { margin-top: 2px; }

.objVal { }
.objVal td { vertical-align: bottom; height: 16px; }
.objVal td.frmCap { padding-left: 0px; }
.objVal td.frmFld { text-align: right; }
.FormEDIT table.objVal { width: 450px; }
.FormEDIT .objVal td { vertical-align: middle; }
.FormEDIT .objVal td.frmFld { text-align: left; }

.objAtt { }
.objAtt td { vertical-align: bottom; height: 16px; }
.objAtt td.frmFld { text-align: right; }
.FormEDIT table.objAtt { width: 400px; }
.FormEDIT .objAtt td { vertical-align: middle; }
.FormEDIT .objAtt td.frmFld { text-align: left; }