@charset "UTF-8";
/* (C) Koch-Essen | Finnern | November.2007
	Diese Datei ist zur Präsentation des Kunden "Hiebsch Zahnheil Kunde" geschrieben
	und darf nicht für andere Zwecke verwendet werden.
	Die Rechte und Nutzung sind der Koch Essen Kommunikation + Design GmbH vorbehalten. 
	
	Anschrift:
	Koch Essen Kommunikation + Design GmbH
	Alfredstraße 61 | 45130 Essen
	
	Tel.: 0201.8944-730
	Fax.: 0201.8944-888
	E-Mail: m.finnern@koch-essen.de
	
*/
	
/*
===----- { Farben } -----===
							|
+ Hintergrund:	#E6E6E6		|
							|							
+ Rosa: 		#F3ECF3		|
+ Schrft: 		#333333		|
+ Schwarz:		#000000		|
							|
+ Hover:		#333333		|
+ Visited:		#333333		|
						 	|
							|
===----- { Farben } -----===
*/



* {
margin:0px;
padding: 0px;
}

/* local white space reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,bold,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	border:0;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;
	}

html {
	height: 100%;
}

body,td,th {
	font-family: Trebuchet MS, Verdana, Arial, Times New Roman, Times, Helvetica;
	font-size: 11px;
	color: #333333;
	background-color: #FFFFFF;
}

body {
	background-color: #E6E6E6;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
#root {
	width: 1024px;
	text-align: left;
	float: left;
	background-color: #FFFFFF;
}

/*   ====================================================   */

#head {
	float: left;
	height: 90px;
	width: 1024px;
}
#head_left {
	background-color: #E6E6E6;
	float: left;
	height: 90px;
	width: 289px;
}
#head_middle {
	background-color: #F3ECF3;
	float: left;
	height: 90px;
	width: 244px;
}
#head_right {
	float: left;
	height: 90px;
	width: 491px;
	background-color: #E6E6E6;
}

/*   ====================================================   */

#branding {
	float: left;
	height: 188px;
	width: 1024px;
}
#branding h1 a span {
	cursor:pointer;
	display:block;
	height:188px;
	position:absolute;
	text-indent:-10000px;
	width:244px;
}
#submenu #m3 li {
	display: block;
	list-style-type: none;
	float: right;
	margin-left: 15px;
	margin-top: 64px;
}
#submenu  #m3 li a {
	text-decoration: none;
}
#submenu  #m3  .no  {
	display: block;
	float: right;
	margin-left: 15px;
}
#submenu #m3 .cur {
	display: block;
	float: right;
	font-size: 11px;
}
#middle_left {
	background-color: #E6E6E6;
	float: left;
	height: 188px;
	width: 289px;
	background-image: url(img/icatcher.jpg);
	background-repeat: no-repeat;
}
#logo {
	background-color: #F3ECF3;
	float: left;
	height: 188px;
	width: 244px;
	background-image: url(img/logo.jpg);
	background-repeat: no-repeat;
}
#middle_right {
	float: left;
	height: 188px;
	width: 491px;
	background-color: #E6E6E6;
}
#col1 {
	height: 348px;
	width: 289px;
	float: left;
	background-color: #FFFFFF;
}
/*   ====================================================   */

#m1 {
	margin-left: 20px;
	margin-top: 35px;
	}
#m1 ul {
		padding:0;
	}
#m1 li {
	display: block;
	list-style-type: none;
	font-size:11px;
	font-weight:bold;
	color: #8C8C8C;
	line-height: 1.4;
	letter-spacing: 0.2mm;
	width: 107px;
	padding-bottom: 5px;
}
/*#m1 .last {
	float:right;
}
*/

#m1 .no a:link,
#m1 .no a:visited {
	color:#666;
	text-decoration:none;
	padding-left: 5px;
}

#m1 .no a:hover,
#m1 .no a:active {
	color:#333333;
	text-decoration:none;
	background-color: #F3ECF3;
	display: block;
	padding-left: 5px;
}

#m1 .act a:link,
#m1 .act a:visited,
#m1 bold {
	color: #666;
	text-decoration:none;
	background-color: #F3ECF3;
	display: block;
	padding-left: 5px;
}
#m1 .act a:hover {
	color:#333333;
	text-decoration:none;
	display: block;
	background-color: #F3ECF3;
}
#m1 .act a:active {
	color:#F3ECF3;
	text-decoration:none;
}	
/* Level 2 */

#m1 .l2 {
	display: block;
	margin-top: -15px;
	height: 15px;
}

#m1 .l2 li {
	display: block;
	list-style-type: none;
	font-size:11px;
	font-weight:normal;
	color: #8C8C8C;
	line-height: 1.4;
	letter-spacing: 0.2mm;
	width: 120px;
	margin-left: 120px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
}

#m1 .l2 li,
#m1 .l2 .last {
	float:none;
	padding-bottom:0;
}

#m1 .l2 .no a:link,
#m1 .l2 .no a:visited {
	color:#666;
	text-decoration:none;
	background-color: #FFFFFF;
}

#m1 .l2 .no a:hover,
#m1 .l2 .no a:active {
	color:#FFFFFF;
	text-decoration:none;
	background-color: #000000;
}

#m1 .l2 .act a:link,
#m1 .l2 .act a:visited,
#m1 .l2 bold, {
	color:#FFFFFF;
	text-decoration:none;
	background-color: #000000;
}

#m1 .l2 .act a:hover {
	color:#464646;
	text-decoration:none;
}

#m1 .l2 .act a:active {
	color:#9F0B27;
	text-decoration:none;
}
#m1 .l2 .cur {
	display: block;
	color: #FFF;
	background-color: #000;
	padding-left: 5px;
}

/*   ====================================================   */

#col2 {
	float: left;
	width: 244px;
	background-color: #333333;
	padding-bottom: 16px;
}
#col2 img {
	background-color: #B4649B;
	border:0 none;
	padding-top: 35px;
}
.csc-textpic-imagewrap {
	margin:0px;
	padding:0px;
	}

/*   ====================================================   */

#content_right {
	width: 491px;
	float: right;
	height: auto;
}
#col3 {
	float: right;
	width: 345px;
	line-height: 1.6em;
	min-height:270px;
	padding-right: 50px;
	margin-top: 35px;
	margin-bottom: 20px;
}

/*   ====================================================   */

#footer {
	float: right;
	height: 13px;
	background-color: #FFFFFF;
	padding-top: 2px;
	display: block;
	width: 900px;
}
#copyright {
	float: right;
	background-color: #E6E6E6;
	padding-left: 21px;
	width: 468px;
}
#theme {
	position: absolute;
	left: 555px;
	width: 40px;
	top: 313px;
	height: 200px;
	background-repeat: no-repeat;
	background-position: left bottom;
}





/*   ====================================================   */ /*   ====================================================   */ 
/* base font size */

blockquote, cite, code, dd, dt, li, p, pre, td, th {
	font-size:1.1em;
	color: #666666;
}

/* ie6 + ie7 need a fix for this */
table 	{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

/* headings */	
h1 {
	/*	position:absolute;
	left:530px;
	bottom:120px;
*/
	font-size:1.8em;
	color:#666;
	font-weight:bold;
}

h2 {
	position:absolute;
	left:530px;
	bottom:94px;
	font-size:1.2em;
	color:#666;
}

h3 {
	color:#666;
	font-size:2.2em;
	font-weight:normal;
	margin-bottom:8px;
	font-style: italic;
	letter-spacing: 0.05em;
}

h3.csc-firstHeader {
	margin-top:0;
}

h4 {
	color:#9F0B27;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:8px;
}

h5 {
	color:#666;
	font-size:1.1em;
	line-height:1.3;
	margin-top:20px;
	margin-bottom:8px;
}

h6 {
	color:#666;
	font-size:1.1em;
	line-height:1.3;
	margin-top:20px;
	margin-bottom:8px;
}

/* headings end */

.content {
	color:#666;
}

/* links */
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	color: #333333;
	text-decoration: none;
}
a:active {
	color: #333333;
	text-decoration: none;
}
a {
	font-family: Trebuchet MS, Verdana, Arial, Times New Roman, Times, Helvetica;
	font-size: 11px;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Trebuchet MS, Verdana, Arial, Times New Roman, Times, Helvetica;
}
a {
	font-size: 11px;
}
	
a:focus {}

/* remember to define focus styles! */

:focus {
	outline: 0;
}


/* LISTS */
	ul {
	}
	ul li	{}
	ol	{}
	ol li	{}
	dl {
	}
	dl dt	{}
	dl dd {}

/* END LISTS */
	
/* TABLE */
	table	{
		border-collapse: separate;
		border-spacing: 0;		
	}
	
	table caption	{
		font-weight: bold;
	}
	
	caption,
	th,
	td {
		font-weight: bold;
		text-align: left;
	}
	
	td {	}
		
/*  Forms */
form {}
input {}
input:focus {}
button {}
button:focus {}
select {}
select:focus {}
optgroup {}
option {}
textarea {}
textarea:focus {}
label {}
fieldset { border: none;}
legend {}

form label { cursor: pointer;}

label, input, select, textarea {
	margin:3px;
	padding:2px;
	margin-bottom:4px;
}

input, select, textarea {
	border:1px solid #ccc; 
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}

input.selected,
textarea.selected {
	background-color:#ccc;
	color:inherit;
}

input, select, textarea {
		font-size: 100%;
		font-family: inherit;
}

/* Kontakt Formular */

#mailform label {
	display:block;
	margin:0;
	padding-top:8px;
	padding-bottom:4px;;
}

#mailform div {
	clear:both;
}

.csc-mailform-submit {
	margin-top:1em;
	color:#fff;
	background:#5C7685;
	border:0;
}

/* css floatclearing */ 

.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
		
/* fix for safari */
.clearfix {
	display: block;
} 
	
/* overflow-method to clear float */
.floatbox {
	overflow:hidden;
}
		
.hidden {
	display: none;
}
.csc-sitemap ul li a {
	font-weight: bold;
}
.csc-sitemap ul li ul li a {
	padding-left: 10px;
	font-weight: normal;
}
.csc-sitemap a:hover {
	color:#464646;
	text-decoration:none;
}

/*   ====================================================   */ 
/*   ====================================================   */ 

#page_34 #theme {
	background-image: url(img/lasertechnik.gif);
}
#page_29 #theme {
	background-image: url(img/labor.gif);
}
#page_30 #theme {
	background-image: url(img/news.gif);
}
#page_27 #theme {
	background-image: url(img/anfrage.gif);
}
#page_26 #theme {
	background-image: url(img/anfahrt.gif);
}
#page_25 #theme {
	background-image: url(img/impressum.gif);
}
#page_24 #theme {
	background-image: url(img/aesthetik.gif);
}
#page_23 #theme {
	background-image: url(img/prophylaxe.gif);
}
#page_22 #theme {
	background-image: url(img/implantologie.gif);
}
#page_21 #theme {
	background-image: url(img/paradontologie.gif);
}
#page_20 #theme {
	background-image: url(img/aerzte.gif);
}
#page_19 #theme {
	background-image: url(img/team.gif);
}

/*   ====================================================   */ 
/*   ====================================================   */ 
#page_18 #col2, #page_18 #theme,
#page_19 #col2, #page_19 #theme {
	display: none;
}
#page_18 #col3, #page_18 #content_right,
#page_19 #col3, #page_19 #content_right {
	width: 735px;
	float: left;
	padding: 0;
	margin: 0;
}
#page_18 .bodytext,
#page_19 .bodytext {
	margin-left: 341px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-right: 50px;
}
#flashMeldung1 {
	height: 188px;
	width: 491px;
	font-size: 12px;
	background-color: #FFFFFF;
}
#msg {
	padding-top: 158px;
	padding-left: 20px;
	font-size: 12px;
}
#msg   a {
	font-weight: bold;
	color: #B4649B;
}