@charset "UTF-8";
@import "reset.css";


/* BASICS */

body				{
					background: url(images/body-bg.jpg) repeat-x top;
					font-family: 'trebuchet ms', arial, helvetica, sans-serif;
					font-size: 13px;
					line-height: 19px;
					color: #34342b;
					margin: 0;
					}

html {
 		background: url(images/body-bg.jpg) repeat-x top;
}

/* CONTAINER Grundgerüst */

#container			{
					width:1000px; 
					background: url(images/container1-bg.jpg) no-repeat top right;
					/*float: right;*/
					margin: auto;
					}

#container2			{
					width:1000px;
					background: url(images/container2-bg.jpg) no-repeat top right;
					/*float: right;*/
					margin: auto;
					}

#container3			{
					width:1000px;
					background: url(images/container3-bg.jpg) no-repeat top right;
					/*float: right;*/
					margin: auto;
					}

#container5			{
					width:1000px; height:740px;
					background: url(images/container5-bg.jpg) no-repeat top right;
					/*float: right;*/
					margin: auto;
					}


div.header1			{
					width: 635px;
					height: 240px;
					float: left;
					}
					
div.navi			{
					width: 365px;
					height: 240px;
					float: left;
					}


div.header2			{
					width: 635px;
					height: 43px;
					float: left;
					}
					
div.logo			{
					width: 365px;
					height: 43px;
					float: left;
					}

div.content1		{
					/*width: 635px;*/
					width: 477px;
					min-height: 363px;
					background: url(images/contentimage1-bg.jpg) no-repeat;
					float: left;
					padding: 0px 90px 0px 68px;
					}
div.content2		{
					/*width: 635px;*/
					width: 477px;
					min-height: 363px;
					background: url(images/contentimage2-bg.jpg) no-repeat;
					float: left;
					padding: 0px 90px 0px 68px;
					}
div.content3		{
					/*width: 635px;*/
					width: 477px;
					min-height: 358px;
					background: url(images/contentimage3-bg.jpg) no-repeat;
					float: left;
					padding: 5px 90px 0px 68px;
					}
div.content5		{
					/*width: 635px;*/
					width: 477px;
					min-height: 363px;
					background: url(images/contentimage5-bg.jpg) no-repeat;
					float: left;
					padding: 0px 90px 0px 68px;
					}

					
div.contentimage1	{
					width: 365px;
					height: 363px;
					float: left;
					}

div.footer1			{
					/*width: 635px;*/
					width: 477px;
					height: 30px;
					float: left;
					padding: 8px 68px 0px 68px;
					}
					
div.footer2			{
					width: 365px;
					height: 22px;
					padding: 8px 0 5px 0;
					float: right;
					}

div.clear			{
					clear: both;
					}


/* Weitere Container */

div.navibox			{
					width: 350px;
					margin-top: 80px;
					font-family: georgia, times, serif;
					font-weight: normal;
					font-size: 14px;
					line-height: 28px;
					}




/* FONT */


h1					{
					xfont-family: georgia, times, serif;
					xfont-style: italic;
					font-size: 22px;
					font-weight: bold;
					line-height: 23px;
					color: #636740;
					/*margin: 30px 6px 12px 68px; */
					margin: 20px 0px 12px 0px; 
					padding: 0;
					}

h2					{
					font-size: 15px;
					line-height: 16px;
					font-weight: bold;
					color: #636740;
					margin: 0px 0px 0px 0px; 
					/*margin: 0px 110px 0px 68px; */
					}


p					{
					/*padding: 2px 90px 8px 68px; */
					padding: 2px 0px 8px 0px;
					color: #343434;
					}
					
p.kontakt			{
					padding: 2px 90px 8px 330px; 
					padding: 2px 0px 8px 252px; 
					}




ul					{
					font-size: 13px;
					line-height: 18px;
					margin: 2px 140px 12px 68px; 
					}
					
li					{
					font-weight: bold;
					font-style: italic;
					color: #636740;
					margin: 2px 15px; 
					}

				

hr					{
					border-top: solid 0px #fff; 
					border-right: solid 0px #fff; 
					border-left: solid 0px #fff; 
					border-bottom: solid 1px #dedede; 
					xmargin: 24px 120px 12px 60px;
					padding: 0;
					}


/* LINKS */



a:link				{
					text-decoration: underline;
					color: #686d3d;
					}

a:active			{
					text-decoration: none;
					color: #686d3d;
					}

a:visited			{
					text-decoration: underline;
					color: #686d3d;
					}

a:hover				{
					text-decoration: none;
					color: #343434;
					}


a.navi:link	
					{
					color: #73726c;
					font-style: italic;
					text-decoration: none;
					}

a.navi:active	
					{
					color: #73726c;
					font-style: italic;
					text-decoration: none;
					}
a.navi:visited	
					{
					color: #73726c;
					font-style: italic;
					text-decoration: none;
					}
					
a.navi:hover		{
					color: #b7be76;
					font-style: italic;
					text-decoration: none;
					}
					

a.naviselected		{
					font-style: italic;
					color: #727c19;
					text-decoration: none;
					}
					
			/** LIGHTBOX MARKUP **/

.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 90%;
	margin: 3%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

.thumbnail {
  max-width: 180px;
  cursor: pointer;
}