@charset "utf-8";
/* Stylesheet für die Website Mühle Lengnau */

*{padding: 0; margin: 0;}
html {overflow-y: scroll}

body {
	background-color:#999999;
	background-image:url(../images/getreidefeld.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:top;
	height: 100%;
	color: white;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	
}

#wrapper {
	width: 780px;
	color: black;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#kopfbereich {
	background-color: #FFCC66;
	/*background-image:url(../images/muehle-logo.png);*/
	background-image:url(../images/muehle-logo_2019.jpg);
	height: 73px;
	width: 780px;
	background-repeat:no-repeat;
	text-indent: -5000px;
	box-shadow: 2px 2px 2px 2px #121;
	-moz-box-shadow: 2px 2px 2px 2px #121;
	-webkit-box-shadow: 2px 2px 2px 2px #121;

}

/*---------------------------------
Stylesheet für Navibereich
----------------------------------*/

#navibereich {
	width: 740px;
	text-align: left;
	float: left;
	color: black;
	padding: 10px 20px 10px 20px;
	background-image: url(../images/transparenz_65.png);
	background-repeat: repeat;
	margin-top: 20px;
	border-bottom-style: solid;
	border-bottom-width:thin;
	box-shadow: 2px 2px 2px 2px #121;
	-moz-box-shadow: 2px 2px 2px 2px #121;
	-webkit-box-shadow: 2px 2px 2px 2px #121;
}


#navibereich a {
	color: #000000;
	text-decoration:none;
	font-size:14px;
	padding: 4px 8px 4px 8px;
	border-width: 2px 2px 2px;

}

#navibereich li {
	display: inline; /*nebeneiander zeigen*/
	list-style-type: none; /*ohne aufzählungszeichen*/
	margin: 0;
	font-size: small;
}

#navibereich li.sie-sind-hier a {
	color: #e58b1b;
	border-bottom-color: white;
	font-weight: bolder;
	font-size: 14px;
	}

/*---------------------------------
Ende Stylesheet für Navibereich
----------------------------------*/

/*---------------------------------
Stylesheet für Textbereich
----------------------------------*/
#textbereich {
	padding: 20px;
	min-height: 400px;
	height: auto !important;
	height:400px;
	float: left;
	width: 740px;
	background-image:url(../images/transparenz_85.png);
	background-repeat: repeat;
	left:auto;
	border-bottom-style: solid;
	border-bottom-width:thin;
	margin-top: 20px;
	box-shadow: 2px 2px 2px 2px #121;
	-moz-box-shadow: 2px 2px 2px 2px #121;
	-webkit-box-shadow: 2px 2px 2px 2px #121;
}

#textbereich_home {
	padding: 20px 92px 20px 95px;
	min-height: 400px;
	height: auto !important;
	height:400px;
	float: left;
	width: 596px;
	background-image:url(../images/transparenz_85.png);
	background-repeat: repeat;
	left:auto;
	border-bottom-style: solid;
	border-bottom-width:thin;
	margin-top: 20px;
	box-shadow: 2px 2px 2px 2px #121;
	-moz-box-shadow: 2px 2px 2px 2px #121;
	-webkit-box-shadow: 2px 2px 2px 2px #121;
}

#textbereich_sidebar_left{
	background-image:url(../images/transparenz_85.png);
	padding: 20px;
	min-height: 400px;
	height: auto !important;
	height:400px;
	float: left;
	width: 478px;
	background-repeat: repeat;
	left:auto;
	border-bottom-style: solid;
	border-bottom-width:thin;
	margin: 20px 0px 0px 260px;
	box-shadow: 2px 2px 2px 2px #121;
	-moz-box-shadow: 2px 2px 2px 2px #121;
	-webkit-box-shadow: 2px 2px 2px 2px #121;
}





#textbereich_grid_780{
	padding: 20px 0 0 0 ;
	min-height: 400px;
	height: auto !important;
	height:400px;
	float: left;
	width: 780px;
	background-image:url(../images/transparenz_85.png);
	background-repeat: repeat;
	left:auto;
	border-bottom-style: solid;
	border-bottom-width:thin;
	margin-top: 20px;
	box-shadow: 2px 2px 2px 2px #121;
	-moz-box-shadow: 2px 2px 2px 2px #121;
	-webkit-box-shadow: 2px 2px 2px 2px #121;
}

#textbereich-kontakt{
	padding: 20px 65px 20px 65px;
	min-height: 400px;
	height: auto !important;
	height:400px;
	float: left;
	width: 650px;
	/*background-image:url(../images/transparenz_65.png);*/
	/*background-image:url(../images/transparenz_90.png);*/
	background-image:url(../images/transparenz_85.png);
	background-repeat: repeat;
	left:auto;
	border-bottom-style: solid;
	border-bottom-width:thin;
	margin-top: 20px;
	box-shadow: 2px 2px 2px 2px #121;
	-moz-box-shadow: 2px 2px 2px 2px #121;
	-webkit-box-shadow: 2px 2px 2px 2px #121;
}




	


/*---------------------------------
galerien z.b. Getreide
----------------------------------*/

.galerie {
	overflow:hidden;
	width: 740px;
	border:0;
	border-style: none;
	Margin: 10px 3px 3px 0px;
	padding: 0px 0px 10px 0px;

	}
.galerie img {
	float:left;
	padding: 0px;
	margin: 0px 25px 15px 0px;
	box-shadow: 4px 4px 10px #888;
	border: thin solid #666666;
}
	

/*---------------------------------
Stylesheet für Fussbereich
----------------------------------*/
#fussbereich {
	background-image:url(../images/transparenz_65.png);
	background-repeat:repeat;
	width: 736px;
	float:left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px 20px 15px 20px;
	border-style:solid;
	border-width: thin;
	box-shadow: 2px 2px 2px 2px #121;
	-moz-box-shadow: 2px 2px 2px 2px #121;
	-webkit-box-shadow: 2px 2px 2px 2px #121;
}

#fussbereich a { /* Farbe des Links im fussbereich*/
	color: black;
	
	}



 
 /*==================================
figure bei Bildern
==================================*/

.figure_home{
	float:left;
	box-shadow: 4px 4px 10px #888;
	padding: 7px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left:73px;
}
.figure_sidebar{
	background-color:#FFFFFF;
	float:left;
	box-shadow: 4px 4px 10px #888;
	padding: 7px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left:0px;
}

.figcaption {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*---------------------------------
Stylesheet für Tabelle
----------------------------------*/

table.normale-tabelle {

	border: none;
	left: 80px;
	margin-bottom: 20px;
	}
	
th.breite_1 {
	width: 180px;
}

th.breite_2 {
	width: 300px;
}

th, td {
	vertical-align: top;
	text-align: left;
	padding: 2px;
	}
	
th {
	font-weight: bold;
}


/*---------------------------------
Stylesheet für schriften
----------------------------------*/
h1  {
	color:#999999;
}

h2 {
	color: #e58b1b;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	/*text-shadow:2px 3px 0 #777;*/
}

h3 {
	color: #e58b1b;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	/*text-shadow:2px 3px 0 #777;*/
}

/*---------------------------------
Ende Stylesheet für Schriften
----------------------------------*/

a {text-decoration: none;
	outline:none;} /*unterstreichungen für alle hyperlinks entfernen*/  
a:link {color: #e58b1b;} /* zu noch nicht besuchter seite*/
a:visited {
	color: #e58b1b;
} /* zu besuchter seite */

a:hover, 
a:focus { text-decoration: underline}/*wenn der mauszeiger darüber schwebt oder beim durchsteppen = unterstrichen
{border-bottom: 1px solid #d90000;*/ 

a:active {
	color: white;
	/*background-color: #FFCC00; */
	}  /* der gerade angeklickt wird*/