/* CSS layout */

/* Feld verstecken für Boterkennung im Kontaktformular */
 .email{opacity: 0;position: absolute;top: 0;left: 0;height: 0;width: 0;z-index: -1;}
 
/* --------------------------- für alle Seiten --------------------------- */
/* ----------------------------------------------------------------------- */
#body {
	max-width: 1280px;
    margin: 0 auto;
	background: #c9c9c9;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bbbbbb));
	background: -webkit-linear-gradient(top, #fff, #bbbbbb);
	background: -moz-linear-gradient(top, #fff, #bbbbbb);
	background: -o-linear-gradient(top, #fff, #bbbbbb);
	background: -ms-linear-gradient(top, #fff, #bbbbbb);
	background: linear-gradient(#fff, #bbb);
	background-attachment: fixed;   
}

img {		/* hiermit wird im IE8 kein blauer Rahmen um Bilder angezeigt */
	border: 0;
}

h1 {			/* Seitenüberschrift */
	font-size: large;
	margin:0px;
	padding:0px;
}

#schatten {   /* Schaten um Seite */
	margin: 20px 10px 20px 10px;
	border-radius: 10px;
	-moz-box-shadow: 3px 3px 3px 6px #292929; /* Firefox */;
	-webkit-box-shadow: 3px 3px 3px 6px #292929; /* Chrome, Safari */;
	-khtml-box-shadow: 3px 3px 3px 6px #292929; /* Konqueror */;
	box-shadow: 3px 3px 10px 3px #292929;
/* CSS3 */min-width: 900px;
}

#relative {
	position: relative;
}

html { overflow-y: scroll; }  /* Scrollbalken rechts immer anzeigen */
/* ----------------------------------------------------------------------- */


/* ----------------------------- Grunddesign ----------------------------- */
#kopf {
	border-width: thin;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-family: "Comic Sans MS";
	height: 170px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid; 
	background-color:#761414;
	background-attachment: scroll;
	position: relative;	
}

#kopf_haeuser {
	position: absolute;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	display:block;	
	top: 0px;
	left: 0px;
	text-align: right;
	background-image: url('Contur3.gif');	
	width: 100%;
	height: 170px;
}

#kopf_himmel {
	position: absolute;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;	
	display:block;	
	top: 0px;
	left: 0px;
	text-align: right;
	background-image: url('Contur3.gif');
	width: 100%;
	height: 170px;	
}

#kopf_logo {
	top: 30px;
	left: 20px;
	width: 142px;
	height: 185px;
	position: absolute;
	background-image: url('7er_logo1.png');	
}

#kopf_bierk {
	top: 30px;
	left: 220px;
	width: 150px;
	height: 83px;
	position: absolute;
	background-image: url('bierk_k.png');	
}

#kopf_mitte {
	position:absolute;
	width: 100%;	
	text-align: center;
	font-size: x-large;
}

#seitenueberschrift {
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}

#fuss {
	position: relative;	
	clear: both;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-width: thin;
	font-family: "Comic Sans MS";
	font-size: 12pt;	
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: solid;
	text-align: right; /* Farbverlauf für Hintergrund */;
	background: #761414;
/* Old browsers */background: -moz-linear-gradient(left, #761414 0%, #004400 0%, #00AC00 23%, #00FF00 100%); /* FF3.6+ */;
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#00FF00), color-stop(0%,#004400), color-stop(23%,#00AC00), color-stop(100%,#00FF00)); /* Chrome,Safari4+ */;
	background: -webkit-linear-gradient(left, #761414 0%,#004400 0%,#00AC00 23%,#00FF00 100%); /* Chrome10+,Safari5.1+ */;
	background: -o-linear-gradient(left, #761414 0%,#004400 0%,#00AC00 23%,#00FF00 100%); /* Opera 11.10+ */;
	background: -ms-linear-gradient(left, #761414 0%,#004400 0%,#00AC00 23%,#00FF00 100%); /* IE10+ */;
	background: linear-gradient(to right, #761414 0%,#004400 0%,#00AC00 23%,#00FF00 100%); /* W3C */;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#761414', endColorstr='#00FF00',GradientType=1 ); /* IE6-9 */
}

#fuss_inhalt {
	padding: 5px 10px 5px 10px;
}

#fuss a:link    {color: #000000; text-decoration: none; text-underline: none;}
#fuss a:visited {color: #000000; text-decoration: none; text-underline: none;}
#fuss a:active  {color: #000000; text-decoration: none; text-underline: none;}
#fuss a:hover   {color: #FF0000; text-decoration: none; text-underline: none;}

.TabelleClear { width: 100%; }	/* z.B. auf der Startseite von Bilder */
/* ----------------------------------------------------------------------- */


/* ------------------------------- Inhalt -------------------------------- */
#mitte_mit_menu_und_inhalt {
	border-style: solid;
	border-width: thin;
	min-height: 430px;
	background-color: #F2FFD6;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

#inhalt_mit_linken_menu {
	border-style: 5;
	margin-left: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: "Comic Sans MS";
	font-size: 14pt;	
	margin-bottom: 5px;
}

#inhalt_mit_linken_rechten_menu {
	border-style: 5;
	margin-left: 150px;
	margin-right: 150px;	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-family: "Comic Sans MS";
	font-size: 14pt;	
	margin-bottom: 5px;
}

#fuss_letzte_aenderung {
	text-align: right;
	font-size: small;
}

DIV.Box {
	padding: 15px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-style: solid;
	border-width: thin;
	background-color: #FAFFF2;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 15px;
	font-family: "Comic Sans MS";
	font-size: 14pt;	
	text-align: left;
}
DIV.BoxohneFormat {	padding: 15px;	overflow: auto;	border-top-left-radius: 10px;	border-top-right-radius: 10px;	border-style: solid;	border-width: thin;	background-color: #FAFFF2;	margin-right: 5px;	margin-left: 5px;	margin-bottom: 15px;}
DIV.BoxCenter {
	padding: 15px;
	overflow: auto;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-style: solid;
	border-width: thin;
	background-color: #FAFFF2;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 15px;
	font-family: "Comic Sans MS";
	font-size: 14pt;	
	text-align: center;
}

DIV.BoxCenter_klein {	/* für Seiten mit linken und rechten Menü */
	padding: 15px;
	overflow: auto;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-style: solid;
	border-width: thin;
	background-color: #FAFFF2;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 15px;
	font-family: "Comic Sans MS";
	font-size: 14pt;	
	text-align: center;
}
/* ----------------------------------------------------------------------- */


/* ---------------------- seitenspezifisches Layout ---------------------- */
#dropdown { font-size: medium; } /* z.B. bei den Bildern */

.bild {	width: 90%; }

.bild_klein { width: 45%; }

.TabelleVorstand {
	width: 100%;
	text-align: center;
}

.text_startseite {
	font-size: large;
}

DIV.kontakt {
	max-width:750px;
	text-align: center;
	padding:auto;
	margin:auto;
}

DIV.kontakt_div_links {
	float: left;
	padding-left: 5px;
}
DIV.kontakt_div_rechts {
	float: right;
	padding-right: 5px;
}
/* ----------------------------------------------------------------------- */


/* -------------------------------- Menü --------------------------------- */
#linkes_menu {
	padding: 5px;
	width: 125px;
	float: left;
	font-family: "Comic Sans MS";
	font-size: 14pt;	
	margin-top: 40px;
}

#rechtes_menu {
	padding: 5px;
	width: 125px;
	float: right;
	font-family: "Comic Sans MS";
	font-size: 14pt;	
	margin-top: 40px;
}

<!-- Menü -->
#menuwrapper {
float:right;
width:10.5em;
margin-top:-1em;
padding:0 1em 0 0;
}

#menuwrapper a {
color:#000000;
display:block;
border:1px solid transparent;
position:relative;
text-decoration:none;
font-size:.92em;
font-weight:700;
padding:0 0 .25em .6em;
}
<--background:#E0E0E0;-->

#menuwrapper .styleinfo,
#menuwrapper li .verweis,
#menuwrapper .current {
padding-left: .6em;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
outline:none;
}

#styles a:hover,#styles a:focus,#styles a:active,#menu a:hover,#menu a:focus,#menu a:active {
background-color:#bbb;
border:1px solid #888;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
outline:none;
color: #fff !important;
background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#452));
background: -moz-linear-gradient(top,  #ddd,  #452);
}
/* ----------------------------------------------------------------------- */


.TextWichtig {
	color: #006600;
}

table.slimBorder1 {
width: 100%;
border-collapse:collapse;
}
 
table.slimBorder1 td {
border-right:1px solid black;
border-left:1px solid black;
border-top:1px solid black;
border-bottom:1px solid black;
}