/*
-------------------------------------------------------
FiloRosso WebDesign Basis Style fuer Physiotherapie Sammetinger
Author:   Manfred Gerber
Version:  18 Dezember 2004
------------------------------------------------------- */

@import'cssIE5.css'; /* alles das IE5 nicht lesen darf! */
@import 'cssIE5.5.css'; /* alles das nur IE5.5 und 5 lesen darf! */

body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background: #007600 url("../../src/gfx/gruenverlauf.png") repeat-x top left;
        font: 75%/160% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        color: #333;
        text-align: center;
        }
img {
        border: 0px none;
        }
img.rahmen {
        padding: 0 8px 5px 0;
        }
p {
        margin: 0;
        padding: 0.5em 0 1em 0;
        }


/* Ebene1, Seitenbreite
------------------------------------------------------- */
#container {
        margin: 0px auto;
        padding: 0;
        width: 770px;
        background: transparent url("../../src/gfx/gruenvSchattenL.png") repeat-y left top;
        }

/* Ebene2, Schatten rechts
------------------------------------------------------- */
#schattenR {
        margin: 0;
        padding: 0;
        background: transparent url("../../src/gfx/gruenvSchattenR.png") repeat-y right top;
        }

/* Ebene3, Flaeche links
------------------------------------------------------- */
#flaecheL {
        margin: 0;
        padding: 0;
        background: transparent url("../../src/gfx/gruenvFlaecheL.png") no-repeat left top;
        }

/* Ebene4, Flaeche rechts
------------------------------------------------------- */
#flaecheR {
        margin: 0;
        padding: 0;
        background: transparent url("../../src/gfx/gruenvFlaecheR.png") no-repeat right top;
        }

/* oberer Rand
------------------------------------------------------- */
#ebeneOben {
        margin: 0 auto;
        padding: 0;
        width: 82%;
        height: 27px;
        background: #D8CFAD url("../../src/gfx/ebeneOben.png") repeat-x top;
        }

/* Header
------------------------------------------------------- */
#header {
        margin: 0 auto 0 36px; /* Contentposition mittig dem weissen Rahmen*/
        padding: 0;
        width: 695px;
        border: 1px solid #600100;
        text-align: left;
        background: #D8CFAD url("../../src/gfx/header.png") no-repeat 0 69px;
        position: relative;
        }
#Startseite, #Praxis, #Therapieangebot, #Kontakt {
        position: absolute;
        top: 133px;
        left: 15px;
        width: 480px;
        height: 181px;
        }
#Startseite {
        background: transparent url("../../src/gfx/startseite.jpg") no-repeat 0 0;
        }
#Praxis {
        background: transparent url("../../src/gfx/praxis.jpg") no-repeat 0 0;
        }
#Therapieangebot {
        background: transparent url("../../src/gfx/therapieangebot.jpg") no-repeat 0 0;
        }
#Kontakt {
        background: transparent url("../../src/gfx/kontakt.jpg") no-repeat 0 0;
        }

#clear {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 144px;
        clear: both;
        }

/* Einbingung des Logohintergrundes und Logo
------------------------------------------------------- */
#logo {
        position: relative;
        top: -53px;
        right: 10px;
        text-indent: -9999px;
        width: 255px;
        height: 100px;
        background: transparent url("../../src/gfx/logo.gif") no-repeat 0 0;
        float: right;
        }
#logo h1 {
        margin: 0;
        padding: 0;
        height: 100px;
        }
#logo h1 a:link, #logo h1 a:visited {
        display: block;
        width: 255px;
        height: 100px;
        margin: 0;
        padding: 0;
        color: #998;
        text-decoration: none; /* mozilla browser zeigen sonst eine underline */
        }

/* Hauptnavigation
------------------------------------------------------- */
#navi {
        width: 100%;
        height: 70px;
        background: #D8CFAD;
        font: 120% "Times New Roman", Georgia, serif;
        float: left;
  }
#navi ul {
        margin: 33px 0 0 10px;
        padding: 10px 10px 0 0;
        list-style: none;
        }
#navi li {
        float: left;
        background: url("../../src/gfx/naviLinks.gif") no-repeat left top;
        margin: 0;
        padding: 0 0 0 9px;
  	}
#navi a {
        float: left;
        display: block;
        background: url("../../src/gfx/naviRechts.gif") no-repeat right top;
        padding: 5px 15px 4px 5px;
        text-decoration: none;
        font-weight: bold;
        color: #7D704D;
        }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navi a {
        float: none;
        }
/* End IE5-Mac hack */

#navi a:hover {
        color: #610;
        }
#navi #aktiv {
        background-image: url("../../src/gfx/naviLinksAktiv.gif");
        }
#navi #aktiv a {
        background-image: url("../../src/gfx/naviRechtsAktiv.gif");
        color:#FFF;
        padding-bottom: 5px;
        }
/* Subnavigation
------------------------------------------------------- */
#bilderroll {
        position: absolute;
        top: 164px;
        right: 0; 
        padding: 15px 12px 0;
        background: #D8CFAD url("../../src/gfx/subnaviSchatten.gif") no-repeat left top;
        width: 165px; /* ohne schiebt Opera 6 die Sprueche nach links*/
        }
#subnavi {
        position: absolute;
        top: 315px;
        right: 0;
        padding: 15px 4px 5px 10px;
        width: 170px;
        }
/*
#subnavi {
        margin: -150px 0 0 0;  Abstand zum Text
        padding: 15px 4px 5px 10px;
        float: right;
        width: 170px;
        background: #D8CFAD url("../../src/gfx/subnaviSchatten.gif") no-repeat left top;
        }
#subnavi {
        padding: 15px 4px 5px 10px;
        float: right;
        width: 170px;
        background: #D8CFAD;
        }
*/

#subnavi ul
        {
        padding-left: 10px;
        margin-left: 1px;
        list-style-type: none;
        }
#subnavi ul li
        {
        padding: 5px 0 5px 0;
        border-bottom: 1px solid #B7A77B;
        }
#subnavi ul li.haupt
        {
        margin: 0 -5px 0 -10px;
        padding: 5px 0 5px 10px;
        background: #610000;
        color: #FFF;
        }
#subnavi ul li a
        {
        background: transparent url("../../src/gfx/subnaviInaktiv.gif") 0 4px no-repeat;
        padding-left: 15px;
        text-align: left;
        text-decoration: none;
        color: #7D704D;
        width: 100%; /* ohne Breite setzt IE5.0/Win die Grafiken auf die Links */
        }
#subnavi ul li a:hover
        {
        background: transparent url("../../src/gfx/subnaviAktiv.gif") 0 4px no-repeat;
        color: #610000;
        }
#subnavi ul li a.aktiv
        {
        background: transparent url("../../src/gfx/subnaviAktiv.gif") 0 4px no-repeat;
        color: #610000;
        }

/* Contentseiten
------------------------------------------------------- */
#content {
        margin: 0;
        padding: 20px;
        background: #fff url("../../src/gfx/subnaviSchattenSW.gif") repeat-y 100% 0;
        border-left: 15px solid #470000;
        text-align: left;
        width: 456px;
        min-height: 700px;
        }

* html #content {   /* nur fur den Internet-Explorer */
        height: 700px;
        }

/* Schriften im Content
------------------------------------------------------- */
#content h1, #content h2, #content h3, #content h4 {
        margin: 0 0 0.5em 0;
        padding: 0;
        color: #990000;
        background: transparent;
        }
#content h1 {
        font: 135%/140% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        }
#content h2 {
        font: bold 125%/140% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        }
#content h3 {
        font: bold 110%/140% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        }
#content h4 {
        font: bold 100%/140% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        }
#adresse {
  font-size: 94%;
  line-height: 140%;
}

#content a, #adresse a {
        margin: 0;
        padding: 0;
        color: #605534;
        background: transparent;
        text-decoration: underline;
        font-weight: bold;
        }
#content a:visited, #adresse a:visited {
        color: #B7A77B;
        background: transparent;
        }
#content a:hover, #adresse a:hover {
        color: #990000;
        background: transparent;
        text-decoration: none;
        border-bottom: 2px solid #990000;
        }

/* Formulare
------------------------------------------------------ */
#content fieldset, #content legend {
        margin: 0;
        }
#content fieldset {
        padding: 1em 1em 2em 1em;
        border: 1px solid #D8CFAD;
        }
#content legend   {
        padding: 10px 5px 10px 5px;
        font: italic 1.2em "Times New Roman" ,serif;
        color: #605534;
        background: transparent;
        }
form {
        margin: 0;
        padding: 0;
        }
input, textarea, select {
       font: 100%/100% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
       color: #333;
	     }
form input {
	     width: 45%;
       margin: 0.5em 0 0 0;
	     padding: 2px;
       border: 1px solid #998;
       background: #D8CFAD;
       color: #333;
       font-weight: normal;
       display: block;
       }
form input[type=submit]:hover {
       color: #333;
       background: #CCC195;
       cursor: pointer;
  	    }
form textarea {
       margin: 2em 0 1.5em 0;
       border: 1px solid #998;
       width: 95%;  /* Bei 100% zerschiesst es beim IE6/Win das Layout */
       height: 12em;
       background: #D8CFAD;
       color: #333;
       }
form .notwendig_fehler, form .notwendig_fehler:focus {
    border: 2px solid #980000;
}

/* Klassen
------------------------------------------------------- */

.valid{
    display: none;
}
.rot, .error {
    color: #980000;
    background: transparent;
    font-weight:bold;
}

/* Fusszeile
------------------------------------------------------- */
#footer {
        margin: 0;
        padding: 10px;
        font: 90%/160% "Lucida Grande",Tahoma,Verdana,Geneva,Arial,Helvetica,sans-serif;
        background: #990000 url("../../src/gfx/header.png") 0 0 no-repeat;
        color: #fff;
        text-align: center;
        }

/* Links in der Fusszeile
------------------------------------------------------- */
#footer a {
        margin: 0;
        padding: 2px;
        color: #FFD1A7;
        background: transparent;
        text-decoration: underline;
        font-weight: bold;
        }
#footer a:visited {
        color: #BF4A34;
        }
#footer a:hover {
        color: #FFF;
        }

/* Sonstige Formatierungen
------------------------------------------------------ */
acronym, abbr {
         border-bottom: 1px dotted #990000;
         cursor: help;
         }
.bobby, .nein {
        display: none;
        }