@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Linden+Hill:400italic);
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600,700,300italic);

/* Grundeinstellungen */
	*										{ margin:0;	padding:0;	border:0px;	}
	html,body,#bg,#bg table,#bg td,#content { 	}
	body 								{ font-family: 'PT Sans', sans-serif; color:#76a88c; text-align:center; font-size:14px; line-height:24px; background-color:#FFFFFF; }


	div#wrap							{ position: relative;  width:100%; margin:0 auto; padding:0;  text-align:center; }

	/* header */
	.the-header {height: 177px;}
	div#header							{ position:relative; width:100%;  height:127px;  text-align:center; margin:0 auto; background-color:#646464;  padding:0; z-index:3;   }
	div#header_wrap						{ display: flex; flex-wrap: wrap; position:relative; width:1140px;   height:127px;  padding:0; padding-top:14px; text-align:right;  margin:0 auto; z-index:1;  }
		
	
	div#header_left						{ flex: 0 0 auto; height:113px;     }
	div#header_right					{ flex: 1; height:113px;     }
	div#header_bottom					{  width: 100%; background-color: white;   }
				
   /* Logo */
	div#logo							{ position:relative; float:left;  width:100%; height:100%;  text-align:left; margin:0 auto;  padding:0;      }
	div#logo img						 { position:absolute; width: auto;  max-height: 100px;   }
			
	
	/* Sprache */
	div#sprache							{ position:relative; float:right;  text-align:right;   margin: 0; padding:0px;  width:795px;  color:#FFFFFF; font-size:14px; font-weight:600;    }
	div#sprache	 a						{  color:#FFFFFF; text-decoration:none; padding:0px 6px; margin:0 2px 0px 0px;   text-decoration:none; text-transform:uppercase;} 
	div#sprache	 a:hover				{ text-decoration:none; color:#FFFFFF; text-decoration:none; }
	
	
		
	div#bilder 							{ position:relative; width:100%; max-width: 100%;  height:800px; text-align:center; padding:0; margin:0;  padding-top:0px; background-color:transparent; overflow:hidden; }	
	div#bilder 	img						{ width:100%;  }	
	
	 
	
	div#expressanfrage  					{position:relative;  width:100%;  height:85px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#76a88c; font-size:18px; line-height:24px; text-align:center; padding:0;    margin:0 auto;   color:#76a88c;   background-color:#FFFFFF; z-index:2;  }
	div#expressanfrage-wrap					{ position:relative;   width:980px;   text-align:center; padding:20px 0;  margin:0 auto;   }
	div#expressanfrage	input 				{ width:auto;  padding:8px 6px; min-width:100px; background-color:#FFFFFF; border-width:1px; border-style:solid; border-color:#76a88c;  color:#76a88c; cursor:pointer; font-size:18px; font-weight:400;    }
	div#expressanfrage	input[type="submit"] { width:auto;  padding:8px 6px;  background-color:#FFFFFF; color:#76a88c; cursor:pointer; font-size:18px;  font-weight:400;  }
	div#expressanfrage	a.button	 		{  width:auto;  padding:8px 6px; background-color:#FFFFFF; color:#76a88c; cursor:pointer; font-size:18px; text-decoration:none;  font-weight:400; border-width:1px; border-style:solid; border-color:#76a88c;  color:#76a88c;   }
	div#expressanfrage	a.button:hover	 	{ background-color:#76a88c; color:#FFFFFF;    }
	
	


	
	
	div#rootline							{ position:relative; text-align:center;  width:980px;  line-height:18px; text-align:right; font-family: 'PT Sans', sans-serif; font-size:12px; font-weight:700; color:#c09157; height:auto; padding:0;  margin:0 auto;  }
	div#rootline-wrap						{ position:relative; float:right; width:980px;   padding:0; text-align:right;  margin:0 auto; z-index:1;  }
	div#rootline a							{color:#c09157; text-decoration:none;}
	div#rootline a:hover					{color:#543019; text-decoration:none;}
	
	div#main_content 					{ position:relative;  width:96%;  height:auto; text-align:center;  padding:0;   margin:0 auto; padding-top:50px;    }
	
	/*Container Breite 
	Breite 1 = Container = 1140px
	Breite 2 = Conainer 100 = 100 % Breite
	*/
	div#container						{ position:relative; width:1140px; height:auto;  text-align:left;    padding:10px 0  10px 0; margin:0 auto; clear:both;  display: flex; flex-flow: row wrap; justify-content: space-between; align-items: stretch;    	 }
	div#container100					{ position:relative; width:100%; height:auto;  text-align:center;    padding:10px 0  10px 0; margin:0 auto;  clear:both;   }
	
	
	
	
	/*Inhalts Formatierungen
	*/
	div#main_content 	h1				{ font-size:36px; font-weight:400;    line-height:28px;  font-family: 'Linden Hill', serif; font-style:italic;}
	div#main_content 	h2				{ font-size:14px; font-weight:700;    padding-bottom:0px;}
	div#main_content 	h3				{ font-size:12px; font-weight:400;    text-transform:uppercase; }
	div#main_content 	p				{line-height:24px;  font-weight:400; font-size:14px;  }
	div#main_content 	a				{ color:#76a88c; font-weight:bold;  }
	div#main_content 	a.internal-link, div#main_content a.download, div#main_content a.external-link-new-window, a.mail	{ background-color:#76a88c; color:#FFFFFF;  min-width:125px; width:auto; height:30px; padding:5px;  text-align:center; margin:2px; line-height:45px; text-decoration:none; }
	div#main_content 	a.internal-link:hover, div#main_content a.download:hover, a.external-link-new-window	{ background-color:#76a88c; text-decoration:none; }
	div#main_content 	ul				{  background-color:#f8f3ec; list-style-position:outside; list-style-type:square; background-color:transparent; margin:0; padding:0;  }
	div#main_content 	li				{ padding:0 0 0 0px; color:#76a88c; padding:0 0 0 0px; list-style-image:url(../img/aufzaehlungszeichen.png); margin-left:25px;   }
	div#main_content 	.csc-default				{ clear:both; margin:5px 0;  }
	/*div#main_content 	img				{ min-width:193px;  height: auto; width:25%; max-width: 100%; height: auto; }*/
	div#main_content 	ol				{  list-style-position:outside;  }	
	div#main_content 	hr				{  border: none; border-top: 1px dotted #ba8748;  height: 1px; margin:10px 0; }
	
	
	/**************************	      Style für den titel (Grauer Balken)          ************************/
	
	
	div#container100 img				{  margin: 0 10px; margin-bottom:10px; border-width:1px; border-style:solid; border-color:#76a88c; min-width:193px;  width:auto; height:auto; max-width: 100%; max-height:600px;  }

	
	div#main_content DIV.csc-header.csc-header-n4													{ position:relative; top:25px;}
	div#main_content DIV.csc-textpic DIV.csc-textpic-imagecolumn									{ width:24.5%; float:left;}
	div#main_content DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image 				{ margin-bottom:10px; margin-left:0;  text-align:center;}	
	div#main_content DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image	img			{ min-width:193px;  width:100%; max-width: 100%; max-height:auto; margin: 0; }
	div#main_content div.csc-textpic-imagecolumn, div#main_content td.csc-textpic-imagecolumn .csc-textpic-image {  margin-right: 0.5%;   }
	
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { margin-top:10px;}
		
	div#col_100l									{ position:relative; float:left; width:100%;  min-height:450px; text-align:left;  padding:20px 2% 0px 2%;  margin:0;  border-width:1px; border-style:solid; border-color:#76a88c;   color:#76a88c; margin-bottom: 50px;     }
	div#col_100l	h1								{ }
	
	div#col_30l							{		flex: 1; position:relative; float:left; width:37%;  text-align:left;  padding:70px 0 0 2%;  margin:0;  border-width:1px; border-style:solid; border-color:#76a88c; border-right-width:0px;  color:#76a88c;       }
	div#col_30l	h1						{ }
	
	div#col_70l_img								{ flex: 1; position:relative; float:left; width:63%; border-left-width:0px; 	padding:0;	margin:0;	text-align:left; border-width:1px; border-style:solid; border-color:#76a88c;}
	div#col_70l_img	img							{ width:100%; height:auto; 	      }	
	
	
	
	div#col_70l									{ position:relative; float:left; width:63%;  min-height:450px; text-align:left;  padding:20px 2% 0px 2%;  margin:0;  border-width:1px; border-style:solid; border-color:#76a88c; border-left-width:0px;  color:#76a88c;       }
	div#col_70l	h1								{ }
	
	div#col_30img								{ position:relative; float:left; width:37%;  min-height:368px; border-left-width:0px; 	padding:0;	margin:0;	text-align:left; border-width:1px; border-style:solid; border-color:#76a88c;}
	div#col_30img	img							{ width:100%; height:auto; 	      }	
	
	
	div#col_30txtgreen							{ flex: 1;  position:relative; float:left; width:37%;  text-align:left;  padding:20px 0 0px 2%;  margin:0;  border-width:1px; border-style:solid; border-color:#76a88c; color:#FFFFFF; background-color:#76a88c;        }
	
	div#col_70imggreen								{ flex: 1;  position:relative; float:left; width:63%;  border-left-width:0px; 	padding:0;	margin:0;	text-align:left; border-width:1px; border-style:solid; border-color:#76a88c;}
	div#col_70imggreen img							{ width:100%; height:auto; 	      }	
	
	
	div#col_50imggreen_l							{ position:relative; float:left; width:49%; min-height:449px; text-align:left;  padding:20px 2% 0px 2%;  margin:0; border-width:1px; border-right-width:0px; border-style:solid; border-color:#FFFFFF; color:#FFFFFF; background-color:#76a88c;      }
	div#col_50imggreen_l  a.internal-link, div#col_50imggreen_l a.download, div#col_50imggreen_l a.external-link-new-window, a.mail	{ background-color:#76a88c; border-width:1px; border-style:solid; border-color:#FFFFFF; color:#FFFFFF;  min-width:125px; width:auto;  padding:10px 60px;  text-align:center; margin:2px; line-height:80px; text-decoration:none; font-weight:400; }
	div#col_50imggreen_l a.internal-link:hover, div#col_50imggreen_l a.download:hover, div#col_50imggreen_l a.external-link-new-window	{  text-decoration:none; background:rgba(255,255,255,0.40); }
	
	
	div#col_50imggreen_r								{ position:relative; float:right; width:49%; min-height:449px; text-align:left;  padding:20px 2% 0px 2%;  margin:0;  border-width:1px; border-style:solid; border-color:#FFFFFF; color:#FFFFFF; background-color:#76a88c;   }
	div#col_50imggreen_r  a.internal-link, div#col_50imggreen_r a.download, div#col_50imggreen_r a.external-link-new-window, a.mail	{ background-color:#76a88c; border-width:1px; border-style:solid; border-color:#FFFFFF; color:#FFFFFF;  min-width:125px; width:auto;  padding:10px 60px;  text-align:center; margin:2px; line-height:80px; text-decoration:none; font-weight:400; }
	div#col_50imggreen_ra.internal-link:hover, div#col_50imggreen_r a.download:hover, div#col_50imggreen_r a.external-link-new-window	{  text-decoration:none; background:rgba(255,255,255,0.40); }
	
	div#col_50imggreen_l, div#col_50imggreen_r 					{display:none}
		
	
	
	div#col_s4, div#col_s41, div#col_s42, div#col_s43, div#col_s44	{position:relative;	float:left; width:24%; max-width:24%; height:148px; margin:0px 0.66%;   min-height:148px; text-align:left; padding:10px 20px 0px 20px;  border-width:1px; border-style:solid; border-color:#76a88c; margin-bottom:50px;  	  	}
	.s4marginright1 {margin:0px;}
	div#col_s41.s4_1 {margin-left:0px;}
	div#col_s44.s4_4 {margin-right:0px; float:right;}
	
	div#col_s4 p, div#col_s41 p, div#col_s42 p, div#col_s43 p, div#col_s44 p						{ font-size:14px; font-weight:400; padding:10px;  line-height:24px; }
	div#col_s4 a, div#col_s41 a, div#col_s42 a, div#col_s43 a, div#col_s44 a						{  font-weight:300; text-decoration:none; color:#76a88c;  float:right;}
	div#col_s4 a:hover, div#col_s41 a:hover, div#col_s42 a:hover, div#col_s43 a:hover, div#col_s44 a:hover			{  text-decoration:underline; color:#669999; }
	div#col_s4	img, div#col_s41 img, div#col_s42 img, div#col_s43 img, div#col_s44 img					{ width:100%; height:auto; max-width:100%;  width:25px; min-width:25px; height:25px;}
	div#col_s4  img:hover, div#col_s41 img:hover, div#col_s42 img:hover, div#col_s43 img:hover, div#col_s44 img:hover				{	opacity: 0.3;   filter: alpha(opacity=30); }
	
	
	div#col_s3_1, div#col_s3_2, div#col_s3_3, div#col_s3_4, div#col_s3_1_1, div#col_s3_2img	{position:relative;	float:left; height:450px;  min-height:450px; overflow:hidden; text-align:left;  	}
	div#col_s3_1, div#col_s3_3 					{padding:0px;}
	div#col_s3_1								{ width:49%; }
	div#col_s3_2  								{padding:20px 20px 0px 20px; width:24%; border-width:1px; border-style:solid; border-color:#76a88c; background-color:#76a88c; color:#FFFFFF}
	
	div#col_s3_2img 							{padding:0px; width:25%;}
	div#col_s3_3								{width:24%; }
	div#col_s3_4, div#col_s3_1_1				{width:36.5%; }
	
	
	
	div#col_s3_3 img, div#col_s3_1 img, div#col_s3_4 img, div#col_s3_2img img,  div#col_s3_1_1 img 		{width:100%;  margin:0px; padding:0px; height:auto; border-width:1px; border-style:solid; border-color:#76a88c; }
	.marginright1 {margin-right:1%}
	.marginleft1 {margin-left:1%}
	
	div#col_s3_2 h2								{ font-weight:400; text-transform:uppercase;}
	div#col_s3_2 li								{ color:#FFFFFF;}
	div#col_s3_2  a.internal-link, div#col_s3_2 a.download, div#col_s3_2 a.external-link-new-window, a.mail	{ background-color:#76a88c; border-width:1px; border-style:solid; border-color:#FFFFFF; color:#FFFFFF;  min-width:125px; width:auto;  padding:10px 60px;  text-align:center; margin:2px; line-height:80px; text-decoration:none; font-weight:400; }
	div#col_s3_2 a.internal-link:hover, div#col_s3_2 a.download:hover, div#col_s3_2 a.external-link-new-window	{  text-decoration:none; background:rgba(255,255,255,0.40); }
	
	
	div#col_s3_img1, div#col_s3_img3	{position:relative;	float:left; width:37.5%; margin:0; padding:0;   overflow:hidden; text-align:left;   	}
	div#col_s3_img2						{position:relative;	float:left; width:24.5%; margin:0; padding:0;   overflow:hidden; text-align:left; 	}
	div#col_s3_img1 img , div#col_s3_img3 img , div#col_s3_img2 img	{ width:100%; border:0;}
	
	div#footer							{ position:relative; clear:both;   width:100%; height:268px; text-align:center;  margin:0 auto; background-color:#646464; font-family: 'PT Sans', sans-serif; color:#FFFFFF; line-height:24px;	}
	div#footer.top 					    {  top:-350px;   }
	
	div#footerwrap						{ position: relative; width:1140px; height:268px; margin:20px auto; border:0px; text-align:left;   color:#FFFFFF;  }
	div#footerwrap a					{ text-decoration:none;  padding: 5px 0px; color:#FFFFFF; font-size:14px;  font-weight:300; }
	div#footerwrap a:hover				{ text-decoration:none;  color:#76a88c; }
	
	div#footerwrap h1					{ font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:300;  color:#FFFFFF;  }
	div#footerwrap h2					{ font-family: 'PT Sans', sans-serif; font-size:14px; font-weight:300; color:#FFFFFF;  }
	div#footerwrap p					{ font-size:14px;   font-weight:300;}

	div#footerwrap-4					{ position:relative; float:left; text-align:left; width:25.5%; margin:0 0px 0 0px; padding:25px 0 10px 0;   }
	div#footerwrap-4	img				{  height:auto;	}
	
	div#footerwrap-2					{ position:relative; float:left; width:25.5%; margin:20px 0 0 12%; padding:5px 0 20px 10px; text-align:left;   }
	div#footerwrap-2 h1					{ font-size:30px; font-weight:400;   }
	div#footerwrap-3					{ position:relative; float:left; width:31.5%; margin:20px 0px 0 10px; padding:5px 0 20px 10px;    background-repeat:repeat-y; background-position:left;  }
	
		
	div#footerwrap-5					{ position:relative; float:left; clear:both; text-align:left; width:80.5%; margin:45px 20px 0 0; padding:10px 0 10px 0;  border-top:#FFFFFF; border-top-width:1px; border-top-style:solid   }
	div#footerwrap-6					{ position:relative; float:left; text-align:right; width:10.5%; margin:0 0 0 0; padding:0 0 10px 0;    }
	
	div#footerabschluss					{ position: relative; width:980px; height:80px; margin:0 auto;  text-align:center;  line-height:18px; background-color: white;  font-size:12px; padding-top: 10px;      }
	div#footerabschluss img				{ padding:5px; opacity : 0.5; min-width:auto; width:auto; max-width:auto;}
	div#footerabschluss img:hover		{  opacity : 0.9}
	div#footerabschluss a				{ text-decoration:none;  }
	div#footerabschluss a:hover			{ text-decoration:none;  }

	
	
			
	
	
			
	
	/* Anfrageformular */
	#anfrageformular			{ width:90%;  padding:20px 10px 10px 15px;  min-height:300px;}
	
	form#mail					{ width:90%;	margin: 0;	padding: 0;	}
	div#main_content 	.label			{ width:180px; text-align:right; position:relative; float:left; font-size:14px;  padding: 0 10px 0 0;}
	div#main_content 	.label-n		{ width:20px; text-align:right; position:relative;  font-size:14px; }	
	div#main_content 	.clear			{clear:both; }
	div#main_content  form				{ padding:20px 10px 10px 15px;   }
	div#main_content  input 			{ width:200px; height:3em; background-color:#FFFFFF;  border-style:solid; border-color:#CCC; border-width: 1px;  margin:5px 5px; margin-left:0px; font-size:14px; }
	div#main_content  input#submit		{  height:60px;  }
	div#main_content  input[type="submit"]		{ font-weight:bold;  background-color:#76a88c;  color:#FFF; }
	div#main_content  input[type="submit"]:hover		{ background-color:#76a88c; cursor:pointer; color:#FFF;    }
	div#main_content  select			{ width: 200px;	border-width: 1px; background-color:#FFFFFF;  border-style:solid; border-color:#CCC; margin:2px 5px; height:3em; margin-left:0px; font-size:14px; }
	div#main_content  select.small		{ width: 118px;}
	div#main_content  textarea			{ width: 200px;	border-width: 1px; height: 180px; background-color:#FFFFFF; color:#58585a; border-style:solid; border-color:#CCC; margin:2px 5px; margin-left:0px; font-size:14px; }
	div#main_content  input#privacy, div#main_content input#newsletter	{	width: auto;	margin-bottom: 0px; margin-left:150px;  	width: 16px;	height: 16px;	vertical-align: middle;	border-style: none; background-color:#fdd0a0;}
	div#main_content  #abschicken 	{ width:auto;  margin-left:200px; padding:10px 20px; background-color:#ba8748; color:#FFF; cursor:pointer; font-family: 'PT Sans', sans-serif; font-size:18px; font-weight:700;}
	div#main_content  .button2 			{ width:auto;  margin-left:200px; padding:10px 20px; background-color:#ba8748; color:#FFF; cursor:pointer; font-family: 'PT Sans', sans-serif; font-size:18px; font-weight:700;  height:60px;  }
	div#main_content  .clicktopay 		{ width:65px; height:55px;}
	div#main_content  input.medium  	{ width:150px;  }
	div#main_content  input.small  		{ width:104px;  }
	div#main_content  SPAN.error 		{	color: #F00;	font-weight: bold;	margin-left: 10px; margin-left:200px;  }
	
	div#main_content  input:focus, div#main_content  textarea:focus 	 		
										{ 	border-color: rgba(186, 135, 72, 0.4);    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);  
  											-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72,, 0.6);    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(186, 135, 72, 0.6);  
  											outline: 0 none; 	}
	
   	input[type="checkbox"]				{ border:4px solid #58585a; width:10px; height:10px; background-color:#fdd0a0; padding:0px;}
   	input[type="button"] 				{color:#a03d22;}
	
	


	

  
  
    /*------------------------------------------------------------------------------------------------------*/
	
   /* PREISLISTE */
   
    .preisliste 						{ width:100%;  margin:0; padding:0; border:0; border-spacing:0px; border-collapse:collapse;  font-size:14px;  color:#76a88c; margin-bottom:20px;  }
	.preisliste thead .tr-even			{ background-color:#76a88c;  text-align:left;  color:#FFFFFF; margin:0; padding:0; height:auto;  }
	.preisliste thead th				{  text-align:left;   margin:0;  } 
	.preisliste thead th				{   border-width:1px;  border-style:solid;   border-color:#76a88c;  text-align:center; margin:0; padding:10px 2px;}
	.preisliste tr		 				{  margin:0; padding:0px;  color:#7d4f25; }
	.preisliste .tr-odd 				{    background-color:#FFFFFF;  color:#76a88c;  margin:0; padding:0; }
	.preisliste .tr-even  				{    background-color:#FFFFFF;  border:0;  color:#76a88c;  margin:0; padding:0; }
	.preisliste td						{   border-width:1px;  border-style:solid;  border-color:#76a88c; text-align:center; margin:0; padding:5px; width:50px; }
	.preisliste .td-0  					{   width:40%; }
	.preisliste .td-last 					{  border-right-width:1px; }
	
	 
	

	
	
 
	
	
