/* =============================================================================
	Limcos
	
============================================================================= */
/* Allgemeine Style Informationen 
===============================*/
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
*, html, body, div, ul, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }

/* Typography */
body, h4, p, li, label, input, textarea { FONT-FAMILY: "Lucida Grande","Arial Unicode MS", sans-serif; }
p, li, label { font-size:11px; line-height:18px; color:#000; }
input, textarea { font-size:12px; color:#000; padding:2px; }
a {  color:#336699; text-decoration:underline; }
a:hover { text-decoration:none; }	
body { background: #FFFFFF; color: #000000; margin-top: 10px;}

#container { width: 1024px; margin: 0 auto; padding-top: 30px; }
#header{ height: 90px; border-bottom: 1px solid #122F4D; }

/* Logo
============================================================================= */
#logo { background: url(../images/logo_ic.png) top center no-repeat; height: 60px; width: 250px; float: left; }
#logo h1 a{text-indent: -9999px; display:block; top:50px; left: 0px; }

/* Navigation
============================================================================= */
#navigation{ float: right; margin-top: 65px; margin-right: 30px;}
#navigation ul { list-style-type: none; }
#navigation ul li{ display: inline; }
#navigation ul li a { color: #696969; text-decoration:none; font-size:1.4em; padding: 0 20px;}

/* Content
============================================================================= */
#contentwrapper { float: left; width: 100%; }
#content { margin-left: 220px; padding: 20px 10px 0 10px;}
#content p { font-family: Cambria, serif; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 1.3em;}

/* Sidebar
============================================================================= */
#sidebar { float: left; width: 200px; margin-left: -100%; padding: 20px 0 0 20px;}

/* TreeView
============================================================================= */
.treeview, .treeview ul { padding: 0; margin: 0; list-style: none; }
.treeview ul { background-color: white; margin-top: 4px; }
.treeview .hitarea { background: url(../js/images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; }
* html .hitarea { display: inline; float:none;} /* fix for IE6 */
.treeview li { margin: 0; padding: 3px 0pt 3px 16px; }
.treeview a.selected { background-color: #eee; }
#treecontrol { margin: 1em 0; display: none; }
.treeview .hover { color: red; cursor: pointer; }
.treeview li { background: url(../js/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview .expandable-hitarea { background-position: -80px -3px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../js/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }
.treeview-famfamfam li { background-image: url(../js/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../js/images/treeview-famfamfam.gif); } 
.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../js/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../js/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../js/images/file.gif) 0 0 no-repeat; }

/* tablesorter
============================================================================= */
table.tablesorter { font-family:arial; background-color: #CDCDCD; margin:10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; }
table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #ABC8E2; border: 1px solid #FFF; font-size: 8pt; padding: 4px; }
table.tablesorter thead tr .header { background-image: url(../js/images/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; }
table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; }
table.tablesorter tbody tr.odd td { background-color:#F0F0F6; }
table.tablesorter thead tr .headerSortUp { background-image: url(../js/images/asc.gif); }
table.tablesorter thead tr .headerSortDown { background-image: url(../js/images/desc.gif); }
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #336699; color: #FFF; }

/* Benutzer Details
============================================================================= */
#wlpeUser{ margin-left: 50px; }
#wlpeUserInfo h3 { color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; }
#wlpeWelcomeParagraph { color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: bold; letter-spacing: -2px; line-height: 1.2em;}
#wlpeUser .button { background: #336699; color: #fff; }
#wlpeNewPasswordArea { margin-left: 50px; }
#wlpeNewPasswordArea h4 { color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold;}
.peinfo .button { background: #336699; color: #fff; }
.peinfo input { border: 1px solid #ccc; background: #f2f2f2; padding:2px; }
.peinfo select { border: 1px solid #ccc; background: #f2f2f2; padding:2px; }

/* Login Form
============================================================================= */
#sysform1 label{ width: 70px; float:left; font-size: 12px; font-weight: bold;}
#sysform1 input{ border: 1px solid #ccc; background: #f2f2f2; padding:2px; }
#sysform1 input.formbutton{ background: #336699; color: #fff; margin: 0 3px 0 150px; }
.passlost{ background: #FFFFFF; color: #696969; font-size: 10px;}
#sysform2 label{ width: 70px; float:left; font-size: 12px; font-weight: bold;}
#sysform2 input{ border: 1px solid #ccc; background: #f2f2f2; padding:2px; }
#sysform2 input.formbutton{ background: #336699; color: #fff; margin: 0 3px 0 150px; }

/* Details
============================================================================= */
#details h3 { margin-bottom: 30px; color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold;}
#messungdetail { float:right; padding-right: 100px;}
#messungdetail h4 { margin: 0 0 20px; color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 16px;}
#stammdatendetail h4 { margin: 0 0 20px;color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 16px;}
#limitdetail h4{ margin: 20px 0 20px; color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 16px;}

/* Dialog Boxes
============================================================================= */
#dialog {position:absolute; width:425px; padding:10px; z-index:200; background:#fff}
#dialog-header {display:block; position:relative; width:411px; padding:3px 6px 7px; height:14px; font-size:14px; font-weight:bold}
#dialog-title {float:left}
#dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(../images/dialog_close.gif) no-repeat}
#dialog-content {display:block; padding:6px; color:#666666; font-size:13px}
#dialog-mask {position:absolute; top:0; left:0; min-height:100%; width:100%; background:#FFF; opacity:.75; z-index:100}
.error {background:#fff url(../images/error_bg.jpg) bottom right no-repeat; border:1px solid #924949; border-top:none}
.errorheader {background:url(../images/error_header.gif) repeat-x; color:#6f2c2c; border:1px solid #924949; border-bottom:none}
.warning {background:#fff url(../images/warning_bg.jpg) bottom right no-repeat; border:1px solid #c5a524; border-top:none}
.warningheader {background:url(../images/warning_header.gif) repeat-x; color:#957c17; border:1px solid #c5a524; border-bottom:none}
.success {background:#fff url(../images/success_bg.jpg) bottom right no-repeat; border:1px solid #60a174; border-top:none}
.successheader {background:url(../images/success_header.gif) repeat-x; color:#3c7f51; border:1px solid #60a174; border-bottom:none}
.prompt {background:#fff url(../images/prompt_bg.jpg) bottom right no-repeat; border:1px solid #4f6d81; border-top:none}
.promptheader {background:url(../images/prompt_header.gif) repeat-x; color:#355468; border:1px solid #4f6d81; border-bottom:none}

/* Information ( Blog System )
============================================================================= */
.infoshow { margin-top: 40px;}
.showtitle { margin-bottom: 15px; color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; letter-spacing: -2px; line-height: 1.2em;}
.showtitle a { text-decoration:none;}
.showfrom { border-bottom: 1px solid #122F4D; font-size: 10px; color:#706D69;}
.showtext { margin-top: 10px; font-family: Georgia, serif; font-size: 16px; font-style: italic; font-weight: normal; letter-spacing: normal; line-height: 1.4em;}
.showmore { float:right; font-size: 11px;}
#newsnext { margin-top: 50px;}

/* Information  Erstellen( Blog System )
============================================================================= */
#formpub h3 {margin-top: 30px;}
#pagetitle { border: 1px solid #ccc; background: #f2f2f2; padding:2px;}
#longtitle { border: 1px solid #ccc; background: #f2f2f2; padding:2px;}
#pub_date { border: 1px solid #ccc; background: #f2f2f2; padding:2px;}
#introtext { border: 1px solid #ccc; background: #f2f2f2; padding:2px;}
#tvblogContent { border: 1px solid #ccc; background: #f2f2f2; padding:2px;}
#formpub .button { background: #336699; color: #fff; margin: 30px 0 50px 0;}

/* Chart
============================================================================= */
#chart h2 { margin: 10px 0 15px 0; color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; letter-spacing: -2px; line-height: 1.2em;}
.chart h2 {margin: 10px 0 15px 0; color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: bold; letter-spacing: -2px; line-height: 1.2em;}

/* CSV
============================================================================= */
#chdown { margin: 30px 0 0 120px;}
#chdown .button { background: #336699; color: #fff;}
#formgerat { margin-top: 30px; }
#datevon { border: 1px solid #ccc; background: #f2f2f2; padding:2px;}
#datebis { border: 1px solid #ccc; background: #f2f2f2; padding:2px;}
#formgerat .button { margin-top: 30px; background: #336699; color: #fff;}

/* Produktzuordnung
============================================================================= */
#pzuord h2 { color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; }
#pzuord tr { margin-bottom: 7px; }
#pzuord td { padding: 3px 10px 3px 2px; border-bottom: 1px solid #ccc;}
#pzuord .produkt a { margin-left: 10px;}
#pzuord .form form { margin: 0; padding: 0;}
#pzuord input { background: #336699; color: #fff; }
#pzuord select { border: 1px solid #ccc; background: #f2f2f2; padding:2px; }

/* Versandweg Zuordnung
============================================================================= */
#vzuord h2 { color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; }
#vzuord tr { margin-bottom: 7px; }
#vzuord td { padding: 3px 10px 3px 2px; border-bottom: 1px solid #ccc;}
#vzuord .versand a { margin-left: 10px;}
#vzuord .form form { margin: 0; padding: 0;}
#vzuord input { background: #336699; color: #fff; }
#vzuord select { border: 1px solid #ccc; background: #f2f2f2; padding:2px; }

/* Benutzer Zuordnung
============================================================================= */
#bzuord h2 { color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; }
#bzuord h3 { color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 18px; font-weight: bold; }
#bzuord h4 { color: #336699; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; }
#Uuordnung form { margin:0; padding:0;}
#Adduser input { background: #336699; color: #fff; }
#Adduser select { border: 1px solid #ccc; background: #f2f2f2; padding:2px; }