/*	Stylesheet
	xenonet IT-Systemtechnik GmbH
	Media: Screen
	Used in Template: subpage
*/


/*	Sidebar (left)  ------------------------------------------------- */

#sidebar img { display: block }

#sub-navi {
	background: url(/tmpl/imgs/sitebar-split.jpg) repeat-x #5E9031;
	padding: 28px 20px 20px 20px;
	border-bottom: 3px solid #FEC531;
	color: #fff;
}

	#sub-navi h3 { 
		font-size: 110%;
		margin-bottom: 15px;
	}
	
	#sub-navi ul {
		margin-left: 15px;
		list-style-image: url(/tmpl/imgs/li-sub-navi.jpg);
	}
	
	#sub-navi li { margin-top: 8px; }
	#sub-navi a { color: #fff; text-decoration: none }
	#sub-navi a:hover { color: #FEC02E }
	#sub-navi li.active a { color: #FEC02E }
	
	#sub-navi li.active ul li a {
		color: #fff;
	}
	
	#sub-navi li.active ul li {
		list-style-image: url(/tmpl/imgs/li-shop-product-group-l2.gif);
	}
	
	#sub-navi li.active ul li.active a {
		color: #FEC02E;
	}
	
	
#customer-login {
	padding: 20px;
	background: url(/tmpl/imgs/login-bg.jpg) repeat-x #E4E4E4;
	border-bottom: 3px solid #DFDFDF;
	margin-bottom: 20px;
}

	#customer-login h3 {
		color: #5E9031;
		margin-bottom: 10px;
		font-size: 110%;
		background: url(/tmpl/imgs/ico-login.jpg) no-repeat;
		padding-left: 23px;
	}

	#customer-login label { display: block; margin: 5px 0 }
	#customer-login input.txt { height: 16px; font-size: 10px; margin-right: 10px }


/*	Content (right) ------------------------------------------------- */

#content {
	padding: 30px;
	line-height: 1.4em;
}

	#content h2 {
		color: #5E9031;
		margin-bottom: 20px;
		font-size: 160%;
		font-weight: normal;
	}

	#content h3 {
		color: #666;
		font-weight: bold;
		font-size: 140%;
		font-weight: normal;
		margin: 20px 0 10px 0;
	}
	
	#content h4 em {
		color: #666;
		font-style: normal;
		padding-right: 10px;
	}

	#content p.summery { font-size: 120%; }
	#content p.imp { color: #666; font-weight: bold }

	#content ul { 
		margin: 20px 30px;
		list-style-image: url(/tmpl/imgs/li-content.jpg);
	}

	#content ol { margin: 20px 30px }

	#content li {
		margin-bottom: 8px;
	}
	
	#content div.rss-feed-item {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DFDFDF;
	}
	
	#content a { font-weight: bold; padding: 2px; }
	#content a:hover { background: #FFEDD0 }
	
	#content table {
		border-collapse: collapse;
		width: 100%;
	}

	#content table th {
		padding: 3px;
		border-bottom: 1px solid #666;
		color: #5E9031;
		text-align: left;
		font-weight: bold;
		padding-top: 10px;
	}
	
	#content table td {
		padding: 3px;
		border-bottom: 1px solid #DFDFDF;
	}
	
	#content form { width: 90%; padding: 20px; border: 1px solid #DFDFDF; }
	#content form textarea { width: 400px; height: 200px; border: 1px solid #999; padding: 3px; }
	#content form label { float: left; width: 140px; display: block; text-align: right; padding-right: 20px; padding-top: 3px; }
	#content form input { margin-bottom: 20px; border: 1px solid #999; padding: 3px; }
	#content form input.inputButton { 
		margin-top: 30px; margin-left: 160px; border: 1px solid #5E9031; 
		background: #5E9031; color: #fff; font-weight: bold; padding: 3px 20px;
	}
	
	
	
	#content p.error, #content div.error { color: #FEC02E; font-weight: bold }
	
	/* Partner-Logos */
	
	#content div.partner-logos {
		margin-top: 30px;
	}
	
	#content div.partner-logos div.logo {
		margin: 0 15px 15px 0;
		float: left;
		border: 1px solid #DFDFDF;
		width: 150px;
		height: 110px;
		padding: 20px;
		text-align: center;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	#content div.partner-logos div.logo img { display: none; }