/* -------------------------------------------------------------------- */
/* style sheets für Sage ERP X3, 2008							        */
/* realisation and author: michael schulze, www.ju-mi.com  				*/
/* -------------------------------------------------------------------- */


/* -------------------------------------------------------------------- */
/* globale Einstellungen */
	
	body {
		margin: 0px;
		padding: 0px;
		background: #FFFFFF;
		scroll: auto;
	}
	
	

/* -------------------------------------------------------------------- */		
/* Schriftklassen */
	
	body {
		font-family: Arial, Helvetica, sans-serif;
		color: #747476;
		font-weight: normal;
		font-style: normal;
		font-size: 11px;
		line-height: 14px;
	}
	
	#centerer {
	  width: 767px;
	  margin: auto; 
	}
	
	/* allgemeine Linkdarstellung */
		a {
			color: #000000;
			text-decoration: none;
		}
		
		a:hover {
			color: #000000;
		}
				

	/* Headlines */
		h3 {
			font-weight: bold;
			font-style: normal;
			font-size: 11px;
			line-height: 15px;
			margin: 0px;
			padding: 0px;
		}
		
		
	/* Absätze */
		p {
			margin: 0px 0px 15px 0px;
		}
		
		
	/* Betonungen */
		em {
			font-weight: bold;
			font-style: normal;
		}
		
	/* hochgestellt */
		.hoch {
			font-size: 7px;
			vertical-align: 3px;
			line-height: 7px;
		}	
		
		h1 {
	    font-size: 17px;
	    color: #808286; 
		}
		
    h2 {
      font-size: 14px;
      font-weight: normal;
    }
		img {
			border: 0px;
		}
	
/* -------------------------------------------------------------------- */
/* Seitenaufbau */

	/* allgemeiner Seitenaufbau -------------------------------------- */

		#container { 
			position: relative;
			top: 0px;
			width: 785px;
			text-align: left;
			padding: 0px;
			background: url(/templates/i/sx3_main_back.gif) repeat-y;
			padding-left: 18px;
			float:  left;
		}	
		
		#container object, #container embed, .kopfbild {
			display: block;
			clear: both;
					}
		
		#top {
			height: 75px;
			vertical-align: middle;
		}
		
		#pageTitle {
		  height: 30px;
		  margin: 0;
		  padding: 0px 0 30px 0;
		  font-weight: lighter;
		  font-size: 20px;
		  color: #777;
		  position: absolute;
		  top: 35px;
		  left: 180px;
		} 
		
		#title {
			font-size: 17px;
			font-weight: bold;
			color: #747476;
			padding: 0 0 14px 0;
			margin: 0px;
			line-height: 20px;
		}
		
		#container2 {
			width: 785px;
			text-align: left;
			clear: both;
		}
		
		#container2 img {
			display: block;
		}
		
		.fusszeile {
			padding-left: 28px;
			padding-right: 3px;
			margin-top: 2px;
			float: left;
		}
		
		.fusszeile, .fusszeile a {
			font-size: 9px;
			line-height: 9px;
			color: #a5a5a5;
		}
		
		.fusszeile a:hover, .fusszeile span {
			color: #000000;
		}
		
	/* Navigation  ---------------------------------------------------- */
		
		/* Navleiste */
			#logo {
				display: block;
				/*padding: 100px 30px 0px 42px;*/
				float: left; 
				/*margin: 20px 0 0 45px;*/
				position: absolute;
				top: 22px;
				left: 55px;
			}
			
			#menu {
				
				text-align: center;
				float: left;
			}
			
			#mainMenu {
			 margin:  0px;
			 text-align: center;
			  padding: 0;
			  float: left;
			  width: 650px;
			  clear: both;
			  _float: none;
			  _clear: none;
			  _display: inline;
			}
			
			#navigation {
				padding-left: 135px;
				height:172px;
				clear: both;
			}
			
			.navbut, .navbutA {
				display: block;
				float:left;
				padding: 3px 8px 0px 0px;
				background: url(/templates/i/sx3_nav_trennstrich.gif) no-repeat right 4px;
				color: #747476;
			}	
			
			.navbutA {
				color: #000000;
			}
			
			#lastbut {
				background: none;
				padding-right: 0px;
			}
			
			.langsel {
				width: 108px;
				color: #8c8e91;
				font-size: 10px;
				line-height: 15px;
				height: 15px;
				display: block;
				float: right;
				/*margin-right: 35px;*/
				/*padding: 1px 0px 0px 0px;*/
				position: absolute;
				left: 660px;
				top: 77px;
			}
				
			
		/* Dropdowns */
			.ddcontainer {
				position: absolute;
				top: 110px;
				display: none;
			}
			
			#dd2 	{ left: 223px; }
			#dd3 	{ left: 317px; }
			#dd4 	{ left: 365px; }
			#dd5 	{ left: 407px; }
			#dd6 	{ left: 506px; }
			
			.dd {
				background: url(/templates/i/sx3_nav_ddback.png);
				z-index: 10;
			}
			
			.dditem, .dditemA {
				display: block;
				height: 18px;
				padding: 4px 6px 0px 6px;
				color: #ffffff;
			}
						
			.dditem:hover, .dditemA {
				color: #dbe9af;
			}
						
			
			#colContainer {
			  float: left;
			}
						
	/* Inhaltsbereich  ------------------------------------------------ */
		
		/* Inhalte */
		
			/* Randspalte */
				.randspalte {
					padding: 50px 0 0 17px;
					/*position: absolute;
					left: 568px;
					top: 295px;*/
					float:left;
					width: 200px;
				}
				
				.destartrand {
					top: 412px;
				}
				
				.randhead {
					display: block;
					color: #4e937d;
					font-weight: bold;
					border-bottom: 2px solid #DCEBAA;
					margin-bottom: 15px;
				}
				
				.randtext {
					color: #7f7f83;
					width: 160px;
				}	
				
			/* Inhaltsbereich */
				.inhalt {
					float: left;
					width: 370px;
					padding: 50px 0px 30px 0px;
					
				/*	background: url(templates/app/sx3_main_linien.gif) no-repeat;*/
				}
				
				.destart {
					background: url(/templates/i/sx3_main_linien_de-start.gif) no-repeat;
				}
				
				.inhalt p, .inhalt h3, .inhalt img, .inhalt form {
					padding-left: 0px;
				}
				
				.ihfullspace {
					width: 715px;
				}
				
				.head {
					display: block;
					margin-bottom: 20px;
				}
				
				.clearer {
					clear: both;
				}
			
			
			/* Buttons */
				.closebutton, .openbutton, .backbutton, .topbutton {
					color: #4e937c;
					display: block;
					padding-left: 12px;
				}
				.closebutton 	{ background: url(/templates/i/sx3_main_butpfeil_back.gif) no-repeat left 4px; }
				.openbutton 	{ background: url(/templates/i/sx3_main_butpfeil_open.gif) no-repeat left 4px; }
				.backbutton 	{ background: url(/templates/i/sx3_main_butpfeil_back.gif) no-repeat left 4px; }
				.topbutton 		{ background: url(/templates/i/sx3_main_butpfeil_top.gif) no-repeat left 5px; }
				.selected 		{ color: #000000;}
				
				#openbuttonA	{ color: #000000;}


	
			/* Bilder */
				.imginline {
					display: block;
					margin-bottom: 15px;
				}
				
				.bu {
					font-style: oblique;
				}
				
				
			/* Info-Blöcke */
				.fulltext {
					display: none;
				}
				
				
			/* Listen */
				ul {
					list-style: none;
					display: block;
				}
				
				ul.submenu {
					display: none;
					position: absolute;
					top: 24px;
					left: -5px;
					padding: 0px;
					margin: 0px;
					clear: both;
					text-align: left;
					background: url(/templates/i/sx3_nav_ddback.png);
					z-index: 100;
				}
				
				ul.submenu li a {
					display:block;
					position: relative;
					left: 6px;
					height: 18px;
					color: #ffffff;
					white-space: nowrap;
				}
				
				ul.submenu li a:hover {
					color: #dbe9af;
				}
				
				li { 
					/*padding: 0px 0px 0px 12px;
					background: url(/templates/i/sx3_main_bullet.gif) no-repeat left 5px;
					margin-bottom: 15px;*/
				}
				
				li.mainmenu {
					 float: left;
					 position: relative;
					 height: 24px;
					 display: block;
				}
				
				li.mainmenu:hover ul.submenu {
					display: block;
				}
				
				li.item2 {
					
					/*width: 114px;*/
					padding: 5px 10px 0px 0px;
					text-align: left;
					min-width: 75px;
				}
				
				.compactlist li {
					
				}
				
				.contentlist li {
				background: url(/templates/i/sx3_main_bullet.gif) no-repeat left 5px;
					/*padding-bottom: 20px;*/
					padding-left: 10px;
					padding-bottom: 15px;
				}
				
				.contentlist, .compactlist{
				padding: 0px;
				
				}
				.withhead {
					margin-top: 0px;
				}
				
				
				#ih_home li {
					margin: 0 0 0 -10px;
					background: url(/templates/i/sx3_main_bullet.gif) no-repeat left 5px;
					padding-left: 10px;
				}
				
				#ih_home ul {
					padding: 0;
					margin: 0;
					list-style: none;
					display: block;
				}
				
				#ih_home h1 {
					font-size: 17px;
					font-weight: bold;
					color: #747476;
					padding: 0 0 14px 0;
					margin: 0px;
					line-height: 20px;
				}
				
				#ih_home h2 {
					font-size: 14px;
					font-weight: bold;
					color: #747476;
					padding: 0 0 14px 0;
					margin: 0px;
					line-height: 20px;
				}
			
				
			/* Formulare */
				input {
					line-height: 16px;
					font-size: 11px;
				}
				
				.inputtxt 		{ border: 1px solid #cdcdcd; width: 339px; }
				.inputtxtsemi 	{ border: 1px solid #cdcdcd; width: 166px; }
				.inputcheck 	{ background: none; margin: 3px 10px 3px 0px; }
				
				/* Sonderfelder */
				#name 			{ margin-left: 5px; }
				#city 			{ width: 175px; }
				#stadt 			{ width: 280px; }
				#state 			{ width: 50px; margin-left: 5px; }
				#zip 			{ width: 100px; margin-left: 5px; }
				#plz 			{ width: 50px; margin-right: 5px; }
				#telcode		{ width: 50px; margin-bottom: 3px; }
				#telephone		{ width: 150px; }
				#email			{ width: 250px; }
				
				/* Beschriftung */
				.formlabel 		{ padding: 5px 0px 2px 0px;}
				.formsechead 	{ padding: 10px 0px 5px 0px; font-weight: bold; }
				.formcomment 	{ padding: 12px 0px 18px 0px; font-style: italic; }
				.formabspann 	{ padding: 18px 0px 10px 0px; }
				
				
			
	/* seitenspezifische Objekte --------------------------------------- */
		
		#leftImg {
		  float: left;
		  clear: both;
		}
		
		#rightCont {
		  float: left;
		}
		
		/* Home */
			#ih_home {
				padding-bottom: 0px;
			}
			
			#ticker {
				margin-top: 70px;
				margin-bottom: -10px;
			}
			
			#selcountry {
				width: 200px;
				color: #3c3d43;
				font-size: 11px;
			}
		
		/* Business Enablers */
			#circle {
				/*margin-top: 32px;
				margin-bottom: 32px;*/
			}
			
			#bgrafik2 {
				padding-left: 0px;
				margin-top: 16px;
				margin-bottom: 32px;
			}
		
		/* Product News */
			.newssubhead {
				color: #4e937d;
			}
			
		/* Technology */
			#techgrafik {
				display: block;
				margin: -15px 0px 15px 0px;
			}
		
		
		/* Solutions */
			#worldmap {
				margin: 0px 0px 0px 0px;
			}
			
		/* Customers */
			.refusa 	{ background: url(/templates/i/sx3_cus_flag-usa.jpg) no-repeat 70px top; }
			.refes 		{ background: url(/templates/i/sx3_cus_flag-es.jpg) no-repeat 70px top; }
			.refpor 	{ background: url(/templates/i/sx3_cus_flag-por.jpg) no-repeat 70px top; }
			
			.refhead {
				display: block;
				margin: 60px 0px 20px 0px;
			}
		
			.refnext {
				float: right;
				margin: -30px -60px 0px 0px;
			}
			
		/* Countrypages */
			.contactinfo a {
				color: #4e937d;
			}
			.contactinfo a:hover {
				color: #000000;
			}
			.contactinfo a:visited {
				color: #999999;
			}
			
		/* DE: Online-Demo */
			#containerDemoDE { 
				position: relative;
				top: 0px;
				width: 1027px;
				text-align: left;
				padding: 0px;
				background: url(/templates/i/sx3_demo-de_back.gif) repeat-y;
				padding-left: 18px;
				margin-bottom: -10px;
			}	
			
			#container2DemoDE {
				width: 1045px;
				text-align: left;
			}
			
			#container2DemoDE img {
				display: block;
			}
			
		/* DE: Impressum */
			#impressum {
				float: right;
			}
			#impressum h3, #impressum p {
				padding: 0px;
			}	
		/*Forms*/
			textarea, input, select {
				font-size: 11px;
				border: 1px solid #cccccc;
			}



		/*RSS*/
			.rss {
				height: 14px;
				width: 36px;
				background: url(/templates/rss_button.gif) no-repeat 0 0;
				display: block;
				float: left;
			}