/* CSS-Dr Hock/Mangelkramer 04.2005 */

/* Farben: */

/* Hintergrund orange: #FFCC3F */
/* Hintergrundfarbe header gelb: #FFF787 */
/* Schrift content:  */
/* Schrift Navi: #FBB600 */
/* Schrift Navi OVER: #339933 */
/* Trennlinie: #FFBF0F */

body
{
text-align:center;
padding:0px;
margin:0px;
background-color:#FFCC3F;
background-image:url(../allgemein/hintergrund_gesamt.gif);
background-repeat:repeat;
font-size:1.01em;
}

p, h1, h2, h3, h4, ul, li, a, td, label, input, textarea
{
font-family: verdana, arial, sans serif;
font-weight:normal;
color:#555555;
margin:0px;
padding:0px;
}

ul{list-style-type:none;}
li, h2, a{background-repeat:no-repeat;}

a{text-decoration:none;}
img{border:none; }


/* hauptbox ------------------------------------------------------------------*/

#box-center
{
width:770px;
margin:0px auto;
padding-bottom:50px;
background-color:#FFFFFF;
background-image:url(../allgemein/hintergrund_navi.gif);
background-repeat:repeat-y;
text-align:left;
}

/* header ------------------------------------------------------------------*/

#box-header{overflow:hidden; height:112px; background-color:#FFFFFF;}
	#img-logo{margin-top:15px; padding-left:23px; float:left;}
	#img-aerzte{width:244px; height:107px; margin-top:0px; margin-left:190px; float:left; background-image:url(../allgemein/header_aerzte2.jpg); background-repeat:no-repeat;}
	#box-subnavi{width:96px; height:107px; background-color:#FFF787; float:right;}
	#linie-header-unten{height:5px; clear:both; line-height:0px; background-color:#FFF787;}

	/* subnavi */
		#ul-subnavi{margin:12px 10px 0px 0px; line-height:1.1em; font-size:0.6em; text-align:right;}
		#ul-subnavi li
		{
		margin:10px 0px 0px 0px;
		}

		#ul-subnavi a
		{
		color:#FBB600;
		font-weight:bold;
		background-image:url(../allgemein/punkt-subnavi.gif);
		background-position:right;
		padding:4px 15px 0px 0px;
		}

		/* hover (mousover und over aktuelle seite) */
		#ul-subnavi a:hover, #ul-subnavi a.over{color:#339933; background-image:url(../allgemein/punkt-subnavi-over.gif);}

/* navi ------------------------------------------------------------------*/

#box-navi{width:239px; float:left;}

	#img-bild-navi-startseite{height:166px; background-image:url(../allgemein/bild_navi_startseite.jpg);}
	#img-bild-navi-behandler{height:166px; background-image:url(../allgemein/bild_navi_behandler2.jpg);}
	#img-bild-navi-cerec{height:166px; background-image:url(../allgemein/bild_navi_cerec.jpg);}
	#img-bild-navi-impressum{height:166px; background-image:url(../allgemein/bild_navi_impressum.jpg);}
	#img-bild-navi-lage{height:166px; background-image:url(../allgemein/bild_navi_lage.jpg);}
	#img-bild-navi-praxisteam{height:166px; background-image:url(../allgemein/bild_navi_praxisteam.jpg);}
	#img-bild-navi-rundgang{height:166px; background-image:url(../allgemein/bild_navi_rundgang.jpg);}
	#img-bild-navi-shop{height:166px; background-image:url(../allgemein/bild_navi_shop.jpg);}
	#img-bild-navi-chirurgie{height:166px; background-image:url(../allgemein/bild_navi_chirurgie.jpg);}
	#img-bild-navi-implantate{height:166px; background-image:url(../allgemein/bild_navi_implantate.jpg);}
	#img-bild-navi-kfo{height:166px; background-image:url(../allgemein/bild_navi_kfo.jpg);}
	#img-bild-navi-prophylaxe{height:166px; background-image:url(../allgemein/bild_navi_prophylaxe.jpg);}
	#img-bild-navi-zahnaesthetik{height:166px; background-image:url(../allgemein/bild_navi_zanhaesthetik.jpg);}
	#img-bild-navi-spektrum{height:166px; background-image:url(../allgemein/bild_navi_spektrum2.jpg);}
	#img-bild-navi-sprechzeiten{height:166px; background-image:url(../allgemein/bild_navi_sprechzeiten.jpg);}


	/* hauptnavigationspunkte */

		#ul-hauptnavipunkte-oben{margin:30px 0px 0px 15px; line-height:1.1em; font-size:0.8em;}
		#ul-hauptnavipunkte{margin:15px 0px 0px 15px; line-height:1.1em; font-size:0.8em;}
		#ul-hauptnavipunkte-oben li, #ul-hauptnavipunkte li
		{
		margin:5px 0px 0px 0px;
		}

		#ul-hauptnavipunkte-oben a, #ul-hauptnavipunkte a
		{
		color:#FBB600;
		font-weight:bold;
		background-image:url(../allgemein/punkt-navi.gif);
		padding:1px 0px 0px 18px;
		display:block;
		width:130px;
		}

		/* hover (mousover und over aktuelle seite) */
		#ul-hauptnavipunkte-oben a:hover, #ul-hauptnavipunkte a:hover,
		#ul-hauptnavipunkte-oben a.over, #ul-hauptnavipunkte a.over
		{color:#339933; background-image:url(../allgemein/punkt-navi-over.gif);}


	/*unternavigationspunkte*/

		#ul-unternavigationspunkte{margin:6px 0px 0px 33px; line-height:1.9em; font-size:0.6em;}
		#ul-unternavigationspunkte a{color:#FBB600; font-weight:bold; display:block; width:130px;}

		/* hover (mousover und over aktuelle seite) */
		#ul-unternavigationspunkte a:hover, #ul-unternavigationspunkte a.over{color:#339933;}


	/* prophylaxeshop abgesetzt vom rest */
		#ul-hauptnavipunkte #li-prophylaxeshop, #ul-hauptnavipunkte-oben #li-prophylaxeshop{margin-top:15px; margin-bottom:33px;}



	/* NAVI US */
	
	/* Box um Navi */
	#box-navi-us
	{
		margin:0px; 
		padding:15px 0px 20px 0px; 
		background-image:url(../allgemein/hintergrund_navi_us.gif);
		background-repeat:repeat-y;
	}
		#img-flagge-us{padding:0px 0px 5px 18px;}
	
	
	/* hauptnavigationspunkte */

		#ul-hauptnavipunkte-oben-2{margin:0px 0px 0px 15px; line-height:1.1em; font-size:0.8em;}
		#ul-hauptnavipunkte-oben-2 li
		{
		margin:5px 0px 0px 0px;
		}
	
		#ul-hauptnavipunkte-oben-2 a
		{
		color:#FBB600;
		font-weight:bold;
		background-image:url(../allgemein/punkt-navi-us.gif);
		padding:1px 0px 0px 18px;
		display:block;
		width:130px;
		}
	
		/* hover (mousover und over aktuelle seite) */
		#ul-hauptnavipunkte-oben-2 a:hover,	#ul-hauptnavipunkte-oben-2 a.over
		{color:#339933; background-image:url(../allgemein/punkt-navi-us-over.gif);}


/* content ------------------------------------------------------------------*/

#box-content{float:right; width:520px;}

	#box-content h1
	{
	font-size:0.9em;
	color:#339933;
	font-weight:bold;
	margin:30px 0px 5px 0px;
	}
	#box-content #trennlinie{border-top:1px solid #FFBF0F; margin-bottom:20px; margin-right:20px;}
	#box-content h2{font-size:0.8em; font-weight:bold; color:#339933; margin-bottom:15px;}
	#box-content h3{font-size:0.8em; font-weight:bold;	margin:10px 0px 10px 0px;}
	#box-content td h2{font-size:1.0em;}
	#box-content p{font-size:0.8em; padding-right:20px; margin-bottom:20px; line-height:1.4em;}
	#box-content td{font-size:0.8em; vertical-align:top;}

	/* listen mit links */
	#box-content ul a
	{
	color:#FBB600;
	margin:0px 0px 5px 0px;
	}

	/* listen ohne links */
	#box-content ul li
	{
	font-size:0.8em;
	background-image:url(../allgemein/punkt_liste_content.gif);
	padding:0px 0px 0px 18px;
	display:block;
	margin:0px 0px 5px 0px;
	line-height:1.4em;
	}



	/* h3 und p in listen (verwendet bei implantate) */
	#box-content ul h3{font-size:1em; color:#339933; font-weight:bold;	margin:30px 0px 5px 0px;}
	#box-content ul p{font-size:1em; padding-right:20px; margin-bottom:20px; line-height:1.4em;}

	/* boxen verschiedener breiten*/
	#box-content .box-breite-1{float:left; width:330px;}

	/* abstände */
	#box-content .abstand-unten-1{margin-bottom:10px;}
	#box-content .abstand-unten-3{margin-bottom:30px;}
	#box-content .abstand-unten-5{margin-bottom:40px;}
	
	#box-content .abstand-oben-3{margin-top:30px;}
	

	/* clear:both - zuurücksetzen float*/
	#box-content .clear{clear:both;}

	/* Links im Text */
	#box-content a{color:#FBB600; text-decoration:underline;}
	#box-content a:hover{text-decoration:none;}

	/* Link auf Mailadresse - als Grafik wegen Spam */
	#box-content a.a-mailadresse
	{
		background-image:url(../allgemein/grafik_mailadresse.gif);
		background-repeat:no-repeat;
		padding:2px 265px 0px 0px;
		display:inline;
		text-decoration:none;
	}
	#box-content a.a-mailadresse:hover
	{
		text-decoration:none;
	}

	/* Anker im Content */
	#box-content a.anker
	{
	display:block;
	clear:both;
	margin:0px;
	padding:0px;
	text-decoration:none;
	line-height:0px;
	font-size:0px;
	}

	/* fett */
	#box-content .fett{font-weight:bold;}



/* startseite ------------------------------------------------------------------*/

#img-startseite-praxis{display:block; margin:0px 0px 0px 0px;}
#img-startseite-cerec{float:right; margin:0px 30px 30px 0px;}


/* inhalt ------------------------------------------------------------------*/
.ul-inhalt-ebene-1{margin:0px 0px 30px 0px;}
	.ul-inhalt-ebene-1 p{margin:0px 0px 0px 0px;}
#ul-inhalt-ebene-2{margin:0px 0px 0px 30px;}



/* behandler ------------------------------------------------------------------*/

#ul-behandler{margin:0px 0px 30px 0px;}
#ul-vorteile{margin:0px 0px 30px 0px;}

#img-portrait-hock{float:left; margin:10px 0px 0px 0px;}
#img-portrait-mangelkramer{float:left; margin:10px 0px 0px 0px;}

.tbl-chronik{float:left; border-collapse:separate; border-spacing:0px; margin:10px 0px 30px 20px;}
.tbl-chronik td{padding-bottom:8px;}
.tbl-chronik .td-1{width:100px;}
.tbl-chronik .td-2{width:220px;}

#ul-mitgliedschaften{margin:0px 0px 30px 0px;}


/* praxisteam ------------------------------------------------------------------*/

#img-praxisteam{display:block; margin:40px 0px 40px 40px;}


/* spektrum ------------------------------------------------------------------*/

#ul-spektrum{margin:0px 0px 50px 0px;}

	/* cerec ------------------------------------------------------------------*/
	#img-cerec-bildschirm{float:left; margin:10px 0px 20px 0px;}
	#p-cerec-bildschirm{float:left; width:250px; margin:20px 0px 0px 30px;}

	#box-content #ul-cerec-behandlung {margin:0px 0px 30px 0px; padding-right:30px;}
	#box-content #ul-cerec-behandlung li{background-image:none; padding-left:0px;}

	#img-cerec-behandlung-1{float:left; margin:0px 0px 0px 10px;}
	#img-cerec-behandlung-2{float:left; margin:0px 0px 0px 10px;}
	#img-cerec-behandlung-3{float:left; margin:0px 0px 0px 10px;}

	#h2-cerec-vorteile{clear:both; padding-top:30px;}

	#ul-cerec-vorteile{margin:0px 0px 30px 0px; padding-right:40px;}

	/* implantate ------------------------------------------------------------------*/
	#ul-implantate{margin:0px 0px 30px 0px; padding-right:30px;}

	/* chirurgie ------------------------------------------------------------------*/
	.ul-spektrum-chirurgie{margin:0px 0px 30px 0px; padding-right:30px;}

	/* prophylaxe ------------------------------------------------------------------*/
	#ul-prophylaxe{margin:0px 0px 30px 0px; padding-right:30px;}
	
	/* zahnaesthetik ------------------------------------------------------------------*/
	#ul-zahnaesthetik{margin:0px 0px 30px 0px; padding-right:30px;}


/* rundgang ------------------------------------------------------------------*/

#p-rezeption{float:left; width:230px; margin:10px 0px 20px 0px;}
#img-rezeption{float:left; margin:10px 0px 0px 30px;}

#h2-wartebereich{clear:both; padding-top:30px;}
#p-wartebereich{float:left; width:230px; margin:10px 0px 20px 0px;}
#p-wartebereich-2{clear:both; padding-top:10px;}
#img-wartebereich{float:left; margin:10px 0px 20px 30px;}

#h2-behandlungsbereich{clear:both; padding-top:30px;}
#p-behandlungsbereich{float:left; width:230px; margin:10px 0px 20px 0px;}
#p-behandlungsbereich-2{clear:both; padding-top:10px;}
#img-behandlungsbereich{float:left; margin:10px 0px 20px 30px;}


/* lage ------------------------------------------------------------------*/

#img-karte{display:block; margin:40px 0px 40px 0px;}


/* sprechzeiten ------------------------------------------------------------------*/

#tbl-sprechzeiten{border-collapse:separate; border-spacing:0px; margin:10px 0px 20px 0px;}
#tbl-sprechzeiten td{padding-bottom:8px; font-weight:bold;}
#tbl-sprechzeiten .td-1{width:200px;}
#tbl-sprechzeiten .td-2{width:220px;}


/* impressum ------------------------------------------------------------------*/

#tbl-impressum-tel{border-collapse:separate; border-spacing:0px; margin:0px 0px 0px 0px;}
#tbl-impressum-tel td{padding-bottom:8px;}
#tbl-impressum-tel .td-1{width:100px;}
#tbl-impressum-tel .td-2{width:220px;}

#tbl-impressum-gesetze{border-collapse:separate; border-spacing:0px; margin:20px 0px 20px 0px;}
#tbl-impressum-gesetze td{padding-bottom:15px; line-height:1.4em;}
#tbl-impressum-gesetze .td-1{width:100px;}
#tbl-impressum-gesetze .td-2{width:320px;}

#box-content #p-impressum-klausel{font-size:0.6em;}



/* kontakt ------------------------------------------------------------------*/

/* tabelle kontaktformular  */
#tbl-kontaktformular{border-collapse:collapse; margin:20px 0px 0px 13px;}
#tbl-kontaktformular td{padding:3px 0px 3px 0px; vertical-align:middle;}
#tbl-kontaktformular .td-1{width:160px;}
#tbl-kontaktformular .td-2{width:320px;}

/* input felder kontaktformular */
#box-content .vorname-name, #box-content .strasse, #box-content .plz, #box-content .ort,
#box-content .telefon, #box-content .mobiltelefon, #box-content .nr, #box-content .email,
#box-content .nachricht, #box-content .zeitpunkt-1, #box-content .zeitpunkt-2
{height:18px; padding:3px 0px 0px 4px; border:1px solid #7F9DB9; font-size:1.0em;}

/* input felder */
#box-content .vorname-name{width:200px;}
#box-content .strasse{width:200px;}
#box-content .plz{width:200px;}
#box-content .ort{width:200px;}
#box-content .telefon{width:200px;}
#box-content .mobiltelefon{width:200px;}
#box-content .nr{width:200px;}
#box-content .email{width:200px;}
#box-content .nachricht{width:270px; height:100px;}
#box-content .zeitpunkt-1, #box-content .zeitpunkt-2{width:50px;}
#box-content .radio-kontaktaufnahme{}

/* Überschriften im Formular */
#box-content #td-persoenliche-daten{}
#box-content #h2-persoenliche-daten{padding-bottom:0px;}

#box-content #td-nachricht{}
#box-content #h2-nachricht{padding-top:30px;}

#box-content #td-kontaktaufnahme{}
#box-content #h2-kontaktaufnahme{padding-top:30px;}

/* Optionen Kontaktaufnahme */
#box-content .td-kontaktaufnahme-2{padding-top:5px; padding-bottom:5px;}


/* button senden */
#box-content .senden{margin:30px 0px 0px 30px;}

/* Eingabefehler */
#box-content .p-eingabefehler{color:red; margin-top:30px;}
#box-content .eingabefehler{border:1px solid red;}

/* Allgemeine Festlegungen zum Formular */
#box-content .vertical-top{ vertical-align:top;}



/* shop ------------------------------------------------------------------*/

#p-shop{float:left; width:230px; margin:10px 0px 20px 0px;}
#img-vitrine{float:left; margin:10px 0px 30px 30px;}



/* US ********************************************************************************************/

/* home ------------------------------------------------------------------*/
#ul-home{margin:0px 0px 30px 0px;}


/* Lage ------------------------------------------------------------------*/

#img-karte-usa{display:block; margin:40px 0px 40px 0px;}
#ul-lage-usa{margin-bottom:30px;}
#ul-lage-usa-2{margin-bottom:40px;}