/*Hauptgestaltungsstylesheets*/
/*Farben:*/


body {
    background-color: #FEF8E3;
    padding: 0;
    margin: 0;
    text-align: center;
        font-size: 12px;
    font-weight: normal;
    font-family: Verdana, Arial;
    line-height: 16px;
    background-image: url(img/hintergr-w.jpg);
    color: #f7f7f7;
}

p {
    font-size: 12px;
    font-weight: normal;
        color: #5E5E5E;
    font-family: Verdana, Arial;
    line-height: 16px;
    margin: 0;
    padding: 0px 0px 5px 0px;
}

tr {
    font-size: 12px;
    background-color: #fafafa;
}

td{
vertical-align: top;
margin:0px;
padding: 3px 3px 3px 6px;
    border: 1px solid #f7f7f7;
}

#mainWrap {
    width:  780px;
        border: 1px solid #FCD4BA;
    margin: auto;
        padding: 0px 1px 0px 0px;
    background-color: #FFF;
    text-align: left;
}
#mainWrap2 {
    width:  778px;
    border: 1px solid #FCD4BA;
    margin: 0px 0px 0px 1px;
    padding: 0px 2px 0px 0px;
    background-image: url(img/bg2.gif);
    background-repeat: repeat-y;
    text-align: left;
}

h1 {font-size: 18px;font-weight: bolder;font-family: Verdana, Arial;color: #C6A28A;line-height: 24px;margin: 10px 0px 5px 0px;}
h2 {font-size: 14px;line-height: 18px;font-weight: bolder;font-family: Verdana, Arial;color: #C6A28A;margin: 20px 0px 5px 0px;}
h3 {font-size: 13px;font-weight: bolder;font-family: Verdana, Arial;color: #C6A28A;margin: 0px 0px 0px 0px;}

.align-right{text-align: right;}
.align-left{text-align: left;}
.align-center {text-align: center;}

li {margin-bottom: 5px;font-size: 12px;font-weight: normal;color: #5E5E5E;font-family: Verdana, Arial;line-height: 16px;}

a:link		{color: #aa8365; text-decoration:underline; font-weight:normal}
a:visited	{color: #aa8365; text-decoration:underline; font-weight:normal}
a:active	{color: #aa8365; text-decoration:underline; font-weight:normal}
a:hover		{color: #1920B9; text-decoration:underline; font-weight:normal}

/*Titelbild*/
#title {
position:relative;
    height: 170px;
    width: 775px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 3px;
    background-image: url(img/titel3.jpg);
    background-repeat: no-repeat;
}

#title #untertitel1 {
position:absolute;
    width: 300px;
    height: 30px;
    padding-top: 1px;
    margin: 115px 0px 0px 320px;
}

#untertitel1 h1 {color: #757365; font-size: 22px;line-height: 26px;font-family: Arial, Verdana;}

#title #untertitel2 {
position:absolute;
    width: 155px;
    padding-top: 0px;
    margin: 0px 0px 0px 613px;
}
#untertitel2 h2 {color: #f7f7f7; font-size: 13px;line-height: 15px;font-family: Arial, Verdana;}

/*###############################################################Headnav*/

#topnav-container {
    width: 779px;
    height: 28px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(img/nav-bg.gif);
    background-repeat: repeat-x;
}

.topmenu {margin:0px;}

ul.topmenu, ul.topmenu ul {
    list-style-type: none;
    padding-left:10px;
    padding-top: 5px;
}

ul.topmenu a {
    display: block;
    padding: 3px 10px 3px 10px;
    font-weight: bold;
    color: #f7f7f7;
    text-decoration:none;
}


ul.topmenu li {
    padding: 0;
    margin: 0;
    float: left;
    background-color: #757365;
    height: 23px;
}

ul.topmenu li a:link {color: #f7f7f7; text-decoration:none; font-weight:bold}    
ul.topmenu li a:visited{color:f7f7f7;text-decoration:none;font-weight: bold;}
ul.topmenu li a:hover{color:FCD4BA;text-decoration:underline;}
ul.topmenu li a:active{color:FCD4BA;text-decoration:none;}

/* Für Unterpunkte keine Float-Eigenschaft */
ul.topmenu ul li {
    float:none;
    background-color: transparent;
}

/* Links auf Unterpunkten sollen die Hintergrundfarbe ändern */
ul.topmenu ul li.hover, ul.topmenu ul li:hover {
    background-color: #f7f7f7;
        color: #858582;
    
}

/* Zweite Ebene */
        ul.topmenu ul {
              margin:0;
                 padding: 0;
               position: absolute;
               background-color: #f7f7f7;
                color: #757365;
                border: 1px solid #FCD4BA;
                display: none;
                    width: 180px;
     }
 
ul.topmenu ul li a:link {color: #757365; text-decoration:none; font-weight:bold}    
ul.topmenu ul li a:visited{color:#757365;text-decoration:none;font-weight: bold;}
ul.topmenu ul li a:hover{color:FCD4BA;background-color: #BEBCB1;text-decoration:underline;}
ul.topmenu ul li a:active{color:FCD4BA;background-color: #BEBCB1;text-decoration:underline;}

     

   /* Zweite Ebene anzeigen */
       ul.topmenu li.hover ul, ul.topmenu li:hover ul  {
               display: block;
   }

/* Dritte Ebene */
   ul.topmenu li.hover ul ul, ul.topmenu li:hover ul ul {
                  display: none;
                    margin-left: 160px; /* Breite eines Listenelements - Überlagerung */
              margin-top: -20px; /* Höhe eines Listenelements */
        }

   /* Dritte Ebene anzeigen */
       ul.topmenu li.hover ul li.hover ul, ul.topmenu li:hover ul li:hover ul {
                display: block;
   }

/* Vierte Ebene */
     ul.topmenu li.hover ul li.hover ul ul, ul.topmenu li:hover ul li:hover ul ul {
                  display: none;
    }

   /* Vierte Ebene anzeigen */
       ul.topmenu li.hover ul li.hover ul li.hover ul , ul.topmenu li:hover ul li:hover ul li:hover ul {
               display: block;
   }

/*##############################################Hauptfenster*/
#main {
    width: 776px;
    clear: both;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 3px;
}

/*#########################################################Linke Spalte*/
#main #left {
    margin: 0px;
    padding: 0px;
    width: 40px;
    height: 500px;
    float: left;
    background-image: url(img/praxisinfos.gif);
    background-repeat: no-repeat;
}

/*#########################################################Rechte Spalte*/
#right p{
    	color: #242424;
    	font-size: 12px;
    	font-weight: normal;
    	line-height: 14px;
    	margin-left: 5px;
}


#main #right {
    margin: 30px 10px 20px 5px;
    width: 170px;
    height: 720px;
    float: right;
    background-image: url(img/logo-120.jpg);
    background-repeat: no-repeat;
    background-position:center;

}

#right h1 {
    	font-size: 14px;
    	font-weight:bolder;
    	        line-height: 14px;
    margin: 10px 0px 10px 0px;
    	color: #3C6597;
}


/*######################################################Hauptinhalt*/
#main #middle {
    margin: 30px 5px 20px 20px;
    width: 520px;
    float: left;
}

#main #content {
    margin: 0px 10px;
}



/*#####################################################################Fusszeile*/
#footer {
    clear: both;
    width: 780px;
    margin: 0px 0px 0px 0px;  
    background-color: #D1D1D0;
    font-size: 10px;
    font-weight: normal;
    font-family: Verdana, Arial;
    line-height: 20px;
    text-align: center;
    height: 20px;
    color: #5E5E5E;
}


/*Formular*/
.csc-mailform {border: 1px solid #947057; margin:0 10px 0 10px;}
.csc-mailform-field label {color:#947057; font-weight:bold; font-size:12px; cursor:pointer; float:left;text-align:right; width:120px; margin:3px; margin-right:10px;}
.csc-mailform-field input, .csc-mailform-field textarea {font-size: 12px; background: #FDF3D0; color: #6A4946;
            border-top: 1px solid #947057;
            border-left: 1px solid #947057;
            border-bottom: 1px solid #947057;
            border-right: 1px solid #947057;
            margin:3px;}
.csc-mailform-field input:focus {font-size: 12px; background: #FDF3D0; color: #FB5A4C;
            border-top: 1px solid #947057;
            border-left: 1px solid #947057;
            border-bottom: 1px solid #947057;
            border-right: 1px solid #947057;
            margin:3px;}
.csc-mailform-field input[type=text], .csc-mailform-field input[type=password], .csc-mailform-field select {font-size: 12px; background: #FDF3D0; color: #333333;
            border-top: 1px solid #947057;
            border-left: 1px solid #947057;
            border-bottom: 1px solid #947057;
            border-right: 1px solid #947057;
            margin:3px;}
.csc-mailform-field input[type=submit], .csc-mailform-field input[type=reset] {cursor:pointer; font-size: 12px; background: #947057; color: #f0f0ff; margin-left:200px; font-weight: bold; border-top: 1px solid #074985; border-left: 1px solid #074985; border-bottom: 1px solid #4789C5; border-right: 1px solid #4789C5; letter-spacing: 1px;}


/* ----- Input-Felder ----- */
div.login input.input{
#   background: url(img/bg-input.jpg) repeat-x;
   border:1px solid #759fb7;
   border-right:1px solid #476d82;
   border-bottom:1px solid #476d82;
   width:180px;
   color:#0E4D9A;
   margin-bottom:1px;
}
div.login input.submit{
   width:180px;
#   background: url(img/bg-such.jpg) repeat-x;
   background: #EBEFF3;
   border:1px solid #759fb7;
   border-right:1px solid #476d82;
   border-bottom:1px solid #476d82;
    color: #0E4D9A;
}