table,td,tr,div,p,pre,ul {
	font-family: "Calibri", Arial, sans-serif;
	color: #000000
}

td,div,p,pre,ul {
	font-size: 16px;
}

h1 {
	font-size: 2.5em;
	line-height: 0.5em;		
	padding: 15px 0 15px 5%;
	margin: 0;
	border-bottom: 1px dashed #A2A9A1;
}

h1, h2, h3, h4, h5, h6 {
	color: #A2A9A1; /* Hier Farbe ändern */
	font-family: "Calibri", Arial, sans-serif;
}

a { color: #000000; text-decoration: none;} /* Hier Farbe ändern */
a:link {color: #FFFFFF;} /* Hier Farbe ändern */
a:visited { color: #000000;}
a:hover{ color: #A2A9A1; }
a:active {color: #000000;}


body {
	padding: 1%;
	min-width: 640px;
	font-size: 16px;
	font-family: "Calibri", Arial, sans-serif;
	background-color: #499944; /* Hier Farbe ändern */
	margin: 0;
	scrollbar-base-color: #A2A9A1;
	scrollbar-3dlight-color: #A2A9A1;
	scrollbar-arrow-color: #A2A9A1;
	scrollbar-darkshadow-color: #499944; /* Hier Farbe ändern */
	scrollbar-face-color: #499944; /* Hier Farbe ändern */
	scrollbar-highlight-color: #499944; /* Hier Farbe ändern */
	scrollbar-shadow-color: #A2A9A1;
	scrollbar-track-color: #499944; /* Hier Farbe ändern */
	leftmargin: 10;
	rightmargin: 10;
	topmargin: 10;
	marginwidth: 10;
	marginheight: 10;
}

#logo {
	background: #A2A9A1;
	text-align: left;
	font-size: 45px;
	height: 80px;
	text-valign: top;
}

	/* letter-spacing: -3px; */

#logo a {
	color: #499944;
	text-decoration: none;
}

#menu { 
	 background: #499944; /* Hier Farbe ändern */
	 padding: 5px 5%; /* Je kleiner das Fenster desto kleiner soll auch der Abstand des Menüs rechts und links sein. */
	 margin: 0;
	 text-align: center;
	 text-valign: top;
	 color: #A2A9A1; /* Hier deffinieren wir die Farbe des Menüpunktes welcher kein Link ist. */
}


#menu li {
 	font-size: 1.2em;
	display: inline;
 	list-style-type: none;
 	border-left: 1px solid white;
 	padding: 0 10px 0 15px;
 	font-weight: bold;
}

#menu li a {
 	color: white;
 	text-decoration: none;
}

#main {
	color: #499944;
	line-height: 1.5em;
	border-bottom: 1px dashed #A2A9A1;
 	text-valign: top;
}


#color1 {
	background-color: #499944;} /* Das ist die grüne Farbe !  4A993E   */  
	
#color2 {
	background-color: #447799;} /* Das ist die blaue Farbe ! Nur mit color1 wechseln! */

#color3 {
	background-color: #A2A9A1;} /* Das ist die graue Farbe ! */

#color4 {
	background-color: #000000;} /* Das ist die schwarze Farbe ! */

#color5 {
	background-color: #FFFFFF;} /* Das ist die weisse Farbe ! */

#color6 {
	background-color: #994444;} /* Das ist die rote Farbe ! */    


/* Gästebuchspezifisch ! */

.smallFont {
	font-family: "Calibri", Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}

.small2Font {
	font-family: "Calibri", Arial, sans-serif;
	font-size: 13px;
	color: #000000;
}
	
.nameFormat {
	font-family: "Calibri", Arial, sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	font-weight: bold;
	color: #000000;
}	

input
{
	border: #A2A9A1 1px solid;
	color: #000000;
	font-family: "Calibri", Arial, sans-serif;
	font-size: 12px;
	background : #FFFFFF;
}
textarea
{
	border: #A2A9A1 1px solid;
	color: #000000;
	font-family: "Calibri", Arial, sans-serif;
	font-size: 12px;
	background : #FFFFFF;
}

.tableOutput {
background-color: #A2A9A1;
}

.tdMessage {
background-color: #499944;
padding: 4px;
}

.textbox { 
	background: transparent;
	background-color: #FFFFFF;
	border: 1px solid #A2A9A1;
	color: #000000;
	font-family: "Calibri", Arial, sans-serif;
	font-size: x-small;
	text-align: left;
	scrollbar-base-color: #A2A9A1;
	scrollbar-3dlight-color: #A2A9A1;
	scrollbar-arrow-color: #A2A9A1;
	scrollbar-darkshadow-color: #499944; /* Hier Farbe ändern */
	scrollbar-face-color: #499944; /* Hier Farbe ändern */
	scrollbar-highlight-color: #499944; /* Hier Farbe ändern */
	scrollbar-shadow-color: #A2A9A1;
	scrollbar-track-color: #499944; /* Hier Farbe ändern */
}

#submit {
	background-color: #499944;
	border: 1px solid #A2A9A1;
}