/* ----------------------
| Externeformatierungen |
----------------------- */
@import "navi.css";
/* ---------------------
| Rahmenformatierungen |
--------------------- */

html{
margin:0;
padding: 0;
width: 100%;
height:100%; /* IE HACK 6+ siehe Nachtrag! */
}

body {
margin:0;
padding: 0;
width: 100%;
font-family: Verdana, Geneva, sans-serif;
visibility: hidden;
}

div.popup					{width:100vw; height:100vh; background:rgba(0,0,0,0.75); position:fixed; left:0; z-index:25200 !important; overflow-y:scroll; top:0;}			
div.popup h2				{font-size:22px; color:#009EE0; margin:0 0 15px 0;}
div.popup img				{width:100%;}
div.popup-content			{width:800px !important; position:relative; padding:0 0; margin:30px auto; background:#fff;}
div.popup-content-text		{width:90%; padding:20px 5%;}
div.popup-content p			{font-size:14px; color:#222; margin:10px 0;}
a#cls-popup					{position:absolute; top:0; left:-30px; background:#009EE1; color:#fff; padding:10px; cursor: pointer;}

@media screen and (max-width:900px){
	div.popup-content		{width:90% !important;}
	a#cls-popup				{left:0;}
}

div#container {
margin:0;
padding: 0;
width: 100%;
float: left;
display: block;
position:relative;
}

header {
margin:0;
padding: 0;
width: 100%;
}

	
	div#middle {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	}
	

		div#middle div#pic{
		float: left;
		width: 100%;
		padding: 0;
		margin: 0;
		position:relative;
		}
		
		
		div#middle article {
		display: block;
		float: left;
		width: 90%;
		padding: 0 5% 5% 5%;
		margin: 0;
		min-height:250px;
		}
		
	

footer {
width: 90%;
padding: 3% 5%;
margin:0 auto;
background-color: #009EE0;
float: left;
display: block;
border-top:1px solid #fff;
text-align:center;
overflow:hidden;
}

	address{
	width:100%;
	margin: 0;
	padding: 0;
	font-style: normal;
	float: none;
	}
	
	div#div_footer_right {
	float: none;	
	width:100%;
	padding:0;
	margin:0 auto;
	text-align:center !important;
	display:block;
	}
	
	div#search {
	display:none;
	}
	
	div#social_media{
	margin:0 auto;
	padding:0;
	display:block;
	width:100%;
	position:relative;
	text-align:center;
	}

div#addthis{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	display:none;
}

img.img_jameda_kombi {
	width:150px !important;
}



/* -------------------
| Bildformatierungen |
-------------------- */

    
div#pic img{
display: block;
padding: 0;
margin: 0;
width: 100%;
}


img.img_aufzaehler{
position:relative;
margin:0 3px 0 10px;
}
	
img#img_logo {
display: block;
padding: 3% 8% 7% 8%;
margin: 0;
display: block;
width: 84%;
}

img#img_facebook{
width: 60pt;
margin-bottom: 5pt;
float:none;
}

img#img_parkplatz{
width: 140pt;
margin-bottom: 5pt;
margin-left:-4pt;
float:none;
}

img#img_teilen{
position:absolute;
top:-30px;
left:10px;
}

img#img_invisalign_gold{
width:100px;
}

img#img_lupe{
position:absolute;
left: -18pt;
top: 1pt;
height: 20pt;
}

img{
border:none;
}

img#img_damon_pics {
width: 100%;	
}

img#img_insignia_darstellung {
width: 100%;	
}

a#anruf_1024 img {
width: 90pt;
margin-top: 10pt;
}
	
div#div_erstpatient {margin: 20px 0 30px 0;}
div.div_appointmentform_distance input.input_radio {width: auto; float: left;}
div.div_appointmentform_distance span.span_radio {float: left; font-family: Verdana, Geneva, sans-serif; font-size:12px; margin: 0 15px 0 6px;}


div#park_mob{position:relative; margin:10px 0 0 0; padding:0; width:100%; height:70px; float:right; background-color:none; border:0px solid #009EE0;
}

div#park_mob p{opacity:1; width:300px; float:right; margin:0 0 0 5px;}


img#img_park{position:relative;width:30px; float:left; margin:0; padding:0;transition:all 0.5s ease-in;}

/* -------------------
| Textformatierungen |
-------------------- */


div#middle h1{
font-size: 10pt;
background-color: #009EE0; 
color: #fff;
display: block;
width: 84%;
padding: 3% 8%;
margin: 3% 0 0 0;
}

div#middle article h2 {
width: 95%;
font-size: 9pt;
color: #009EE0;
padding: 5% 5% 1% 0;
margin: 0;
}

h2 .bezeichnung {display:block; font-size:12px; margin:3px 0 0 0;}


div#middle article p{
font-size: 9pt;
padding: 0;
color: #333;
}

article p strong{
color: #333;
}

footer p{
font-family: Arial, Helvetica, sans-serif;
font-size: 8pt;
color: #fff;
margin: 0;
padding: 0;
}


span.title{
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
color: #009EE0;
font-weight:bold;
}

hr.line{
background-color: #009EE0; /* Farbe f�r Opera und Firefox */
color: #009EE0; /* Farbe f�r Internet Explorer (IE) */
border: 0;
height: 1px; 
}

ul.ul_pre_zahnkorrektur li {
margin: 0;
padding: 0;
}

ul.ul_pre_zahnkorrektur li p{
margin: 0;
padding: 0;
}

/* ---------------------
| Tabellen + Formulare |
---------------------- */


div#search input#input_suchbutton {
padding: 0 0 0 3pt;
float: left;
display: block;
position: relative;
height: 14pt;
}

div#search input#suchtext {
font-size: 8pt;
color: #666;
border: 1px solid #bbb;
width: 50%;
height: 14pt;
display: block;
float: left;
margin:0;
padding:0 0 0 5pt;
}

article ul{
	list-style:square;
	color:#009EE0;
	margin:0 0 0 15px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:1.5;
}

article table{
	color:#222;
	margin:0 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height:1.5;
	border-collapse:collapse;
}

article table tr td{
	padding:5px;
	margin:0;
}

article table.kontakt tr td{
background-color:#fff;
}

article table.rahgozar tr td{
color:#222;
background-color:#fff;
}

article table.kontakt tbody tr td a{
color:#222;
}

article table.rahgozar tr td.td_jahr{
color:#009EE0;
font-weight:bold;
background-color:#fff;
width:100px;
}

article ul li span{
	color:#222;
}

article a{
	color:#009EE0;
	text-decoration:none;
}

ul#ul_schnarchen{
margin:20px 0 20px 15px;
color:#009EE0;
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
list-style:none;
}

ul#ul_schnarchen a{
color:#009EE0;
}

ul#ul_schnarchen a:hover{
text-decoration:underline;
}

/* ------------------
| Linkformatierungen |
-------------------- */

article a.abc {
font-family: Verdana, Geneva, sans-serif;
font-size: 14px;
color: #4d71b1;
}

footer p a {
	color: #FFF;
	text-decoration: none;
}

table.kontakt{
font-family: Verdana, Geneva, sans-serif;
font-size: 13px;
color: #222;
}

.blau{
color:#009EE0;
width:60px;
}

.blau2{
width:30px;
}

.td1{
color:#009EE0;
}

img#ostern_hase{
position:absolute;
left:120px;
bottom:72px;
width:111px;
height:140px;
}

img#kueken{
position:absolute;
top:-74px;
right:20px;
}

  
  caption{
  display:none;
  }
  
  table.terminvereinbarung{
  border-collapse:collapse;
  padding:0;
  margin:0;
  }

  
p.termin{
margin:10px 0 10px 0;
}

p.termin2{
margin:0;
padding:0;
}
	

	img#img_aktuelles{
	position:absolute;
	z-index:400;
	right:-10px;
	top:-15px;
	}
	
	table#table_termine{
	border-collapse:collapse;
	margin:0;
	padding:0;
	border:none;
	}
	
img.img-float-right				{float:right; width:150px; margin:20px 0 0 15px;}

/* -----------------------
| Formularformatierungen |
------------------------ */
textarea {resize: none; font-size: 10pt; font-family: Verdana, Geneva, sans-serif;}

form.standard_form {width: 95%;}
form.standard_form fieldset {border: 0px none transparent; margin: 0; padding: 0;}
form.standard_form div {padding: 3px 5px 3px 0;}
form.standard_form div label {width: 70pt; display: inline-block; float: left; font-size: 10pt; color: #444; }
form.standard_form div label.error {margin: 8px 0 3px 90px; float: none; width: 150pt; color: #f00;}
form.standard_form div input {display: block; width: 120pt; font-size: 10pt;}
form.standard_form div select#form_salutation {font-size: 10pt;}

form.standard_form textarea {width: 190pt;}
form.standard_form div input[type="submit"],input#form_submit {width: auto; display: block; clear: both; float: none;}