/*** style.css for Augentis subpage LAL ***/

body {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	background: url(images/bg.jpg) repeat-x top;
	}


/*********************************** standarts **/
p {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 24px;
	}

h1 {
	font-size: 18px;
	margin: 0 0 0 20px;
	padding: 0;
	color: #333;
	}

h2 {
	font-size: 16px;
	letter-spacing: 1px;
	color: #ff6600;
	margin: 0 0 30px 0;
	}

h3 {
	display: block;
	height: 24px;
	margin: 0 0 4px 0;
	padding: 0 0 0 10px;
	line-height: 2em;
	background-color: #e6e6e6;
	font-size: 14px;
	color: #333;
	}


hr {
	border: 0;
	height: 1px;
	background-color: #eaeaea;
	}

a {
	color: #148f96;
	text-decoration: none;
	}

a:hover {
	color: #ff6600;
	}

/*********************************** container **/
#container {
		position: relative;
		width: 820px;
		margin: 0 auto;
		padding: 0;
		}


/*********************************** header **/
#header {
	position: relative;
	margin: 40px auto 0 auto;
	width: 820px;
	height: 320px;
	padding: 0;
	background: url(images/header.jpg) no-repeat top;
	}

	.logo {
		margin: 0;
		padding: 25px 0 0 30px;
		}
		
		.logo a {
			display: block;
			width: 800px;
			height: 180px;
			font-size: 20px;
			color: #ff7011;
			letter-spacing: 2px;
			line-height: 16px;
			text-decoration: none;
			}
		
		.gross {
			font-size: 26px;
			}
			
		.small {
			font-size: 14px;
			color: #2e3758;
			}

/*********************************** nav **/
.nav {
	position: absolute;
	left: 30px;
	bottom: 58px;
	margin: 0;
	padding: 0;
	font-size: 14px;
	}

	.nav li {
		float: left;
		margin: 0 14px 0 0;
		padding: 0;
		list-style: none;
		}
		
		.nav li a {
			display: block;
			height: 34px;
			color: #202a4d;
			text-decoration: none;
			}
		
		.nav li a:hover {
			color: #148f96;
			text-decoration: none;
			background: url(images/current.jpg) no-repeat center bottom;
			}
		
		.nav li.current {
			display: block;
			height: 34px;
			color: #148f96;
			text-decoration: none;
			background: url(images/current.jpg) no-repeat center bottom;
			}

	.nav a.hidden {
		display: none;
		}


/*********************************** sidebox **/
#sidebox {
	position: absolute;
	right: 0;
	top: 0;
	width: 250px;
	margin: 0;
	padding: 0;
	background: url(images/sideb-bg.jpg) repeat-x top;
	}

	#sidebox .subnav {
		margin: 0 0 2px 0;
		padding: 20px 0;
		background-color: #f5f5f5;
		}
		
		#sidebox .subnav li {
			margin: 0 0 0 20px;
			padding: 0;
			line-height: 24px;
			list-style: none;
			}

		#sidebox .subnav li a {
			padding: 0 0 0 12px;
			color: #309ba1;
			text-decoration: none;
			font-size: 12px;
			}
			
		#sidebox .subnav li a:hover {
			/* font-weight: bold; */
			background: url(images/arrow.jpg) no-repeat left;
			}



	/************************************* contact form **/
	.contact {
		margin: 0;
		padding: 0 0 10px 0;
		background-color: #f5f5f5;
		}
		
		.contact p {
			font-size: 12px;
			line-height: 16px;
			color: #FF6600;
			margin: 15px 15px 20px 15px;
			padding: 0;
			}

	.formular label,
	.formular input,
	.formular select { /* Alle Labels UND Formularelemente auswaehlen */
		display: block;
		float: left;
		width: 150px;
		margin: 0;
		font-size: 12px;
		}
	
	.formular form br { /* Alle Zeilenumbrueche in Formularen auswaehlen */
		clear: left; /* das floating der labels und inputs aufheben */
		}
	
	.input#submit { /* den Submit-Button */
		float: none;
		width: auto;
		}
	
	.formular label {
		padding-right: 1em;
		margin: 8px 0 0 0;
		}
	
	.formular form {
		margin: 0 0 0 15px;
		padding: 0;
		}
	
	
	#cfName,
	#cfEmail,
	#cfPLZ,
	#cfCode {
		margin: 0 0 3px 0;
		padding: 2px;	
		height: 12px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #555;
		border: 1px solid #309ba1;
		}

	#cfMessage {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #888;
		margin: 0;
		padding: 2px;
		border: 1px solid #309ba1;
		}



/*********************************** content **/
#content {
	position: relative;
	width: 800px;
	min-height: 660px;
	margin: 0 auto 10px auto;
	padding: 0 0 10px 0;
	background: url(images/content-bg.jpg) repeat-x top;
	border-bottom: 16px solid #e6e6e6;
	}


/***************************** inhalt **/
.inhalt {
	width: 510px;
	margin: 40px 0 0 20px;
	padding: 0;
	}


/****************************** Impressum **/
.webraumfahrer {
	font-size: 12px;
	}



/************************************** footer **/
#footer {
	position: relative;
	width: 530px;
	height: 30px;
	margin: 0 0 40px 10px;
	padding: 0;
	font-size: 12px;
	color: #202a4d;
	border-top: 1px solid #eaeaea;
	}
	
	.footer-left {
		position: absolute;
		left: 20px;
		top: 0;
		height: 30px;
		padding: 0;
		}

	.footer-right {
		position: absolute;
		width: 12em;
		left: 394px;
		top: 0;
		height: 30px;
		padding: 0;
		}

	.footer-left li,
	.footer-right li {
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
		list-style: none;
		}
		
	.footer-left li a,
	.footer-right li a {
		text-decoration: none;
		color: #202a4d;
		}
		
	.footer-left li a:hover,
	.footer-right li a:hover {
		color: #148f96;
		}
		
	.footer-left li.current,
	.footer-right li.current {
		color: #148f96;
		text-decoration: underline;
		}