@charset "UTF-8";
/* (C) dental-media | Finnern | November.2007
	Diese Datei ist zur Präsentation des Kunden "Dental-Media" geschrieben
	und darf nicht für andere Zwecke verwendet werden.
	Die Rechte und Nutzung sind der Koch Essen Kommunikation + Design GmbH vorbehalten. 
	
	E-Mail: finnern@dental-media.de
	
*/
	
/*
===----- { Farben } -----===
						|
+ Hintergrund:	#E6E6E6		|
						|							
+ blau: 		#6AB7B8		|
+ Schrift: 		#333333		|
+ grau:			#B1B0AC	|
						|
+ Hover:		#333333		|
+ Visited:		#333333		|
						|
						|
===----- { Farben } -----===
*/



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

/* local white space reset */
html,body,div,span,applet,object,img,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: 12px;
	color: #333333;
	background-color: #FFFFFF;
}

body {
	background-color: #FFFFFF;
	height: 100%;
	margin: 0px;
	padding: 0px;
}
#root {
	width: 956px;
	text-align: left;
	background-color: #FFFFFF;
	margin-left: 40px;
}
#content_left  {
	float: left;
	width: 592px;
}


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

#branding {
	float: left;
	height: 39px;
	width: 592px;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	margin-top: 25px;
}


#branding h1 {
	display:block;
	height:39px;
	width:214px;
	float: left;
}
#branding h1 a:hover span {
}
#branding h1 a span {
	cursor:pointer;
	display:block;
	height:39px;
	position:absolute;
	text-indent:-10000px;
	width:214px;
}


#col1 {
	height: 24px;
	width: 582px;
	float: left;
	background-color: #FFFFFF;
	background-image: url(../img/menu_bar.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 10px;
}
/*   ====================================================   */

#m1 {
	margin: 0;
	}
#m1 a {
	color: #FFF;
}

#m1 ul {
		padding:0;
	}
#m1 li {
	display: block;
	list-style-type: none;
	font-size:11px;
	font-weight:bold;
	color: #FFFFFF;
	font-family: Trebuchet MS, Verdana, Arial, Times New Roman, Times, Helvetica;
	line-height: 1.2;
	letter-spacing: 0.2mm;
	padding-bottom: 5px;
	float: left;
	margin: 0px 10px;
}
#m1 li.cur {
	color:#666666;
	font-weight:bold;
}
/*#m1 .last {
	float:right;
}
*/

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

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

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

#m1 .l2 {
	position: absolute;
	left: 20px;
	height: 20px;
	top: 280px;
	width: 592px;
	text-align: right;
}

#m1 .l2 li {
	display: inline;
	list-style-type: none;
	font-size:11px;
	font-weight:bold;
	color: #B7B6B2;
	line-height: 1.4;
	letter-spacing: 0.2mm;
	width: 120px;
	margin-bottom: 5px;
	float: right;
	text-decoration: none;
}

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

#m1 .l2 .no a:link,
#m1 .l2 .no a:visited {
	color:#B7B6B2;
	text-decoration:none;
	display: inline;
	background-image: url(../img/ink_off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#m1 .l2 .no a:hover,
#m1 .l2 .no a:active {
	color:#67b6b6;
	text-decoration:none;
	display: inline;
	background-image: url(../img/ink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#m1 .l2 .cur {
	color:#67b6b6;
	text-decoration:none;
	display: inline;
	background-image: url(../img/ink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#m1 .l2 .act a:link,
#m1 .l2 .act a:visited,
#m1 .l2 bold {
	color:#67b6b6;
	text-decoration:none;
	display: inline;
	background-image: url(../img/ink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#m1 .l2 .act a:hover {
	color:#67b6b6;
	text-decoration:none;
	background-image: url(../img/ink_off.gif);
	background-repeat: no-repeat;
}

#m1 .l2 .act a:active {
	color:#B7B6B2;
	text-decoration:none;
	font-weight: bold;
}
#flashMain {
	float: left;
	height: 187px;
	width: 592px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-image: url(../img/img_platzhalter.jpg);
}
#flashMain  #msg {
	padding-left: 20px;
	padding-top: 20px;
}
#flashMain  #msg  a {
	font-weight: bold;
	color: #67B6B6;
}

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

#col2 {
	float: left;
	width: 592px;
	padding-top: 5px;
	height: 15px;
	text-align: right;
	color: #6AB7B8;
}

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

#col3 {
	float: left;
	width: 492px;
	line-height: 1.6em;
	background-image: url(../img/text_BG.gif);
	background-position: left bottom;
	padding-top: 25px;
	padding-right: 50px;
	padding-left: 50px;
	padding-bottom: 75px;
	background-repeat: no-repeat;
}
#col3 a {
	font-size: 1em;
	text-decoration: underline;
	color: #666;
}

#col3 h1 {
	display: block;
	background-image: url(../img/col3_h1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 50px;
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 1.7em;
	padding-top: 10px;
	line-height: 1.1em;
}
#socialbookmarks {display:block;float:left;padding:10px 0px;clear:both;}
#twrss_table /*   ====================================================   */ /*   ====================================================   */ 
 a  {
	display: block;
	background-image: url(../img/rss_h1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 12px;
	padding-left: 25px;
	padding-top: 4px;
	padding-bottom: 4px;
}


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

#footer {
	float: right;
	height: 13px;
	width: 486px;
	background-color: #E6E6E6;
	padding-top: 2px;
	padding-left: 5px;
}
#content_right  {
	float: right;
	width: 335px;
	position: absolute;
	left: 661px;
	top: 1px;
	z-index: 1;
}
#icatcher {
	height: 275px;
	background-image: url(../img/lachen04.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 0px;
}
#rss {
	margin-top: 30px;
	background-color: #f0eeee;
	padding: 10px 25px;
	background-image: url(../img/rss_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color: #666666;
}
#rss h1 {
	display: block;
	background-image: url(../img/rss_h1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 18px;
	font-size: 12px;
	padding-left: 25px;
	padding-top: 2px;
}

.twrss_bodytext  {
	color: #666666;
	line-height: 1.6em;
}
#twrss_table   a  {
	font-weight: bold;
	color: #666;
	font-size: 12px;
}




/*   ====================================================   */ /*   ====================================================   */ 
/* 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-family: Trebuchet MS, Verdana, Arial, Times New Roman, Times, Helvetica;
	font-style: italic;
	letter-spacing: 0.05em;
}

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

h4 {
	color:#666;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:8px;
	font-family: Trebuchet MS, Verdana, Arial, Times New Roman, Times, Helvetica;
}

h5 {
	color:#666;
	font-size:1.1em;
	line-height:1.3;
	margin-top:20px;
	margin-bottom:8px;
	font-family: Trebuchet MS, Verdana, Arial, Times New Roman, Times, Helvetica;
}

h6 {
	color:#666;
	font-size:1.1em;
	line-height:1.3;
	margin-top:20px;
	margin-bottom:8px;
	font-family: Trebuchet MS, Verdana, Arial, Times New Roman, Times, Helvetica;
}
.csc-textpic-imagewrap {
	margin:0px;
	padding:0px;
	}

/* 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-size: 11px;
	font-family: Trebuchet MS, Verdana, Arial, Times New Roman, Times, Helvetica;
	color: #666666;
}
	
a:focus {}

/* remember to define focus styles! */

:focus {
	outline: 0;
}


/* LISTS */
	ul { color: #67B6B6;margin-left: 20px; }
	ul li	{}
ol li a	{
	color: #67B6B6;
	background-image: url(../img/rss_h1.gif);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	margin-bottom: 5px;
	padding-left: 25px;
}
ol  	{
	list-style: none;
}
	
	dl { color: #67B6B6; }
	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_11 #rss,
#page_90 #rss,
#page_40 #rss {
	display: none; 
	}
	
#page_11>#col3,
#page_90 #col3,
#page_40>#col3 {
	position: absolute;
	left: 40px;
	top: 305px;
	width: 900px;
	}
	
/* ============================ */

#page_16 #icatcher,
#page_24 #icatcher,
#page_32 #icatcher,
#page_40 #icatcher,
#page_48 #icatcher,
#page_56 #icatcher { background-image: url(../img/lachen01.jpg); }

#page_9 #icatcher,
#page_18 #icatcher,
#page_27 #icatcher,
#page_36 #icatcher,
#page_45 #icatcher,
#page_54 #icatcher { background-image: url(../img/lachen02.jpg); }

#page_10 #icatcher,
#page_20 #icatcher,
#page_30 #icatcher,
#page_40 #icatcher,
#page_50 #icatcher,
#page_60 #icatcher { background-image: url(../img/lachen03.jpg); }

#page_11 #icatcher,
#page_22 #icatcher,
#page_33 #icatcher,
#page_44 #icatcher,
#page_55 #icatcher,
#page_66 #icatcher { background-image: url(../img/lachen04.jpg); }

#page_8 #icatcher,
#page_12 #icatcher,
#page_24 #icatcher,
#page_36 #icatcher,
#page_48 #icatcher,
#page_60 #icatcher { background-image: url(../img/lachen05.jpg); }

#page_13 #icatcher,
#page_26 #icatcher,
#page_39 #icatcher,
#page_52 #icatcher,
#page_65 #icatcher { background-image: url(../img/lachen06.jpg); }

#page_14 #icatcher,
#page_28 #icatcher,
#page_42 #icatcher,
#page_56 #icatcher,
#page_70 #icatcher { background-image: url(../img/lachen07.jpg); }
#ext-thumbnails {
	float: left;
	padding-top: 25px;
	margin-left: -20px;
}
.fotos #rss{display:none;}
.fotos #col3{width:900px;}
#page_110 #flashMain, #page_110 #col1, #page_110 #content_right, #page_110 #col2 {display:none;}
#page_110 #col3 {width:1024px;padding:0px;background: 0 none;}
#page_110 #contenttext {margin-left:-50px;}
#page_11 #col3 {padding:25px 0 75px 50px;width:885px;}