/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/***	RESET	***/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td, #wrapper, #content{border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{margin:0;padding:0;display:block}

html, body {
  height:100%;
  margin: 0; 
  padding: 0; 
  
}
html { font-size: 100%; } 

body {
  background-color:#fff;
  font-size: 1em;
  text-align:center;
  font-family: 'Arvo', serif;
  font-family: 'Source Sans Pro', sans-serif;
  background-color:#6cb657;
  background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.21, #A8CDCA),
	color-stop(0.46, #9CC8B1),
	color-stop(1, #6CB657),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #A8CDCA 21%, #9CC8B1 46%, #6CB657 100%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #A8CDCA 21%, #9CC8B1 46%, #6CB657 100%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #A8CDCA 21%, #9CC8B1 46%, #6CB657 100%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #A8CDCA 21%, #9CC8B1 46%, #6CB657 100%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #A8CDCA 21%, #9CC8B1 46%, #6CB657 100%, #FFFFFF 100%);
background-repeat:repeat-x;
background-attachment:fixed;
}



td	{vertical-align:middle;}

#wrapper {
width:90%;
max-width:1100px;
	 /*min-height: 101%; 
    height: auto; 
    height: 100%;*//*nur für IE einstellen*/
	height:580px;
	height: 100%;
	margin: 0 auto;
	position:relative;
	text-align:left;
	/*background-image:url(../bilder/vintage_speckles.png);
	x,y,blur,größe,farbe
	box-shadow: 0px 0px 4px 2px #666;
	border-radius:20px;*/
	display:table;	
}
#wrapper > #inner {
 display: table-cell;
 vertical-align: middle;
}


#content {
	line-height:1.5em;
	font-size:1.2em;
	padding:100px 60px 150px 60px;
	background-image:url(../bilder/vintage_speckles.png);
	/*x,y,blur,größe,farbe*/
	box-shadow: 0px 4px 4px 2px #666;
	border-bottom-left-radius:20px;border-bottom-right-radius:20px;
	}


	#content a {color:#5B9E75;text-decoration:none;border-bottom:1px dotted #5B9E75;font-weight:bolder; text-shadow: 1px 1px 1px #fff;}
	#content a:hover, #content.inner a:active, #content a:focus {}

#branding {background-color:#efefef;height:200px;text-align:center;border-top-left-radius:20px;border-top-right-radius:20px;line-height:1.5em;
	font-size:1.2em;box-shadow: 0px 0px 4px 2px #666;}
#logo {}
footer {height:30px;background-image:url(../bilder/vintage_speckles.png); border-bottom-left-radius:20px;border-bottom-right-radius:20px;padding:30px 60px;}


h1   { font-size: 2em;
	margin:20px 0;
	padding: 20px 0px;
	} 
h2   { font-size: 1em;
	margin:20px 0 ;
	color:#333;
	} 
	
/* tabellen
--------------------------------------------- */
table {margin:0 0 15px 15px; border-spacing:0; border-collapse:collapse; width:94%;
}
td{padding:4px 3px 4px 10px; border-bottom:1px solid #ccc;vertical-align:top;}
td p {margin:0; padding:0 !important;} 
table tr:hover, table tr:active{background-color: #cec9c9; background-color: rgba(245,245,245, 0.5);color:#5B9E75;}
th {text-align:left; font-weight:normal;width:20%;}
	
.bildRightKontur{float:right; margin-left:15px; padding:4px;border:1px solid #999;}
.floatL, .floatL-kl {float:left;}
.floatR {float:right;}
.clearLe {clear:left;}
.clearing {clear:both; height:1px;padding-top:10px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}
.keinU {white-space:nowrap;}

.spalteRe {width:30%; float:right;border:1px solid #333;text-align:right; background:#efefef;}
.aspect{max-width:100%;height: auto;}

.resp {position: relative;padding-bottom: 50%;padding-top: 15px;height: 0;overflow: hidden;margin:0 20px 0 20px ;}
.resp iframe, .resp object, .resp embed, .resp img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media only screen and (max-width: 799px){
.bildRightKontur{float:none; margin-left:auto; }
#content {text-align:center;}
#logo.bildRightKontur {width:280px;}


@media only screen and (max-width: 460px){
#hauptnav {margin-top:1.4em;}
#hauptnav a {font-size:1.3em;padding-right:20px;}
h1 {font-size:2.5em;margin-top:0}
}

