/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v14-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}



/* Allgemein */
body
{
	margin:0px;
	padding:0px;
	background:#748d65 url(../image/bg.png) repeat-x;
}

*
{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:10pt;
	font-family: 'Lato', sans-serif;
	text-align:left;
}

/* Verweise */
a:link, a:visited, a:active, a:hover
{ 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#5f6f56;
	text-decoration:none;
}

a:hover
{
	color:#8a9e7e;
	text-decoration:underline;
}

a.mailbutton:link, a.mailbutton:visited, a.mailbutton:active, a.mailbutton:hover
{ 
	display:block;
	margin-top:11px;
	margin-left:80px;
	width:160px;
	padding:4px 0px 3px 0px;
	background-image:-webkit-linear-gradient(top left, #6f905a 0%, #5c794a 100%);
	background-image:-moz-linear-gradient(right bottom, #6f905a 0%, #5c794a 100%);
	background-image:-o-linear-gradient(#6f905a 0%, #5c794a 100%);
	background-image:linear-gradient(#6f905a 0%, #5c794a 100%);
	text-align:center;
	cursor:pointer;
	font-family: 'Lato', sans-serif !important;
	font-size:10pt !important;
	color:#eeeeee !important;
	font-weight:normal;
	border:1px solid #dce4d7;
}

a.mailbutton:hover
{
	background-image:-webkit-linear-gradient(top left, #5c794a 0%, #6f905a 100%);
	background-image:-moz-linear-gradient(right bottom, #5c794a 0%, #6f905a 100%);
	background-image:-o-linear-gradient(#5c794a 0%, #6f905a 100%);
	background-image:linear-gradient(#5c794a 0%, #6f905a 100%);
	text-decoration:none;
}

a.yed:link, a.yed:visited, a.yed:active, a.yed:hover
{ 
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:9pt;
	font-weight:normal;
	color:#4a584c;
	text-decoration:none;
}

a.yed:hover
{
	color:#5f6f56;
	text-decoration:underline;
}

/* Content */
h1#title1
{
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:20pt;
	font-weight:normal;
	color:#ffffff;
	letter-spacing:0.02em;
}

h2#title2
{
	margin:0px 0px 0px 0px;
	font-size:16pt;
	font-weight:normal;
	letter-spacing:0.05em;
	color:#afc6ac;
}

div#mail
{ 
	margin:31px 0px 0px 0px;
	font-family:verdana !important;
	font-size:10pt;
	font-weight:bold;
	color:#ffffff;
}

#yed
{
	margin:0px 0px 0px 52px;
	font-size:9pt;
	color:#4a584c;
	font-weight:normal;
	letter-spacing:0.03em;
}

#footer
{
	margin:20px 0px 40px 52px;
	font-size:11pt;
	color:#afc6ac;
	font-weight:normal;
	letter-spacing:0.03em;
}

.tooltip
{
  position:absolute;
  padding:2px;
  background-color:#FFFFCC;
  font-family:arial;
  font-size:10pt;
  display:none;
  border:1px solid black;
}

h2.impressum
{
	color:#aaaaaa;
	font-size:13px;
	margin-bottom:5px;
}

.clear
{
	clear:both;
}

/* Thickboxfenster */
div#tb_site
{
	width:650px;
	padding:20px 20px 20px 20px;
}

h1.tb
{
	margin:0px 0px 10px 0px;
	font-size:16pt;
	color:#333333;
}
h2.tb
{
	margin:0px 0px 5px 0px;
	padding:3px 0px 3px 5px;
	background-color:#d7e0d1;
	font-size:11pt;
	color:#666666;
}
ul.tb
{
	margin:5px 0px 5px 20px;
}

/* Kontaktformular */
img#phone
{
	float:right;
	margin:0px 0px 0px 12px;
	border:1px solid #999999;
}

table.form
{
	width:500px;
	color:#000000;
	font-family:Verdana,Arial,Helvetica;
	font-weight:normal;
	font-size:10pt;
}

td.key
{
	padding-right:10px;
	text-align:right;
}

td.value
{
	padding:3px 0px 3px 0px;
	text-align:left;
}

input.textfeld, textarea.textfeld, select.textfeld
{
	width:320px;
	padding:3px;
	background-color:#dce4d7;
	color:#777777;
	border:1px solid #bbbbbb;
}

input.button
{
	width:160px;
	padding:4px 0px 3px 0px;
	background-image:-webkit-linear-gradient(top left, #6f905a 0%, #5c794a 100%);
	background-image:-moz-linear-gradient(right bottom, #6f905a 0%, #5c794a 100%);
	background-image:-o-linear-gradient(#6f905a 0%, #5c794a 100%);
	background-image:linear-gradient(#6f905a 0%, #5c794a 100%);
	text-align:center;
	cursor:pointer;
	color:#eeeeee;
	font-weight:normal;
	border:1px solid #dce4d7;
}

input.button:hover
{
	background-image:-webkit-linear-gradient(top left, #5c794a 0%, #6f905a 100%);
	background-image:-moz-linear-gradient(right bottom, #5c794a 0%, #6f905a 100%);
	background-image:-o-linear-gradient(#5c794a 0%, #6f905a 100%);
	background-image:linear-gradient(#5c794a 0%, #6f905a 100%);
}

/* REFERENZEN */
.ref_tab
{
	width:100%;
	padding-bottom:20px;
}
.ref_tab ul
{
	margin:10px auto 0px auto;
	width:95%;
	padding-bottom:10px;
	list-style-type:circle;
}
.ref_tab table
{
	margin:auto;
	width:100%;
	border-spacing:0px;
}
.ref_tab th, td
{
	width:150px;
	padding:6px 15px 1px 15px;
	box-sizing:border-box;
	text-align:right;
}
.ref_tab th
{
	padding-top:0px;
	color:#666666;
	border-bottom:1px solid #e2e5e0;
}
.ref_tab th:first-child, .ref_tab td:first-child
{
	width:calc(100% - 150px);
	text-align:left;
}

