body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*- -*/


/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}




/*---------------------------------------------------------------------- GENERIC BODY STYLES -*/
body {
	font: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	background: #F5F5F5;
	background-size:100% ;
	
	background: #F5F5F5; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #F5F5F5 18%, #FFFFFF 28%, #FFFFFF 77%, #F5F5F5 88%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#F5F5F5), color-stop(28%,#FFFFFF), color-stop(77%,#FFFFFF), color-stop(88%,#F5F5F5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #F5F5F5 18%,#FFFFFF 28%,#FFFFFF 77%,#F5F5F5 88%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #F5F5F5 18%,#FFFFFF 28%,#FFFFFF 77%,#F5F5F5 88%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #F5F5F5 18%,#FFFFFF 28%,#FFFFFF 77%,#F5F5F5 88%); /* IE10+ */
	background: linear-gradient(135deg,  #F5F5F5 18%,#FFFFFF 28%,#FFFFFF 77%,#F5F5F5 88%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#F5F5F5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
}
/*html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
	
	}*/
	
p, ul { 
font-family:Verdana, Geneva, sans-serif;
font-size: 1em;
line-height: 1.4em;
color: #555;
margin-bottom: 1em;
 }
p{
	text-align: justify;
	-webkit-hyphens: auto;
	 -moz-hyphens: auto;
	 -ms-hyphens: auto;
	 hyphens: auto;
	}
	
a, a:visited { text-decoration: none;
	color: #c50628; }
a:hover { text-decoration: none; }

ul{padding:0;}

.wrapper {
	/*width: 288px;*/
	padding: 1em;
	background-color:#FFF;
	
	-webkit-box-shadow:  8px -8px 5px -6px rgba(238,238,238,1);
	-moz-box-shadow:  8px -8px 5px -6px rgba(238,238,238,1);
	box-shadow:  8px -8px 5px -6px rgba(238,238,238,1);
	
	
}



article {
	width: 100%; 
	margin: 1em 0 4em 0;
	float:left;
	background-color: #FFF;
	
	-webkit-box-shadow:  8px 8px 5px -6px rgba(238,238,238,1);
	-moz-box-shadow:  8px 8px 5px -6px rgba(238,238,238,1);
	box-shadow:  8px 8px 5px -6px rgba(238,238,238,1);
	}

article img{
	max-width: 100%;
	float: left;
	clear: both;
	margin: 0 16px 16px 0;
	
	box-sizing: border-box;
	border: 0.5em solid #FFF;
	
	-webkit-box-shadow:  8px 8px 5px -6px rgba(238,238,238,1);
	-moz-box-shadow:  3px 3px 3px 3px rgba(238,238,238,1);
	box-shadow:  1px 1px 2px 2px rgba(238,238,238,1);

	}

article section{
	margin: 0 0 4em 0;
	}
	
article ul {
	list-style-type: square;
	padding-left: 1em;
	}	
article ul li{
	padding-left: 1em;
	font-size: 0.8em;
	}
	
	
	
.aside {
	clear: both;
	margin-top:3.75em;
	}

.aside h2{
	margin-left:0.5em;	
		}
.aside h3 {
	margin-left:1em;	
		}
		
.aside p{
	margin-left:1em;	
		}
		
section{
	clear: both;
	}	
header{
/*	text-align:center;
*/	}


h1, h2, h3, h4, h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	/*text-transform:uppercase;*/
	color:#555;
	line-height: 1.2em;
	
}

h1{
	font-size: 1.6em;
	
}
h2{
	font-size: 1.3em;
}
h3{
	font-size: 1em;
	font-weight:600;
}

header div {
	margin: 0 auto;
	clear:both;
}


.logo,
.logotext,
.logo img{
	float:left;
	clear: none;
	margin-bottom:0.5em;
	}

.logo img{
	-webkit-box-shadow:  8px 8px 5px -6px rgba(238,238,238,1);
	-moz-box-shadow:  8px 8px 5px -6px rgba(238,238,238,1);
	box-shadow:  8px 8px 5px -6px rgba(238,238,238,1);
	
	max-width: 40px;
	}
	
.logotext{margin-left: 1em;}

.logotext h1,
.logotext h2{
	text-transform: none;
	line-height: 1.2em;
	}
	

.logotext h1 {
	font-size: 1.0em;
	margin-top: 0em;
	}
.logotext h2 {
	font-size: 0.65em;
	margin-top: -0.8em;
	}




	
.centerbutton {
	text-align: center;
	display: block;
	margin: 2em 0 0 0;
	
	/*background-color: #bcb3ae;
	padding: 16px;
	border-radius: 16px;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
   box-sizing:         border-box;*/
	}
	
button,
.button
  {
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
	text-align:center;
	
	border:none;
	color: #FFF;
	text-decoration: none;
	font-size: 1.6em;
	line-height: 1.2em;
	padding: 16px;
	display: inline;
	margin: 0 -1px 0 -1px;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
   box-sizing:         border-box;
   
   background: #555555; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #555555 18%, #666666 28%, #666666 77%, #555555 88%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#555555), color-stop(28%,#666666), color-stop(77%,#666666), color-stop(88%,#555555)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #555555 18%,#666666 28%,#666666 77%,#555555 88%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #555555 18%,#666666 28%,#666666 77%,#555555 88%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #555555 18%,#666666 28%,#666666 77%,#555555 88%); /* IE10+ */
	background: linear-gradient(135deg,  #555555 18%,#666666 28%,#666666 77%,#555555 88%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#555555',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


   
	}
.button a, .button:visited {

	color:#FFF;


   
	}

button:hover,
.button:hover  {
	background: #a41c34; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #a41c34 0%, #c50628 47%, #c50628 74%, #a41c34 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a41c34), color-stop(47%,#c50628), color-stop(74%,#c50628), color-stop(88%,#a41c34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* IE10+ */
background: linear-gradient(135deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a41c34', endColorstr='#a41c34',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}	
	
.menu ul{
	
	background: #555555; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #555555 18%, #666666 28%, #666666 77%, #555555 88%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(18%,#555555), color-stop(28%,#666666), color-stop(77%,#666666), color-stop(88%,#555555)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  #555555 18%,#666666 28%,#666666 77%,#555555 88%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  #555555 18%,#666666 28%,#666666 77%,#555555 88%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  #555555 18%,#666666 28%,#666666 77%,#555555 88%); /* IE10+ */
	background: linear-gradient(135deg,  #555555 18%,#666666 28%,#666666 77%,#555555 88%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#555555',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
	-webkit-box-shadow:  8px -8px 5px -6px rgba(238,238,238,1);
	-moz-box-shadow:  8px -8px 5px -6px rgba(238,238,238,1);
	box-shadow:  8px -8px 5px -6px rgba(238,238,238,1);
	}

.menu ul li,
footer ul li {
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
}
.menu ul li a{
	color: #FFF;
	text-decoration: none;
	font-size: 1em;
	padding: 0.8em 1.2em;
	line-height: 1.2em;
	display: block;
	margin: 0 -6px 0 0;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
   box-sizing:         border-box;
	
}


.menu ul li a:active,
.menu ul li a.selected{
	background-color: #FFF;
	color: #c50628;
}
	
.menu ul li a:hover{
	color:#FFF;
	background: #a41c34; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #a41c34 0%, #c50628 47%, #c50628 74%, #a41c34 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a41c34), color-stop(47%,#c50628), color-stop(74%,#c50628), color-stop(88%,#a41c34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* IE10+ */
background: linear-gradient(135deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a41c34', endColorstr='#a41c34',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.menu ul {
	display: none;	
		}
.menu select {
	width: 100%;
	height: 1.5em;
	margin-bottom: 2em;
}
.submenu{
	width: 100%;
	}

.submenu ul li {
	font-family: 'Open Sans', sans-serif;
	display:block;
	width: 100%;
}
.submenu ul li a{
	color: #555;
	text-decoration: none;
	font-size: 1em;
	padding: 0.8em 1.2em;
	line-height: 1.2em;
	display: block;
	margin: 0 -3px 0 -3px;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
   box-sizing:         border-box;
   border-bottom: 1px dotted rgb(192,192,192);
	
}


.submenu ul li a:active,
.submenu ul li a.selected{
	background-color: #FFF;
	color: #c50628;
}
	
.submenu ul li a:hover{
	color:#FFF;
	background: #a41c34; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #a41c34 0%, #c50628 47%, #c50628 74%, #a41c34 88%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#a41c34), color-stop(47%,#c50628), color-stop(74%,#c50628), color-stop(88%,#a41c34)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* IE10+ */
background: linear-gradient(135deg,  #a41c34 0%,#c50628 47%,#c50628 74%,#a41c34 88%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a41c34', endColorstr='#a41c34',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


table {
	width: 100%;
	}


td {
	border-bottom: 1px dotted rgb(192,192,192);
	padding: 0 1em -0 0;
	width: 55%;
}






footer{
	clear:both;
}
footer ul {
	/*background: #EEE;   */
	
	}
	
footer ul li {
	display: block;
}

footer ul li a,
footer ul li a:visited{
	color: #555;
	text-decoration: none;
	font-size: 1em;
	padding: 0.8em 1.2em;
	line-height: 1.2em;
	display: block;
	margin: 0 -3px 0 -3px;
	-moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
   box-sizing:         border-box;
   
	
}
footer ul li a:hover,
footer ul li a:active,
footer ul li a.selected{
	color: #C50628;
}

.thumblist{
	width: 100%;
	height: 100px;
	margin-left: -1em;
	
	}
.thumb{
	width: 90%;
	height: 300px;
	
	margin: 0 0 1em 1em;
	padding: 1em;
	background-color:#FFF;
	float: left;
	
	text-align:center;
	
	-webkit-box-shadow:  8px 8px 5px -6px rgba(238,238,238,1);
	-moz-box-shadow:  3px 3px 3px 3px rgba(238,238,238,1);
	box-shadow:  1px 1px 2px 2px rgba(238,238,238,1);
	
	}
.thumb img{
	max-width:100%;
	
	border:none;
	
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow:  none;
	}
#map_canvas img {
	max-width: none;
	-webkit-box-shadow:  none;
	-moz-box-shadow:  none;
	box-shadow:  none;
	}

.logo_buero{
	float: left;
	clear: none;
	max-width: 43%;
	}

/*---------------------------------------------------------------------------------------- RESPONSIVE -*/

.wrapper {
	margin: 1em 1em;
	}
	
article {
	padding:16px;
	/*max-width: 256px;*/
	max-width:94%;
	}



/* Upwards of Mobile Landscape Size  */
@media only screen and (min-width: 480px) {

.logo img{max-width: none;}

.logotext h1 {
	font-size: 1.58em;
	margin-top: 1.5em;
	}
.logotext h2 {
	font-size: 1.03em;
	margin-top: -0.8em;
	}
	

.thumb{
	width: 37%;
	height: 220px;
	}
}


@media only screen and (min-width: 640px) {
.wrapper{
	}

article {
	padding:32px;
	max-width: 90%;
	}
	
article img {
	max-width: 50%;
	margin: 0 2em 1.2em 0;
	}
.big {
	max-width: 100%;
	
	}

h1{
	font-size: 2em;
	
}
h2{
	font-size: 1.6em;
}


footer ul li {
	display:inline-block;
}

.thumblist{
		width:110%;
		}

.thumb{
	width: 23%;
	height: 250px;
	}
}



/* Beyond All Mobile Sizes, Tablet Portrait etc. */
	@media only screen and (min-width: 944px) {
		

.wrapper{
	/*width: 896px;
*/	
margin: 2em 2em 2em 2em;
	}


	
article {
	/*max-width: 528px;*/
	width: 60%;
	margin: 1em 0 2em 0;
	}
	
.aside {
	/*width: 288px;*/
	width: 25%;
	float: left;
	clear: none;
	margin-left: 2em;
	
	}

	
.menu select {
			display: none;
		}
		
		.menu ul {
			display: block;	
			
		}




h1{
	font-size: 2.2em;
}

.thumb{
	width: 23%;
	height: 230px;
	}
	
	}

@media only screen and (min-width: 1300px) {
	
	.wrapper{
	max-width: 1200px;
	margin: 3em auto 5em auto;
	}
	
	article {
	width: 816px;
	}
	.aside{
		width: 288px;
	}
	footer {
	}
	
	

	.thumb{
	width: 229px;
	height: 240px;
	}
}