body{font:73%/1.4 verdana,sans-serif;color:#000;background:#fff;margin:0;padding:0}

	div#header {width:800px;margin:40px auto;text-align:right;}
	div#header h2 {font-size:1.0em;text-align:center;color:#fff;background:#869eb0;margin:0;}
	
	div#header ul {list-style:none;margin:0;padding:0;}
	div#header ul li {text-align:center;float:left;width:200px; height: 38px;}
	div#header ul li a {text-align:center;float:left;width:200px; height: 38px;}
	div#header ul li a.kontrollpanel {background-image: url(/images/mnu_kontrollpanel_1.gif);background-repeat: no-repeat;}
	div#header ul li a.kontrollpanel:hover {background-image: url(/images/mnu_kontrollpanel_2.gif);background-repeat: no-repeat;}
	div#header ul li a.webbpost {background-image: url(/images/mnu_webbpost_1.gif);background-repeat: no-repeat;}
	div#header ul li a.webbpost:hover {background-image: url(/images/mnu_webbpost_2.gif);background-repeat: no-repeat;}
	div#header ul li a.manualer {background-image: url(/images/mnu_manualer_1.gif);background-repeat: no-repeat;}
	div#header ul li a.manualer:hover {background-image: url(/images/mnu_manualer_2.gif);background-repeat: no-repeat;}
	div#header ul li a.serveradresser {background-image: url(/images/mnu_serveradresser_1.gif);background-repeat: no-repeat;}
	div#header ul li a.serveradresser:hover {background-image: url(/images/mnu_serveradresser_2.gif);background-repeat: no-repeat;}
	
	div#container {border:0px solid #869EB0;margin:0 auto;width:798px; padding-bottom:10px;}
	div#container .subpanel {margin:0 auto;width:394px; padding-bottom:10px; padding-right:5px; float:left; display:block;}
	div#container .subpanelRight {margin:0 auto;width:394px; padding-bottom:10px; padding-right:0px; float:right; display:block;}
	div#container h2 {font-size:0.9em;color:#fff;background:#869EB0;padding:3px 0 4px 6px;margin:0;}
	div#container div#content {font-size:0.9em;padding:0px;color: #505050}
	div#container div#content label {display:block;font-weight: bold; color: #7f818c;}
	div#container div#content a:link, a:visited { background-image: url(/images/arrowLink.gif); background-repeat: no-repeat; background-position:left center; padding-left:10px; font-weight: bold; color: #505050; text-decoration: none }
	div#container div#content a:hover { font-weight: bold; color: #7f818c; text-decoration: none }
	div.clear {clear:both;}
	
	.inputText	{ color: #5F7281; font-weight: bold; font-size: 11px; font-family: arial, "lucida grande", tahoma, geneva, charcoal, sans-serif; width: 250px; border:1px solid #7f818c; }
	.inputTextForm	{ color: #5F7281; font-size: 10px; font-family: arial, "lucida grande", tahoma, geneva, charcoal, sans-serif; width: 370px; border:1px solid #7f818c; }
	div#container div#content div#inputBox	{ color: #5F7281; font-size: 10px; font-family: arial, "lucida grande", tahoma, geneva, charcoal, sans-serif; white-space:nowrap; }
	div#container div#content div#inputBox label {color: #7f818c;display:inline;}
	div#container div#content .info {padding-left:20px;}

	div#container div#barOrange     { background-image: url(/images/OrangeRight.gif); background-position: right 0; display: block; margin-bottom: 6px; height: 28px; overflow: hidden }
	div#container div#barOrange .left   { background-image: url(/images/OrangeLeft.gif); background-repeat: no-repeat; margin: 0; padding: 0; width: 3px; height: 28px; float: left }
	div#container div#barOrange .right    { color: white; font-size: 11px; font-family: "Lucida Grande", Arial; font-weight: bold; padding-top: 5px; padding-left: 8px; height: 28px; float: left; text-shadow: 0px 1px 2px #AB7102  }

	div#container .areaSimple  { background-color: #f2f2f3; background-image: url("/images/ruta/right.gif"); background-repeat: repeat-y; background-position: right 0; margin-top: -7px; width: 100%; margin-right:10px; margin-bottom:5px; padding-top:2px; }
	div#container .areaSimple .top  { background-image: url("/images/ruta/top.gif"); height: 3px; overflow: hidden }
	div#container .areaSimple .top .left { background-image: url("/images/ruta/topLeft.gif"); width: 4px; height: 3px; float: left }
	div#container .areaSimple .top .right { background-image: url("/images/ruta/topRight.gif"); width: 4px; height: 3px; float: right }
	div#container .areaSimple .bottom  { background-image: url("/images/ruta/bottom.gif"); height: 6px; overflow: hidden }
	div#container .areaSimple .bottom .left { background-image: url("/images/ruta/bottomLeft.gif"); width: 4px; height: 6px; float: left }
	div#container .areaSimple .bottom .right { background-image: url("/images/ruta/bottomRight.gif"); width: 4px; height: 6px; float: right }
	div#container .areaSimple .middleInside { display: block; width: 100%; overflow: hidden }
	div#container .areaSimple .middle   { background-image: url("/images/ruta/left.gif"); background-repeat: repeat-y; padding: 5px 12px; }
	div#container .areaSimple .textMedium   { font-size:0.9em;padding:0px;color: #505050; }