/*
Theme Name: zahnarzt-oelsnitz
Theme URI: -
Description: WordPress-Theme zahnarzt-oelsnitz.de
Version: 1.0
Author: zebra | Werbeagentur
Author URI: http://www.zebra.de/
Tags: custom
Text Domain: schramm
*/
@import("defaultstyles.css")

html, body {
  height:100%;
  position:relative;
}

html {
	background-image:url("images/bgr_endless.jpg");
	background-position:center 0;
	background-repeat:repeat-y;
	overflow-y:scroll;
}

body {
	margin:0;
}

#bgr {
	background-attachment:scroll;
	background-image:url("images/bgr.jpg");
	background-position:center 0;
	background-repeat:no-repeat;
	position:absolute;
	margin:0 auto;
	width:100%;
	height:auto;
	overflow:visible;
}

#wrapper {
	height:100%;
	margin:0 auto;
	position:relative;
	width:1024px;
}

a img { border:medium none; }

h1 {
  color:#64736E;
  font-family:"Arial Narrow";
  font-size:1.4em;
  font-weight:bold;
  margin-top:60px;
}

h2.page_title {
  color:#FFF;
  font-family:Tahoma,sans-serif;
  font-size:2.2em;
  font-weight:normal;
  letter-spacing:0.15em;
  margin:-3px 0 0 30px;
  position:relative;
  text-transform: uppercase;
}

h3 {
  color:#64736E;
  font-family:Tahoma,sans-serif;
  font-size:1.9em;
  font-weight:normal;
  height:48px;
  margin:26px 0 -19px 80px;
  padding-top:35px;
  width:860px;
}

#content div.has_subpages h3 {
  color:#64736E;
  font-family:Tahoma,sans-serif;
  font-size:1.9em;
  font-weight:normal;
  height:48px;
  margin:1px 0 0 80px;
  padding-top:18px;
  width:860px;
}

.alignright {
	float:right;
	margin-left:60px;
	padding-top:5px;
	overflow:visible;
}

.alignleft {
	float:left;
	margin-right:60px;
	padding-top:5px;
	overflow:visible;
}

.page { height:100%; }

.single_p { width:415px; overflow:visible; }

#content {
	padding-bottom:80px;
	height:auto;
}

#content div.has_subpages img.title {
  padding-top:3px;
}

#content img.title {
  padding-top:22px;
}

#content p {
  font-family:Tahoma,sans-serif;
  font-size:1em;
  font-weight:normal;
}

#text {
	margin:0 0 0 80px;
	width:860px;
	overflow:visible;
}

#text p { line-height:1.5em; position:relative; overflow:visible; }

#header { height:132px; width:1024px; }


/* ==================== Hauptnavigation ==================== */

#nav_main { height:30px; }

#nav_main ul.top_navi {
  float:left;
  color:#a0a0a0;
  font-family:Tahoma,sans-serif;
  font-size:0.6em;
  font-weight:bold;
  letter-spacing:0.15em;
  text-transform: uppercase;
  list-style-type: none;
  position:absolute;
  top:5px;
}

#nav_main ul {
  float:right;
  font-family:Tahoma,sans-serif;
  font-size:0.73em;
  font-weight:bold;
  letter-spacing:0.25em;
  text-transform: uppercase;
  list-style-type:none;
  margin:0 87px 0 0;
  position:relative;
}

#nav_main ul.top_navi li {
  padding:0 0 10px 0;
}

#nav_main ul li {
  display:inline;
  padding:0 0 8px;
  width:113px;
}

#nav_main ul li.current_page_item, #nav_main ul li.current_page_ancestor {
  background:url("images/active-marker.gif") no-repeat scroll left bottom transparent;
}

#nav_main a { margin:0 20px 3px 0; }

#nav_main a:link, #nav_main a:visited {
  color:#64736E;
  text-decoration:none;
}

#nav_main a:hover {
  color:#444;
}

/* ==================== Subpage-Navigation mit Reitern ==================== */

#nav_sub { height:28px; width:1024px; }

#nav_sub ul {
  font-family:Tahoma,sans-serif;
  font-size:1em;
  font-weight:normal;
  white-space: nowrap;
  letter-spacing:0.05em;
  list-style-type:none;
  margin:15px 0 0 70px;
  padding:0;
}

#nav_sub ul li {
  display:inline;
  margin:0 10px;
}

#nav_sub a {
  color:#FFF;
  padding:0 12px 0;
}

#nav_sub a:link, #nav_sub a:visited { text-decoration:none; }

#nav_sub a:hover { color:#84BF27; }

#nav_sub ul li.current_page_item a {
  background-color:#FFF;
  color:#A0DC32;
  padding:10px 0 15px;
  position:relative;
  border-left:2px solid white;
  border-right:2px solid white;
}

#nav_sub ul li.current_page_item a span.reiter_l {
  background:url("images/reiter_L.gif") no-repeat scroll center center transparent;
  top:0px;
  display:block;
  height:43px;
  left:-16px;
  position:absolute;
  width:16px;
}

#nav_sub ul li.current_page_item a span.reiter_r {
  background:url("images/reiter_R.gif") no-repeat scroll center center transparent;
  top:0px;
  display:block;
  height:43px;
  position:absolute;
  right:-16px;
    width:16px;
}

/* ==================== FOOTER ==================== */

#footer {
  background-image: url("images/bgr_footer.jpg");
  background-repeat: no-repeat;
  bottom: 0px;
  color: #A0DC32;
  font-family: Tahoma,sans-serif;
  font-size: 0.5em;
  font-weight: bold;
  text-transform: uppercase;
  height: 153px;
  letter-spacing: 0.25em;
  position: relative;
  width: 1024px;
  /* margin-bottom:-10000px; */
}

#footer ul {
  bottom:12px;
  float:left;
  list-style-type:none;
  position:absolute;
}

#footer ul li { display:inline; }

#footer a {
  color:#A0DC32;
  margin-top:0;
  padding:0 6px 3px;
}

#footer a:link, #footer a:visited { text-decoration:none; }

#footer a:hover { color:#000; }

#footertext {
  bottom:22px;
  position:absolute;
  right:265px;
}

#footertel {
  bottom:20px;
  font-family:Tahoma,sans-serif;
  font-size:2.2em;
  font-weight:bold;
  letter-spacing:0.3em;
  position:absolute;
  right:85px;
}

/* ==================== PRAXIS ==================== */

#galerie {
	width:415px;
  height: 105px;
	float:right;
	margin-left:40px;
	margin-top:5px;
	padding-bottom:40px;

  overflow: hidden;
  position: relative;
}

#galerie img {
  display: inline-block;
  width: 81px;
  height: 81px;
  margin-right: 27px;
  margin-bottom: 200px;
  object-fit: cover;
  border: none !important;
}
#gallery-1 .gallery-item a[href*="Bild_01.jpg"]:after {
  content: 'Rundgang durch die Praxis >>';
  display: block;
  position: absolute;
  left: 0;
  top: 100px;
  width: 260px;
  background: rgb(162, 220, 50);
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 10px 14px;
  font-size: 14px;
}
/*
#galerie a { display: none; float:right; }

#galerie a:first-child { display: block; }
*/
#text span.praxis_link {
	width:330px;
	position:relative;
	top:50px;
	right:80px;
}


/* ==================== LEISTUNGEN ==================== */

#layout {
	width:860px;
	height:auto;
	overflow:visible;
}

#layout p { line-height:1.5em; overflow:visible; }

#layout td { width:415px; overflow:visible; }

#layout td:last-child img:first-child { padding-top:50px; }

#layout td:first-child { padding-right:30px; }

.buerste { margin: 0 0 -40px -83px; overflow:visible; }

.chirurg {padding-top:22px;}


/* ==================== KONTAKTFORMULAR ==================== */

div.wpcf7 {
  color:#64736E;
  font-family:Tahoma,sans-serif;
  font-size:0.7em;
}

span.wpcf7-form-control-wrap input {
  background-color:#f0f0f0;
  border:3px solid #f0f0f0;
  padding:2px 4px
  width:300px;
  font-family:Tahoma,sans-serif;
  font-size:1.2em;
}

input.wpcf7-submit {
	border:5px solid #a1dc32;
	background-color:#a1dc32;
	padding:4px 8px 6px 10px;
	color: #fff;
	font-family: Tahoma,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	float:right;
	position:relative;
	right:360px;
	top:-50px;
}

input.wpcf7-submit:hover { color: #e8f7cf; }

#kontaktadresse {
  color:#A0DC32;
  float:right;
  font-family:Tahoma,sans-serif;
  font-weight: bold;
  font-size:0.9em;
  line-height:1.5em;
}

span.wpcf7-form-control-wrap select {
  width:287px;
  background-color:#f0f0f0;
  border:3px solid #f0f0f0;
  font-size:1.2em;
}

img.kontakt { padding-top:15px; }

}

/* ==================== SPRECHZEITEN ==================== */

#sprechzeiten {
  height: 11em;
}

#sprechzeiten td {
  vertical-align: top;
  color: #64736E;
  line-height: 4em;
  font-family:Tahoma,sans-serif;
  font-size:1em;
  font-weight:normal;
  padding-right: 3em;
}

#sprechzeiten a, #text span.praxis_link a {
	background-color:#a1dc32;
	padding:11px 13px 13px 15px;
	color: #FFF;
	text-decoration:none;
	font-family: Tahoma,sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

#text td.sprechzeiten_link p {
	position:relative;
	top:-4em;
}

#text td.sprechzeiten_link a:hover, #text span.praxis_link a:hover { color: #e8f7cf; }