/*==================================================
Stylesheet fuer die Browserausgabe
(kfo-berlin.de)
(c) 2009 by webraumfahrer.com>
==================================================*/

body {
	margin: 0;
	padding: 0;
	font: 12px Arial, Helvetica, "sans serif"; 
	}

p {
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 18px;
	color: #33383a;
	}


h1 {
	color: #009bb4;
	font-weight: normal;
	font-size: 22px;
	margin: 0 0 22px 0;
	padding: 0;
	}

h2 {
	color: #009bb4;
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 12px 0;
	padding: 0;
	}

h3 {
	color: #009bb4;
	font-weight: normal;
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	}

h4 {
	color: #009bb4;
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: bold;
	}

img {
	border: 0;
	}
	
ul,
ol {
	margin: 0 0 20px 40px;
	padding: 0;
	}
	
	ul li,
	ol li {
		margin: 0 0 8px 0;
		padding: 0;
		color: #333;
	}

a {
	text-decoration: none;
	color: #009bb4;
	}

a:hover {
	text-decoration: underline;
	color: #009bb4;
	}

hr {
	height: 1px;
	margin: 20px 0;
	padding: 0;
	border: 0;
	background-color: #C6E8ED;
	}



/*** sprung-menu ***/
.top {
	margin: 0;
	padding: 0;
	}

	

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



/* header
--------------------------------------------------------*/
#header {
	margin: 0 auto;
	padding: 0;
	width: 945px;
	height: 143px;
	background: #fff url(images/header.jpg) no-repeat;
	}
	
	#logo {
		margin: 15px 0 0 0;
		background: url(images/logo.jpg) no-repeat;
		}

	#logo a {
		display: block;
		width: 590px;
		height: 70px;
		}


		.hidden {
			display: none;
			font-size: 28px;
			letter-spacing: 1px;
			line-height: 18px;
			color: #009bb4;
			text-decoration: none;
			}
			
			.small {
				display: none;
				font-size: 12px;
				color: #aaa;
				}

/* navigation
--------------------------------------------------------*/
.nav {
	position: absolute;
	left: 5px;
	top: 107px;
	width: auto;
	height: 35px;
	margin: 0;
	padding: 0;
	}
	
	.nav li {
		float: left;
		width: auto;
		height: 35px;
		line-height: 35px;
		margin: 0;
		padding: 0;
		list-style: none;
		}

		/*
.nav li:hover {
			background: url(images/hover.jpg) repeat-x;
		}
*/
		
		.nav li a {
			display: block;
			color: #fff;
			text-decoration: none;
			font-size: 13px;
			letter-spacing: 1px;
			padding: 0 6px;
		}
		
		.nav li a.current {
			background: url(images/hover.jpg) repeat-x;
		}


		.nav li a:hover {
			background: url(images/hover.jpg) repeat-x;
			color: #fff;
		}


/* left-container
-------------------------------------------------------------------*/
#left-container {
	float: left;
	width: 706px;
	margin: 26px 0 0 0;
	padding: 0;
	background: url(images/left_container-bg.jpg) repeat-y left;
	}


/* subnavigation
--------------------------------------------------------*/
#left-box {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 0 20px 0;
	width: 225px;
	min-height: 400px;
	background-color: #e5f5f7;
	}

	#left-box-headline {
		border: 1px solid #c6e8ed;
		height: 24px;
		background: url(images/boxheader-bg.jpg) repeat-x;
	}
	
		#left-box-headline h3 {
			margin: 0;
			padding: 0 0 0 10px;
			font-size: 12px;
			line-height: 24px;
			color: #009bb4;
		}


	.sidenav {
		margin: 20px 0 0 10px;
		padding: 0;
		}
	
		.sidenav li {
			line-height: 20px;
			margin: 0;
			padding: 0;
			list-style: none;
			}
			
			.sidenav li a {
				color: #009bb4;
				text-decoration: none;
				font-size: 12px;
				letter-spacing: 1px;
				background: url(images/arrow_link.jpg) no-repeat 0 50%;
				padding: 0 0 0 15px;
			}
	
			.sidenav li a:hover,
			.sidenav li a.current {
				color: #ee7100;
				background: url(images/arrow_current.jpg) no-repeat 0 50%;
			}


			.sidenav li ul {
				margin: 0 0 0 15px;
				padding: 0;
				}


/* formular Login
--------------------------------------------------------*/
.login {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0 0 0 14px;
	}
	
	#username,
	#password {
		margin: 2px 0;
		padding: 5px 0 2px 5px;
		border: 0;
		width: 200px;
		font-size: 12px;
		line-height: 24px;
		color: #0095af;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #ceebf0;
	}



/* content
--------------------------------------------------------*/
#content-start,
#content {
	float: left;
	width: 465px;
	margin: 0 0 0 15px;
	}
	
	#content2 {	
		float: left;
		width: 700px;
		margin: 26px 0 0 0;
		}

#content-start {
	margin: 26px 0 0 0;
	}


.praxis,
.team {
	background: url(images/img.jpg) no-repeat;
	width: 465px;
	height: 178px;
	border: 0;
	margin: 0;
	padding: 0;
	}
	
	.team {
		background: url(images/team.jpg) no-repeat;
	}

.img-variable-start {
	background: url(images/img1.jpg) no-repeat;
	width: 705px;
	height: 320px;
	border: 0;
	margin: 0;
	padding: 0;
	}

.img-variable img {/** schaft raumm zwischen img und der †berschrift im Content der Unterseiten**/
	margin: 0 0 22px 0;
	}


/* tabellen für die Gallery
--------------------------------------------------------------*/
table.gallery {
	border: 0;
	}
	
	table.gallery td {
		border-bottom: 1px solid #C6E8ED;
		padding: 20px 0 0 0;
		}


/* rechte seitenbox
--------------------------------------------------------*/
#right-box,
#right-box1,
#right-box2 {
	position: relative;
	float: right;
	width: 225px;
	margin: 26px 0 0 0;
	padding: 0;
	}
	
	#right-box {
		height: 322px;
		background-color: #e5f5f7;
	}

#right-box ul,
#right-box1 ul {
	margin: 20px 0 0 10px;
	padding: 0;
	}
	
	#right-box1 ul {
		margin: 20px 0 20px 10px;
		}
	
	#right-box ul li,
	#right-box1 ul li {
		line-height: 20px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#right-box ul li a,
	#right-box1 ul li a {
		text-decoration: none;
		color: #009bb4;
		letter-spacing: 1px;
		background: url(images/arrow_link2.jpg) no-repeat 0 50%;
		padding: 0 0 0 15px;
	}
	
	#right-box ul li a {
		background: url(images/arrow_link.jpg) no-repeat 0 50%;
	}


		#right-box1 li a:hover {
			color: #ee7100;
			background: url(images/arrow_current2.jpg) no-repeat 0 50%;
		}
		
		#right-box ul li a:hover {
			color: #ee7100;
			background: url(images/arrow_current.jpg) no-repeat 0 50%;
		}
	

		#right-box ul li a.current,
		#right-box1 li a.current {
			color: #ee7100;
		}


#right-box-headline,
#right-box-headline2 {
	border: 1px solid #c6e8ed;
	margin: 0;
	padding: 0;
	height: 24px;
	background: #e5f5f7 url(images/boxheader-bg.jpg) repeat-x;
	}
	
	#right-box-headline h3,
	#right-box-headline2 h3 {
		margin: 0;
		padding: 0 0 0 10px;
		font-size: 12px;
		line-height: 24px;
		color: #009bb4;
	}


/* textinhalt der boxen unten
-----------------------------------*/
.shortcontent,
.shortcontent2 {
	position: relative;
	height: 104px;
	margin: 10px;
	padding: 0;
	line-height: 16px;
	}

	.shortcontent2 {
		height: 188px;
		}
	
	.newsbox {
		position: relative;
		margin: 16px 0 0 10px;
		padding: 0;
		line-height: 16px;
		height: 200px;
		_height: 220px;
		}

	.shortcontent p,
	.shortcontent2 p,
	.newsbox p {
		margin: 0 0 10px 2px;
		padding: 0;
		color: #009bb4;
		}

		.newsbox p {
			margin: 0 0 10px 18px;
			}

	.shortcontent2 p {
		margin: 0 0 10px 14px;
		}


	.sublinktext a {
		display: block;
		position: absolute;
		width: 200px;
		bottom: 5px;
		left: 12px;
		color: #ee7100;
		line-height: 22px;
		font-weight: bold;
		background: url(images/arrow-login.png) no-repeat center right;
		}
		
		.sublinktext a:hover {
			color: #ee7100;
			}

		newslink {
			color: #ee7100;
			font-weight: bold;
			}


	.mailto {
		color: #ee7100;
		text-decoration: none;
	}
	
	.mailto:hover {
		color: #ee7100;
		text-decoration: underline;
	}


.clear {
	clear: both;
	}

.clearer {
	clear: both;
	}




/* sub-boxes under the content
--------------------------------------------------------*/
#sub-box1,
#sub-box2,
#sub-box3,
#sub-box4 {
	display: block;
	position: relative;
	float: left;
	width: 225px;
	height: 235px;
	margin: 12px 0 0 0;
	padding: 0;
	background-color: #e5f5f7;
	}
	
	#sub-box2,
	#sub-box3,
	#sub-box4 {
		margin: 12px 0 0 15px;
	}
	

#sub-box1-headline,
#sub-box2-headline,
#sub-box3-headline,
#sub-box4-headline {
	border: 1px solid #c6e8ed;
	height: 24px;
	background: url(images/boxheader-bg.jpg) repeat-x; 
	}
	
	#sub-box1 h3,
	#sub-box2 h3,
	#sub-box3 h3,
	#sub-box4 h3 {
		margin: 0;
		padding: 0 0 0 10px;
		font-size: 12px;
		line-height: 24px;
		color: #009bb4;
	}

	.sub-img {
		width: 225px;
		height: 95px;
	}

	.rightlinktext {
		position: absolute;
		bottom: 0;
		margin: 0 0 5px 0;
		padding: 0;
		color: #ee7100;
		line-height: 22px;
		font-weight: bold;
		}

	

	/* news & events
	--------------------------------*/
	
	.here img {
		position: absolute;
		left: 0;
		top: 5px;
		_top: 6px;
		margin: 0;
		padding: 0;
	}



/* contact form
--------------------------------------------------------*/
.errors {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px dashed #FF9090;
	background-color: #FFDFDF;
	}

.termimg,
.contactintro {
	float: left;
	width: 300px;
	margin: 12px 0 0 0;
	padding: 0;
	}

	.terminform,
	.contact {
		float: right;
		width: 375px;
		margin: 12px 0 0 0;
		padding: 7px;
		background-color: #E8F6F8;
		border: 1px solid #C6E8ED;
		}

.terminh3 {
	border-bottom: 1px solid #009bb4;
	margin: 0 0 10px 0;
	padding: 4px;
	height: 22px;
	line-height: 22px;
	}
	

.formular label,
.formular input,
.formular select { /* Alle Labels UND Formularelemente auswaehlen */
		display: block;
		margin: 0;
		padding: 0;
		font-size: 12px;
		}
	
	.input#submit { /* den Submit-Button */
		float: none;
		width: auto;
		}
	
	.formular label {
		padding-right: 1em;
		margin: 0;
		}
	
	.formular form {
		margin: 0;
		padding: 0;
		}

	.text {
		float: right;
		color: #009BB4;
		letter-spacing: 1px;
		}
	
	#cfAnrede,
	#cfVorname,
	#cfName,
	#cfGeburtsdatum,
	#cfStrasse,
	#cfPLZ,
	#cfOrt,
	#cfTelefon,
	#cfEmail,
	#cfTag,
	#cfZeit,
	#cfBehandlung,
	#cfBetreff,
	#cfCode {
		margin: 0;
		padding: 2px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #555;
		}
	
		#cfVorname,
		#cfName,
		#cfGeburtsdatum,
		#cfStrasse,
		#cfPLZ,
		#cfOrt,
		#cfTelefon,
		#cfEmail,
		#cfBetreff {
			width: 190px;
			border: 1px solid #C6E8ED;
			}
		
			#cfCode {
				width: 190px;
				font-size: 20px;
				text-align: center;
				color: #4D669F;
				font-weight: bold;
				letter-spacing: 1px;
				border: 1px solid #C6E8ED;
				padding: 18px 0;
				}
		
		#cfSenden,
		#cfReset {
			float: none;
			}


	#cfVersicherung {
		margin: 0;
		padding: 1px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #555;
		}

	#cfMessage {
		width: 100%;
		margin: 0;
		padding: 2px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		color: #555;
		border: 1px solid #C6E8ED;
		}



/* footer
--------------------------------------------------------*/
#footer {
	margin: 0 auto;
	padding: 0;
	width: 945px;
	height: 20px;
	}

#footer ul {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	}
	
	#footer ul li {
		float: left;
		margin: 0 10px 0 0;
		padding: 0;
		}