/*
 *
 *	Layout, Design, HTML- & CSS-Code:
 *	
 *	Dirk-Kö Design,	www.dirk-koe.de | kontakt@dirk-koe.de
 *
 *	2009/12/16 | cr
 *
 */


/*
 *	Reset the browser standard styles first ...
 */
	* {
		margin:  0;
		padding: 0;
	}
	img, fieldset {
		border: 0;
	}
	table {
		width: 100%;
	}


/*
 * ckforms
 */

#ckformcontainer {
	width: 100%;
}

.ck_mandatory {
	/*color:#FF0000;*/
	color: #002f73;
	padding: 0px;
	font-weight: bold;
}

.ck_mandatory_text {
	/*color:#FF0000;*/
	color: #002f73;
	padding: 0px;
	font-weight: bold;
}

.ckform_tooltip, .ckform_tooltipcss {
	margin-top: 13px;
	margin-left: 5px;
}

.ckform {
	margin-top: 10px;
}

.ckform div.error {
	display: none;
}

.ckform div.fc-error {
	margin-left: 20%;
	border: none;
	background:none;
	padding: 0px;
}

.ckform div.fc-error p {
	margin: 0px;
	padding: 0px;
	color:#F00 !important;
}

.ckform input { 
 	/*border: 1px solid #999;*/
	/*padding: 2px;*/
}

.ckform input:focus { 
 	/*border: 1px dotted #999;*/
}

.ckform input.error {
	border: 1px dotted #FF0000 !important;
}
.ckform textarea.error { border: 1px dotted red; }

#ckpoweredby {
	text-align:center !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

#ckpoweredby a {color:#666666;}

.captchaCont {
	margin-top: 10px;
	margin-left: 120px;
}

.ckBtnCon {
	/*text-align: center !important;*/
	margin-bottom: 10px;
	margin-top: 10px;
	position: relative;
	right: 155px;
	float: right;
	
}

/* CSS layout */

.ckCSSlabel {
	display: block;
	float: left;
	margin-top: 10px;
	width: 120px;
}

.ckCSSinput {
	width: 450px;
	margin-top: 10px;
	background:none;
	border: 1px solid #999999;
}

.ckCSSinput input {
	background:none;
}

.ckCSSinputnowidth {
	display: block;
	float: left;
	margin-top: 10px;
}

.ckCSSTip {
	background-image: url(../img/info-bck.png);
	background-repeat:no-repeat;
	background-position:right;
}

.ckCSSclear {
	margin: 0px;
	padding: Opx;
	clear: both;
}

.ckCSSFloatLeft {
	float: left;
}

.ckCSSbot10 {margin-bottom: 10px;}
.ckCSSbot5 {margin-bottom: 5px;}
.ckCSStop10 {margin-top: 10px;}

.ckCSScenter {
	text-align:center !important;
	margin-top: 10px !important;
}

.ckCustomText {
	margin-top: 10px;
}

.ckNoBorder {
	visibility:hidden;
}

.ckpagination {
	text-align:center !important;
	margin-bottom: 15px;
}

.ckdatatable {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 100%;
	border-collapse:collapse;
}

.ckdatatableborder td {
	border : 1px solid #ccc;
}

.ckfrontlabel {
	height: 30px;
	padding-right: 20px;
	font-weight: bold;
	color:#666;
}

img#captchacode {
	margin-right: 20px;
} 
	
	
/*
 *	Page overall
 */
 
	.toplink {
		display: none;
	}
 
	body {
		color:       #3e3e3e;
		font-family: 'Trebuchet MS', Helvetica, Sans-Serif;
		font-size:   13px;
		background:  #764F0E;
	}
	a, a:visited, a:active {
		color: #003b7c;
	}
	a:hover, a:focus {
		color: #eb690b;
	}
	
	.clr {
		clear: both;
	}
	
	.bg1 {
		background:  url(../images/page_background.gif) top repeat-x #FFFFFF;
	}
	
	#wrap-background {
		width:      100%;
		background: url(../images/content_background.png) bottom repeat-x;
	}
	#wrap-all {
		width:      1123px;
		margin:     0 auto;
		background: url(../images/head_background.png) top center no-repeat;
	}


/*
 *	Header
 */
	#wrap-header {
		width: 250px;
		float: left;
	}
		#wrap-header h1 {
			display: none;
		}
		#wrap-header a,
		#wrap-header a:visited,
		#wrap-header a:active,
		#wrap-header a:hover {
			text-decoration: none !important;
		}
		#wrap-header #logo {
			color:          #2e2e30;
			font-size:      9px;
			text-transform: uppercase;
			padding:        45px 0 0 2px; /* Textabstand … */
			margin-left:    5px;
		}


/*
 *	Navigation
 */
	#wrap-nav {
		margin-top: 19px;
	}
		#wrap-nav #navigation {
			width:           209px;
			list-style-type: none;
		}
			#wrap-nav #navigation li {

			}
				#wrap-nav #navigation li:first-child a,
				#wrap-nav #navigation li:first-child a:visited,
				#wrap-nav #navigation li:first-child a:active {
					display:         block;
					height:          20px;
					padding:         4px 0 0 30px;
					color:           #002f73 !important;
					font-size:       12px;
					font-weight:     bold;
					text-decoration: none;
					background:      url(../images/nav_item_first_bg.gif) no-repeat !important;
				}
				#wrap-nav #navigation li a,
				#wrap-nav #navigation li a:visited,
				#wrap-nav #navigation li a:active {
					display:         block;
					height:          19px;
					padding:         5px 0 0 40px;
					color:           #5c5c5c;
					font-size:       12px;
					text-decoration: none;
					background:      url(../images/nav_item_bg.gif) no-repeat;
				}
				#wrap-nav #navigation li a:hover,
				#wrap-nav #navigation li a:focus {
					height:      19px;
					padding:     5px 0 0 30px;
					color:       #002f73;
					font-weight: bold;
					background:  url(../images/nav_item_hover_bg.gif) no-repeat;
				}
				#wrap-nav #navigation li.active a,
				#wrap-nav #navigation li.active a:visited,
				#wrap-nav #navigation li.active a:active {
					display:         block;
					height:          19px;
					padding:         5px 0 0 30px;
					color:           #fff;
					font-size:       12px;
					font-weight:     bold;
					text-decoration: none;
					background:      url(../images/nav_item_active_bg.gif) no-repeat;	
				}
				#wrap-nav #navigation li.active a:hover,
				#wrap-nav #navigation li.active a:focus {
				
				}
				#wrap-nav #navigation li span.separator {
					display:         block;
					height:          19px;
					padding:         5px 0 0 30px;
					color:           #002f73;
					font-size:       12px;
					font-weight:     bold;
					text-decoration: none;
					background:      url(../images/nav_item_bg.gif) no-repeat;
				}


		#wrap-nav #sec-navigation {
			width:           209px;
			padding-top:      23px;
			list-style-type: none;
		}
				#wrap-nav #sec-navigation li a,
				#wrap-nav #sec-navigation li a:visited,
				#wrap-nav #sec-navigation li a:active {
					display:         block;
					height:          18px;
					padding:         6px 0 0 40px;
					color:           #5c5c5c;
					font-size:       12px;
					text-decoration: none;
					background:      url(../images/secnav_item_bg.gif) no-repeat;
				}
				#wrap-nav #sec-navigation li a:hover,
				#wrap-nav #sec-navigation li a:focus {
					height:      18px;
					padding:     6px 0 0 40px;
					color:       #002f73;
					font-weight: bold;
					background:  url(../images/secnav_item_bg.gif) no-repeat;
				}
				#wrap-nav #sec-navigation li.active a,
				#wrap-nav #sec-navigation li.active a:visited,
				#wrap-nav #sec-navigation li.active a:active {
					display:         block;
					height:          18px;
					padding:         6px 0 0 40px;
					color:           #002f73;
					font-size:       12px;
					font-weight:     bold;
					text-decoration: none;
					background:      url(../images/secnav_item_bg.gif) no-repeat;	
				}
				#wrap-nav #sec-navigation li span.separator {
					display:         block;
					height:          18px;
					padding:         6px 0 0 30px;
					color:           #002f73;
					font-size:       12px;
					font-weight:     bold;
					text-decoration: none;
					background:      url(../images/secnav_item_bg.gif) no-repeat;
				}
		#wrap-nav #wrap-secnavfooter {
			height:     54px;
			width:      209px;
			background: url(../images/secnav_footer_bg.png) bottom no-repeat;
		}
			#wrap-nav #wrap-secnavfooter #tert-navigation {
				margin:          0 1px 0 20px;
				padding-top:     23px;
				list-style-type: none;
				background:     url(../images/thirdnav_footer_bg.png) bottom right no-repeat;
			}
				#wrap-nav #wrap-secnavfooter #tert-navigation li {
					float: left;
					width:  33%;
				}
					#wrap-nav #wrap-secnavfooter #tert-navigation li a,
					#wrap-nav #wrap-secnavfooter #tert-navigation li a:active,
					#wrap-nav #wrap-secnavfooter #tert-navigation li a:visited {
						display:    block;
						padding:    2px 4px 7px 2px;
						color:      #002f73;
						font-size:  12px;
						text-align: center;
					}
					#wrap-nav #wrap-secnavfooter #tert-navigation li a:hover,
					#wrap-nav #wrap-secnavfooter #tert-navigation li a:focus {
						font-weight: bold;
					}



/*
 *	Body
 */
	#wrap-body {
		width: 873px;
		float: right;
	}

/*
 *	Content
 */
	.contentminheight {
		min-height: 200px;
	}
	
 	.contentpaneopen {
 		margin:  0;
 		padding: 0;
 	}
	#wrap-content {
		
		width:      100%;
		min-height: 750px;
		text-align: justify;
	}
		#wrap-content #wrap-heroe {
			height:        370px;
			width:         100%;

			background:    url(../images/heroe_background.png) left no-repeat;
		}
			#wrap-content #wrap-heroe #heroe-headline {
				width:       321px;
				float:       left;
				/*margin-top:  149px;*/
				padding:     0;
				color:       #fff;
				font-size:   24px;
				font-weight: bold;
				text-align: left;
			}
				#wrap-content #wrap-heroe #heroe-headline #freecall {
					color:       #002F73;
					font-family: Verdana, Sans-Serif;
					font-size:   13px;
					font-weight: bold;
					margin-top: 30px;
					margin-bottom: 5px;
				}
				
				#wrap-content #wrap-heroe #heroe-headline #tel {
					color:       #817F84;
					font-family: Verdana, Sans-Serif;
					font-size:   13px;
					font-weight: bold;
					margin-bottom: 75px;
				}
				
				#wrap-content #wrap-heroe #heroe-headline span {
					display:       block;
					margin-top:    10px;
					padding-right: 0px;
					/*text-align:    right;*/
					font-size: 12px;
				}
				
				#wrap-content #wrap-heroe #heroe-headline #headtext {
					height: 111px;
				}
				
				#wrap-content #wrap-heroe #heroe-headline #head-address {
					font-size:   12px;
					font-weight: bold;
					line-height: 20px;
					text-align: right;
					width: 360px;
					position: relative;
					left: -32px;
				}
					#wrap-content #wrap-heroe #heroe-headline #head-address span {
						line-height: 20px;						
						padding-right: 15px;
					}

			#wrap-content #wrap-heroe #heroe {
				
/*				height:  355px; */
/*				width:   508px; */
				height:  302px;
				width:   431px;
/*				margin:  31px 24px 0 0; */
				margin:  0px 101px 0 0;
			}
			#wrap-content #wrap-heroe .heroeP {
				padding-top:  35px;
				float:   right;
			}
			
			#wrap-content #wrap-heroe .startseite {
				background: url(../flash/startseite_doc_head2.jpg) no-repeat 0px 11px;
			}
			
				#wrap-content #wrap-heroe #heroe img {
					display: block;
				}
		#wrap-content #content {
			width:        742px;
			padding-left: 0px;
			line-height:  1.45em;
		}
			#wrap-content #content h2,
			#wrap-content #content h2.second {
				margin-bottom: 25px;
				padding:       0 0 0 25px;
				color:         #002f73;
				font-weight:   bold;
				background:    url(../images/headline_background.png) left no-repeat;
			}
			#wrap-content #content h2.second {
				margin-top: 35px;
			}
			#wrap-content #content h3 {
				color: #002f73;
			}
			#wrap-content #content p {
				margin-bottom: 15px;
			}
			#wrap-content #content label {
				display: block;
			}
			#wrap-content #content table {
				width:         100%;
				/*margin-bottom: 10px;*/
			}
			#wrap-content #content .kurse-table {
				margin:  5px 0 5px 0;
				padding: 10px;
				border:  1px solid #dbdbdb;
			}
				#wrap-content #content .kurse-table table {
					margin:  0;
					padding: 0;
				}
				#wrap-content #content table th {
					text-align:     left;
					padding-bottom: 4px;
				}
			#wrap-content #content .grey, #wrap-content #content .grey a {
				color: #999999;
			}
			#wrap-content #content #veranstaltung {
				width:      100%;
				margin-top: 10px;
			}
				#wrap-content #content #veranstaltung legend {
					display: none;
				}
				#wrap-content #content #veranstaltung div {
					width:         100%;
					margin-bottom: 10px;
				}
					#wrap-content #content #veranstaltung div input:focus {
						background: #fefefe;
					}
					#wrap-content #content #veranstaltung div select#anrede option {
						padding-left: 8px;
					}
					#wrap-content #content #veranstaltung div select#anrede,
					#wrap-content #content #veranstaltung div input#titel,
					#wrap-content #content #veranstaltung div input#vorname,
					#wrap-content #content #veranstaltung div input#nachname,
					#wrap-content #content #veranstaltung div input#email {
						width: 100%;
					}
					#wrap-content #content #veranstaltung div input#telefonnummer {
						width: 330px;
						margin-bottom: 10px;
					}
					#wrap-content #content #veranstaltung div input#hausnummer,
					#wrap-content #content #veranstaltung div input#plz {
						width: 50px;
					}
					#wrap-content #content #veranstaltung div input#strasse,
					#wrap-content #content #veranstaltung div input#wohnort {
						width: 266px;
					}
					#wrap-content #content #veranstaltung div textarea,
					#wrap-content #content #nachricht  {
						height: 150px;
						width:  721px;
					}
					/*#wrap-content #content input.inputbox {
						width: 50%;
					}*/
					#wrap-content #content table.hpsw {
						width: 332px;
					}
			#wrap-content .hr {
				height:        1px;
				width:         100%;
				padding-top:   15px;
				border-bottom: 1px solid #002f73;
			}
			/*#wrap-content #content .inputbox {
				width: 70%;
			}*/
			#wrap-content #content ul {
				margin:  0 25px 0 25px;
			}
				#wrap-content #content ul li {
					padding: 0 0 10px 10px;
				}
			
			#wrap-content #content #system-message ul {
				margin: 0px;
			}
				
			#wrap-content #content ul.level_0 {
				margin-top: 10px;
			}
				#wrap-content #content ul.level_0 li {
					padding: 0;
				}
		#wrap-content #btn_nav {
			margin-top:      23px;
			list-style-type: none;
		}
		#wrap-content #btn_nav li {
			float: left;
			padding-left: 3px;
		}
		
		div.thumbs {
			position: relative;
			left: -11px;
			width: 763px;
			height: 191px;
		}
		
		div.thumbs div {
			float: left;
			width: 225px;
			height: 179px;
		}
		
			div.thumbs div.thumb1 {
				background: url(../images/3d-dvt.jpg) no-repeat top left;
				margin-right: 44px;
			}
			
			div.thumbs div.thumb2 {
				background: url(../images/zahnimplantate.jpg) no-repeat top left;
				margin-right: 44px;
			}
			
			div.thumbs div.thumb3 {
				background: url(../images/garantie.jpg) no-repeat top left;
			}
				
				div.thumbs div a {
					text-align: center;
					display: block;
					width: 200px;
					margin-left: 11px;
					margin-top: 10px;
					text-decoration: none;
					color: #FFFFFF;
					font-weight: bold;
					font-size: 10px;
					font-family: Verdana;
					padding-top: 100px;
				}
		
		div.teamheadline {
			color: #002F73;
			font-family: "Trebuchet MS";
			font-size: 16px;
			font-weight: bold;
			border-bottom: 1px solid #002F73;
			clear: both;
			margin-bottom: 15px;
			width: 727px;
		}
		
		div.teamborder {
			border: 1px solid #DDDDDD;
			padding: 10px 10px 5px 10px;
			margin-right: 25px;
			float: left;
			margin-bottom: 30px;
		}
		
		div.teamborder2 {
			margin-bottom: 10px;
		}
		
		div.teamborderlast {
			margin-right: 0px;
		}
		
		
			div.teamborder img {
				border: 0px;
				margin: 0px;
				padding: 0px;
			}
			
			div.teamborder div.teamname {
				background: url(../images/teambg.gif) repeat-x top left;
				font-family: Verdana;
				font-size: 10px;
				color: #FFFFFF;
				font-weight: bold;
				padding-left: 5px;
				position: relative;
				top: -5px;
			}
			
			div.teamborder div.drgroetz {
				font-size: 9px;
			}
			
		div.teamtext {
			float: left;
			/*color: #002F73;*/
			font-size: 13px;
			border: 1px solid #DDDDDD;
			padding: 10px 0px 5px 20px;
			height: 144px;
			width: 517px;
		}
		
		div.teamtext div.teamdesc {
				color: #002F73;
				font-weight: bold;
				margin-bottom: 10px;
			}
			

/*
 *	Footer
 */
	#wrap-footer {
		height:     249px;
		width:      100%;
		background: #764f0e url(../images/footer_background.png) top repeat-x;
	}
		#wrap-footer #footer {
			width:       1123px;
			height:		 91px;
			margin:      0 auto;
			/*padding-top: 30px;*/
			color:       #fff;
			background: url(../images/logos.jpg) no-repeat 250px 22px;
		}
			#wrap-footer #footer .pathway {
				height: 30px;
				width: 400px;
			}
				#wrap-footer #footer .pathway ul {
					position: relative;
					top: 100px;
					left: 238px;
					margin: 0px;
					padding: 0px;
					list-style: none;
					margin-left: 12px;
				}
					#wrap-footer #footer .pathway ul li {
						float: left;
						color: #FFFFFF;
					}
						#wrap-footer #footer .pathway ul li a {
							color: #FFFFFF;
							text-decoration: none;
						}
						
			#wrap-footer #footer #footer-address {
				font-size:   12px;
				font-weight: bold;
			}
				#wrap-footer #footer #footer-address span {
					padding-right: 15px;
				}
			#wrap-footer #footer #wrap-footer-nav {
				
			}
				#wrap-footer #footer #wrap-footer-nav #footer-navigation {
					list-style-type: none;
					margin-left: 5px;
					/*margin-top: 40px;*/
					float: left;
				}
					#wrap-footer #footer #wrap-footer-nav #footer-navigation li {
						float: left;
						padding: 0px 5px 0 5px;
					}
						#wrap-footer #footer #wrap-footer-nav #footer-navigation li a,
						#wrap-footer #footer #wrap-footer-nav #footer-navigation li a:visited,
						#wrap-footer #footer #wrap-footer-nav #footer-navigation li a:active {
							padding:      0px 2px 5px 2px;
							margin-right: 2px;
							color:        #fff;
							font-size:    12px;
							font-weight:  normal;
						}
						#wrap-footer #footer #wrap-footer-nav #footer-navigation li a:hover,
						#wrap-footer #footer #wrap-footer-nav #footer-navigation li a:focus {
							font-weight: bold;
						}


/*
 * Hidden SEO Login …
 */
	.loginbutton {
		position: absolute;
		top:      0;
		left:     10px;
		z-index:  42;
	}
		.loginbutton a {
			text-decoration: none;
		}
	#logindiv {
		position:   absolute;
		top:        0;
		right:      0;
		z-index:    42;
		padding:    5px;
		background: #efefef;
	}
		#logindiv .login {
			background: #fff;
			padding:    20px;
		}
			#logindiv .login .inputField {
				padding-bottom: 10px;
			}
				#logindiv .login .inputField input {
					width: 100%;
				}

/*
 * Hidden Flyout for Images
 */
#showBigPic {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
}

#wrap-content #content .onlinebewerbung input.inputbox2 {
	width: 180px;
}

#wrap-content #content .onlinebewerbung input.inputbox3 {
	width: 427px;
}

#wrap-content #content .onlinebewerbung textarea.inputbox4 {
	width: 427px;
	height: 80px;
}

#wrap-content #content .onlinebewerbung .file {
	width: 427px;
}

#anredelbl {
	float: left;
	width: 80px;
}

.ckform {
	margin-top: 10px;
	padding-bottom: 40px;
}

div.referenzen {
}
	div.referenzen div.maintext {
		margin-bottom: 20px;
	}
	
	div.referenzen div.referenz {
		float: left;
		margin-right: 47px;
		margin-bottom: 15px;
		/*text-align: center;
		width:636px;
		display: block;
		text-decoration: none;
		position: relative;
		left: -25px;*/
	}

	div.referenzen div.lastreferenz {
		margin-right: 0px;
		
	}

#wrap-content #content ul.level_0 {
	margin-bottom: 20px;
}
	
/*
 *	Basic Floating, including markup-free clearing for floating containers ...
 *
 *	Usage:
 *
 *	<div class="clearfix">
 *		<div class="float-left"></div>
 *		<div class="float-right"></div>
 *	</div>
 *
 */
 	.blue {
 		color: #002f73;
 	}
 	.hasTip {
 		padding: 0 0 10px 0 !important;
 	}
	.float-left {
		float: left;
	}
	.float-right {
		float: right;
	}
	.clearfix:after {
		content:    ".";
		display:    block;
		height:     0;
		clear:      both;
		visibility: hidden;
	}