@charset "utf-8";
	/* CSS Document WEGER*/


/* Didact Gothik - latin */
/*@font-face {
  font-family: 'Didact Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/didactgothic/v20/ahcfv8qz1zt6hCC5G4F_P4ASlUuYpg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/



/* Vollkorn regular - latin */
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Vollkorn-Regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/Vollkorn-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Vollkorn-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Vollkorn-Regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Vollkorn-VariableFont_wght.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Vollkorn-Regular.svg#Vollkorn') format('svg'); /* Legacy iOS */
	   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



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

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

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

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


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

	
	body{
	  /*padding-top: 17px;*/
	  background-color:#FFF;
	font-family: 'Roboto', sans-serif;
	color:#FFF;
	}
	


h1 {
font-family: 'Vollkorn', serif;
text-transform:uppercase;
color:#000;
font-size:1.75em;
line-height:1.5em;
margin-bottom:20px;

}
h2 {
font-family: 'Roboto', sans-serif;
text-transform:uppercase;
color:#000;
font-weight:400;
font-size:0.8em;
line-height:1.4em;
letter-spacing:0.06em;
margin-bottom:20px;
}



h3 {
font-family: 'Roboto', sans-serif;
color:#194f92;
font-size:1.35em;
line-height:1.1em;

}
h4 {
font-family: 'Roboto', sans-serif;
color:#194f92;
font-size:1.8em;
line-height:1.2em;
background-color:#f4f4f4;
padding:5px 10px;
margin-left:-10px;
}

h5 {
font-family: 'Roboto', sans-serif;
color:#194f92;
font-size:1.3em;
line-height:1.1em;
margin-bottom:5px;
}


/*
	img {
	max-width: 100%;
	height: auto;
}*/


.introtext {
  position: absolute;
  top: 15%;
  left:47%;
  max-width:47%;
font-size:1.55em;
}

.introtextmd {
  position: absolute;
  top: 8%;
  left:50%;
  max-width:43%;
font-size:1.3em;

}

.introtextsm {
 position: absolute;
  top: 8%;
  left:55%;
  max-width:35%;
font-size:1.1em;

}

.introtextxs {
 padding-left:7%;
 padding-right:3%;
font-size:0.85em;

}



.introtextunten {
  position: absolute;
  top: 80%;
  left:55%;
  max-width:43%;
font-size:1.5em;
}

.introtextuntenmd {
  position: absolute;
  top: 80%;
  left:52%;
  max-width:43%;
font-size:1.3em;
}

.introtextuntensm {
  position: absolute;
  top: 75%;
  left:50%;
  max-width:49%;
font-size:1.2em;
}

.introtextuntenxs {
  padding-left:7%;
  margin-top:-5%;
font-size:1em;
}



.introtextfeld {
  background-color:#d0d5db;
}




.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}



.vita {
background-image: url(../bilder/weger_bg_xl.jpg); /*WEGER ----- Hintergrundbild passt sich der Größe des Bildschirms an!*/
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #000;
}



.vitabild{ 
margin-top:5%;
margin-bottom:5%;
text-align:right;
}

*@media (max-width: 990px) {
.vitabild{
margin-top:0;
margin-bottom:5%;
text-align:center!important;
}
}

@media (max-width: 770px) {
.vitabild img {
max-width: 110%;
text-align:center!important;
padding:0;
margin-top:-21px;
margin-left:-20px;
margin-right:0px;

}
}



.vitatext { 
margin-top:10%;
margin-bottom:5%;
padding-left:40px;
  font-size:1.55em;
  text-align:left;
}

@media (max-width: 990px) {
.vitatext { 
margin-top:0;
padding-left:10%;
padding-right:10%;
}
}

.vitatext h1 { 
font-family: 'Vollkorn', serif;
text-transform:uppercase;
font-size:1.7em;
line-height:1.1em;
margin-bottom:-5px;
}
@media (max-width: 570px) {
.vitatext h1 { 
font-family: 'Vollkorn', serif;
text-transform:uppercase;
font-size:1.5em;
line-height:1.1em;
margin-bottom:-5px;
}
.vitatext h2 { 
font-family: 'Vollkorn', serif!important;
text-transform:uppercase;
font-size:0.65em!important;
/*color:red;*/
}
.vitatext ul {
padding-top: 10px!important;
}
}



.vitatext h2 { 
font-family: 'Vollkorn', serif!important;
text-transform:uppercase;
font-size:0.8em;
}
.vitatext li { 
font-family: 'Roboto', sans-serif;
color:#000;
font-size:0.7em;
line-height:1.6em;
margin-bottom:0.8em;
list-style-image:url(../bilder/weger_dot.png);
}
.vitatext p { 
font-family: 'Roboto', sans-serif;
color:#000;
font-size:0.7em;
line-height:1.6em;
margin-bottom:0.8em;
}


.vitatextsm { 
 position: absolute;
  margin:10px;
  
font-size:1.1em;
}
.vitatextsm h1 { 
font-family: 'Vollkorn', serif;
text-transform:uppercase;
font-size:1.7em;
line-height:1em;
}

.vitatextsm h2 { 
font-family: 'Vollkorn', serif!important;
text-transform:uppercase;
font-size:0.8em;
}
.vitatextsm li { 
font-family: 'Roboto', sans-serif;
color:#000;
font-size:0.7em;
line-height:1.6em;
margin-bottom:0.8em;
list-style-image:url(../bilder/weger_dot.png);
}


.rubrik h1{
margin-top:-90px;
font-family: 'Vollkorn', serif;
font-weight:normal;
text-transform:uppercase;
text-align:center;
color:#FFF;
font-size:2.4em;
letter-spacing:0.05em;
}
@media (max-width: 870px) {
.rubrik h1{
margin-top:-60px;
margin-bottom:-20px;
font-size:2.2em;
}
}
@media (max-width: 570px) {
.rubrik h1{
margin-top:-50px;
margin-bottom:-20px;
font-size:1.9em;
}
}


.textbereich {
padding-top:70px;
padding-bottom:30px;
color: #000;  /*--- Weger Typo Textbereich*/
  font-family: 'Roboto', sans-serif;
	font-weight:normal; /*Weger -------- Typo DROPDOWN Unterpunkte ausgeklappt*/
	font-size:1em;/*Weger --------*/
	letter-spacing:0em;
}
@media (max-width: 970px) {
.textbereich {
padding:60px 30px;

color: #000;  /*--- Weger Typo Textbereich*/
  font-family: 'Roboto', sans-serif;
	font-weight:normal; /*Weger -------- Typo DROPDOWN Unterpunkte ausgeklappt*/
	font-size:1em;/*Weger --------*/
	letter-spacing:0em;
}
}


.kontakt {
margin-top:0;
padding-left:0!important;
}
.kontakt h1  {
margin-top:-5px;

}
.kontakt h2  {
line-height:1.5em;
}
.kontakt h3 {
font-family: 'Roboto', sans-serif;
color:#000;
font-weight:800;
font-size:0.7em;
line-height:1.2em;

}

.datenschutz {
margin-top:0;
padding-left:0!important;
}
.datenschutz h1  {
margin-top:-5px;

}
.datenschutz h2  {
line-height:1.5em;
}
.datenschutz h3 {
font-family: 'Roboto', sans-serif;
color:#000;
font-weight:800;
font-size:0.7em;
line-height:1.2em;
margin-bottom:0.5em;
margin-top:0;

}
.datenschutz p { 

line-height:1.4em!important;
margin-bottom:0.8em;
}
.datenschutz li { 

line-height:1.3em!important;
margin-bottom:0.5em;
}






.break {
overflow-wrap: break-word;
  word-wrap: break-word;
  
  word-break: break-word;
  hyphens: auto;
  }



 
	 
	


.vollbild  {
position:relative;
width:auto;
/*right: -15px;*/
}



.vollbild  img{


	width: 100%;
	height: auto;
	border:0;
}


.center-block, .center-block-regular {
  display: block;
  margin-left: auto;
  margin-right: auto;
}



.text-right {
  text-align: right!important;
}
.mehr {
color:#000;
font-size:0.7em;
line-height:1.1em;
}




/** LOGO **/
	
	.logo {position:absolute;
	padding-left:50px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	
	}
	
	.logo h1{
	display:none;
	}


.menu{
width: auto;
margin-right:0;

}/*---------------------------------Gartenpforte*/


	.kopf {
	 background-color: #FFF; /*   Kopfleiste mit Logo und Navileiste*/
	 margin:0;
	 padding:0;
	 }




	.topmenu {
	width: auto;
	background-color:transparent;
	margin-left:0px;
	margin-right:0;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	

	}
	@media (min-width: 770px) {
	.topmenu {
	padding-left:0px;
	padding-right:30px;
	}/*---------------------------------weger*/
	}




.nav > li > a {
	padding-left:20px;
	padding-right:20px;
	}

	.navbar {
	min-height:135px;
	  border-radius: 0;
	  border: 0;
	  margin-bottom:0;
	  margin-right:0;
	  }
@media (max-width: 770px) {
	.navbar {
	min-height:114px;
	  border-radius: 0;
	  border: 0;
	  padding-left:12px;/*Weger ------------- Abstand HAMBURGER Menüpunkte+Linie ausgeklapt von links*/
	  padding-top:60px; /*Weger ------------- Abstand HAMBURGER von Oberkante*/
	 margin-bottom:20px; /*Weger ------------- Abstand HAMBURGER Menüpunkte ausgeklapt unter letztem Menüpunkt*/
	  margin-right:0;
	}
	}
	

	
		
	
	.fr > li > a {
	padding-left:10px;
	padding-right:10px!important;
	
	}

	

	
	
		.navbar-nav > li > a  {
		margin: 0;
		margin-top: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 35px;
		font-size:0.9em;
		line-height:1em;
	font-family: 'Roboto', sans-serif;

	text-transform:uppercase;
	font-weight:800;
	letter-spacing:0.08em;
		
		
		background-color: transparent;
		
		
	}
	

	

	
	
	.navbar-inverse .navbar-nav > li > a {
    color: #000;
	
	
}
	
	

	
	
	.navbar-inverse{
		background-color: transparent!important; /* Weger Menüleiste*/
		border-color: none;
		margin-top:0px;
		
	}
	
	
	.navbar-inverse .navbar-toggle {
	background-color:#476d9c; /*Weger -------------------Feld HAMBURGER normal*/
	border:1px solid #6e94b7;/*Weger -------------------------Rahmenfarbe HAMBURGER*/
	/*margin-top:-20px; Weger -------------------------verschiebt  HAMBURGER nach oben*/
	}
	
		@media (max-width: 770px) {
	.navbar-inverse .navbar-toggle {
	background-color:#476d9c; /*Weger -------------------Feld HAMBURGER normal*/
	border:1px solid #6e94b7;/*Weger -------------------------Rahmenfarbe HAMBURGER*/
	
	}
	}
	
	
	.navbar-inverse .navbar-toggle:hover,
	.navbar-inverse .navbar-toggle:focus {
	  background-color:#476d9c; /*Weger --- gleiche Farbe gewählt! -------------- Hamburger-Menü-Fläche mouse HOVER*/
	}
	
	

	
	
	
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  
  color:#476d9c; /*Weger ---------- Typo BLAU im Reiter bei CLICK auf DROPDOWN Menü*/
  background-color: #d0d5db; /*Weger BG GRAU Menu CLICK auf Pulldown-Menüpunkt*/
  
}

@media (max-width: 770px) {
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  font-size:1.1em;
  padding:15px 0px 15px 15px; /*Weger------ABSTÄNDE um den obersten Reiter bei CLICK auf DROPDOWN Menü*/
 
}
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		 color:#476d9c!important;  /*Weger ------------ TYPO MENÜ ON --- BLAU = AKTUELLER Menüpunkt festgelegt*/
		background-color:transparent; /*Hintergrundfarbe schwarz entfernt, sonst als Feld bei ON um den Menüpunkt*/
		
	}
	

@media (max-width: 770px) {
	.navbar-nav > li > a  {
		color:green; /*WIRKUNGSLOS? ---- Weger BLAU Typo Menü on*/
		background-color: #FFF; /*Weger Links hinterlegt MENÜPUNKTE FELDER TOGGLE*/
	padding:10px;
	margin-top:10px;
	
	font-size:1.1em; /*Weger ------------- MENÜPUNKTE größer auf Smartphone im ausgeklappten HAMBURGER MENÜ*/
		line-height:1em;
	font-family: 'Roboto', sans-serif;

	text-transform:uppercase;
	font-weight:800;
	letter-spacing:0.08em;	
	}
	.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
		 color:#476d9c!important;  /*Weger ------------ TYPO MENÜ ON --- BLAU = AKTUELLER Menüpunkt festgelegt für SM! */
		background-color:#FFF!important; /*Weger Hintergrundfarbe Feld bei ON um den Menüpunkt*/
		background-image:none;
		
		
	}
	}
		

	
	

  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #FFF!important; /* WIRKUNGSLOS ------ Weger TYPO auf DROPDOWN ON ausgewählt*/
    background-color: #5786b2; /*Weger HINTERGRUNDFELD von DROPDOWN ON ausgewählt*/
  }


 .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #476d9c!important; /*Weger ------------- TYPO BLAU für DROPDOWN offen bei toggle und normal - Überschreibt mit important auch Ausgewählt, sonst wirkungslos*/
	
  }
  
  .navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color:#666666; /*Weger ------------------ TYPO DUNKELGRAU Menüpunkt  MENÜ FELD HOVER*/
  background-color:#FFF; /*Weger ---------- BG weiß auf weiß  MENÜ FELD HOVER*/
}
  
  .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding:0; /*Weger entfernt 5px sichtbare BG-Farbe an Ober-und Unterkante DROPDOWN Feld*/
  margin:0;
  font-size: 0.9em;/*font-size: 12px; bisher*/
  text-align: left;
  list-style: none;
background-color: red; /*Weger BG-Farbe erzeugt Ober-und Unterkante DROPDOWN Feld*/
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 0px; /*Weger keine runde Ecke Dropdown-Feld*/
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0); /*Weger kein Schatten am Dropdown Menü Schatten = (0, 0, 0, .175)*/
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
}

 @media (max-width: 770px) {
 .dropdown-menu {
  
  font-size: 1em;/*font-size: 0.9em regulär 12px; bisher*/
  
}
}



.dropdown-menu > li > a {
  display: block;
  padding: 7px 40px; /*Weger -------- ABSTAND = Feldgröße DROPDOWN Unterpunkte ausgeklappt*/
  clear: both;
  line-height: 1.4;
   color: #FFF!important;  /*WIRKUNGSLOS --- Weger Typo  auf DROPDOWN Unterpunkte ausgeklappt*/
  white-space: nowrap;
  font-family: 'Roboto', sans-serif;
	text-transform:uppercase;
	font-weight:500; /*Weger -------- Typo DROPDOWN Unterpunkte ausgeklappt*/
	letter-spacing:0.1em;
	background-color: #e2e4e7; /*Weger BG HELLGRAU von DROPDOWN Unterpunkte ausgeklappt*/
	border-bottom: 1px solid #d0d5db; /*Weger ergänzt: ------- LINIE UNTERKANTE zwischen DROPDOWN Unterpunkten*/
	border-top: 1px solid #FFF; /*Weger ergänzt: ------------ LINIE OBERKANTE zwischen DROPDOWN Unterpunkten*/
}	
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: red!important; /* WIRKUNGSLOS - Weger ------------ TYPO HOVER auf DROPDOWN Unterpunkte ausgeklappt */
  
  text-decoration: none;
  background-color:#d0d5db!important; /*Weger -------- BG HOVER GRAU von DROPDOWN Unterpunkte ausgeklappt */
}

 @media (max-width: 770px) {
.dropdown-menu > li > a {
  padding-top:10px;
  padding: 15px 30px 15px 30px!important; /*Weger -------- ABSTAND = Feldgröße DROPDOWN nur UNTERPUNKTE ausgeklappt -- klappt nur mit !important*/
	font-size:1.25em;/*Weger -------- Typo DROPDOWN Unterpunkte ausgeklappt im HAMBURGER --- größer als in md unf lg Modus*/	
}	
}







.infobox {
padding:30px;
background-color:#f4f4f4;}
 
.infobox p {
color:#194f92;
text-align:left;
 font-size:1.1em;
  }  
.infobox h3 {
color:#FFF;
text-align:left;
 font-size:1.8em;
 font-weight:lighter;
 background-color:#34649f;
 padding:5px 10px;
 margin-top:10px;
 margin-bottom: 20px;
  } 


.infobox a {
	color: #A8A8A8!important;
text-decoration: none;
}
.infobox a:link {
	color: #A8A8A8!important;
text-decoration: none;
}
.infobox a:visited {
	color: #A8A8A8;
	text-decoration: none;
}
.infobox a:hover {
	color:#194f92!important;
	text-decoration: underline;
}
.infobox a:active {
	color:#194f92;
	text-decoration: underline;
}

/*.icon img{
padding-right:2px;
margin-bottom:1px;}*/


.footer {
width:100%;
padding:0;
margin:0;
background-color:#000;
border-top: 1px solid #ccc;
}	
	
.footerboxlogo {
padding:38px 0px 40px 0px;
margin-left:-40px;
text-align:center;
}
 @media (max-width: 770px) {
.footerboxlogo {
padding:30px 0px 30px 0px;
margin:0;
text-align:center;
}	
}	
	
	
.footerbox {
padding:40px 0px 40px 0px;
margin-left:-40px;
color:#fff;
 font-size:0.95em;
 line-height:1.7em;
 letter-spacing: 0.02em;
}
 
 
	.footerbox a:link {
	color: #A8A8A8;
text-decoration: none;
}
.footerbox a:visited {
	color: #A8A8A8;
	text-decoration: none;
}
.footerbox a:hover {
	color:#FFF;
	text-decoration:underline;
}
.footerbox a:active {
	color:#FFF;
	text-decoration: none;
}

 @media (max-width: 990px) {
.footerbox {
padding:0px 0px 0px 0px;
margin-left:20%;
font-size:1.1em;
 line-height:1.5em;
 letter-spacing:0.03em;
}
}	

 @media (max-width: 770px) {
.footerbox {
padding:0px 0px 0px 0px;
margin:0;
text-align:center;
font-size:1.1em;
 line-height:1.5em;
 letter-spacing:0.03em;
 text-align:center;
}
}	






.test0 {
background-color:blue;
}
.test1 {
background-color:yellow;
}
.test2 {
background-color:red;
}
.test3 {
background-color:orange;
}
.test4 {
background-color:green;
}