@charset "utf-8";
/* ---------------------------------------------------
Title: DR. MED. RUDOLF HUBER - Main Style Sheet
Author: Pierpaolo Federici - IDEENWERKSTATT TINTIFAX
Last Updated: 04.03.2013
------------------------------------------------------

------------------- Color Palette --------------------

	orange Huber		-		rgb(235,116,5);
	red Huber			-		rgb(225,0,26);

------------------------------------------------------*/

@import "navigation.css";

/* ---------------- General Styles --------------- */
/* EM Calculator font-size: 14px; line-height:21px; */

@font-face {
  font-family: PT Serif;
  src: url(../fonts/PTSerif-Regular.ttf);
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: PT Serif;
  src: url(../fonts/PTSerif-Bold.ttf);
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: PT Serif;
  src: url(../fonts/PTSerif-Italic.ttf);
  font-weight: 400;
  font-display: swap;
}



body 				{font:14px/21px 'Lato', sans-serif;}

body#philosophie,
body#lebenslauf,
body#angebot,
body#standort,
body#impressum		{background:url(../_bilder/bg_mosaic.jpg) no-repeat center bottom;}

a {text-decoration:none;}

a:hover, a:active, a:focus {}

.bold 	{font-weight: bold;}
.orange	{color:rgb(235,116,5);}
.red	{color:rgb(225,0,26);}

hl {}

#index h2 		{font: bold 42px 'PT Serif', serif; color:rgb(235,116,5); line-height:60px;
				text-shadow: 2px 2px 2px #a14b00; filter: dropshadow(color=#a14b00, offx=2, offy=2);}
#index h2 span	{display:absolute; padding:0 10px; background-color: rgba(230, 230, 230, 0.35);}


h3		{font-size: 1.857143em;	line-height: 0.807692em; font-weight:normal; margin-top:30px; padding-left:10px;}
h4		{font-size: 1.285714em;	line-height: 1.166667em; font-weight:normal; margin-top:5px; padding-left:10px;}

p		{font-size: 1em; line-height: 1.5em;}

/* ---------------- HEAD --------------- */
#head	{width: 990px; height:130px; margin:65px auto 0 auto; background-color: rgb(230,230,230);
		-webkit-border-radius: 10px; border-radius: 10px;
		-webkit-box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.2); box-shadow:  0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

#head h1.logo	{width:380px; margin:-63px -50px 0;}
#head .shadow	{display:block; width:100%; height:60px; background:url(../_bilder/bg_shadow.png) no-repeat 0 0;}


/* ---------------- CONTENT --------------- */
#bg_top				{width:100%; height:520px; margin-top:-50px; overflow:hidden; position:absolute; z-index:-1;}
#bg_top .stretch	{width:100%;}
#index #content		{height:430px; padding-top:40px; background:url(../_bilder/doc.png) no-repeat bottom right;}

#content iframe		{margin-left:15px; -webkit-border-radius: 10px; border-radius: 10px;}
#content h4			{margin-top: 0.583333em; margin-bottom: 0.583333em;}
#content p			{padding-left:10px; margin-top: 0.875em; margin-bottom: 0.875em;}
#content a			{color:rgb(235,116,5); text-decoration:none;}
#content a:hover	{color:#333333;}

#index #bg_bottom					{width:100%; position:absolute; z-index:-1; height:400px; background-image:url(../_bilder/bg_bottom.jpg)}
#index #quicklinks div				{margin-top:-90px; margin-bottom:70px; background-color: rgb(230,230,230); -webkit-border-radius: 10px; border-radius: 10px;
									background: #e6e6e6; /* Old browsers */
									background: -moz-linear-gradient(top,  #e6e6e6 64%, #adadad 100%); /* FF3.6+ */
									background: -webki+t-gradient(linear, left top, left bottom, color-stop(64%,#e6e6e6), color-stop(100%,#adadad)); /* Chrome,Safari4+ */
									background: -webkit-linear-gradient(top,  #e6e6e6 64%,#adadad 100%); /* Chrome10+,Safari5.1+ */
									background: -o-linear-gradient(top,  #e6e6e6 64%,#adadad 100%); /* Opera 11.10+ */
									background: -ms-linear-gradient(top,  #e6e6e6 64%,#adadad 100%); /* IE10+ */
									background: linear-gradient(to bottom,  #e6e6e6 64%,#adadad 100%); /* W3C */
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */
									}
#index #quicklinks div h4			{padding:20px 20px 0;}
#index #quicklinks div p			{padding:10px 20px 10px;}
#index #quicklinks .list			{margin:20px 20px 0;}
#index #quicklinks .list li			{line-height:2em; font-weight:bold;}
#index #quicklinks .list li a		{color:#000;}
#index #quicklinks .list li a:hover	{color:rgb(235,116,5);}
#index #quicklinks .zeiten			{position:absolute; display:block; margin:-31px 0 0 110px; width:120px; }
#index #quicklinks div .more		{color:#fff; display:block; text-align:right; width:280px; margin:10px 0 20px;}
#index #quicklinks div .more a		{color:#fff}
#index #quicklinks div .more a:hover{color:rgb(235,116,5);}
#index #quicklinks .quick_shadow	{display:block; position:absolute; width:300px; height:60px; background:url(../_bilder/bg_quick_shadow.png) no-repeat center center}


/* ---------------- SIDEBAR --------------- */
#sidebar			{margin-top:80px;}
#sidebar div		{-webkit-border-radius: 10px; border-radius: 10px; padding:20px; color:#303030;}
#sidebar a			{color:#303030;}
#sidebar a:hover	{color:rgb(235,116,5);}
#sidebar .sidetop	{background-color:#999999;
					background: #e6e6e6; /* Old browsers */
					background: -moz-linear-gradient(top,  #e6e6e6 64%, #adadad 100%); /* FF3.6+ */
					background: -webki+t-gradient(linear, left top, left bottom, color-stop(64%,#e6e6e6), color-stop(100%,#adadad)); /* Chrome,Safari4+ */
					background: -webkit-linear-gradient(top,  #e6e6e6 64%,#adadad 100%); /* Chrome10+,Safari5.1+ */
					background: -o-linear-gradient(top,  #e6e6e6 64%,#adadad 100%); /* Opera 11.10+ */
					background: -ms-linear-gradient(top,  #e6e6e6 64%,#adadad 100%); /* IE10+ */
					background: linear-gradient(to bottom,  #e6e6e6 64%,#adadad 100%); /* W3C */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#adadad',GradientType=0 ); /* IE6-9 */}

#sidebar h4			{padding:5px 0; margin:10px 0; border-bottom:1px solid;}


/* Back to top button */
#back-top 	{position: fixed; bottom: 200px;}
#back-top a {width: 108px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {color: #000;}

/* arrow icon (span tag) */
#back-top span {width: 108px; height: 108px; display: block; margin-bottom: 7px; background: #ddd url(../_bilder/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {background-color: #777;}


/* ---------------- FOOTER --------------- */
#footer						{width:100%; height:165px; background-color:rgb(235,116,5); border-top: 7px solid rgb(225,0,26); color:#fff;}
#footer p					{padding:0px 10px 0; font-size: 0.857143em;	line-height: 1.75em;}
#footer a					{color:#fff;}
#footer a:hover				{color:rgb(225,0,26);}
#footer #kontakt			{background:url(../_bilder/bg_footer.png) no-repeat center right;}
#footer #kontakt span		{display:block; width:280px; padding-left:40px; margin:7px 0 10px; font-weight:bold; background:url(../_bilder/sprite_icons.png) no-repeat 0 0;}
#footer #kontakt .telefon	{background-position:0px -28px;}
#footer #kontakt .email		{background-position:0px -60px;}
#footer .impr				{display:block; font-size:0.8em; padding:10px; margin-top:50px;}