/*
Style Sheet for www.zahnarzt-frankfurt.com
*/


* {
   margin:0px;
   padding:0px;
   font-family: Verdana, Arial, sans-serif;
  }

/*
Set all Tags (*) to margin 0px, padding 0px, font-family to reflect different Browser Behaviour
*/

body {
   margin:0px 0px 0px 0px;
   background:#ffffff;

   scrollbar-face-color: #e1eadd;
   scrollbar-highlight-color: #ffffff;
   scrollbar-3dlight-color: #e1eadd;
   scrollbar-darkshadow-color: #ffffff;
   scrollbar-shadow-color: #e1eadd;
   scrollbar-arrow-color: #cccccc;
   scrollbar-track-color: #ffffff;
  }
/*
Set Margin to Zero and Background Color to White
*/

p {
   margin:0px 0px 0px 0px;
  }
/*
Set Block Margin
*/

hr {color:#e1eadd;}

#navigation {
   width:150px;
   background:#F3F5F5;
   color:#cccccc;
   overflow:hidden;
   font-size:8pt;
   position:absolute;
   right:0px; top:80px;
   padding:30px 0px 30px 0px;
   z-index:4;

  }


#navigation #sub{

   color:#888888;
   overflow:hidden;
   font-size:8pt;
   padding:30px 0px 20px 8px;
   z-index:3;
}

.notclickable {
   display:block;
   clear:both;
   padding:5px 6px 5px 8px;
   background:#f3f5f5;
   font-family:Verdana, Arial, sans-serif;
   color:#18684B;
   font-weight:normal;
   text-decoration:none;
   font-size:8pt;
   text-align:left;
   border: 1px solid #f3f5f5;

   }

#topright {
   width:150px;
   background:#FFFFFF;
   overflow:hidden;
   position:absolute;
   right:0px; top:0px;
   z-index:1;
  }

#logo {
background:#FFFFFF;
}

#logo img {
border:0px solid white;
background:#FFFFFF;
padding:0px 0px 0px 0px;
width:50px;
height: 50px;
position:absolute;
right:50px; top:15px;
z-index:1;
}


#navigation a {
   display:block;
   clear:both;
   padding:5px 6px 5px 8px;
   border: 1px solid #DCE8E4;
   background:#DCE8E4;
   font-family:Verdana, Arial, sans-serif;
   color:#18684B;
   font-weight:normal;
   text-decoration:none;
   font-size:8pt;
   text-align:left;
  }


#navigation a:hover {
   text-align:left;
   padding:5px 6px 5px 8px;
   border: 1px solid #FDA360;
   /*background:#A3CCBD;*/
   color:#ffffff;
   background: #FDA360;
  }


#head {
background:url(head.gif) no-repeat;
position:absolute;
right:150px; top:0px;
width:630px;
z-index:1;
padding:0px 0px 0px 0px;
margin-left:0px;
/*background:#f9f9f9;*/
color:#999999;
   font-family:Verdana, Arial, sans-serif;
font-size:8pt;
text-align:center;
height:80px;
height:expression("80px");
}

#head h1 { font-size:11pt; font-weight:bold; color:#18684B; margin:50px 0px 0px 50px; text-align:left;}

#content {
   position:absolute;
   right:150px; top:80px;
   z-index:0;
   width:530px;
   padding:30px 50px 5px 50px;
   background: #Ffffff;
   color:#333333;
   font-size:10pt;
   font-weight: normal;
   text-align: justify;
   line-height: 1.4em;
   min-height:475px;
   height:expression("500px");
   display: inline;
  }

#content .small {font-size:8pt;}
#content .smallbold {font-size:8pt;font-weight:bold;}
#content #statement {background: #F3F5F5; border:1px solid #dddddd;padding:10px 10px 10px 10px;}
#content #aktuell {background: #F3F5F5; border:1px solid #dddddd;padding:5px 10px 5px 10px;}
#content #form {background: #F3F5F5; border:0px solid #dddddd;padding:0px 10px 10px 0px; display: inline;  }
#content option,select {font-weight: normal;}
#content ul {padding:0px 10px 5px 20px;}
#content li {list-style-type:square;}

#content textarea,input {border:1px solid #cccccc; display: inline; font-size:1em;}
#content .invisible {background: #ffffff; border:0px solid #ffffff; display: inline;  }
#content .submit {background:#FDA360; color:#ffffff; display: inline; cursor: pointer;}
#content .warning {background:#EBD5BC; display: inline;}

.center {text-align:center;}
#content a {color:#18684B;font-weight:bold;text-decoration:none; }
#content a:hover {background:#DCE8E4;text-decoration:none;}

#content fieldset {border:1px solid #DCE8E4; background:#f3f5f5; padding:15px;margin-bottom:20px; width:500px;}
#content legend  { font-weight:bold; color:#18684B;}
#content #table{background:#F3F5F5;border: solid 1px #dddddd; text-align:left;float:left; margin: 5px 15px 0px 0px;padding:10px 10px 10px 10px;}
#content #tableright{background:#F3F5F5;border: solid 1px #dddddd; float:right; margin: 5px 0px 0px 20px ;padding:10px 10px 10px 10px;}

/*
Remove Border from Images and let Text flow around
*/
#content #imageleft { border:0px solid white; float:left; margin: 0px 15px 5px 0px; }
#content #imageleftcaption {
border:0px solid white;
float:left;
margin: 5px 15px 5px 0px;
font-size: 0.8em;
background-color: #eeeeee;
}

#content #imageleftwhite {
border:0px solid white;
float:left;
margin: 0px 15px 5px 0px;
font-size: 0.8em;
background-color: #ffffff;
}


#content #imagerightcaption {
border:0px solid white;
float:right;
margin: 5px 0px 5px 15px;
font-size: 0.8em;
background-color: #eeeeee;
}

/* Which is "sub" in DB Table*/
#content h3 { font-size:10pt; font-weight:bold; color:#333333; margin-top:5px; text-align:left; }

/* Make sure that Image and Text are displayed in a Block */
#content #block { display:block; }

.red {color:red;}
.green {color:#00bf00;}
.bold {font-weight:bold;}
.italic {font-style:italic;}