@charset "utf-8";
/* CSS Document */
/* Skiplink ausblenden */ 

/*  =============================================================
    1. Kalibrierung und allgemeine Styles
	========================================================   */ 
	
	
	/*   ----       Beginn der RESET-AKTION       ----     */
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

	/*   ----      Ende der RESET-AKTION       ----     */

 
 
 
	/*   ----       Allgemeine Selektoren       ----     */
	
html { height: 101%; }              /* erzwingt Scrollbar im Firefox */ 
body {
	background-color: #DBD0CC; /* beige */
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

#wrapper { 							/* Gestalte das HTML-Element mit id="wrapper" */
	color: #990000;
	width: 80%;
	margin-top: 0;
	margin-right: auto;              /* Abstand rechts automatisch */
	margin-bottom: 0;
	margin-left: auto;               /* Abstand links automatisch */
	background-color: #DBD0CC;
	border: 10px;
}

#wrapper02 { 							/* Gestalte das HTML-Element mit id="wrapper" */
	width: 98%;
	background-color: #DBD0CC;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 100%;
	padding-left: 1%;
	border-right-color: #F4F0ED;
	border-right-style: solid;
	border-right-width: medium;
	border-left-width: medium;
	border-left-style: solid;
	border-left-color: #F4F0ED;
}
#kopfbereich { 
  background-color: #f3c600; 
  color: black; 
}

#logo {
  background-color: white; 
  color: black; 
}

h1 { font-size: 150%; }
h2 { font-size: 130%; }

address {
  text-align: center; 
  font-size: 80%; 
  font-style: normal; 
  letter-spacing: 2px;
  line-height: 1.5; 
}

a { 
  text-decoration: none; 
  outline: none; 
} 

a:link { color: #d90000; } /* nicht besuchte Links */ 
a:visited { color: #cc6600; } /* besuchte Links */ 
a:hover, a:focus { border-bottom: 1px solid #d90000; } 
a:active { 
  background-color: #d90000; 
  color: white; 
}  

.skiplink {
  position: absolute; 
  top: -5000px; 
  left: -5000px; 
  width: 0;
  height: 0; 
  overflow: hidden; 
  display: inline; 
}