/*praxis maria halmai - deutsch*/

body{
   background-color: #51afbf;
   background-image:url(haupt/image/back.jpg);
   background-repeat:no-repeat;
   background-position: right 0%;
   background-attachment: fixed;
   margin: 0;    
   padding:0px;
}


/* hauptgerüst */

#content {
   position:relative;
   margin: 10px auto;
   font-size:14px; 
   font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
   color:#214f57;  
   background-color: transparent;
   width:1000px;
   }

#top {
   position:relative;
   background-image:url(haupt/image/top-back.png);
   background-repeat:no-repeat;
   margin: 0;
   padding:0;
   width:1000px;
   height: 230px;
   float: left;
   clear: both;
   }


#name {
   position:relative;
   background-color: transparent;
   margin: -150px auto auto 380px;
   padding: 0;
   height:30px;
   width:300px;
   text-align: right;
   }

#land {
   position:relative;
   background-color: transparent;
   margin: 10px auto auto 0px;
   padding: 0;
   height:180px;
   width:30px;
   }

#top2 {
   position:relative;
   margin: -35px auto auto 0;
   padding-left:220px;
   width:500px;
   height: 35px;
   float: left;
   clear: both;
   }
#top2 { \width: 720px; }
#top2 { widt\h: 500px; }


#menutop li { 
   position: relative; 
   }


#menutop { 
   width: 99%;
   height: 25px; 
   background: transparent;
   float: left;
   margin-top: 10px;
   }

#menutop ul { 
   list-style: none; 
   margin: 0; 
   padding: 0 20px 0 0;
   float: left;
   } 

#menutop h2{ 
   color: #ffffff; 
   background: transparent;
   font: 1em arial;
   display: inline; 
   margin: 0; 
   text-align: left; 
   } 

#menutop a {
   display: inline; 
   margin: 0;
   padding: 3px 0;
   height: 25px;
   padding-left:20px;
   padding-right:10px;  
   text-align: left;
   font: 1em arial; 
   color: #ffffff; 
   background-image:url(haupt/image/nav-1.gif);
   background-repeat: no-repeat; 
   text-decoration: none; 
   }

#menutop a:hover { 
   background-image:url(haupt/image/nav-2.gif);
   background-repeat: no-repeat;
   color: #77f0ff; 
   }

#menutop #aktuell2 a {
   color:#77f0ff;
   background-image:url(haupt/image/nav-2.gif);
   background-repeat: no-repeat;
   }

#menutop li {
   position: relative;
   } 



#mid {
   position:relative;
   background-image:url(haupt/image/seiten-back.png);
   background-repeat:repeat-y;
   background-color: transparent;
   margin:0;
   padding:0;
   width:1000px;
   clear: both; 
   float: left;
   }


#mid1 { 
   position:relative;
   background-color: transparent;
   margin: 0;
   padding: 0;
   width:200px; 
   float: left;
   }

#menu { 
   position:relative;
   background-color: transparent;
   margin: 0;
   padding: 50px 0 0 50px;
   width:150px; 
   float: left;
   }
#menu { \width: 200px; }
#menu { widt\h: 150px; }

#navigation LI {
   background-color: transparent;
   padding: 0;
   margin: 0;
   list-style: none;
   display: inline;
   width: 150px;
   }

#navigation UL {
   background-color: transparent;
   padding: 0;
   margin: 0;
   }

#navigation A {
   font: 1em arial;
   color: #ffffff;
   background-image:url(haupt/image/nav-1.gif);
   background-repeat: no-repeat;
   text-decoration: none;
   display: block;
   padding: 3px 0px 3px 30px;
   border: 0;
   margin: 2px 0 0;
   width: 120px;
   }
#navigation A { \width: 150px; }
#navigation A { widt\h: 120px; }


#navigation A:link,
#navigation A:visited {
   background-color: transparent;
   margin: 2px 0 0;
   }

#navigation A:hover,
#navigation A:focus{
   background-color: transparent;
   background-image:url(haupt/image/nav-2.gif);
   background-repeat: no-repeat;
   border: 0;
   color: #77f0ff;
   margin: 2px 0 0;
   }

#navigation #aktuell a {
   color:#77f0ff;
   background-color: transparent;
   background-image:url(haupt/image/nav-2.gif);
   background-repeat: no-repeat;
   border: 0;
   margin: 2px 0 0;
   }


#mid2 { 
   position:relative;
   background-color: transparent;
   margin: 0;
   padding: 30px 20px 30px 30px; 
   width: 450px;
   float: left;
   }
#mid2 { \width: 500px; }
#mid2 { widt\h: 450px; }


#mid3 { 
   position:relative;
   background-color: transparent;
   margin: 0;
   padding: 0;
   width:300px; 
   float: left;
   }



#bottom {
   position:relative;
   background-image:url(haupt/image/bottom-back.png);
   background-repeat: no-repeat;
   margin:0; 
   padding: 0;
   clear:both;
   height:130px;
   width:1000px;
   }

#up {
   position:relative;
   background-color: transparent;
   top: 20px;
   margin-left: 710px; 
   padding: 0;
   height:40px;
   width:40px;
   }

#web {
   position:relative;
   background-color: transparent;
   top: 30px;
   margin-left: 210px; 
   padding: 0;
   height:45px;
   width:100px;
   }



/* allgemeine Überschriften*/
h1{
letter-spacing:1px;
margin-bottom:0px;
margin-top:0px;
padding: 25px 0;
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
color:#358b9b;
font-size:120%;
}

.praxis{
font-size:150%;
letter-spacing:0px;
color:#ffffff;
padding: 0;
}

.name{
font-size:150%;
letter-spacing:0px;
color:#ffffff;
padding: 0;
}

h2{
letter-spacing:1px;
margin-bottom:0px;
margin-top:0px;
padding: 20px 0 5px 0;
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
color:#2e666e;
font-size:110%; 
}

h3{
letter-spacing:0px;
margin-bottom:0px;
margin-top:0px;
padding: 10px 0 10px 0;
font-family: arial, verdana, tahoma, 'Microsoft Sans Serif';
color:#225159;
font-size:100%; 
}

hr{
color:#c1dee4;
background-color:#c1dee5;
height:1px;
text-align:center;
width: 500px;
clear:both; 
}

/* allgemeine links im text */

a:link, a:visited{
text-decoration:none; 
color:#c84c26;
font: bold 1em arial;
}

a:hover, a:active{ 
text-decoration:none;
color:#86b29e;
font: bold 1em arial;
}

/*Default style for SPAN icons. Edit if desired: */

.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #d6edf1;
font-weight: bold;
border: 1px solid black;
padding: 3px;
}

div.eg-bar{
width: 450px;
}

.icongroup1{
width: 450px;
}
