/*--------------------------------------------*/
/*--------------------------------------------*/
/*---------                         ----------*/
/*--------- copyright: unimess GmbH ----------*/
/*---------                         ----------*/
/*---------      www.unimess.de     ----------*/
/*---------                         ----------*/
/*--------------------------------------------*/
/*--------------------------------------------*/
a:focus { outline: none;}

body{
	padding: 0px;
	margin: 0px;
	border:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	text-align: center;
	overflow: scroll;
	*overflow: visible;
	background: #DAF1F9 url(bilder/navigat/bg.gif) repeat-x left top;
}

a {
	color: #0DAEEC;
	font-weight: normal;
}

a:hover {
	color: #A2A2A2;
}

p {
	padding: 5px 0px 15px 0px;
	margin:  0px 0px 0px 0px;
	text-align: justify;
}

strong {
	color: #555555;
}

.strong2 {
	color: #555555;
	font-size: 150%;
	line-height: 130%;
}

td {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 100%;
}

hr {
	width: 100%;
	padding: 1px 0px 1px 0px;
	margin:  5px 0px 0px 0px;
	border: none;
	background: #A2A2A2;
	color: #A2A2A2;
}

h1{
	font-family: Verdana;
	font-size: 150%;
	font-weight: normal;
	color: #FFFFFF;
	padding: 0px 0px 28px 0px;
	margin:  0px 0px 0px 0px;
}

h2{
	font-size: 130%;
	font-weight: bolder;
	color:#3C3C3C;
}

h3{
	font-size: 120%;
	font-weight: bold;
	color: #0DAEEC;
}

h4{
	font-size: 100%;
	font-weight: normal;
	color: #3C3C3C;
}

#container{
	width: 900px;
	min-height: 630px;
   height: auto !important;
   height: 630px;
	padding: 0px 0px 0px 0px;
	margin:  0px auto 0px auto;
	background: #FFFFFF;
	border: none;
}

#kopf_{
	float: left;
	display: block;
	width: 900px;
	height: 121px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: left;
	background: url(bilder/startseite/kopf.jpg) no-repeat right top;
}

#kopf_startseite{
	float: left;
	display: block;
	width: 900px;
	height: 121px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	text-align: left;
	background: url(bilder/startseite/kopf.jpg) no-repeat right top;
}

#logo{
	display: inline;
	width: 204px;
	height: 121px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 65px;
	border:  none;
}

#hals{
	float: left;
	display: block;
	width: 900px;
	height: 84px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	background: url(bilder/navigat/bg_navi.gif) repeat-x left top;
}

#rumpf{
	float: left;
	width: 900px;
	min-height: 400px;
   height: auto !important;
   height: 400px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	background: #FFFFFF url(bilder/navigat/kind.gif) no-repeat left bottom;
}

#linker_arm{
	float: left;
	display: block;
	width: 317px;
	min-height: 400px;
   height: auto !important;
   height: 400px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

#bauch {
	float: left;
	width: 583px;
	min-height: 400px;
   height: auto !important;
   height: 400px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	background: url(bilder/navigat/linie.gif) repeat-y left top;
}

#bauch .content {
	float: left;
	display: inline;
	width: 502px;
	min-height: 420px;
   height: auto !important;
   height: 420px;
	padding: 22px 50px 0px 30px;
	margin:  0px 0px 0px 1px;
	color: #3C3C3C;
	line-height: 150%;
	text-align: left;
	background: url(bilder/navigat/bg_content.gif) no-repeat left top;
}

#bauch .content ul {
	padding-left: 10px;
	margin-left: 0px;
}

#bauch .content li {
	list-style: none;
	padding-left: 20px;
	margin-left: 0px;
	background: url(bilder/navigat/liste_pkt2.gif) no-repeat left 2px;
}

#fuss {
	float: left;
	width: 900px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

/* Navi Horizontal */

#navi_horizontal{
	float: left;
	height: 84px;
	width: 900px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	font-size: 100%;
}

#navi_horizontal span{
	display: none;
}

#navi_horizontal li {
	float: left;
	display: block;
	height: 68px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	list-style: none;
}

#navi_horizontal li a {
	display: block;
	height: 68px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

#navi_horizontal .nav_startseite a {
	width: 199px;
	background: url(bilder/navigat/nav_1.gif) no-repeat left top;
}

#navi_horizontal .nav_startseite a:hover, #navi_horizontal .nav_startseite .aktiv {
	background: url(bilder/navigat/nav_1h.gif) no-repeat left top;
}

#navi_horizontal .nav_neuigkeiten a {
	width: 181px;
	background: url(bilder/navigat/nav_2.gif) no-repeat left top;
}

#navi_horizontal .nav_neuigkeiten a:hover, #navi_horizontal .nav_neuigkeiten .aktiv {
	background: url(bilder/navigat/nav_2h.gif) no-repeat left top;
}

#navi_horizontal .nav_praxis a {
	width: 128px;
	background: url(bilder/navigat/nav_3.gif) no-repeat left top;
}

#navi_horizontal .nav_praxis a:hover, #navi_horizontal .nav_praxis .aktiv {
	background: url(bilder/navigat/nav_3h.gif) no-repeat left top;
}

#navi_horizontal .nav_leistungen a {
	width: 174px;
	background: url(bilder/navigat/nav_4.gif) no-repeat left top;
}

#navi_horizontal .nav_leistungen a:hover, #navi_horizontal .nav_leistungen .aktiv {
	background: url(bilder/navigat/nav_4h.gif) no-repeat left top;
}

#navi_horizontal .nav_kontakt a {
	width: 216px;
	background: url(bilder/navigat/nav_5.gif) no-repeat left top;
}

#navi_horizontal .nav_kontakt a:hover, #navi_horizontal .nav_kontakt .aktiv {
	background: url(bilder/navigat/nav_5h.gif) no-repeat left top;
}

/* Navi Vertikal */

#navi_vertikal {
	float: left;
	display: block;
	width: 317px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	text-align: left;
}

#navi_vertikal_leistungen {
	float: left;
	display: block;
	width: 317px;
	padding: 0px 0px 20px 0px;
	margin:  0px 0px 0px 0px;
	border:  none;
	text-align: left;
	background: url(bilder/navigat/bg_navi2.gif) repeat-x left bottom;
}

#navi_vertikal li{
	display: block;
	width: 317px;
	height: 18px;
	padding: 5px 0px 3px 0px;
	margin:  0px 0px 0px 0px;
	list-style: none;
	border-top: 1px solid #E2E2E2;
}

.navi_bottom_grafik {
	float: left;
	display: block;
	width: 317px;
	height: 64px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	background: url(bilder/navigat/nummer.png) no-repeat left bottom;
}

#navi_vertikal a{
	padding: 0px 0px 0px 75px;
	color: #0DAEEC;
	font-weight: bolder;
	font-size: 110%;
	background: url(bilder/navigat/liste_pkt.gif) no-repeat 58px 5px;
}

#navi_vertikal a:hover, #navi_vertikal .aktiv{
 	color: #A2A2A2;
	background: url(bilder/navigat/liste_pkt_h.gif) no-repeat 58px 5px;
}

/* Footer */

#fusszeile{
	float: left;
	display: inline;
	width: 420px;
	height: 30px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 337px;
	font-size: 90%;
}

#fusszeile li{
	float: left;
	padding: 0px 0px 0px 0px;
	margin:  8px 0px 0px 0px;
	border:  none;
	list-style: none;
	float: left;
}

#fusszeile a{
	float: left;
	display: block;
	height: 14px;
	padding: 0px 7px 0px 7px;
	margin:  0px 0px 0px 0px;
	color: #3C3C3C;
	border:  none;
	font-weight: normal;
	text-decoration: none;	
	border-left: 1px solid #FFFFFF; 
}

#fusszeile a:hover{
	color: #FFFFFF;
}

#fusszeile .oben {
	font-weight: bold;
	color: #FFFFFF;
	border-left: none; 
}

#fusszeile .oben:hover {
	color: #3C3C3C;
}


/* Email Formular */

.button {
	border: 1px solid #000000;
	color: #3C3C3C;
	background: #8FDBF8;
}

.button:hover {
	color: #FFFFFF;
}

.memo, .edit {
	width: 305px;
}

.plz {
	width: 56px;
}

.wohnort {
	width: 240px;
}

/* ########## Module ###############*/
/* entsprechend dem Modul #Modul_XYZ*/
#MODUL_Neuigkeiten .TABELLENRAND {
	width: 100%;
}

#MODUL_Neuigkeiten .NORMAL {
	width: 100%;
	border-bottom: 1px solid #8E8E8E;
}

#MODUL_Neuigkeiten .td_UEBERSCHRIFTSZEILE_ZUSATZ {
	text-align: right;
}

#MODUL_Neuigkeiten h1 {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 120%;
	font-weight: bold;
	color:#3C3C3C;
}
#MODUL_Neuigkeiten h2 {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	font-size: 100%;
	font-weight: bold;
	color:#000000;
}

/* Sonstige */

/* Adresse */
/* Die Breiten müssen entsprechend angepasst werden */
#adresse { float: left;	 display: block;	width: 80%;  	line-height: normal;}

#adresse .firma {	font-size: 120%;	padding-bottom: 10px;	color: #3C3C3C;	font-weight: bold;}
#adresse .strasse {	padding-bottom: 5px;}

#adresse .text {	float: left;	display: block;	width: 25%; padding-bottom: 5px;}

#adresse .telblock {	float: left; display: block; width: 100%; padding-top: 15px;}
#adresse .telblock .telefon {	float: left; display: block;	width: 75%;  padding-bottom: 5px; }
#adresse .telblock .telefax {	float: left; 	display: block;	width: 75%;  padding-bottom: 5px;}

#adresse .wwwblock {	float: left; display: block; width: 100%; padding-top: 15px; }
#adresse .wwwblock .email {	float: left; display: block;	width: 75%;  padding-bottom: 5px; }
#adresse .wwwblock .internet {	float: left; 	display: block;	width: 75%;  padding-bottom: 5px;}
/* Achtung: Höhe der Grafik muss der Höhe des Textblocks entsprechen */
#adresse .wwwblock .email a {	float: left;	display: block;	width: 95px;	height: 15px;	background: url(bilder/navigat/email.gif) no-repeat left top;}
#adresse .wwwblock .email a:hover {	background: url(bilder/navigat/email_h.gif) no-repeat left top;}

/* -------- */

/* Öffnungszeiten */

#oeffnungszeiten {	float: left;	display: block;	width: 100%; margin-bottom: 10px;}

#oeffnungszeiten .text {	float: left;	display: block;	width: 20%;}

/* -------- */

#zeile {
	float: left;
	display: block;
	width: 100%;
}

#spalte1 {float: left;display: block;width: 65%;text-align: justify;}
#spalte2 {float: left;display: block;width: 35%;height: 215px;padding-top: 15px;}

#spalte3 {float: left;display: block;width: 78%;}
#spalte4 {float: left;display: block;width: 22%;height: 100px;background: url(bilder/kfo.gif) no-repeat right bottom;}

#spalte5 {float: left;display: block;width: 50%;}
#spalte6 {float: left;display: block;width: 50%;height: 250px;background: url(bilder/leistungen/incognito.jpg) no-repeat right top;}

#spalte7 {float: left;display: block;width: 50%;text-align: justify;}
#spalte8 {float: left;display: block;width: 50%;height: 330px;background: url(bilder/schnarchtherapie/schnarchtherapie_1.jpg) no-repeat right top;}

#spalte9 {float: left;display: block;width: 100%;height: 150px;background: url(bilder/praxis/praxis_1.jpg) no-repeat right top;}

#spalte11 {float: left;display: block;width: 50%;text-align: justify;}
#spalte12 {float: left;display: block;width: 50%;height: 320px;background: url(bilder/leistungen/leistungen_1.jpg) no-repeat right top;}

#spalte13 {float: left;display: block;width: 60%;text-align: justify;}
#spalte14 {float: left;display: block;width: 40%;height: 320px;background: url(bilder/leistungen/leistungen_2.jpg) no-repeat right 30px;}

#spalte15 {float: left;display: block;width: 50%;text-align: justify;}
#spalte16 {float: left;display: block;width: 50%;height: 160px;background: url(bilder/leistungen/leistungen_3.jpg) no-repeat right 5px;}

#spalte17 {float: left;display: block;width: 63%;text-align: justify;}
#spalte18 {float: left;display: block;width: 37%;height: 180px;background: url(bilder/leistungen/leistungen_4.jpg) no-repeat right 5px;}

#spalte19 {float: left;display: block;width: 47%;height: 330px;background: url(bilder/sportmundschutz/sportmundschutz_1.jpg) no-repeat right 5px;}
#spalte20 {float: left;display: block;width: 47%;height: 330px;background: url(bilder/sportmundschutz/sportmundschutz_2.jpg) no-repeat right 5px;}

#spalte21 {float: left;display: block;width: 51%;text-align: justify;}
#spalte22 {float: left;display: block;width: 49%;height: 180px;background: url(bilder/unsichtbare_zahnkorrektur/unsichtbare_zahnkorrektur_1.jpg) no-repeat right 5px;}

#spalte23 {float: left;display: block;width: 51%;text-align: justify;}
#spalte24 {float: left;display: block;width: 49%;height: 180px;background: url(bilder/keramik_brackets/keramik_brackets_1.jpg) no-repeat right 5px;}

#spalte25 {float: left;display: block;width: 60%;text-align: justify;}
#spalte26 {float: left;display: block;width: 40%;height: 280px;background: url(bilder/sonstige/sonstige_2.jpg) no-repeat right 5px;}

#spaltekfo {
	float: left;
	display: block;
	width: 100%;
	height: 100px;
	background: url(bilder/kfo.gif) no-repeat right bottom;
}

#Bilderladen{
 display: none;
}

#bild_links {
	float: left;
	display: block;
	width: 150px;
	height: 150px;
	padding-right: 24px;
}

img {
	border: none;
}