/* -- Stylesheet for http://www.mathertel.de and AJAX Engine Example WebSite -- */

body,td,th,button {font-family:Tahoma,Helvetica, Arial; font-size:10pt;color:black; }
body { margin:4px; background:#fafafa; }

		td.Norm {
			height: 15;
			
			}
		td.Norm:link{color:#444444;}
		td.Norm:visited{color:#444444;}
		td.Norm:Hover {color:#666666;}
		td.Norm:active{color:#000000;}
		td.Norm A{
			font-family: Arial, Helvetica, sans-serif;
			
			font-weight: bold;
			text-decoration: none;
			color:#444444;
			}
		td.Norm A:Hover {color:#000000;}



td.main {padding: 12px; }

a, a:visited {color: #FFFFFF; font-weight: bold; text-decoration: none;}
a:hover {color: #bbbbbb ;}

a.inner:link {color: #000000; font-weight: bold; text-decoration: none;}
a.inner:hover {color: #444444 ;}
a.inner:visited {color: #000050 ;}

a.thinlink:link {color: #888888; font-weight: normal; text-decoration: none;}
a.thinlink:hover {color: #444444 ;}
a.thinlink:visited {color: #888888;}

a.thintitle:link {color: #EEEEEE; font-weight: normal; text-decoration: none;font-size:x-small;}
a.thintitle:hover {color: #AAAAAA ;}
a.thintitle:visited {color: #EEEEEE;}

a.thinitem:link {color: #333333; font-weight: normal; text-decoration: none;font-size:x-small;}
a.thinitem:hover {color: #000000 ;}
a.thinitem:visited {color: #333333;}

p {margin: 8px 0px 8px 0px;}

h1 {margin:0px 0px 12px 0px; color:black; font-size:20pt}
.subtitle {margin-top:-6px}
h1.post-title {font-size: 16pt}

h2 {margin:0px 0px 12px 0px; color:black; font-size: 12pt;}
h3 {color:black; font-size:10pt;font-weight: bold;margin: 12px 0px 8px 0px;}

img, form {border: 0px; margin: 0px;}
hr { color: #203050}

table { empty-cells:show; }
td { vertical-align:top}

/* input fields lign up with images with class=INPUTFUNC */
input {height:19px; border:solid 1px #203050;vertical-align: middle;padding: 0px 0px 0px 0px}
form.voll input {width:100%;}
form select {border:solid 1px #203050; width:100%;}
form textarea {border:solid 1px #203050; width: 100%}

button, img.INPUTFUNC { padding: 1px; border: solid 1px #203050; vertical-align: middle; margin:0px; background-color:#acc1e4; cursor: pointer; }
  img.INPUTFUNC { margin-left:-1px; }

/* buttons etc.: active, passive, disabled layout */
.activ { background-color:#acc1e4!important; border: solid 1px #203050!important;}
.passiv {background-color:#dddddd!important }
.disabled { background-color:#dddddd!important; filter: alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5; }

/* -- Visual Effects -- */

.VESimpleShadow {
  filter: progid:DXImageTransform.Microsoft.dropShadow(Color=AAAAAA,offX=8,offY=8,positive=true); }

.VEShadow {
  position:absolute;left:8px;top:8px;width:100%;height:100%;
  background-color:black;border:solid 1px #666666;filter: alpha(opacity=25); -moz-opacity:0.25; opacity: 0.25; }

.VEKeyword {font-weight:bold;color:#203050;cursor:pointer}

/* --- rounded corners --- */
div.VERound {overflow: hidden; height: 1px;font-size:1px }

/* --- Parts inc. Mover and Buttons --- */

.VEPart {position:relative;border:0px solid #203050; height:45px;}

.VETitle, .VEMover {
  position:relative;
  padding:3px;background-image: url(http://www.globalmindmap.org/schmal_rot.jpg);color:white;font-weight:bold} //404040

.VETitle { cursor:default;}

.VEFull,.VEMini,.VEClose {
  cursor:pointer;
  border: 1px solid white;width:14px;height:14px;
}

.VEFull,.VEMini {
  position:absolute;text-align:center;
  right:22px;top:2px;
}

.VEClose {
  position:absolute;text-align:center;
  right:3px;top:2px;
}

.VEPopUpDialog {
  position: absolute; z-index: 98; top: 200px; left: 100px;
  margin-bottom: 12px; margin-right: 12px;
}

.VEPopUpDialog.Error {
  z-index: 99; top: 390px; left: 60px;
}

.VEContent {
  position:relative;
  padding:5px;
  background-color:#eeeeee;
  border-left:solid 1px #505050;
  border-bottom:solid 1px #aaaaaa;
  border-right:solid 1px #aaaaaa
  }

.VEPopUpDialog.Error .VEContent{
  border:2px solid #b40a0a;
  background-color:white;
  padding:8px 8px 8px 6px; 
}

/* --- buttons+hover --- */

.VEButton, .VEButtonHover, .VEButtonPushed {
  display:inline; cursor:pointer; padding:2px 6px 2px 6px;
  }  

.VEButton { 
  background-image:url(controls/images/buttonback.png);background-color:#eaeef7;
  background-position:bottom;background-repeat:repeat-x;
  border:solid 1px #517dc7;
  }

.VEButtonHover {
  background-image:url(controls/images/buttonbackhover.png);background-color:#eaf7ee;
  background-position:bottom;background-repeat:repeat-x;
  border:solid 1px #51c77d;
  }

.VEButtonPushed {
  background-image:url(controls/images/buttonbackpushed.png);background-color:#eaeef7;
  background-position:top;background-repeat:repeat-x;
  border:solid 1px #517dc7;
  }

/* --- menu --- */

.VEMenuBar { background-color:#eeeeee;padding: 2px 8px 2px 8px; height:20px;overflow:hidden;}
.VEMenuBar * { vertical-align:top; }

.VEMenu { border:0px;padding:2px}
.VEMenuHover { border-style:solid;border-width:1px;border-color: #acc1e4 #203050 #203050 #acc1e4;padding:1px}
.VEMenuPushed { border-style:solid;border-width:1px;border-color: #203050 #acc1e4 #acc1e4 #203050;padding:1px}
.VEMenuSeparator { display:inline-block;height:20px;width:1px;border-left:solid 1px #203050;}

/* --- overlay tabs and panels+hover --- */

.VEOverlayPanel .VEPart { border-top:none}
.VETabStart, .VETabGap, .VETabEnd { display:inline-block; overflow:hidden; border-bottom:solid 1px #203050 }
.VETabGap, .VETabEnd { height:8px;width:4px; 
  background-color:black; filter: alpha(opacity=20); -moz-opacity:0.2; opacity: 0.2; }
.VETabStart, .VETabEnd { width:8px;}

.VETab, .VETabSel, .VETabSelHover, .VETabSelPushed, .VETabHover, .VETabPushed {
  display:inline-block; height:16px;padding: 1px 8px 1px 8px;cursor:pointer;
  border-left:solid 1px #517dc7;border-top:solid 1px #517dc7;
  border-right:solid 1px #203050; }  
.VETab { 
  background-color:#bbbbbb;border-bottom:solid 1px #203050;
  }
.VETabHover, .VETabPushed {
  background-color:#dddddd;border-bottom:solid 1px #203050 }
.VETabSel, .VETabSelHover, .VETabSelPushed {
  background-color:#eeeeee;padding-bottom:2px;border-bottom:0px }
      
/* -- calendar -- */

.VECalendar {border-collapse:collapse}
.VECalendar td {
  cursor:default;white-space:pre;
  font-family:Tahoma,Helvetica,Arial;font-size:12px; text-align:right;
  width:20px; height:14px;border:solid 1px #203050; background-color:#eeeeee;
}
.VECalendar td.f { color:#203050;background-color:#acc1e4;text-align:center;border:solid 1px white; }
.VECalendar td.h { color:#203050;background-color:transparent;width:62px;text-align:center;border:solid 1px white; }
.VECalendar td.w { color:#203050;background-color:transparent;
  border-left:solid 1px white; border-top:solid 1px white; border-right:solid 1px white; 
  text-align:center;}
.VECalendar td.m { color:#203050;cursor:pointer; }
.VECalendar td.p { color:#808080;cursor:pointer; }
.VECalendar td.sel { color:black;background-color:yellow;cursor:pointer; }

/* -- dialogs, lightbox -- */

.DIALOGFUNCTIONBAR { height: 22px; border-top: solid 1px white; background-image:url(controls/images/FunctionBar.png);background-repeat:repeat-x;
  text-align: right; }
  
.DIALOGFUNCTION { display:inline-block; padding:2px 10px 2px 10px; height:18px;
  cursor:pointer; font-weight:bold; color:white;text-align: left; 
  background-image:url(controls/images/Function.png); background-repeat:repeat-x; border-left:solid 1px white; }


/* -- content area style -- */
.box {
  background-color: #dddddd;
  background-image: url(line.png);
  background-position:left top;
  background-repeat:repeat-x;
  padding:6px;margin-bottom: 12px;
  border-top: solid 1px #203050;
  border-right: dotted 1px #203050;
  border-bottom: dotted 1px #203050;
  border-left: dotted 1px #203050;
}

/* -- block for source code formatting -- */
pre.code {display:block;margin: 2px;border:solid 1px black; font-family:Monospace;font-size: 8pt; color:black;background-color:#ffff99;overflow:hidden}

/* -- View Selector classes -- */
a.activ, a.passiv, a.disabled { border:solid 1px #203050;padding:1px 4px;}

/* -- TableData controls -- */
.TableDataPager { background-color:#dddddd;border: solid 1px #203050; padding: 2px;}
.TableDataPager A {display:-moz-inline-box;display:inline-block;text-align:center;width:16px;font-weight: bold; text-decoration:
 none;padding:1px 3px 1px 3px; border:solid 1px white; height:15px; vertical-align: middle; }
  
.TableData { background-color:#dddddd;border: dotted 1px #203050; padding:0px;}
.TableData thead tr { position:relative; top:0px;background-color:#dddddd}
.TableData table {border-collapse: collapse}
.TableData th {border-bottom:solid 1px #203050}
.TableData td {border-bottom:solid 1px #203050;}
  
/* -- TreeView controls -- */
div.TreeView .du {height:18px;overflow:hidden; cursor:hand; background-image:url(controls/images/dc.png);background-repeat:no-repeat}
div.TreeView .do {height:18px;overflow:hidden; cursor:hand; background-image:url(controls/images/do.png);background-repeat:no-repeat}
div.TreeView .dc {height:18px;overflow:hidden; cursor:hand; background-image:url(controls/images/dc.png);background-repeat:no-repeat}
div.TreeView .de {height:18px;overflow:hidden; background-image:url(controls/images/de.png);background-repeat:no-repeat}
div.TreeView .fl {height:18px;overflow:hidden; background-image:url(controls/images/file.png);background-repeat:no-repeat}
div.TreeView .ft {padding-left:40px}
div.TreeView .subframe {margin-left:18px;}


/* -- more... controls -- */

@media print {
  #sidebarZone {display:none !important;}
  #main {width: auto; }
  
  div.VETitle, div.VEMover {
    border:1px solid black !important;
    padding:1px;background-color:white !important;color:black !important;}

  .VEShadow {display:none !important;}
}