/*==================================================
Stylesheet fuer die Browserausgabe
(Femto-Lasik.de)
(c) 2008 by webraumfahrer.com>
==================================================*/


body
{
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helfetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #333;
	background: #fff url(images/bg.jpg) repeat-x top;
}

img {
	border: 0;
	}

p, ul, a {
	font-size: 12px;
	}

p, ul {
	color: #333;
	line-height: 20px;
	margin: 0 0 22px 0;
	padding: 0;
	color: #111;
	}

ul {padding: 0 0 0 30px;}

li {
	margin: 8px 0 10px 12px;
	padding: 0;
	}


h1 {
	font-size: 18px;
	color: #2786BE;
	margin: 0 0 30px 0;
	padding: 0;
	border-bottom: 1px solid #2786BE;
	}

h2 {
	font-size: 14px;
	color: #2786BE;
	margin: 0 0 10px 0;
	padding: 0;
	}

h3 {
	font-size: 14px;
	color: #2786BE;
	margin: 0 0 10px 0;
	padding: 0;
	}

h4,
h5,
h6 {
	color: #2786BE;
	margin: 0 0 10px 0;
	padding: 0;
	}


a {
	color: #6cb5d8;
	text-decoration: none;
	}

a:hover {
	color: #6cb5d8;
	text-decoration: underline;
	}


hr {
	margin: 40px 0;
	border: 0;
	height: 1px;
	background-color: #2786BE;
	}

.clear {
	clear: left;
	margin: 10px 0;
	padding: 0;
	height: 12px;
	}

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


/******************************************** header **/
#header {
	width: 920px;
	height: 195px;
	margin: 0;
	padding: 0;
	background: url(images/header.jpg) no-repeat top;
	}

	.logo {
	display: none;
	margin: 0;
	padding: 0;
	}
	
	.logo h1 {
		margin: 0;
		padding: 0;
	}


/****************************************** navigation **/
#navibox {
	margin: 0;
	padding: 0;
	width: 920px;
	height: 42px;
	}

.navi {
	position: absolute;
	top: 132px;
	left: 20px;
	margin: 0;
	padding: 0;
	}

	.navi li {
		float: left;
		height: 42px;
		list-style: none;
		}
	
	.navi li a {
		display: block;
		height: 42px;
		line-height: 42px;
		padding: 0 8px;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
	}
	
	.navi li a:hover {
		color: #333;
		text-decoration: none;
		background-color: #d5ecf5;
	}	

	.navi li p {
		color: #333;
		font-size: 14px;
		height: 42px;
		line-height: 42px;
		padding: 0 8px;
		background-color: #d5ecf5;		
	}

/***************************************** leftbox **/
#leftbox {
	float: left;
	width: 163px;
	margin: 26px 0 0 0;
	padding: 0;
	
	}

	#leftbox img {
		width: 150px;
		height: 150px;
		border: 0;
		margin: 0 0 22px 0;
		padding: 6px;
		background: url(images/img-bg.jpg) no-repeat;
		}

/************************************************** content **/

#content {
	float: left;
	width: 460px;
	min-height: 600px;
	margin: 25px 0 0 15px;
	padding: 0 0 15px 0;
}

	#content ul {
			margin: 0 0 0 40px;
			padding: 0;
			}
		
	#content ul li {
			margin: 20px 0 10px 0;
			padding: 0;
			}

/*************************************** right box **/
#rightbox {
	float: right;
	width: 230px;
	margin: 25px 0 30px 0;
	padding: 0;
	}
	
	#rightbox .links {
		width: 230px;
		background: url(images/r-box-bg.jpg) repeat-y;
		}
	
	#rightbox .headline {
		width: 230px;
		height: 22px;
		margin: 0;
		padding: 0;
		background: url(images/headline-bg.jpg) no-repeat top;
		}
		
	#rightbox .headline h3 {
		font-size: 14px;
		color: #fff;
		letter-spacing: 1px;
		font-weight: normal;
		margin: 0;
		padding: 4px 0 0 22px;
		}
	
	
	#rightbox ul {
		line-height: 15px;
		margin: 20px 0 0 0;
		padding: 0 0 40px 0;
		}
		
		#rightbox ul li {
			list-style-type: none;
			}
		
		#rightbox ul li a {
			padding: 0 0 0 10px;
			text-decoration: none;
			color: #fff;
			font-size: 11px;
			}
			
			#rightbox ul li a:hover {
			text-decoration: underline;
			}
	
	/************************************* contact form **/
	.contact {
		margin: 40px 0 0 0;
		padding: 0;
		background: url(images/r-box-bg.jpg) repeat-y;
		}
		
		.contact p {
			font-size: 11px;
			line-height: 14px;
			color: #fff;
			margin: 15px 15px 20px 24px;
			padding: 0;
			}
		

	/******************************* formular startseite **/
	#EmailForm {
		width: 176px;
		margin: 0 auto;
		padding: 0 0 5px 11px;
		background-color: #79a0b4;
		}

	.formular label,
	.formular input,
	.formular select { /* Alle Labels UND Formularelemente auswaehlen */
		display: block;
		float: left;
		width: 156px;
		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;
		color: #fff;
		font-size: 11px;
		}
	
	.formular form {
		margin: 0 0 0 15px;
		padding: 0;
		}
	
	#cfName,
	#cfEmail,
	#cfPLZ,
	#cfSubject,
	#cfCode {
		margin: 0 0 3px 0;
		padding: 2px;	
		height: 12px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 11px;
		color: #333;
		border: 0;
		}
	
	#cfCode {
		border: 1px dashed red;
		margin: 5px 0 3px 0;
		padding: 4px 2px;
		}

	#cfMessage {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #333;
		margin: 0;
		padding: 2px;
		border: 0;
		}

	.captcha {
		margin: 0 0 10px 0;
		padding: 0;
		}

	.vericode {
		border: 1px solid #79A0B4;
		margin: 0;
		padding: 2px;
		}

	/************************************************ formular kontaktseite **/
	.formular1 {
		float: left;
		}
	
	.formular1 label,
	.formular1 input,
	.formular1 select { /* Alle Labels UND Formularelemente auswaehlen */
		display: block;
		float: left;
		margin: 0;
		font-size: 12px;
		}

	.formular1 form br { /* Alle Zeilenumbrueche in Formularen auswaehlen */
		clear: left; /* das floating der labels und inputs aufheben */
		}

	.formular1 .formular label {
		padding-right: 1em;
		margin: 8px 0 0 0;
		color: #333;
		font-size: 12px;
		}

	.formular1 #EmailForm {
		margin: 0 auto;
		padding: 0 0 5px 0;
		background-color: #fff;
		}

	formular1 #cfName,
	formular1 #cfEmail,
	formular1 #cfPLZ,
	formular1 #cfSubject,
	formular1 #cfCode {
		border: 1px solid #2786BE;
		}

	formular1 #cfMessage {
		border: 1px solid #2786BE;
		}




.box-footer {
	margin: 0;
	padding: 0;
	width: 330px;
	height: 25px;
	background: url(images/box-bg.jpg) no-repeat;
	}



/*************************************************** footer **/
#footer {
	clear: both;
	width: 100%;
	height: 150px;
	background: #93C1D9 url(images/footer-bg.jpg) repeat-x top;
	}
	
	#footermenu {
		width: 72em;
		height: 28px;
		margin: 0 auto;
		padding: 5px 0 0 0;
		}
	
	.footermenu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
	
	.footermenu li {
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
		}
		
		.footermenu li a {
			color: #fff;
			text-decoration: none;
			}
		
		.footermenu li a:hover {
			color: #fff;
			text-decoration: underline;
			}

		.footermenu li p {
			color: #fff;
			font-size: 12px;
			height: 28px;
			padding: 0;
			text-decoration: underline;
			}