/*!
 *	inside ASP-Dokumentations Portal
 */
 
html, body {
	font-family: "ITC Conduit W01",sans-serif;
	margin: 0;
	padding: 0;
	height: 100%; 
	background: url(../gfx/grey.gif) repeat-x top left #fff; 	
	}	
 a:hover { text-decoration:none;}

#viewport {
	position: absolute;
	width: 100%; 
	margin: auto; 
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	overflow: hidden !important; 
} 
form { margin: 0; }
#print {display: none;} 
 
 
 /********************* Header **********************/
 #top {
	 height:37px;
	 background: white;
	 color: #fff;
	 position: relative;
	 z-index: 21;
	 }
	 
	 #top .span9 {margin-left: 0;}
	 #top ul, 
	 #top ul li { 
	 	list-style: none;
		padding: 0;
		margin: 0;
		padding: 0;
		float: left;
		background: none;
	 	}
	#top ul li a {
		display: block;
		padding: 11px 25px 0 0px; 
		color: #ff6900;
		font-weight: bold;
		text-transform: uppercase;
		}
		#top ul li a:hover,
		#top ul li a.CMSListMenuLinkHighlighted {color: #222221;}
	#top ul li:first-child a {
		display: block;
		width: 125px;
		height: 22px;
		text-indent: -30000px;
		background: url(../gfx/AforOne_Logo.png) no-repeat;
		}
	#top input { margin-top: 3px;}
	#top .span3 {position: relative;}
	#top .icon-search {
		background-color: #fff;
		background-position: -43px 5px;
		border: 0;
		position:absolute;
		z-index:10;
		height: 25px;
		width: 25px;
		margin: 5px 0 0 0;
		border-radius: 8px;
		text-indent: -3000px;
		top: 0;
		left: 191px;
		}
		
		
 /********************* LEFT **********************/	
 		
	#left { 
	margin: -16px 0 70px 0!important; 
	position: relative;
	z-index: 20;
	}
	
 	/* Navigation */
	#left ul { list-style-type:none !important; }
	
	#left #menuElem>li>a {
		font-size: 13px;
		text-transform: uppercase;

		color: #909090;
		font-weight: bold;
		padding: 5px 0 5px 35px;
		background-image: url(../gfx/icon-doc.gif);
		background-repeat: no-repeat;
		background-position: 16px 7px;		
		}
		#left #menuElem a {
			display: block; 
			cursor: pointer;
			text-shadow: 1px 1px 0 #fff;
			}
		#left #menuElem a:hover { background-color: #eee; }		
		

	#menuElem {
		margin:0;
		padding-top: 30px;
		border-top: 0;
		border-radius: 0 0 4px 4px;
		}
		#menuElem ul { margin: 0 -0; }
		#menuElem li { 
			padding-bottom: 20px; 
			background: url(../gfx/menu-trenner.gif) no-repeat bottom center;
			}
		
		#menuElem ul li a {
			position: relative;
			display: block;
			font-style: normal;
			padding: 5px 16px;
			}	
			

			
			
				
		#menuElem li.last-child {background: none;}
		#menuElem ul li,
		#menuElem ul li ul {
			 margin: 0;
			 padding: 0;
			 background: 0;
			 }

		#menuElem ul li ul li a,
		#menuElem ul li ul li a:hover {
			padding-left: 35px;
			background-image: url(../gfx/arrow-blue.gif)!important;
			background-repeat: no-repeat!important;
			background-position: 20px 10px!important;
			}
			menuElem ul li ul li a:after {content: none;}
			
			#menuElem ul li.CMSListMenuHighlightedLI a,
			#menuElem ul li.CMSListMenuHighlightedLI a:hover {
				color: #fff;
				text-shadow: 1px 1px 0 #999!important;
				background-color: #c9c9c9!important;
				}
			#menuElem ul li.CMSListMenuHighlightedLI ul li a,
			#menuElem ul li.CMSListMenuHighlightedLI ul li a:hover,
			#menuElem ul li ul li.CMSListMenuHighlightedLI a,
			#menuElem ul li ul li.CMSListMenuHighlightedLI a:hover {
				background-image: url(../gfx/arrow-white.gif)!important;
				}
				
		
		#left .alert { margin-bottom: 180px;}
		#left .alert.alert-contact span {color: #a27933}
		#left .alert.alert-contact {margin-top: -130px; }
		#left .alert.alert-contact img {
			width: 50px;
			margin-right: 10px;
			}
		#left .alert.alert-contact hr {
			border: 0; 
			background: none;
			border-top: 1px solid #ebdcc1;
			margin: 10px 0;
			}
		#left .alert-info h5 {
			font-size: 15px;
			font-weight: normal;
			margin: 0 0 5px 0; 
			color: #235e7b;
			}
		#left .alert-info small {
			font-size: 11px;
			color: #84bcd8;
			}
			
			
			
			

 /********************* SONDERFÄLLE **********************/		
	#startseite {
		background: url(../gfx/inside-mood.jpg) bottom right no-repeat #fff;
		background-size: 66% auto;
		position: absolute;
		top:0;
		left: 0;
		z-index: 1;
		width: 100%; 
		margin: auto; 
		min-height: 100%; 
		height: auto !important; 
		height: 100%; 
		overflow: hidden !important; 
		}		
		.IE7 #startseite { position: static; }
	
	.table tr:hover td {
		background-color: #fcf8e3!important;
		color: #000;
		}
		.IE7 .LogonPageBackground {margin-left: 120px;}
		
	#news h2 {font-size: 17.5px;font-weight: normal;}	
	#news table p { padding-bottom: 30px;}
	#news table {
		border-bottom: 1px dotted #ccc;
		margin-bottom: 30px;
		}
	#right h4 {
		font-size: 17.5px;
		margin-top: 55px;
		}
	
	
 /********************* RIGHT CONTENT **********************/		
 	#right {
		position: relative;
		z-index:2;
		}
	.span12#right {margin-left: 0;}
	
	.breadcrumb a,
	.breadcrumb a:hover,
	.CMSBreadCrumbsCurrentItem {
		color: #999;
		text-decoration:none!important;
		cursor: text;
		font-size: 12px;
		}
		#right .btn.print {float: right;}
		.breadcrumb>li {display: inline;}

	#news .breadcrumb a.CMSBreadCrumbsLink,
	#news .breadcrumb a.CMSBreadCrumbsLink:hover {color: #c00!important;}
	
	
	#right a:hover {text-decoration: underline;}
		   a.btn:hover { text-decoration: none!important; }
	
	#right.doku .padder { padding-left: 30px; }
	.breadcrumb { margin-bottom: 10px; color: #ccc;}
	.breadcrumb #home {
		display: block;
		width: 16px;
		height: 16px;
		margin: 1px 0 0 0;
		text-indent: -30000px;
		background: url(../gfx/home.gif) 1px 1px no-repeat;
		float: left;
		cursor: pointer;
		}
	.LogonPageBackground,
	#right .padder { 
		text-align: justify; 
		color: #000;
		font-size: 12px;
		clear: both;
		margin: 10px 0 0 0;
		
		padding: 43px 0 230px 0; 
		}
	
		
		.screenshots, .screenshots-ess {
			position: relative;
			margin: 15px 0 25px;
			padding: 39px 19px 14px;
			background-color: #fff;
			border: 1px solid #ddd;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			text-align:center;
			font-size: 11px;
			color:#666;
		}
		.screenshots:after {
			content: "Darstellung im SAP-System";
			position: absolute;
			top: -1px;
			left: -1px;
			padding: 3px 7px;
			font-size: 11px;
			font-weight: bold;
			background-color: #f5f5f5;
			border: 1px solid #ddd;
			color: #9da0a4;
			-webkit-border-radius: 4px 0 4px 0;
			-moz-border-radius: 4px 0 4px 0;
			border-radius: 4px 0 4px 0;
		}
		.screenshots-ess:after {
			content: "Darstellung im Portal";
			position: absolute;
			top: -1px;
			left: -1px;
			padding: 3px 7px;
			font-size: 11px;
			font-weight: bold;
			background-color: #f5f5f5;
			border: 1px solid #ddd;
			color: #9da0a4;
			-webkit-border-radius: 4px 0 4px 0;
			-moz-border-radius: 4px 0 4px 0;
			border-radius: 4px 0 4px 0;
		}
	
		#login-page {		
			margin-left: 35%;
			height: 50px;
			}
			.IE7 #login {		
			margin-left: 28%;
			}
	
 /********************* FOOTER **********************/		
	#footer {
		position: absolute;
		z-index: 3;
		bottom:0;
		width: 100%;
		min-height: 115px;
		padding-top: 26px;
		background: url(../gfx/footer-bg.gif) repeat-x top left #fff;
		border-bottom: 8px solid #ff6900;
		font-size: 11px;
		}
		
	#footer a:hover {text-decoration: underline;}
	
	#backtop {
		position: absolute;
		margin: -70px 0 0 -330px;
		z-index:1;
		}