@charset "utf-8";
/* CSS Document */



/* Basics 
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }
		
		
	
/* #Postioning
================================================== */

.container { 
		position: relative; 
		width: 960px;
		height: auto;
		margin: 30px auto auto auto; 
		padding: 0; 
		background: rgb(224, 197, 180); /*  Fallback für ältere IEs etc.*/
		background: rgba(256, 256, 256, 0.55);
		background-image:none;
		overflow:visible;
		}

.header 
{	width: 900px;
		height: 100px;
		margin:  0; 
		padding: 30px 0 0 30px; 
		position:relative;
		display:block;
		}	

.navigation {
	height: auto;
	position: absolute;
	bottom: 30px;
	right: 0px;
}

.content	{ 
			position: relative;
			display:block;
			background: rgb(224, 197, 180); /*  Fallback für ältere IEs etc.*/
		background: rgba(256, 256, 256, 0.3);

		width: 810px;
		height: auto;
		min-height: 350px ;
		margin:  0px ; 
		padding: 30px 75px; 
		overflow:visible;
		 		}	
		

		
		

.footer
{

width: 900px;
		margin:  10px 0 0px 0 ; 
		padding: 0 0 10px 0; 
		clear:both;
text-align:right;
}
	

		
/* #Basic Styles
================================================== */

body {
	background: url('../images/Schreinerei_Roth_HG.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	color:#38312d;
  	background-color:#e0c5b4;
  	 font-family:  Verdana, Arial, Helvetica, sans-serif;
}

a:link, a:visited {
	color:#ff5a00;
}



/* #Navi-Lists
================================================== */
	
	.navigation li {
			text-align:right;
			padding-right: 30px;
			letter-spacing:normal;
			display:inline;
			color:#000;
			 font-family:  Verdana, Arial, Helvetica, sans-serif;
			font-size:15px;
			font-weight:bold;
			//*text-shadow: 1px 1px #a83c01;*//
				   
}


	.navigation li a {text-decoration:none; color:#000; }
	.navigation li a:before { content: '  ';}
	.navigation li a:hover {
	color: #bd0926;
	text-decoration: none;
	
}
	.navigation li a.aktiv {color:#bd0926;text-decoration:none;}
	

	.content a 
			{color:#000;text-decoration:none;
			}
	.footer a {text-decoration:none; color:#000; font-weight:bold; }
	
	.footer a.hell {color:#666; font-weight:normal;}
	
/* #Typography
================================================== */
	h1
	 {
		color: #000;
		 font-family:  Verdana, Arial, Helvetica, sans-serif;
		font-weight: 600; 
		}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 20px; margin-bottom: 14px;}
	h2 { font-size: 16px; line-height: 20px; margin-bottom: 10px; font-weight:bold;}


	p, li { margin: 0 0 12px 0; font-size: 16px; line-height:20px;
			padding:0; }
	p img { margin: 0; }
		

	.em { font-style: italic; }
	.strong { font-weight: bold; color: #333; }
	.small { font-size: 80%; }


/* #Flexslider addon
================================================== */
.slides > li { margin: 6px; }


/* #less than 960px -> mobile etc.
================================================== */
@media only screen and (max-width: 959px) {

body {background-image:none;
}

.container,
.header,
.footer
  {float: left;
  clear: both;
width:auto;
height:auto;
margin: 10px;}

.content
  {float: left;
  clear: both;
width:auto;
height:auto;
margin: 0px;
padding:50px;}
 
	
.navigation {position:static;
margin:20px 0 0 0;}


.navigation li
{
			text-align:left;
			padding-left: 10px;
			display:block;
			color:#ff5a00;
			 font-family:  Verdana, Arial, Helvetica, sans-serif;
			font-weight:400;
			font-size:1.2em;
}
.footer
{
text-align:left;
}

}

/* #print
================================================== */

@media print  {

 body { font-family:  Verdana, Arial, Helvetica, sans-serif;
 		background-image:none;
}
 
.container,
.header,
.content,
.footer
  {float: left;
  clear: both;
width:auto;
height:auto;
margin:20px;}



}