/* Dr. Herrmann - Zahnmedizin */
/* Programmierung: Thomas Reisser*/
/* 2007 */

/*      reset
***************************************************************************** */
:link, :visited { text-decoration:none; color:#e57107; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table { border:none; padding:0px; margin:5px 0 0 0; border-spacing:0px; font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#786d5b; }
tr { border:none; padding:0; margin:0; }
td { border:none; padding:3px 12px 0 0; margin:0px; vertical-align:top; border-spacing:0px; }
body, div,p,li { background-repeat:no-repeat; }
dl {margin: 0 0 0 0;}
dl dt {margin: 0 0 0 0;}
dl dd+dt {margin-top: 0;}
dl dd {margin: 0 0 0 0;}
ol {list-style: none;}
ol li {margin: 0 0 0 0;}
ol li ol {margin: 0 0 0 0;}
ol li ul {margin: 0 0 0 0;}
p {margin-bottom: 0em;}
ul {list-style: none;}
ul li {margin: 0 0 0 0;}
ul li ul {margin: 0 0 0 0; list-style: none;}
ul li ol {margin: 0 0 0 0;}
pre {font-size:1.2em; }
a:hover { color:#e57107; text-decoration:none; }
*{margin:0; padding:0; }

/*      html
****************************************************************************** */
html { min-height: 100%; height:auto !important; height:100%;  background:url(back.png) 0 0 repeat-x; overflow:hidden;    }

/*      body
****************************************************************************** */
body { font-family:arial, helvetica, sans-serif; font-size: 13px; margin:0 auto; padding:0; }

/*      container
#container { padding:0; margin:0; height:100%; min-height:720px !important; background:none; }
****************************************************************************** */

/*      	website
****************************************************************************** */
#website { padding:0;margin:0 auto; height:720px; width:970px; color:#786d5b; overflow:hidden;  }

/*      	header
****************************************************************************** */
#header {  margin:0; padding:0; height:217px; background:transparent url(header.png) 0 0 no-repeat; }
#Home #header { background:transparent url(header_home.png) 0 0 no-repeat; }
#News #header { background:transparent url(header_news.png) 0 0 no-repeat; }
#Aesthetik #header, #Cosmetic-Dentistry #header { background:transparent url(header_aesthetik2.png) 0 0 no-repeat; }
#Kinderprophylaxe #header, #Prophylaxis-for-Children #header { background:transparent url(header_kinder1.png) 0 0 no-repeat; }
#Kleinkinderprophylaxe #header, #Prophylaxis-for-Infants #header { background:transparent url(header_kinder.png) 0 0 no-repeat; }
#Behandlungsspektrum #header { background:transparent url(header_aesthetik1.png) 0 0 no-repeat; }
#Schwangerschaftsprophylaxe #header, #Prophylaxis-for-Pregnant-Women #header { background:transparent url(header_schwanger.png) 0 0 no-repeat; }
#Professionelle-Zahnreinigung #header, #Professional-Dental-Cleaning #header { background:transparent url(header_reinigung.png) 0 0 no-repeat; }
#Erwachsenenprophylaxe #header, #Prophylaxis-for-Adults #header { background:transparent url(header_erwachsenenpro.png) 0 0 no-repeat; }
#Sitemap #header { background:transparent url(header_sitemap1.png) 0 0 no-repeat; }
#Kontakt #header, #Contact #header { background:transparent url(header_kontakt.png) 0 0 no-repeat; }
#Suchformular #header { background:transparent url(header_suche.png) 0 0 no-repeat; }
#Praxis #header, #Practice #header { background:transparent url(header_praxis.png) 0 0 no-repeat; }
#Adresse #header, #Address #header { background:transparent url(header_praxis1.png) 0 0 no-repeat; }
#Sprechstunde #header, #Consultation-hours #header  { background:transparent url(header_praxis2.png) 0 0 no-repeat; }
#Team #header { background:transparent url(header_team.png) 0 0 no-repeat; }
#Philosophie #header, #Philosophy #header { background:transparent url(header_praxis3.png) 0 0 no-repeat; }
#Praxisraeume #header, #Consulting-rooms #header { background:transparent url(header_praxis1.png) 0 0 no-repeat; }
#Galvano-Technik #header, #Teleskope #header, #Galvano-crowns header, #Telescopic-crowns #header { background:transparent url(header_teleskope.png) 0 0 no-repeat; }
#Keramikinlays #header, #Ceramic-inlays #header { background:transparent url(header_inlays.png) 0 0 no-repeat; }
#Richtige-Ernaehrung #header, #Diet #header { background:transparent url(header_nahrung1.png) 0 0 no-repeat; }
#HealOzone #header, #Diet #header { background:transparent url(header_healozone1.png) 0 0 no-repeat; }
#Air-flow-prep #header, #Air-flow-method #header { background:transparent url(header_airflow1.png) 0 0 no-repeat; }
#Bleaching #header { background:transparent url(header_bleaching.png) 0 0 no-repeat; }
#Prophylaxe #header, #Prophylaxis #header { background:transparent url(header_prophylaxe.png) 0 0 no-repeat; }
#Vollkeramikkronen #header, #Porcelain-jacket-crowns #header { background:transparent url(header_vollkeramikkronen.png) 0 0 no-repeat; }
#Dr-Herrmann #header { background:transparent url(header_herrmann.png) 0 0 no-repeat; }

#logo { position:relative; top:50px; left:80px; height:35px; width:172px; background:transparent url(logo.gif) 0 0 no-repeat; }

/*		title
****************************************************************************** */
#title { position:relative; top:138px; left:100px; height:20px; xwidth:300px; }
#title .nav_pt { float:left; font-size:20px; color:#786d5b; background:#fff url(separator.gif) bottom right repeat-y; font-weight:bold; text-transform:uppercase; padding:3px 8px 0 0; }
*html .nav_pt { right:20px; }
#title .title { float:left; font-size:15px; height:20px; color:#786d5b; padding:8px 0 0 8px; width:250px; }
#Home #title { display:none; }

/*		news
****************************************************************************** */
#news { position: relative; top:30px; left:30px;width:150px; height:400px;float:left; padding-left:20px; }
#news ul { margin:0; }
#news p { padding:0 30px; color:#666; }
#news h3 { margin:0; }
.date { font-size:10px; font-weight:bold; padding:0 0 1px 0; margin:0; width:150px; color:#786d5b; background:url(separator.gif) bottom left repeat-x; }
.newsbody {margin:0 0 18px 0; }

/*		navigation
****************************************************************************** */
/*   MAIN NAVI  */
#navigation { position:relative; top:17px; left:100px; width:970px;}
#Home #navigation { top:17px; }

ul.nav1st {  width:970px; margin:0; }
ul.nav1st li { display:inline; color:#786d5b; }
ul.nav1st a, ul.nav1st a:link { display:block; float:left; margin:0; color:#786d5b; background-color:none; padding:0px 15px 90px 15px; height:16px;  font-weight:bold; font-size:16px;text-transform:uppercase;}
ul.nav1st .current, ul.nav1st a:active { background:url(button.png) 0 0 repeat-x; color:#fff ! important; }
ul.nav1st a:hover { background:url(buttonh.png) 0 0 repeat-x; color:#fff; }
.nav_1 { width: 42px; }
.nav_2 { width: 52px; }
.nav_3 { width: 178px; }
.nav_4 { width: 92px; }

/*   SUBNAVI  */
#subnavi { margin:26px 0 5px 70px; padding:0; border:0; width:170px; height:50px; list-style-position:inside; vertical-align:bottom; }
#subnavi li { display:block; float:right; clear:right; vertical-align:bottom; line-height:20px ! important; }
#subnavi li a, #subnavi a:link { padding:0; color:#B3B3B3; font-weight:bold ! important; font-size:14px ! important; }

#subnavi .current, ul.nav2nd a:active { padding:0 !important; color:#e57107 !important; }
#subnavi li a:hover { color:#e57107 !important; }
#Home #subnavi { display:none; }

#sublist { margin:0 10px 0 40px; padding:0; border:0; width:200px; height:150px; list-style-position:inside; vertical-align:bottom; }
#sublist li { display:block; float:right; clear:right; vertical-align:bottom; font-weight:bold; font-size:10px; }
#sublist li a, #sublist li a:link { color:#B3B3B3 ! important; }
#Behandlungsspektrum #sublist li, #Militello #sublist li, #Adresse #sublist li, #Anfahrt #sublist li {display:none;}

/*		content
****************************************************************************** */
#content { width:970px; height:341px;background:transparent url(content.png) 0 0 no-repeat; }
#content-left { float:left; width:550px; height:341px; margin:0 15px 0 100px; xoverflow:hidden; }
#content-left p {padding:15px 30px 10px 0; }
#content-right { float:left; margin:50px 0px 0 0; padding:0; width:200px; height:250px; }
#content-right p { padding:10px 0 10px 0; }
#Home #content-left { margin:-81px 121px 1px 4px; padding:0; }
#Home #content-right { padding:0; height: 338px; margin:0px 0px 0 30px; }
#Home #content-right p { padding:0; margin:0; text-align:right; vertical-align:bottom; font-size:12px; }
#intro { margin:95px 0 0 35px; }

/* footer
****************************************************************************** */
#footer { padding:0; margin:0 10px 0 0; height:153px;width:970px;clear:both; text-align:right; background:transparent url(footer.png) 0 0 no-repeat; }
#footer p { font-size:10px; }
#imprint { float:right;padding:30px 64px 0 0px; height:12px; }
#imprint a {font-size:10px; }
#Home #footer { margin:0 10px 0 0; }



/* Typo
****************************************************************************** */
h1 { font:normal 16px Arial,sans-serif; margin:0 0 25px 0; padding:6px 0 0 0; color:#786d5b; }
h2 { font:bold 14px Arial,sans-serif; padding:20px 0 0 0; color:#786d5b; }
h3 { font:bold 12px Arial,sans-serif; padding:6px 0 5px 0;color:#786d5b; }
h4 { font:normal 11px Arial,sans-serif; padding:0 0 4px 0;color:#786d5b; }
h1, h2, h3, h4 { line-height:1.6; }
p,ul { font-size:14px; color:#786d5b; line-height:1.6; }

/* SITEMAP
***************************************************************************** */
#Sitemap #content ul li { padding:0 0 0 20px; background:url(paragraph.png) 0 0 no-repeat; text-decoration:none; xcolor:#b6b6b6; }
#Sitemap #content ul li a:hover { color:#015C01; }
#Sitemap #content ul li a { text-decoration:none; color:#b6b6b6; }
#content .sitemap2nd { margin:0 0 10px 0; padding:0; }
#content .sitemap1st a { font-size:14px; text-decoration:none; xcolor:#b6b6b6; }
#content .sitemap2nd a { font-size:12px; text-decoration:none; xcolor:#b6b6b6; }
#content .sitemap2nd ul li {padding:0 0 0 24px; background:url(paragraph.png) 2px 4px no-repeat; }
#content .sitemap2nd ul li a:hover { color:#fff; }

/* LISTEN
***************************************************************************** */
#content-left ul li { padding:0 0 0 18px; background:url(paragraph.png) 0 2px no-repeat; text-decoration:none; xcolor:#786d5b; }
#content-left ul li a:hover { color:#e57107; }
#content-left ul li a { text-decoration:none; color:#ac5f41; }

.acronym { color: #666; xbackground: #7fc600; border-bottom: 1px dotted #666; cursor: help; }

/* Downloads
******************************************************************************* */
.list_content { font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;font-size:12px;color:#b6b6b6;padding:0px 24px 3px 0;width:400px;margin:0px;line-height: 18px;}
.list_content2 { font-family:Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;font-size:12px;color:#b6b6b6;padding:20px 24px 3px 0;width:400px;margin:0px;line-height: 18px;}

.download-file p { font-size:12px; font-weight:bold; color:#33cc33; vertical-align:bottom; }

/* Text mit Bild
******************************************************************************* */
.flLeft { float:left; }
.flRight { float:right; }
.flTop { float:inherit; padding-top:20px; }

.fleLeft { float:left; }
.fleRight { float:right; padding:0 0 0 7px; }
.fleTop { float:inherit; padding-top:16px; }

.fllinks { float:left; padding:0px;	margin:14px 14px 0px 0px;}
.flrechts {	float:right; padding:0px; margin:14px 0px 0px 14px;}

.clearer { clear:both; margin:0 0 1px 0; }

.img_link { padding:0; }

/* Formulare
****************************************************************************** */
#form-module * { padding:0px; margin:0px; }
#form-module { margin:0px; padding:0px; width:490px; background-color:#fff; color:#666; font-family: arial, helvetica, sans-serif; font-size:12px; }
#form-module fieldset { xborder:1px solid #252525; }
#form-module legend { display:none; }
#form-module p { margin:0; padding:5px; font-size:10px; font-weight:bold; }
#form-module .element { display:block; clear:both; background-color:#fff; padding:0; }
#form-module label { display:block; float:left; padding:5px 5px 0 0; width:120px;  }
#form-module label.checkbox { width:120px;  }
#form-module input, #form-module select, #form-module textarea { float:left; margin:5px; width:280px;color:#666; }
#form-module input.text { height:20px; color:#666;}
#form-module input.checkbox { float:right; width:30px; padding:0; margin:6px 278px 0 0; border:none; }
#form-module input.submit {width:80px; margin:5px 15px 5px 130px; padding:2px 5px; background-color:#fff; color:#8f8f8f; font-family:arial, helvetica, sans-serif; text-align:center; cursor:pointer; }
#form-module input.submit:hover { width:80px; background-color:#33cc33; color:#fff; }
#form-module label.textarea, #form-module textarea.textarea { height:120px; }
#form-module-thanks { display:block; padding:25px 0; color:#b6b6b6; font-family: arial, helvetica, sans-serif; font-size:12px; font-weight:bold; }

/* JAOS Lightbox Style-Sheet
****************************************************************************** */
.jaosg_galerie { width:400px; }
.jaosg_thumbnail{float: left;xmargin: 5px 3px; }
.jaosg_thumbnail img{ xborder: 1px solid; border-color: #444 #AAA #AAA #444;}
/* ls=landscape-Format der Thumbs */
.ls img{height: 60px; width: 80px; margin: 20px 10px; }
/* pt=portrait-Format der Thumbs */
.pt img{ height: 80px; width: 60px; margin: 10px 20px; }
/* eq=quadratisches-Format der Thumbs */
.eq img{ height: 80px; width: 80px; margin: 2px; }
/*footer schaltet float:left wieder aus */
#jaosg_footer{ clear: both; padding-top: 1em;}

/* Login form
****************************************************************************** */
.login {margin:1em 0 1em 0; width:160px; background-color:#fff; font-size:12px;}
.login2 { border:none; padding:2px 0 5px 0;}
.login label { border:none; display:block;clear:both;margin-top:3px;color:#33cc33; font-weight:bold;}
.login input {float:left; margin:2px 0 2px 0; width:130px; border:1px solid #666;background-color:#fff;}
.login input.submit { border:solid 1px #dedede; background:fff; color:#666;text-decoration:none;cursor:pointer;}

/* Route
****************************************************************************** */
#route { }
#route input { padding:2px 0 1px 2px; margin:1px; border:none; font-size:11px;height:15px;background:#786D5B; color:#fff; }
#route select { font-size:12px;height:15px; margin:0 0 -1px 0; padding:0; }
#route input.submit { font-size:12px;font-weight:bold; padding:2px 2px 3px 0;background:none; color:#786D5B;}
#route input.submit:hover { background-color:#E57107; color:#fff; }

.search { font-size:16px; float:left; clear:both; }
#suche { font-size: 16px; font-weight:bold; padding:0 0 5px 0;  }
#suche input {width:150px; height:20px; }

#mycustomscroll {
/* Typical fixed height and fixed width example */
width: 587px;
height: 300px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
xbackground-color: #E7EADE;
margin: 0 auto;
padding:0 15px 15px 0;
}

#mycustomscroll2 {
/* Typical fixed height and fixed width example */
width: 587px;
height: 300px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #D5EADE;
margin: 0 auto;
padding:0 15px 15px 0;
}