/* http://www.kinderkrankenpflege-netz.de/ */


html, body {
 font-size:101%;
 }

body {
 background-color:#f8f8f8;
 margin:0px;
 padding:0px;
 }

body, input, form, textarea, address, p, h2, h3, h4, h5, ul, ol, abbr, blockquote {
 font-family:Verdana, Helvetica, sans-serif;
 color:#000;
 font-style:normal;
 }

img {
 border:0px;
 }

td {
 vertical-align:top;
 }

.fett {
 font-weight:bolder;
 }

.keys, .keys a:link, .keys a:visited {
 font-size:0.1em;
 line-height:1px;
 color:#fff;
 }

a abbr, #content a {
 color:#000;
 }

a:focus, a:active {
 color:#CC0000 !important; 
 background-color:#F1EDCF;
 text-decoration:underline;
 }

a:hover {
 text-decoration:none;  
 background-color:transparent;
 }
 
 #navigation a:hover {
  text-decoration:underline !important;  
  background-color:transparent;
 }

#navigation a:link, #navigation a:visited {
 color:#000;
 text-decoration:none;  
 }

.linkul strong a:link, .linkul strong a:visited, .linkul abbr {
 color:#000;
 text-decoration:none;
 }

.linkul strong a:hover {
 text-decoration:underline;
 }
 
 h4 a {
 color:#000;
 }
 
 abbr[title], acronym[title], dfn[title] {
 border-bottom: 1px dotted;
 cursor: help;
 }



				/* Logo + Titel */
#head {
 width:100%;
 padding:0px;
 margin-top:15px;
 border:0px;
 }

#head1 { 
 width:18%;
 }

#head2 {
 width:53%;
 }

#head3 {
 width:29%;
 }

#logo {
 margin-top:8px;
 margin-left:22px;
 }

h1 {
 font-size:33px; 
 font-family:Arial, sans-serif;
 font-weight:600;
 color:#CC0000;
 text-align:center;
 background-color:#f8f8f8;
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc;
 margin-top:10px;
 letter-spacing:2px;
 }
				/* Hauptnavigation */

#navigation {
 float:left;
 width:18%;
 margin-top:20px;
 }

#home {
 margin-bottom:12px;
 }

#home {
 background-image:url(grafiken/home.gif);
}

.rot li {
 background-image:url(grafiken/r.gif);
} 

.blau li {
 background-image:url(grafiken/bl.gif);
}

.gelbrot li {
 background-image:url(grafiken/gr.gif);
}

.gelb li {
 background-image:url(grafiken/g.gif);
}

.rot li, .blau li, .gelb li, .gelbrot li {
 background-repeat: no-repeat;
 background-position: 0 0.5em;
 padding-left:15px;
 list-style-type:none;
 line-height:160%;
}

@media screen {
#navigation ul {
   padding-left:0px; margin-left:15px;
}

.keys {
 position:absolute;
 left:-2000px;
 }

}


#navigation ul {
 font-size:15px;
 line-height:120%;
 }

@media screen {
#navigation ul {
 font-size:80%;
 line-height:140%;
 }
}
				/* Navigation oben + Grafik Seitenanfang */

.top {
 float:right;
 margin-right:4px; 
 margin-left:1px;
 }

#navigationoben {
 text-align:center;
 }

				/* Inhalt */

#content {
 margin-top:15px;
 width:52%;
 background-color:#fff; 
 border:none;
 padding:8px;
 float:left;
 }

@media screen {
#content {
 margin-left:5px;
 }
 }

#content p, #content ul, #content ol, dt, dd, address {
 font-size:80%;
 line-height:155%;
 }

#content p, address {
 line-height:150%;
 }

#content li, #content li ul {
 font-size:95%;
 }

h2, h3, h4 {
 text-align:left;
 font-weight:lighter;
 }

h2 {
 letter-spacing:0.1ex;
 font-size:105%;
 }

h3, h3 abbr {
 margin-top:35px;
 margin-bottom:15px;
 font-size:90%;
 font-weight:bold;
 color:#000; 
 }
 
 h3 abbr {
  font-size:95%;
 }

.fobi {
 padding-top:10px;
 border-top:2px dotted #bbb;
 }

h4 {
 margin-bottom:7px;
 margin-top:2px;
 font-weight:bolder;
 font-size:80%;
 }

p, ul{
 margin-top:0px;
 padding-top:0px;
 }

address {
 margin:0px 10px 10px 0px;
 }

q:before {
 content:no-open-quote;
 }

q:after {
 content:no-close-quote;
 }

blockquote {
 margin-left:0px;
 }

dt {
 margin-top:30px;
 }

blockquote {
 margin-left:30px;
 font-style:italic;
 font-size:80%;
 }

				/* Datumsangaben + Fusszeile */

#content #url, #content #dauer {
 text-align:center;
 font-size:70%;
 }

#datum {
 text-align:right; font-size:75%;
 }
 
 td #datum {
 margin-bottom:-10px;
 }

#content #linknachoben {
 text-align:right;
 font-size:70%;
 }
				/* rechte Spalte */

#spalterechts {
 margin-top:30px;
 float:left; 
 width:26%; 
 padding: 0px 0px 10px 10px;
 }

#spalterechts h5 {
 font-size:70%;
 color:#000066;
 }

#spalterechts p {
 font-size:75%;
 line-height:150%;
 }
				/* Pflegelinks Übersicht + FB Monate */

table h3 {
 font-size:75%;
 margin-bottom:0px;
 }

table ul {
 margin-top:8px;
 }

				/* Formulare */

form {		/* NN4 */
 font-size:12px;
 }

@media screen {
form {
 font-size:14px;
 margin:19px; 
 color:#000;
 font-size:75%; 
 background-color:#f6f6f6;
 }

textarea {
 width:80%;
 }

input {
 width:70%;
 }

#suche input {
 width:10%;
 }

input:focus, textarea:focus {
 color: #000;
 background: #ffffe0;
 }

legend {
 margin-bottom:20px;
 font-size:130%;
 border:none;
 }

fieldset {
 padding:4px;
 border:none;
 background-color:#eee;
 }

#senden {
 width:80px;
 }
 }


				/* Druck */

@media print {
#navigation, #head1, .keys, .top, #spalterechts {
 display:none;
}

h1, h2, h3 {
 color:#bbb;
 background-color:#fff;
}

#content {
 width:90%;
}

/* #spalterechts {
 width:20%; */
}
}