html,body
{
	margin:0;
	padding: 0;
}

body
{
	color:				#444;
	background:			#DDD;
	font-size:			93.50%;
	font-family:		"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}


  h1,h2,h3,h4,h5,h6 {
  	font-family:"times new roman",times,serif;
  	font-weight:bold;
  	color:#666;
  	margin: 0 0 0.25em 0;
  }

  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 200%; color:#182E7A}          /* 24px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 133.33% }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  
#header
{
	width:				95%;
	height:				75px;

	margin-top:			30px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		0px;
	padding:			10px;
/*	background:			#ffffff url(stadtkirche_logo.jpg) no-repeat center; */
	
}

#page
{
	width:				95%;

	margin-top:			0px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		0px;
	padding:			10px;

	background:			#FFFFFF; 
	margin-bottom:		50px;

}

#menu
{
	margin:				0;
	width:				150px;
	height:				100%;
	float:				left;
	border-top:			2px solid #555;

}

#menu > ul, #menu div
{
	margin:				0px;
	/*margin-top:			1.5em;*/
	margin-top:			22px;
	list-style-type:	none;
	padding:			0px;
	border-top:			1px solid #555;
	border-bottom:		1px solid #555;
}

#menu ul ul
{
	margin:				0px;
	list-style-type:	none;
	padding:			0;
}

#menu ul ul a
{
	padding-left:		30px;
	font-size:			9pt;
}

#menu > div
{
	padding:			7px;
}

#menu a
{
	display:			block;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		2px;
	padding-bottom:		2px;
}

#menu a.img
{
	display: 			inline;
}

#menu a img
{
	border: 			0px;
}

#content
{
	border-left:		1px solid #555;
	margin:				0px;
	margin-left:		150px;
	z-index:			50;
	padding:			20px;
	padding-left:		35px;
	padding-right:		70px;
	padding-top:		10px;
	text-align:			left;
	height:				100%;
}

#status
{
	border-left:		1px solid #555;
	margin:				0px;
	margin-left:		150px;
	border-top:			2px solid #555;
	background:			#FFFFFF;
	padding-top:		2px;
	padding-left:		3px;
	border-bottom:		1px solid #555;
	padding-bottom:		2px;
	text-align:			right;
}

#topmenu
{
	border-left:		1px solid #555;
	margin:				0px;
	margin-left:		150px;
	
	background:			#FFFFFF;
	padding: 			2pt;
	border-bottom:		1px solid #555;
	list-style-type: 	none;
	text-align:			left;
}

#topmenu li
{
	margin: 0;
	display: inline;
}

#content a:link, #content a:visited
{
	text-decoration:	none;
	color:				#2A70FF;
}

#content a:active, #content a:focus, #content a:hover
{
	text-decoration:	underline;
	color:				#000;
}

#topmenu a:link, #topmenu a:visited, #topmenu a
{
	text-decoration:	none;
	color:				#444;
	padding:			2pt;
	border-left:		1px solid transparent;
	border-right:		1px solid transparent;
}

#topmenu a:active, #topmenu a:focus, #topmenu a:hover, #topmenu a.active
{
	background:			#FFFFFF;
	color:				#000;
	border-left:		1px solid #555;
	border-right:		1px solid #555;
}

#menu a:link,#menu a:visited,
#menu a:link,#menu a:visited
{
	color:				#000;
	text-decoration:	none;
}

#blue, #blue a:active.img, #blue a:focus.img, #blue a:hover.img
{
	background:		#b5caff;
}

#blue a:active, #blue a:focus, #blue a:hover, #blue a.active
{
	background:		#9FB2E0;
}

#green, #green a:active.img, #green a:focus.img, #green a:hover.img
{
	background:		#beffaf;
}

#green a:active, #green a:focus, #green a:hover, #green a.active
{
	background:		#CCFFCC;
}

#red, #red a:active.img, #red a:focus.img, #red a:hover.img
{
	background:		#ffde9d;
}

#red a:active, #red a:focus, #red a:hover, #red a.active
{
	background:		#E0C38A;
}

#yellow, #yellow a:active.img, #yellow a:focus.img, #yellow a:hover.img
{
	background:		#FDFF9D;
}

#yellow a:active, #yellow a:focus, #yellow a:hover, #yellow a.active
{
	background:		#DFE08A;
}

#gray, #gray a:active.img, #gray a:focus.img, #gray a:hover.img
{
	background:		#EFEFEF;
}

#gray a:active, #gray a:focus, #gray a:hover, #gray a.active
{
	background:		#A0A0A0;
}
#bottom
{
	margin-top:			0px;
	margin-bottom:		0px;

	padding:			0px;
	padding-top:		2px;
	padding-bottom:		2px;
	border-top:			1px #555 solid;
	
	/*background:			#555; */
	
	color:				#fff;
	text-align:			center;
	clear:				both;
}

/*
h1
{
	font-size:			18pt;
	font-weight:		normal;
	margin-top:		10pt;
	margin-bottom:	4pt;
}

h2
{
	font-size:			15pt;
	font-weight:		normal;
	margin-top:		4pt;
	margin-bottom:	0pt;
}

h3
{
	font-size:			12pt;
	font-weight:		normal;
	margin-top:		3pt;
	margin-bottom:	0pt;
}
*/
table
{
	margin:				10px;
	border-spacing:		0px;
	border-collapse:	collapse;
}

table td
{
	padding:			2pt;
	padding-left:		3pt;
	padding-right:		3pt;
	border:				1px solid #9EB3DE;
	text-align:			left;
}

table th
{
	padding:			2pt;
	border:				1px solid #9EB3DE;
	text-align:			left;
}

table.nolines td, table.nolines th
{
	border: 			0px;
	padding: 			0.75pt;
}

table.hover tr:hover td
{
	background:			#F0F0F0;
}

ul
{
	list-style-type: 	square;
}

fieldset
{
	border: 			1px solid #9EB3DE;
	padding:			8pt;
}

legend
{
	color:				#000;
}

hr
{
	width:				85%;
	height:				1px;
	margin-top:			20pt;
	margin-bottom:		20pt;
	background:			#9EB3DE;
	border:				0px;
}

textarea, input[type=text], input[type=password], select
{
	background:			#E3ECFA;
	border:				1px solid #9EB3DE;
	padding:			2pt;
	margin:				2px;
}

input
{
	margin:			2px;
}

textarea:hover, input[type=text]:hover, input[type=password]:hover, select:hover,
textarea:focus, input[type=text]:focus, input[type=password]:focus, select:focus
{
	background:		#E8F1FF;
	border:			1px solid #7F90B2;
}

.small
{
	font-size:		8pt;
}

.highlight
{
	border: 1px solid #AAA;
	background: #F0F0F0;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8pt;
	margin-bottom: 8pt;
	padding: 10pt;
	box-shadow: 5px 10px 15px silver;
	border-radius: 10px;
}

img.picture
{
	display: block;
	border: 1px solid #666;
	margin-left: auto;
	margin-right: auto;
	margin-top: 8pt;
	margin-bottom: 8pt;
}
img.thumbnail
{
	display: block;
	border: 1px solid #666;
	margin-left: auto;
	margin-right: auto;
}

img.preview
{
	display: block;
	border: 2px solid #888;
	margin-left: auto;
	margin-right: auto;
}
/* IE6 workarounds  */
#menu
{
	text-align: left;
}

#menu ul
{
	margin-left: 0px;
	padding-left: 0px;
}

/*
#menu a
{
	width: 100%;
}

#menu ul
{
	list-style-type: none;
	list-style-position:inside;
}

#menu li
{
	width: 100%;
	overflow:hidden;
	list-style-type: none;
}

body, .picture, hr
{
	text-align: center;
}

*/