/* ---------------------------------------------------
Title: LECHNER - Main Style Sheet
Author: Pierpaolo Federici - IDEENWERKSTATT TINTIFAX
Last Updated: 15.05.2012
------------------------------------------------------

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

		orange		-	rgb(240,152,8);
		noblack		-	rgb(75,75,75);

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

@import "navigation.css";

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

//------------------- Fonts --------------------

@font-face {
  font-family: 'Lora';
  src: url(../fonts/Lora-Regular.ttf);
  font-weight: 400;
  font-display: swap;
}


/*<link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>*/


body	{font: 14px 'Lora', serif;}

a		{text-decoration:none; color:rgb(75,75,75);}
a:hover, a:active, a:focus {color:rgb(240,152,8);}

p	{font-size: 1em; line-height: 1.428571em; margin-bottom: 0.7em;}

h2 {font-size: 1.357143em; line-height: 1.052632em; font-weight:normal; margin-top: 1.578947em; padding-bottom: 1.052632em; background:url(../_bilder/br_headline.png) no-repeat 0 32px;}
h3 {}

h4 {}

.bold	{font-weight: bold;}


/* ---------------- HEAD --------------- */
#head			{background:url(../_bilder/bg_head.png) repeat-x 0 bottom; height:150px; width:100%; position:absolute; z-index:-1;}

div#sidebar		{position:absolute;}
#sidebar h1		{display: block; margin-top:40px; width:245px; height:65px; background:url(../_bilder/logo_instrumentenbau.png) no-repeat 0 0; text-indent: -9999px;}
#sidebar h1 a	{display: block; width:245px; height:65px;}

#sidebar .vierzig-jahre {position: absolute; top: 13px; z-index: -1; margin-left: -126px;}

img.spruch		{float:right; margin-top: 15px; margin-bottom:-10px;}

div#flags		{text-align:center; margin-top:22px;}
div#flags a 	{border-width:5px 10px 0 10px; border-style:solid; border-color: #78787A;}
div#flags a:first-child	{border-right:3px;}

div#foto-01,
div#foto-02		{height: 121px; width:215px; margin-bottom:17px; overflow: hidden;}
div#foto-top,
div#foto-01,
div#foto-02		{border:3px solid #CCCCCC;}

div#shadow			{background:url(../_bilder/shadow.png) no-repeat center center; height:330px; width:700px; padding:0 20px; margin-left:-20px; position:absolute; z-index:-1;}
div#shadow_bottom	{background:url(../_bilder/shadow_bottom.png) no-repeat top center; height:20px; width:700px; position:absolute; z-index:-1;}

/* ---------------- CONTENT --------------- */
#content		{color:#333333; background-color:rgb(240,240,240); padding:5px 0; min-height:300px;}

#inhalt			{padding: 0px 25px;}
#inhalt a.sonder{font-size:0.9em;}
#inhalt a.sonder:before{content:url(../_bilder/arrow.png); padding-right:2px;}

#inhalt img			{border:2px solid #CCCCCC; margin-top:5px; margin-bottom:30px;}
#inhalt img.right	{margin-left:10px;}
#inhalt img.left	{margin-right:20px;}

#inhalt span.datum	{display:block; float:left; font-size:1.8em; width:85px; }

#geschichte #inhalt div {width:560px; min-height:50px;}


/* ---------------- liste --------------- */
#content ul			{margin-bottom:10px;}
#content ul	li		{line-height: 1.4em;}

ul.modelle li:before {content: "\2022"; padding-right:15px;}
ul.ausstattung li:before {content: "-"; padding-right:15px;}

#links #inhalt a,
#links #inhalt span {height:10px; line-height:1.6em; margin-left:10px;}

#kontakt .iframe			{float:right; clear:right; margin-bottom:20px;}
#kontakt .iframe iframe		{border:2px solid}
#kontakt .iframe .small		{font-weight:bold; text-align:center; line-height:2em;}
#kontakt p.small			{font-size: 0.8em; line-height: 1.75em;}


/* ---------------- galerie --------------- */
#fotogalerie h3					{margin:3px 0;}
#fotogalerie a .galbox			{display:block; width:116px; height:80px; margin:5px; float:left; border:2px solid rgb(204, 204, 204);}
#fotogalerie a:hover .galbox	{border-color:rgb(240,152,8);}


/* ---------------- FOOTER --------------- */
#footer 		{margin:40px 0; text-align:right; font:11px Verdana, Arial, Helvetica, sans-serif; color:#666666; border-right:3px solid rgb(240,152,8);}
#footer a		{}
#footer p		{padding-right:20px;}