/*=============================================
copyright:
	Guenther Wedlich
	Hof 1,  84171 Baierbach
	Tel.  08705 / 2276
Autor:
	Thomas Hofmann
	http://www.th-o.de
=============================================*/

html {
	background: #A36035; /*CCEEFF*/
	color: #000000;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
body {
	font-family: Arial,Helvetica,Helv,sans-serif;
	color: #000000;
	background: #A36035; /*CCEEFF*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	}

a:link    { color: #000000; /*#96633E*/ }
a:active  { color: #cccccc; }
a:visited { color: #000000; }
a:hover   { color: #000000; background: #C67E52; }

H1, H2 {
  font-family: "Times New Roman",Times,Roman,TmsRmn,serif;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
  margin-bottom: 3px;
}

H1 {
	background: url(img/pinsel-strich.gif) no-repeat;
	background-position: center bottom;
}
.myfirstbody H1 {
	background: none;
}

img {
	border: 0px;
	}

/* === erste Seite ======================================== */

.myfirstbody {
	margin: 20px 20px 20px 20px;
	padding: 20px 50px 20px 20px;
	height: 100%;
	background: #A36035 url(img/regenbogen.jpg) no-repeat;
	/*border: thin solid red;*/
	}

.myfirstbody H1, .myfirstbody H2 {
	text-align : right;
	}

.myfirstbody A:link    { color : #000000; }
.myfirstbody A:active  { color : #000000; }
.myfirstbody A:visited { color : #000000; }
.myfirstbody A:hover   { color : #000000; background: none; text-decoration: underline; border-top: 1px solid #000000; }

.myfirstbody H1 A { color: #000000; text-decoration: none; }
.myfirstbody H1 A:link    { color: #000000; }
.myfirstbody H1 A:hover   { color: #000000; text-decoration: none; border-top: 1px none #ffff00; }
.myfirstbody H1 A:visited { color: #000000; }

.myfirstbody SMALL {
	font-family: Arial,Helvetica,Helv,sans-serif;
	font-size: x-small;
	font-weight: normal;
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	}

.myfirstbody address {
	color: #cccccc;
	font-size: x-small;
	position: fixed !important; 
	position: absolute; 
	bottom:10px; 
	right:50px; 
	}

.myfirstbody address A:link    { color: #cccccc; }
.myfirstbody address A:visited { color: #cccccc; }
.myfirstbody address A:hover   { color: #cccccc; background: none; text-decoration: underline; border-top: 1px solid #cccccc; }

/* === alle Seiten ======================================== */

.mybody {
	margin: 20px 20px 30px 20px;
	padding: 0px 20px 10px 20px;
	height: 90%;
	background: #A36035;
	/*border: thin solid red;*/
	text-align: center;
	}

.mybody img {
	margin: 5px 5px 5px 5px;
	}

.kontakt {
	color: #cccccc;
	font-size: x-small;
	position: fixed !important; 
	position: absolute; 
	bottom:10px; 
	right:50px; 
	}

.kontakt A:link    { color: #999999; }
.kontakt A:hover   { color: #999999; background: none; text-decoration: underline; border-top: 1px solid #999999; }

.textundmenue {
	float: right;
	width: 175px;
	/*border: thin solid red;*/
	padding: 8px;
	margin 0px;
	clear: right;
	text-align: right;
}

.menu {
	background: #C67E52;  /*A36035*/ /*3E6E8E*/ /* 62 110 142 */
	/*==============================================
	 Firefox macht hier probleme mit einem Spalt
	 sieht man sehr schön, wenn man oben die border einschaltet
	 er macht menu breiter als er sollte
	 die Hintergrundgrafik  ist nur 120 breit
	 liegt am padding - irgendwie
	 hatte vorher:
	 	padding: 110px 5px 5px 5px;
	 und bei .menu ul
	 	padding-left: 5px;
	==============================================*/
	/*background: #CCEEFF url(img/balken2.jpg) repeat-y;*/
	margin: 45px 0px 5px 0px;
 	/*padding: 110px 5px 5px 5px;*/
	padding: 0px 0px 0px 0px;
	float: right;
	width: 159px;
	/*height: 100%;*/
	/*border: thin solid red;*/
	border: 4px solid #C67E52;
	}
/* --- Ausnahme in Startseite, dort keinen großen Abstand --- */
p + .menu {
	margin-top: 5px;
}
/* --- der IE frisst das wieder nicht, also extra Klasse --- */
.menuindex {
	background: #C67E52;  /*A36035*/ /*3E6E8E*/ /* 62 110 142 */
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	float: right;
	width: 159px;
	border: 4px solid #C67E52;
	}


.menu ul, .menuindex ul {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	/*border: thin solid blue;*/
}

.menu li, .menuindex li {
	margin: 0px 0px 0px 0px;
	list-style: none;
	/*display: block;*/
	/*width: 150px;*/
	/*font-weight: bold;*/
	/*border: thin solid green;*/
}

.menu li a, .menuindex li a {
	margin: 0px 0px 0px 0px;
	padding: 1px 3px 1px 3px;
	display: block;
	width: 151px;
	text-decoration: none;
	/*font-weight: bold;*/
	/*border: thin solid green;*/
}
.menu li a:link    { color: #000000; }                                                  
.menu li a:active  { color: #ffffff; }                                                  
.menu li a:visited { color: #000000; }                                                  
.menu li a:hover   { color: #ffffff; background: #A36035; }                                                  
/* --- */
.menuindex li a:link    { color: #000000; }                                                  
.menuindex li a:active  { color: #ffffff; }                                                  
.menuindex li a:visited { color: #000000; }                                                  
.menuindex li a:hover   { color: #ffffff; background: #A36035; }                                                  

/*
.menu li a:link    { color: #815437; }                                                  
.menu li a:active  { color: #ffffff; }                                                  
.menu li a:visited { color: #000000; }                                                  
.menu li a:hover   { color: #ffffff; background: #A36035; }                                                  
*/

.centerdiv {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 60%;
}

.nowraping {
	white-space: nowrap;
	text-align: left;
}

.centerdiv p {
	width: 100%;
	text-align: left;
}

.galerie p {
	/*display: inline;*/
	float: left;
	margin-left: 20px;
	}

.inhaltmitte {
	clear: left;
	margin-right: 180px;
	text-align: center;
	font-size: x-small;
}

/*
hr {
		background: url(img/pinsel-strich.gif) no-repeat;
		height: 30px;
		text-align: center;
		width: 630px;
		margin-left: auto;
		margin-right: auto;
	}
*/

.pinsel {
		background: url(img/pinsel-strich.gif) no-repeat;
		height: 30px;
		text-align: center;
		width: 630px;
		margin-left: auto;
		margin-right: auto;
	}
.pinsel hr {
		visibility: hidden;
	}
