@charset "UTF-8";
/* =========================================================
Basis-Stylesheet

Projektname: Praxis Körner

Media: screen
Datum: 17. April 2008
Autor: Andreas M. Helge
Web: www.formspiel.de
Farben: CD: #758ba4; Text: #70859e; hover: #586582;

========================================================== */

@import "jquery.cluetip.css";

* {color: #292929; font-family: Arial, Verdana, sans-serif; font-size: 10pt; line-height: 1.2em;}

body {font-family: Arial, Verdana, sans-serif; font-size: 10pt; line-height: 1.2em; background-color: #f4f6f8;}
h1 {font: bold 14pt/1.25em Arial, Verdana, sans-serif; padding:0px; margin:0px;}
h2 {font: bold 12pt/1.25em Arial, Verdana, sans-serif; padding:0px; margin:0px;}
h3 {font: bold 10pt/1.25em Arial, Verdana, sans-serif; padding:7px 0 0 0; margin:0px;}
p {padding:0px; margin: 0 0 5px 0;}
acronym {color: #70859e;}
acronym:hover {color: #586582;}
em {font-size: 0.9em;}
img {border: none;}
hr {border: 0px; border-top:solid #758ba4 1px; /*FF Opera*/ border-bottom: solid 1px #FFFFFF;/*IE*/ margin: 10px 0 5px 0;}
hr.distance {border: 0px; border-top:solid #fff 1px; /*FF Opera*/ border-bottom: solid 1px #FFFFFF;/*IE*/ margin: 5px 0 5px 0;}

a:link, a:visited {color:#70859e; text-decoration: none;}
a:hover, a:active {color:#586582; text-decoration: underline;}

.clear {clear: left;}

ul {margin: 0px; padding: 0 2px;}
ul li {padding: 0 0 0 15px; margin: 0 0 1px 0; list-style: none; background: url(images/li_bullet_alpha.gif) no-repeat left 5px;}

dl#vita {width: 460px;}
dl#vita dt {width: 95px; float: left; margin: 0; padding: 1px 0; background-color: #fff; font-weight: normal;}
dl#vita dd {width: 365px; float: left; margin: 0; padding: 1px 0;}
dl#vita dd:hover {background-color: #f4f6f8;}

/* layout */
#container {background: #FFF url(images/signet.gif) no-repeat 0px bottom; border: 1px solid #ced6df; width: 670px; height: 640px /* height: 581px */;
position: absolute; left: 50%; top: 15px; right: auto; bottom: auto; margin-left: -335px;}

#footer {width: 670px; height: 15px; position: absolute; left: 50%; top: 635px; right: auto; bottom: auto; margin-left: -335px; text-align: right;}
#footer a {font-size: 0.8em; color: #70859e; text-decoration: none;}
#footer a:hover {color: #586582; text-decoration: underline;}

#header {height: 111px; width: 670px; background: #fff url(images/header.gif) top left}
#header h1 {display: none;}

ul#menu {width: 150px; float: left;/*  background-color: aqua */}

#content, #content_praxis, #content_team, #content_leistungen, #content_service, #content_kontakt {width: 470px; margin-left: 10px; float: left; /* background-color: #ccc; */}

/* headlines */
h2.praxis span {display: none;}
h2.praxis {background: #fff url(images/h2_praxis.gif) no-repeat -10px; height: 30px; width: 460px;}
h2.team span {display: none;}
h2.team {background: #fff url(images/h2_team.gif) no-repeat -10px; height: 30px; width: 460px;}
h2.teamKoerner span {display: none;}
h2.teamKoerner {background: #fff url(images/h2_mKoerner.gif) no-repeat -10px; height: 30px; width: 460px;}
h2.leistungen span {display: none;}
h2.leistungen {background: #fff url(images/h2_leistungen.gif) no-repeat -10px; height: 30px; width: 460px;}
h2.service span {display: none;}
h2.service {background: #fff url(images/h2_service.gif) no-repeat -10px; height: 30px; width: 460px;}
h2.kontakt span {display: none;}
h2.kontakt {background: #fff url(images/h2_kontakt.gif) no-repeat -10px; height: 30px; width: 460px;}

/* content */
.grey {color: #808080;}
a.grey {color: #808080;}

#content_team

/* accordian */
dl {margin: 0px;}
dl dt {background-color: #f4f6f8;  margin-bottom: 3px; font-weight: bold;}
dl dt a {text-decoration: none; display: block; padding:4px 0 4px 3px}
dl dd {margin: 0; padding: 0;}
dl dd p {padding:0px; margin: 0 0 5px 5px;}
dl dd ul {margin: 0px; padding: 0 5px;}

/*navigation*/

/* 1st level */
ul#menu {list-style-type: none; margin: 60px 0px 0px 30px; padding: 0px;}
ul#menu li {padding-left: 5px; background-position: left 7px}
ul#menu ul li {margin: 1px 0 0 0; padding: 0px; background-image: none;}
ul#menu li a {display:block; padding:3px 5px 1px 10px; border-left:0; text-decoration:none;}
/* 2nd level */
ul#menu ul li ul {margin: 0 0 5px 25px; padding: 0; }
ul#menu ul li ul li {margin: 0px;}
ul#menu ul li ul li a {padding: 0px;}
ul#menu ul li ul li a:hover {}

#parent a {font-weight: bold;}
#parent ul li a {font-weight: normal;}
/* aktiver Punkt*/
ul#menu #current {}

ul#menu strong {display:block; color:#586b82; padding: 1px 5px 1px 0px;}
ul#menu strong dfn {}

ul#menu a:visited, a:link {}
ul#menu a:hover {text-decoration: underline;}
ul#menu a:focus, #mainNavigation a:active {}

ul#menu dfn {display: none;}
ul#menu a:focus dfn, #mainNavigation a:active dfn {color:#ff0;}
span.hier, span.invisible {display: none;}