/**
 * Created on 11.04.2009
 * @author nobs - all rights reserved
 */
/* ######## tags, classes */ 
 body { padding:0px; margin:0px; font:normal 14px Arial,Verdana,system; background:#556060; color:#000033; }

 /* text, layers, links, lists */
 p { text-align:left; background:transparent; color:#000033; width:740px; }
 
 div { text-align:left; background:transparent; color:#000033; border-style:solid; border-width:1px; }
 div.left_head { float:left; color:#DDDDD0; width:174px; height:22px; background:url('img/temp/banner_dunkel.png');
	margin-top:-27px; padding-top:5px; border-width:1px; border-style:solid; border-color:white #000033 #000033 white; 
	border-bottom:0; margin-left:44px; z-index:21; }
 div.left_box { border-width:1px 2px 1px 1px; border-style:solid; border-color:white #000033 #8899AA white; z-index:1; 
 	background-image:url('img/temp/back_left.png'); margin-top:-15px; }
 	
 span { font-weight:bold; }
 
 a { color:#667788; background:transparent; text-decoration:none; }
 a:hover { color:#000033; text-decoration:underline; }
 
 ul { list-style-type:none; list-style-image:url('img/temp/treppe.gif'); color:#000033; background:transparent; }
 li { list-style-type:none; list-style-image:url('img/temp/treppe.gif'); color:#000033; background:transparent; padding-left:12px; }
 
 /* headers */
 h1,h2,h3,h4 { color:#FF5900; background:transparent; }
 h1 { font-size:20px; }
 h2 { font-size:16px; }
 h3 { font-size:14px; color:#000033; } 
 h4 { font-size:16px; }
 h5 { font-size:14px; color:#000033; }
 
 /* forms */
 input { background:white; color:#000033; border-style:solid; border-width:1px; }
 input.readonly { color:#000033; background:transparent; width:120px;  border:0; }
 input.text { color:#000033; background:white; width:126px;  border-color:#000033 #DDDDD0 #DDDDD0 #000033; font-size:12px; }
 input.login { color:#000033; background-color:white; width:98px;  border-color:#000033 #DDDDD0 #DDDDD0 #000033; }
 select.combo { color:#000033; background:white; width:122px; }
 input.button { color:#DDDDD0; background-image:url('img/temp/banner_dunkel.png'); background-repeat:repeat-x; background-position:0 0; width:132px; 
 		border:0; padding:0; margin:0; height:24px; }	
 select { color:#000033; background:white; border-style:solid; border-width:1px; border-color:#000033 #DDDDD0 #DDDDD0 #000033; }
 
 /* ######## id's, paths */
 #outer { position:absolute; left:0px; top:0px; width:100%; min-height:100%;  vertical-align:top; text-align:center; border:0; 
 		margin:0px; padding:0px; white-space:nowrap; color:#000033; background:#556060; }

 #far_north { width:100%; height:40px; vertical-align:middle; background-color:#556060;; background-image:url('img/temp/banner_dunkel.png'); color:#DDDDD0; 
 		font-size:11px; letter-spacing:0.5em; text-align:right; border:0; border-top:solid 1px #DDDDD0; margin-top:12px; }
 #far_north div { float:right; margin:20px; margin-right:40px; color:#DDDDD0; border:0; width:1200px; text-align:right; }
 
 #north { z-index:10; font-size:12px; margin:0; background:url('img/temp/banner_hell.png'); border:0px; width:100%; white-space:nowrap; 
 		height:100px; margin:0; vertical-align:top; }

 #head { height:60px; vertical-align:middle; background:transparent; background-image:url('img/temp/banner_dunkel.png'); color:white; font-size:14px; 
 		border:0; border-bottom:solid 1px #000033; z-index:20; width:100%; }
 #head div div,#head div form div { float:left; width:120px; height:30px; border-color:#DDDDD0 #000033 #000033 #DDDDD0; margin-top:13px; text-align:left; 
 		vertical-align:middle; }
 #head div div div,#head div form div div { margin:8px; margin-top:5px; text-align:left; border:0; }
 
 #head_image { border-width:1px; border-style:solid; border-color:#DDDDD0 #000033 #000033 #DDDDD0; }
	
 #west { float:left; width:250px; padding:0px; margin-left:40px; margin-top:-112px; border:0; white-space:nowrap; }
 #west div {  }
 #west div ul li { list-style-image:none; }

 #center { /*float:left;*/ position:absolute; top:196px; left:330px;  margin:0px; z-index:5; border:0; background:white; color:#000033; width:913px;
 	 	text-align:left; z-index:2; min-height:775px; border-width:0px 2px 2px 1px; 
 	 	border-color:#DDDDD0 #000033 #000033 #DDDDD0; border-style:solid; background:white; white-space:nowrap; }
 #center p, #center ul { background:transparent; }
 
 #homo { position:absolute; top:1px; left:815px; z-index:8; border:0; }

 #copyright { float:left; width:100px; height:40px; margin:0; font-size:11px; border:0;
				white-space:nowrap; color:#DDDDD0; padding:0; margin-top:8px; margin-left:4px; }
 #position_link { float:left; margin:0px; margin-top:-20px; margin-left:-8px; font-size:11px; width:800px; text-align:left; 
 		white-space:nowrap; border:0; }
 #position_link a { color:#8899AA; }	
 
 #help { display:none; position:absolute; top:300px; right:40px; padding:20px;
		color:white; background:#FFBB88; font-size:16px; width:450px; z-index:21; border:ridge 2px #FF5900; line-height:150%; }

 #tag_help { display:none; position:absolute; top:300px; right:40px; padding:20px; border:ridge 2px #FF5900;
		color:white; background:#FFBB88; font-size:16px; width:450px; z-index:21; white-space:normal; line-height:150%; }
 	
 #description { display:none; position:absolute; top:300px; right:40px; padding:20px; border:ridge 2px #DDDDD0; overflow:hidden;
	color:#FF5900; background:#DDDDD8; width:450px; z-index:30; white-space:normal; line-height:150%; height:100px; }
	
 #tag_help:hover { cursor:pointer; }
 
 #plan { font-size:12px; border-collapse:collapse; border-width:2px; border-style:ridge; border-color:#DDDDD0; }