/* CSS Document */



/**
 * Praxis Broer
 *
 * Thomas Schuermann, www.tripleorange.de
 *
 */

/**
 *
 * FARBEN
 *
 * beige #613B1F versalien
 * grau: #999999 hintergrund
 * blau: #0099FF
 * grün: #99CC66
 * grau: #666666 kontakt box
 * orange: #FF9933
*/


/* GRUNDLAYOUT                                                                */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

html {
  margin-bottom    : 1px;
  height           : 100%;
}

body {
      margin: 0;
      padding: 0 0 50px 0;
      min-height: 101%;
      height: 101%;
      background: #999999 none;
      font: 100.01%/170% arial, helvetica, sans-serif;
      color: #000000;
}

.hint-overlay {
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 500;
}

.hint-overlay article {
    background: #999999;
    width: 70%;
    height: auto;
    margin: 150px auto 0 auto;
    padding: 2em;
    position: relative;
}

.hint-overlay h2,
.hint-overlay p {
	color:					#fff;
}


.hint-overlay h2 {
	font-size:				1.5em;
	margin-bottom:			1em;
	font-weight:			300;
	line-height:			1.3em;
}

.hint-overlay p {
	line-height:			1.5em;
}

.hint-overlay button {
	position:				absolute;
	color: 					#fff;
	right: 					6px;
	top:					6px;
	height:					35px;
	width:					35px;

	text-align: 			right;
	padding: 				5px;
	border:					none;
	background:				transparent;
	line-height:			0;
	font-size:				2.1em;
	color: 					#fff;
	
}





#center {
      padding: 0;
      margin: 0 auto;
      width: 890px;
      background: transparent url(../img/center-bg.gif)  repeat-y top left;
}

#kopf {
      margin: 0 0 0 0;
      padding: 0;
      height: 287px;
      width: 890px;
      /* width: 834px; */
      background: transparent url(../img/kopf-bg.gif)  no-repeat top left;
}


/* SERVICE MENU                                                                */
/*                                                                            */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


#service {
      width: 890px;
      height: 26px;
      margin: 10px 13px 30px 0;
      float: right;
}

#service ul {
      /* margin: 0 0 0 175px; */
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      line-height: 1em;
      text-align: right;
      float: right;
      height: 30px;
}

#service ul li {
      list-style-image:none;
      list-style-type:none;
      margin: 0 0  0 0;
      padding: 2px 8px 0 8px;
      font-size: 11px;
      letter-spacing: 0.03em;
      float: left;
      font-family: arial, verdana, sans-serif;
}




#service ul li a, #service ul li a:link  {
      color: #d6d6d6;
      text-decoration: none;
}
#service ul li a:hover {
      color: #FF9933;
}

#service ul li.active a {
      color: #FF9933;
      font-weight: 700;

}
/* Logo Gilder-/Levin-Methode  http://levin.grundeis.net/files/20030809/alternatefir.html */
/* LOGO                                                                       */


#logo {
      /* width: 834px; */
      clear: right;
      width: 234px;
      height: 80px;
      margin: 0 auto 0 auto;
      padding: 0;
      background: transparent none;
}



#logo a {
      width: 234px;
}

#logo h1 {
      width: 234px;
      height: 80px;
      position: relative;
      padding: 0;
      margin: 0;
      color: #000;
      font-size: 75%;
}

#logo h1 span {
      background: url(../img/logo.png) no-repeat top left;
      width: 234px;
      height: 80px;
      position: absolute;
      padding: 0; margin: 0;
}

/* HAUPTMENU                                                              */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#hauptmenu .menu,
#hauptmenu div.menu ul {
font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
list-style:none;
}

#hauptmenu {
    background:#fff;
    margin:30px auto 0 auto;
    width:790px;
    display:block;
    height: 24px;
     border-top: 1px solid #999;
     border-bottom: 1px solid #999;
}

#hauptmenu,
div.menu {
  font-size:12px;

}

div.menu ul {
  list-style:none;
  margin:0 0 0 27px;
  padding: 0;
}

#hauptmenu .menu-header li,
div.menu li {
    float:left;
    position:relative;

}

#hauptmenu a {
     display: block;
     padding:0 0 0 0;
     text-decoration:none;
     text-transform: uppercase;
     color: #999;
     line-height:24px;

}

#hauptmenu ul ul {
    display: none;
    margin: 0;
    padding: 0;

    position:absolute;
    top:24px;
    left:10px;
    float:left;
    width:600px;
    z-index:99999;
   
}





.top-item-1 a, .top-item-2 a, .top-item-3 a, .top-item-4 a, .top-item-5 a {
  text-indent:-9009px;
}
.top-item-1 a { width:108px; background:transparent url(../img/nav/startseite.png) no-repeat 0 0;}
.top-item-2 a { width:233px; background:transparent url(../img/nav/behandlung.png)  no-repeat 0 0;  }
.top-item-3 a { width:205px; background:transparent url(../img/nav/anwendung.png)  no-repeat 0 0;  }
.top-item-4 a { width:190px; background:transparent url(../img/nav/leistungen-preise.png) no-repeat 0 0;   }
/* .top-item-5 a { width:86px; background:transparent url(../img/nav/preise.png) no-repeat 0 0 ;  } */



#hauptmenu ul ul li {
     padding: 4px 0 0 0;
     margin: 0;
     min-width:180px;
     float: left;
}

#hauptmenu ul ul li.sub-current a {
     font-weight: 700;
}

#hauptmenu ul ul a {
     padding: 0;
     margin: 0;
    background:#fff;
    height:auto;
    padding:5px;
    width:180px;
    color: #666;
     font: 100 11px/1em verdana, arial, helvetica, sans-serif;
     text-indent: 0;
}



#hauptmenu ul ul.child-4 {  width:240px; }
#hauptmenu ul ul.child-4 li { min-width: 50px; }
#hauptmenu ul ul.child-4 a { width: 50px; }



#hauptmenu li:hover > a,
#hauptmenu ul ul:hover > a,
#hauptmenu li.current_page_item > a {
         color:#FF9933;
     background-position: 0 -24px;

}


#hauptmenu ul li.current_page_item  > ul {
     display:block;
}

#hauptmenu ul li.current_page_item > a,
#hauptmenu ul li.current-menu-ancestor > a,
#hauptmenu ul li.current-menu-item > a,
#hauptmenu ul li.current-menu-parent > a {
     color:#FF9933;

}

* html #hauptmenu ul li.current_page_item a,
* html #hauptmenu ul li.current-menu-ancestor a,
* html #hauptmenu ul li.current-menu-item a,
* html #hauptmenu ul li.current-menu-parent a,
* html #hauptmenu ul li a:hover {
     color:#fff;

}


/* INHALTE                                                           */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#seite {
     margin: 0 0 0 0;
     padding: 0 45px 0 70px;
}

#linkespalte {
     width: 520px;
     padding: 0;
     margin: 0;
     /* background:#eee; */
     float: left;
}

#rechtespalte {
     width:  230px;
     padding: 0;
     margin: 0 0 0 20px;
     /* background:#eeffdd; */
      background: url(../img/rechte-spalte-bg.png) top left no-repeat;
     float: left;
}

#r-inner {
     padding: 5px 0 0 36px;

}

a, a:link {
     text-decoration: none;
     font-weight: 300;
     color: #669900;
}

a.hund { color: #FF9933;     font-weight: 300;}
a.pferd { color: #FF9933;      font-weight: 300;}

#r-inner a, #r-inner a:link {
     text-decoration: none;
     font-weight: 300;
     color: #0099FF;
}


a:hover {
     text-decoration: underline;
     color: #0099FF;
}

strong {
     font-weight: 700;
}










h2 {
     color: #FF9933;
     text-transform: uppercase;
     font: 100 26px/20px arial,helvetica,sans-serif;
     letter-spacing: 0.075em;
}


.service { color: #666;}
h2.beh { color: #0099FF; }
h2.beh-2 { color: #99CC66; }
h2.klein {
     font: 100 22px/20px arial,helvetica,sans-serif;
}
h3 {
     color: #FF9933;
     text-transform: uppercase;
     font: 100 15px/18px arial,helvetica,sans-serif;
     letter-spacing: 0.075em;
     margin: 20px 0 -8px 0;

}
h3 a, h3 a:link {
  color: #FF9933;
}

/* Auszeichnungstext für best. Kommentare */

h4 {
     font: 700 15px/19px arial,helvetica,sans-serif;
     text-transform: uppercase;
     color: #8DC420;
     margin: 0 0 20px 0;
     padding: 0;
     letter-spacing: 0.07em;
}

h4.smallcaps {     text-transform: none; }
h5 {
     color: #99CC66;
     text-transform: uppercase;
     font: 100 18px/20px calibri,verdana,arial,helvetica,sans-serif;
     letter-spacing: 0.075em;
     margin: 20px 0 -10px 0;

}
#seite p, #linkespalte ul li {
     font: 100 13px/24px arial,helvetica,sans-serif;
     color: #333;
}
p.kompakt { letter-spacing: -0.04em;}
p em {
     font: 100 11px/24px arial,helvetica,sans-serif;
}

.rot {
     color: #ff3333;
}
#r-inner p {
     color: #666666;
      font: 100 13px/24px arial,helvetica,sans-serif;
}
#r-inner h3 {
     color: #FF9933;
     text-transform: uppercase;
     font: 700 14px/20px arial,helvetica,sans-serif;
     letter-spacing: 0.075em;
     margin: 20px 0 0 0;

}
#linkespalte ul li {
     list-style-image:none;
     list-style-type:none;
     padding: 0 0 0 15px;
     background: transparent url(../img/list.png) 0 9px no-repeat;
}


p.clear {
     clear:left;
}

/* FUSS                                                             */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

#fuss {
     margin: 0;
     padding: 0 0 0 0;
     height: 60px;
      width: 890px;
      background: transparent url(../img/fuss-bg.gif)  no-repeat top left;
}

#fuss p {
     padding: 26px 0 0 40px;
      font-size: 11px;
      color: #d6d6d6;
}

/* ACCESSIBILITY                                                              */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */


@media only screen and (min-width : 40em) {



.hint-overlay article {
    background: #999999;
    width: 50%;
    height: auto;
    margin: 300px auto 0 auto;
    padding: 2em;
    position: relative;
}


}




















.accessibility {
      display: none;
}