praxis-creutzburg-web/jobs/css/layout.css

   /* ############## Layoutvorgaben fuer Praxis Creutzburg ##################### */

#fussbereich {
    position:absolute;
    bottom: 0;
}




   
   /* ############################ global ############################ */
   
   * {
   margin: 0;
   padding: 0;
   }
   
   
 /* ############################## Content ############################ */
   
   body { 
   background: #fff  url(gif/hg2.gif) center repeat-y; 
   color: #000;
   }
	
   a:link, a:visited, a:active { 
   color: #4D8201; 
   text-decoration:underline;  
   }
   
   a:hover { 
   color: #000; 
   text-decoration:none; 
   }
   
   a:link.imp, a:visited.imp, a:active.imp { 
   color: #868686; 
   text-decoration:none;  
   }
   
   a:hover.imp { 
   color: #cccccc; 
   text-decoration:none; 
   }
   
   
   /* ######################  Menue  ##########################  */
   
#menuetab {
width: 720px; 
height: 90px; 
border: 0; 
overflow: hidden;
}

ul#me {
list-style-type : none;
margin-top : 20px;
padding : 0;
}

li#ww {
width : 140px;
margin : 2px 2px 0 1px;
float :left;
text-align : center;
}

li#nn {
width : 140px;
margin : 2px 2px 0 1px;
float :left;
text-align : center;
}
   
   
/* ######################  Menue OHNE Grafikbutton  ##########################  */

li#ww a {
text-decoration : none;
color : #000;
font-size: 11px;
display : block;
width : 100%;
background-color : #fff;
padding : 2px 0;
border : 1px solid #222;
}

li#ww a:hover {
background-color : #ffffcc;
}


li#nn a {
text-decoration : none;
color : #000;
font-size: 11px;
display : block;
width : 100%;
background-color : #ffffcc;
padding : 2px 0;
border : 1px solid #222;
}

li#nn a:hover {
background-color : #fff;
color : #000;
}

 
/* ###################### Tabellen, Container, Textbloecke, Fonts, ...################## */
   
   body,td { 
   font-family:arial, sans serif; 
   font-size: 13px; 
   }
   
  .klein { 
  font-size: 11px; 
  }
  
  .fett { 
  font-weight:bold; 
  }
  
  .schraeg { 
  font-style:italic; 
  }
  
  .ueber1 { 
  font-size:16px;
  color:#cc0000; 
  }
  
  .ueber2 { 
  font-size:14px; 
  }
  
 
 #impres {
 width: 728px;
 height: 12px;
 border: 0;
 font-size: 9px;
 letter-spacing: 1px;
 text-align: right;
 margin: 0 0 10px 0;
 }
 
 
 #tablogo {
 width: 724px;
 border: 0;
 margin-top: 30px;
 } 
 
 #kopf {
   width: 300px;
   border: 0;
  margin: 0 0 0 40px;
   font-size: 16px;
   font-weight: bold;
 }
 
 #doppel {
 width: 660px;
 border: 0;
 margin: 25px 0px 15px 0px;
 }
 
 #einzel {
 width: 660px;
 border: 0;
 margin: 20px 0 10px 0;
 }
 
 #einzelimp {
 width: 540px;
 border: 0;
 margin: 30px 0 10px 0;
 }
 
 .zellea {
 width: 310px; 
 border: 1px solid #dcdcdc;
 padding: 10px 10px 10px 10px;
 vertical-align: top;
 }
 
 .zelleb { 
 border: 1px solid #dcdcdc;
 padding: 10px 10px 10px 10px;
 vertical-align: top;
 }
 
 #unten {
 padding: 50px 0px 0px 0px;
 width: 650px;
 height: 10px;
 border: 0;
 font-size: 9px;
 color: #ccc;
 }
 

/* ##########################  Farben #########################*/

.textrot  {
color: #cc0000;
}


/* ##########################  Formulare #########################*/

textarea {
background: transparent;
border: 1px solid #000;
margin:0 0 12px 0;
}

input {
background: transparent;
border: 1px solid #000;
}


/* ##########################  Listenmodule #########################*/

/*ul {
margin: 0 0 0 20px;
padding: 0 0 0 0;
}

li {
margin: 0 0 0 10px;
list-style-type: circle;
}
*/


/* ########################## Terminmodul #########################*/

.date {
width: 40px;
height: 30px;
font-size: 11px;
font-weight: bold;
text-align: center;
}

.time {
width: 40px;
height: 30px;
font-size: 11px;
text-align: center;
}

.light {
width: 40px;
height: 30px;
background-color: #eee;
}

.dark {
width: 40px;
height: 30px;
background-color: #ccc;
}

.free {
width: 40px;
height: 30px;
background-image: url(gif/bu-termin-yes.gif);
}

.reserved {
width: 40px;
height: 30px;
background-image: url(gif/bu-termin-no.gif);
}

.blocked {
width: 40px;
height: 30px;
background-image: url(gif/no-date.gif);
}