@charset "utf-8";
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size: 1em;
	background-color: rgba(177,177,177,1.00);
	height: 100%;
	width: 100%;
	/*padding-left: 0%;
	padding-right: 0%;*/
	margin-left: 20%;
	margin-right: 20%;
	max-width: 60%;
	background-position: -50% 42%;
	background-repeat: no-repeat;
	background-size: 72% auto;
	background-attachment: fixed;
	min-width: 40%%;
	-webkit-box-shadow: -5px 5px 10px 4px rgba(0, 0, 0, 0.1); /* WebKit */
	-moz-box-shadow: -5px 5px 10px 4px rgba(0, 0, 0, 0.1); /* Firefox */
	box-shadow: -5px 5px 10px 4px rgba(0, 0, 0, 0.1); /* Standard */
}
wrapper {
	overflow: scroll;
	margin-bottom: 0%;
	margin-top: 0%;
	text-align: center;
	min-width: 40%;
}
#header {
	background-color: rgba(255,255,255,1.00);
	background-image: url(pics/Holzdesign-Layout_farbig_gedeckt.jpg);
	max-height: 5%;
	padding-top: 0%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	margin-top: -8px;
	background-position: 57% 25%;
	background-size: 100%;
	padding-right: 1%;
	padding-left: 1%;
	padding-bottom: 2%;
 padding-bottom:
 border-bottom-right-radius: 0% 0%;
	-webkit-box-shadow: 0px 10px 5px 0px rgba(102,102,102,1);
	-moz-box-shadow: 0px 10px 1px 0px rgba(102,102,102,1);
	box-shadow: 0px 10px 1px 0px rgba(102,102,102,1);
}

#logo {
	max-width: 100%;
	margin-left: 0%;
	margin-top: 1%;
	padding-top: 1%;
	text-align:right;
}
#content {
	background-color: rgba(255,255,255,1.00);
}
nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	text-align: center;
	left: 0px;
	float: none;
	background-color: #FFF;
	opacity: 0.7;
}
nav li {
	display: inline;
	font-weight: bolder;
	font-size: large;
	color: #A65300;
	padding-left: 0%;
	padding-right: 0%;
	left: 0%;
}
nav a {
	height: 56px;
	margin: 0;
	padding: 10px 20px 10px 20px;
	line-height: 56px;
	letter-spacing: 1px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 80%;
	font-weight: bolder;
	color: #963;
	border: none;
	color: #963;
}
nav .current_page_item a {
	background: none;
	color: rgba(184,114,86,1.00);
	text-decoration: underline;
}
nav a:hover {
	background-image: none;
	color: #735243;
	text-indent: 1px;
	font-weight: bold;
	color: rgba(255,255,255,1.00);
	background-color: #963;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}
.pic {
	max-width: 90%;
	min-width: 10%;
	left: 0%;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-size: 100% 100%;
	background-position: -8% 0%;
	padding-left: 0px;
	-webkit-box-shadow: -5px 5px 10px 4px rgba(0, 0, 0, 0.1); /* WebKit */
	-moz-box-shadow: -5px 5px 10px 4px rgba(0, 0, 0, 0.1); /* Firefox */
	box-shadow: -5px 5px 10px 4px rgba(0, 0, 0, 0.1); /* Standard */
}
#slider {
	background-color: rgba(159,159,159,0.00);
	max-height: 5%;
	padding-top: 0%;
	/* [disabled]padding-bottom: 0%;
*/
	-webkit-box-shadow: 0px 0px 0px rgba(129,129,129,1.00);
	box-shadow: 0px 0px 0px rgba(129,129,129,1.00);
}
#content {
	height: 80%;
	background-color: rgba(255,255,255,0.00);
	height: 75%;
	-webkit-box-shadow: 0px 0px 0px rgba(79,79,79,1.00);
	box-shadow: 0px 0px 0px rgba(79,79,79,1.00);
}
#text_wrapper {
	/*background-image:url(pics/Holzdesign-Layout_farbig_gedeckt.png);*/
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 0px 0% rgba(76,76,76,0.86);
	box-shadow: 0px 0px 0px 0% rgba(76,76,76,0.86);
	margin-top: -1%;
	clear: both;
	border-color: #963;
	border-top-style: solid;
	padding-top: 0.5%;
}
article {
	min-height: 500px;
	left: 2px;
	margin-top: 0%;
	padding-top: 7%;
	text-align: left;
	padding-left: 2%;
	float: right;
	max-width: 90%;
	background-color: rgba(255,255,255,1.00);
}
aside {
	max-width: 20%;
	top: 0%;
	margin-top: 0%;
	padding-top: 145px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	line-height: 280%;
	color: rgba(0,0,0,1.00);
	text-decoration: none;
	float: left;
	background-color: rgba(255,255,255,1.00);
	text-align: left;
	width: 20%;
}
ol {
	list-style: none;
	text-decoration: none;
	color: rgba(0,0,0,1.00);
	background-color: rgba(255,255,255,1.00);
	text-align: left;
	margin-right: 30px;
	padding-right: 52px;
}
.text {
 max-width:
 max-width: 0%;
	max-width: 80%;
	padding-left: 7%;
	margin-left: 7.5%;
	margin-right: 7.5%;
	text-align: left;
	background-repeat: no-repeat;
	background-position: 52% 36%;
	background-size: 33% auto;
	min-height: 46%;
	padding-top: 0, 5%;
	width: 75%;
}
footer {
	background-color: #963;
	text-align: left;
	margin-left: 0%;
	padding-left: 22%;
	margin-top: -1.5%;
}
h1 {
	color: #963;
	/* [disabled]margin-right: 1%; */
}/* CSS Document */
h2 {
	color: #963;
	margin-right: 1%;
}
a {
	display: inline;
	/* [disabled]font-weight: bolder;
*/
	/* [disabled]font-size: large;
*/
	color: rgba(51,153,204,1.00);
	padding-left: 0%;
	padding-right: 0%;
	left: 0%;
	text-decoration: none;
}
li {
	list-style-type: square;
}
.impressum {
	display: inline;
	color: #FFF;
	padding-left: 0%;
	padding-right: 0%;
	left: 0%;
	font-weight: lighter;
	line-height: normal;
	text-decoration: none;
}
#imp{
	background-color:#963;
	background-image:url(pics/Holzdesign-Layout_farbig_gedeckt.png);
	padding-left: 5%;
	padding-right:5%;
	padding-top: 3%;
	background-repeat:repeat-y;
}
#place {
	width: 100%;
	margin-left: 0.5%;
	margin-bottom: 10%;
	margin-top: 5%;
}
#place_inner {
	width: 50%;
	/*float: left;*/
	display: inline;
}
#place_inner2 {
	width: 50%;
	float: right;
}
.thumbs {
	height: 15%;
	max-width: 10%;
	/*float: left;*/
	display: inline;
	margin-right: 0;
	clear: left;
	background-size: 99% auto;
	background-repeat: no-repeat;
	background-position: 50% 37%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: grayscale(100%);
	padding-left: 7.5%;
}
.thumbs:hover {
	-webkit-filter: grayscale(0%);
}
.thumbs2 {
	background-color: rgba(220,220,220,1.00);
	float: right;
	margin-right: 1%;
	max-width: 25%;
	min-width: 15%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: grayscale(100%);
}
.thumbs2:hover {
	-webkit-filter: grayscale(0%);
}
.thumbs3 {
	height: 15%;
	background-color: rgba(220,220,220,1.00);
	max-width: 25%;
	float: right;
	margin-right: 1%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: grayscale(100%);
}
.thumbs3:hover {
	-webkit-filter: grayscale(0%);
}
.thumbs4 {
	height: 15%;
	background-color: rgba(220,220,220,1.00);
	max-width: 25%;
	float: right;
	margin-right: 0.5%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-filter: grayscale(100%);
}
.thumbs4:hover {
	-webkit-filter: grayscale(0%);
}
.slider_pic {
	max-width: 100%;
}
.inner_thumb {
	max-width: 100%;
	background-color: rgba(211,211,211,1.00);
	/* [disabled]border-bottom-right-radius: 100%;
*/
	/* [disabled]border-bottom-left-radius: 100%;
*/
	border-top-width: 1%;
	border-top-style: solid;
}

#kontakt{
	max-width: 70%;
	text-align:center;
}

table{
	alignment-adjust:central;
}



 @media only screen and (device-width: 768px) and (orientation: portrait) {
#content h1 {
	font-size: 170%;
}
#sidebar h1 {
	font-size: 90%;
}
 @media only screen and (max-device-width: 1024px) and (orientation: landscape) {
 #content h1 {
 font-size: 200%;
}
 #sidebar h1 {
 font-size: 110%;
}
}
 @media only screen and (-webkit-min-device-pixel-ratio:2) {
#menue li {
	display: block;
}
#menue a {
	font-size: 200%;
}
#content h1 {
	font-size: 170%;
}
}
