@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;}