/*base */

body {
	background-color: #ffffff;
	font-family: Vardana, sans-serif;
	font-size: 11pt;
}

/* HEAD --- Kopf */

#head {
	position: absolute;
	top: 15px;
	left: 30px;
	height: 166px;
	width: 552px;
	border: 2px solid black;
	padding: 0;
	margin: 0;
}

#head div, #head #logo {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0;
	border: 0;
}

#head #logo {
	top: 0;
	left: 0;
	height: 166px;
	width: 300px;
}

#head #title {
	top: 115px;
	left: 25px;
	font-size: 26px;
	color: #000000;
	text-decoration:none;
}

#head #title b {
	font-weight: bold;
}

#head .menu {
	position: absolute;
	right: 9px;
	height: 25px;
	width: 85px;
	border: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
}


#head .menu div {
	position: absolute;
	right: 11px;
	top: 5px;
	height: 25px;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: black;
	text-decoration: none;
	cursor: pointer;
}	

#head .menu img {
	position: absolute;
	right: 0;
	top: 0;
	height: 25px;
	width: 25px;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}	


#head #menu1 { top: 9px; }
#head #menu2 { top: 40px; }
#head #menu3 { top: 71px; }
#head #menu4 { top: 102px; }
#head #menu5 { top: 133px; }


/* Viewer für den Inhalt d. Kalenders */

#head .viewer {
	position: absolute;
	top: 20px;
	left: 26px;
	width: 418px;
	height: 85px;
	padding: 0;
	margin: 0;
	border: solid 1px black;
	background-color: white;
	visibility: hidden;
	overflow: hidden;
}

#head .viewer div {
	position: absolute;
	top: -12px;
	left: -12px;
	margin: 0;
	padding: 2px;
	border: 2px solid black; left: 4px;
	width: 410px;
	padding: 0;
	margin: 0;
	border: 0;
}
#head .viewer div i {
	color: gray;
}
#head .viewer .date {
	top: 0;
	border-bottom: solid 1px black;	
	font-size: 9px;
}
#head .viewer .type {
	top: 0;
	font-size: 9px;
	text-align: right;
}
#head .viewer .name {
	top: 19px;
	height: 24px;
	font-size: 17px;
	font-weight: bold;
	overflow: hidden;
}
#head .viewer .more {
	top: 40px;
	font-size: 11px;
	height: 12px;
}			
	


/* CALENDAR - zeigt eben den Monats-Übersichts-Kalender an */

#calendar {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 16px;
  left: 603px;
  width: 179px;
  border: solid 2px black;
  border-collapse: collapse; 
  border-spacing: 0;
  table-layout: fixed;
  text-align: center;
  empty-cells: show;
  background-color: #ccc;
  z-index: 2;
}

#calendar tr td {
  padding: 0;
  margin: 0;
  background-color: #fff;
  color: darkblue;
  border: 1px solid #000;
  overflow: hidden;
  height: 20px;
}

#calendar tr td.month, #calendar tr td.day {
  color: black;
  background-color: #ddd;
}
  
#calendar tr td.month {
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
}

#calendar tr td.day {
  background-color: #ddd;
  font-size: 10px;
  line-height: 11px;
}

#calendar tr td a:link, #calendar tr td a:visited {
  text-decoration: none;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 12px;
  padding: 4px 0;
  margin: 0;
  background-color: #fff;
  color: darkblue;
  border: 0;
  font-size: 11px;
  line-height: 11px;
  vertical-align: middle;
}

#calendar tr td.month a {
  background-color: #ddd;
}

#calendar tr td a.vc { background-color: #ddd; }/* Schulfrei, Feiertag od. Wochenende */
#calendar tr td a.fete { background-color: #fcc; font-weight: bold; }
#calendar tr td a.konz { background-color: #cbf; font-weight: bold; }
#calendar tr td a.else { background-color: #cfc; font-weight: bold; }
#calendar tr td a.priv { background-color: #ffb; font-style: italic; }

#calendar tr td a:hover { background-color: #bbb; }

#calendar tr td a.not { 
	background-color: #fff;
	font-size: 9px;
	color: #88c;
}


/* Content allgemein */

#content {
	position: absolute;
	top: 199px;
	left: 30px;
	width: 727px;
	border: 2px solid;
	padding: 10px;
	margin: 0;
}

#content h1 {
	font-size: 18pt;
	font-weight: bold;
	line-height: 18pt;
	margin: 4pt 0 12pt 0;
	padding: 0;
}

#content h2 {
	font-size: 14pt;
	font-weight: normal;
	line-height: 14pt;
	margin: 18pt 0 8pt 0;
	padding: 0;
}

#content h3 {
	font-size: 11pt;
	font-weight: bold;
	line-height: 11pt;
	margin: 0 0 4pt 20pt;
	padding: 0;
}
	

#content p, #content ul, #content form {
	font-size: 11pt;
	font-weight: normal;
	line-height: 12pt;
	padding: 0; 
	margin: 8pt 0 8pt 20pt;
	text-align: justify
}

#content b {
	font-weight: bold;
	text-decoration: none;
	font-size: normal;
}

#content strong {
	font-weight: normal;
	text-decoration: none;
	font-size: normal;
}
			
#content a {
	font-weight: normal;
	text-decoration: underline;
	color: black;
}

#content a:hover {
	font-weight: normal;
	text-decoration: underline;
	color: red;
}	

#content ul li, #content ul {
	font-weight: normal;
	margin: 2pt 0 2pt 30pt;
	padding: 0;
	text-align: justify
}

#content hr {
	margin: 3px 0;
	padding: 0;
	border: 0;
	height: 1px;
	background-color: black;

}

#content table {
	border: 0;
	padding: 0;
	margin: 0;
}

.dot {
	border-top: 1px dotted black;
}

#content #submenu {
	position: relative;
	top: -12px;
	left: -12px;
	width: 751px;
	height: 20px;
	margin: 0;
	padding: 0;
	border: 0; 
}

#content #submenu a:link, #content #submenu a:visited {
	position: absolute; 
	display: block;
   top: 0;
   text-decoration: none;
   padding: 4px 0;
   height: 12px;
   margin: 0;
   background-color: #fff;
   color: darkblue;
   border: 2px solid black;
   font-size: 12px;
   line-height: 12px;
   vertical-align: middle;
   text-align: center;
}

#content #submenu a:hover {  
   background-color: #ccc;
}

#content #copyright {
	margin: 15pt 10pt 0 0;
	padding: 0;
	line-height: 10pt;
	font-size: 9pt;
	width: 706px;
}

#content .galA {
	display: block;
	text-decoration: none;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

#content .galA:hover {
	text-decoration: none;
	color: red;
}	

#content form input, #content form select, #content form textarea  {
	width: 300px;
	border: 1px solid black;
	background-color: #eee;
}



/* Link-Iconen */

#content a[href ^="http://"] {
    background: url(/img/link_external.png) center right no-repeat;
    padding-right: 12px;
}

#content a[href ^="mailto:"] {
    background: url(/img/link_mail.gif) center right no-repeat;
    padding-right: 18px;
}