/*****************************************************************************************************/
/*                                                                     TAGS                          */
/*****************************************************************************************************/
body
{
    font-family: 'Helvetica';
  font-weight: 400;
  margin:0;
  padding:0;

  	background-color:rgba(255, 249, 243, 0.6);
  	color: #333333;

}


header
{
	background-color: rgba( 255, 255, 255, 0.5 );
}

#headerlogo
{
	height:10em;
	margin-top:2em;
	margin-bottom:2em;
}

h1
{
	font-family: 'Daniel', 'Helvetica', 'Helvetica';
	font-weight: 700;
}

h2
{
	font-family: 'Daniel', 'Helvetica', 'Helvetica';
	font-weight: 700;
	font-size: 120%;
}

a
{
	text-decoration: none;
  	color: #333333;
}

a:hover
{
	text-decoration: none;
}


li
{
	list-style: none;
	display:inline;
}

ul
{
	padding:0px;
	margin:0px;
}


nav ul
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	
}

nav li a
{
	margin-top: .6em;
	margin-bottom: .6em;
	display: inline-block;
	font-weight: normal;
	width:122px;
	padding: .4em .3em .27em .3em;
	margin-left: .15em;
	margin-right: .15em;
	font-family: 'Helvetica', 'Helvetica', 'Helvetica';
}

#mainmenu ul li a:hover
{
}

h1
{
	font-family:'LucidaGrande-Bold', 'Lucida Grande Bold', 'Lucida Grande';
  font-weight:700;
  font-style:normal;
  color: #00CCFF;
  text-transform: uppercase;
  text-align: center;
}

main
{

	padding-top:2em;
	padding-bottom:2em;
	padding-left: .5em;
	padding-right: .5em;
}

footer
{
	background: rgb(231,231,231);
	color:#868686;
	font-size: 11px;

}

footer .container div
{
	margin:2em;
	/*margin-left: 1em;
	margin-right: 1em;*/
	text-align: left;
}

footer .container
{
	max-width: 400px;
}

footer a
{
	color:#868686;
	font-weight: bolder;
}
footer a:visited
{
	color:#868686;
}

footer a:hover
{
	text-decoration: underline;
}



/*****************************************************************************************************/
/*                                                                     GENERAL CLASSES               */
/*****************************************************************************************************/

.container
{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top:0;
	left:0;
	text-align: center;
	display: flex;
	justify-content: center;

}

.text-block
{
	text-align: left;
	max-width: 20em;
	margin-left:auto;
	margin-right:auto;
}

.centered
{
	text-align: center;
}

.row
{
	display:flex;
	flex-wrap:wrap;
}

.row>div
{
	flex-grow:1;
}


.row-center
{
	justify-content:center;
}

.row-vert-center
{
	align-items: center;
}


.centered-row
{
	display:flex;
	align-items: center;
	flex-wrap:wrap;
	justify-content:center;
}

.centered-row>div
{
	flex-grow:1;
}

.header
{
	font-size: 150%;
}

/*****************************************************************************************************/
/*                                                                     SPECIAL CLASSES               */
/*****************************************************************************************************/


.home 
{
	text-align: left;
}

.angebot
{

	text-align: left;
	max-width: 32em;
}

.angebot li
{
	display: block;
	list-style-type: disc;
}

.angebot ul
{
	list-style-type: disc;
	display:block;
	text-align: left;
}

.about>img
{
	max-width: 230px;
}

.about a img
{

	max-width: 100%;
}

.about
{
	max-width: 30em;
}

div.kontakt
{
	max-width: 24em;
}

.kontakt img
{
	width: 100%;
}

.contactinfo img
{
	height: 17em;
}

.lube-text
{
	text-align: left;
	max-width: 13em;
	font-size: 13px;
	margin-left: 2em;	
}

@media only screen and (min-width: 760px) {


}