@import url("ir.css");

/*
   CSS für http://dr-kent.de
   Webdesign & Internetconsulting
   Christian Fischer
   www.c-fischer.com - office@c-fischer.com

*/


/*
  Farben:
  grün:   #96C035
  grau:   #878C90
*/


/* ............................................................................. Reset'em all */
* {
  margin: 0;
  padding: 0;
}

/* ............................................................................. Basics */
body {
  background-color: #fff;
  color: #878C90;
  font-size: 100.01%;
  font-family: /*verdana,*/ arial, helvetica, sans-serif;
  text-align: center;
}

img {
  border: none;
}

hr {
  margin: 0 0 -1px 0;
  width: 1px;
  height: 1px;
  border: none;
  visibility: hidden;
  clear: both;
}
a {
  text-decoration: none;
  color: #878C90;
}


/* ............................................................................. Aufbau */
#page {
  margin: 18px auto 20px auto;
/*  width: 860px;*/
  width: 908px;
  text-align: left;
  font-size: 0.8em;
}

#logo {
  position: relative;
  margin: 19px 0 0 355px;
  width: 285px;
  height: 60px;
  overflow: hidden;
  font-size: 1px;
  color: #fff;
  z-index: 0;
}
	#logo span {
           position: absolute;
           top: 0;
           left: 0;
	  width: 285px;
	  height: 60px;
           z-index: 4;
           background-image: url(../images/logodrkent.gif);
         }

#wrapper {
  margin: 20px 0;
}

#content {
  margin: 0 23px 0 0;
  width: 424px;
  float: left;
}

#outermarginal {
  /*position: relative;*/
  width: 245px;
  height: 400px;
  float: right;
}
#marginal {
  position: relative;
/*  width: 197px;*/
  width: 245px;
  height: 222px;
  overflow: hidden;
/*  float: right;*/
  z-index: 0;
}
	#marginal span {
           position: absolute;
           top: 0;
           left: 0;
/*           width: 197px;*/
           width: 245px;
           height: 222px;
           background-image: url(../images/adresse.gif);
           z-index: 4;
         }


/* ............................................................................. img-Preloader */
#preloader {
  position: absolute;
  top: -1000px;
  left: -1000px;
  visibility: hidden;
}
	.preloader {
           width: 1px;
           height: 1px;
         }


/* ............................................................................. Navigationen */
/* Die Schriftersetzung für die
   Buttons findet in der externen
   Datei "ir.css" statt.
*/
#metanavi {
  list-style-type: none;
}
	#metanavi li {
           position: relative;
           float: left;
           height: 12px;
           overflow: hidden;
           z-index: 0;
         }
         #metanavi li span {
           position: absolute;
           top: 0;
           left: 0;
           height: 12px;
           z-index: 4;
         }
#navi {
  margin: 0 23px 0 0;
  list-style-type: none;
  width: 193px;
  float: left;
}
	#navi li, #navi li ul li {
           position: relative;
           width: 193px;
           overflow: hidden;
           z-index: 0;
         }
         #navi li span, #navi li ul li span {
           position: absolute;
           top: 0;
           left: 0;
           width: 193px;
           z-index: 4;
           background-repeat: no-repeat;
         }
         #navi a {
           display: block;
         }


a.pdf {
  background-image: url(../images/pdf.gif);
  background-repeat: no-repeat;
  padding: 15px 0 18px 45px;
}




/* ............................................................................. Content */
/* Die Schriftersetzung für die
   Headlines findet ebenfalls in der externen
   Datei "ir.css" statt.
*/
#content {
  line-height: 1.35em;
}
#headpic, #slideshow {
  margin: 0 0 34px 0;
}
#content h2 {
  margin: 0 0 35px 0;
  font-size: 1.3em;
/*  color: #96C035;*/
  color: #fff;
}
#headline{
  position: relative;
  width: 400px;
  height: 46px;
  overflow: hidden;
  z-index: 0;
}
	#headline span {
           position: absolute;
           top: 0;
           left: 0;
           width: 400px;
           height: 46px;
           z-index: 2;
         }

#content h3 {
  font-size: 1em;
  color: #96C035;
}
#content p {
  margin: 0 0 1.4em 0;
}
#content ul, #content ol {
  margin: 0 0 1.4em 0;
  padding: 0 0 0 20px;
}



/*  einzelseiten */
.linkliste a {
  font-weight: bold;
}

.impressionen img {
  margin: 0 14px 14px 0;
}

#zahnarztteam {
  width: 400px;
}
	#zahnarztteam td {
           padding: 0 10px 15px 0;
           vertical-align: top;
           text-align: left;
	  font-size: 0.84em;
         }
	#zahnarztteam td.pic {
           padding: 0 10px 2px 0;
         }




/* ............................................................................. Kontaktformular */
#mailform fieldset {
  border: none;
}
#mailform p {
  margin: 0 0 2px 0;
  clear: both;
}
#mailform legend {
  margin: 0 -1px -1px 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  visibility: hidden;
}
#mailform label {
  font-weight: bold;
  width: 100px;
  float: left;
  display: block;
}
#mailform input {
  margin: 0 0 11px 0;
  padding: 1px;
  width: 320px;
  border: 1px solid #878C90;
  color: #C5C8CA;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
}
#mailform input:focus, #mailform input:hover {
  color: #878C90;
}
#nachricht {
  padding: 1px;
  width: 420px;
  height: 240px;
  border: 1px solid #878C90;
  color: #878C90;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 10px;
}
#nachrichtlabel {
  margin: 10px 0 10px 0;
  float: none !important;
  width: 424px !important;
  color: #96C035;
}
#termin {
  margin: 0 5px 0 0 !important;
  float: left;
  width: 10px !important;
  height: 10px !important;
  background-color: #451245;
}
#terminlabel {
  margin: 0 0 10px 30px !important;
  float: none !important;
  width: 380px !important;
}
#submit {
  display: block;
  margin: 5px 0 0 0 !important;
  width: 121px !important;
  height: 21px !important;
  border: none !important;
}


.error {
  color: #A02000 !important;
}

/* ............................................................................. Startseite */
#seminare {
  padding: 0 0 25px 0;
  width: 255px;
  font-size: 1.1em;
  background-image: url(../images/back-postit.gif);
  background-repeat: no-repeat;
  background-position: bottom;
}
#seminare-start {
  display: block;
  margin: 0 0 10px 0;
  height: 10px;
  background-image: url(../images/top-postit.jpg);
}
#seminare-content {
  margin: 10px 55px 45px 25px;
}


#seminare-headline {
  margin: 0 0 12px; 0;
  padding: 0 0 12px 0;
  font-weight: bold;
  color: #96C035;
  background-image: url(../images/seminare-trenner.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}
#seminare-body {
  margin: 0 0 12px 0;
  padding: 0 0 12px 0;
  color: #878C90;
  font-weight: bold;
  background-image: url(../images/seminare-trenner.gif);
  background-position: bottom;
  background-repeat: repeat-x;
}
#seminare-link {
  margin: 0;
  font-weight: bold;
}
#seminare a {
  color: #96C035;
}