@charset "utf-8";


/**********************************************
	GLOBAL
**********************************************/
 

* { margin:0; padding:0; border: 0; }

/* 10px = 1em */
body 
{ 
	font-size:11pt;
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	color: #000;
	background-image:url(../images/background/background.png);
	background-position: 0 55px;
	background-repeat: repeat-x;
}

html > body 
{
	font-size: 12px;
}


/* global styles */

.fixfloat 				{ clear: both; float: none; height: 0; font-size: 0; width: 0; line-height: 0px; }
.invisible 				{ visibility: hidden; display: none; }
.nopadding 				{ padding: 0 !important; }
.nopadding-top 		{ padding-top: 0 !important; }
.nopadding-right	{ padding-right: 0 !important; }
.nopadding-bottom	{ padding-bottom: 0 !important; }
.nopadding-left		{ padding-left: 0 !important; }
.nomargin 				{ margin: 0 !important; }
.nomargin-top			{ margin-top: 0 !important; }
.nomargin-right		{ margin-right: 0 !important; }
.nomargin-bottom	{ margin-bottom: 0 !important; }
.nomargin-left		{ margin-left: 0 !important; }
.noborder					{ border:0 none !important; }
.noborder-top			{ border-top: none !important; }
.noborder-right		{ border-right: none !important; }
.noborder-bottom	{ border-bottom: none !important; }
.noborder-left		{ border-left: none !important; }
.float-left				{ float: left !important; }
.float-right			{ float: right !important; }
.hidden						{ visibility: hidden; }
.invisible				{ height: 0; }

.spacer-3,
.spacer-5,
.spacer-10,
.spacer-20,
.spacer-30,
.spacer-40,
.spacer-50 {
	font-size: 0;
	clear: both;
	float: none;
}

.spacer-3  { height: 3px; }
.spacer-5  { height: 5px; }
.spacer-10 { height: 10px; }
.spacer-20 { height: 20px; }
.spacer-30 { height: 30px; }
.spacer-40 { height: 40px; }
.spacer-50 { height: 50px; }



/* cof = clear-on-focus */
.cof { }

.rounded-corners
{
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.lucent {
	filter:alpha(opacity=75); 
	-moz-opacity:0.75;
	opacity:0.75;
}


.x-layer {
	border: 1px solid #ddd;
}


/**********************************************
	Map
**********************************************/

#plan_wr_r,
#plan_wr {
	position:relative;
	xwidth: 800px;
	xheight: 600px;
	xoverflow:hidden;
}

#plan_wr_rc {
	xwidth: 800px;
	xheight: 620px;	
}

.map-icon {
	position:absolute;
	left:0;
	top:0;
	border: 5px solid transparent;
}


/**********************************************
	InnerWindow
**********************************************/


.w-content {
	padding:5px;
}

.w-content ul {
	list-style: square outside none;
	margin:5px 10px 5px 10px;
	padding:0;
}

.w-content ul li {
	margin: 0 0 3px 5px;
}

.w-icon,
.w-img {
	float:left;
	margin: 0 10px 5px 0;
}

.w-hr {
	line-height:1px;
	font-size:1px;
	margin: 5px 0 5px 0;
	background-color:#002b4e;
	height: 1px;
	clear:left;
}

.w-content p {
	margin: 5px 0 5px 0;
	font-size: 11px;
}

.w-content h1 {
	font-size: 12px;
}

#gmap {
	xheight:300px;
	xborder: 1px solid #002b4e; 
}

.w-content a {
	color:#000;
}

/**********************************************
	CONTAINER
**********************************************/

#globalWrapper {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background-image:url(../images/frame/schatten-rechts.png);
	background-position: top right;
	background-repeat: repeat-y; 
}

#innerWrapper {
	background-color:#fff;
	xborder: 1px solid green;
	margin: 0 10px 0 0;
}


#head {
	height:55px;
}

#nav {
	width: 180px;
	padding: 0;
	text-align: left;
	border-top: 1px solid #002b4e;
	float:left;
	background-color:#fff;
}

#content {
	margin-left:190px;
	border-top: 1px solid #002b4e;
	xpadding: 0 0 10px 0;
	xborder: 1px solid red;
}

#footer {
	margin: 0 0 0 0;
	padding: 5px 0 10px 0;
	border-top: 1px solid #002b4e;
	filter:alpha(opacity=0); 
	-moz-opacity:0;
	opacity:0;
	xborder: 1px solid #002b4e;
}


/**********************************************
	FOOTER
**********************************************/

.footernav {
	float:right;
	padding: 0 5px 0 0;
}

/**********************************************
	MENU
**********************************************/
#nav ul {
	list-style:none outside none;
	margin:0;
	padding:0;
	font-size:95%;
}

#nav ul {
	list-style:none outside none;
	margin:0;
	padding:0;
}

#nav ul ul {
	background-color:#bfcad3;
	margin: 0 0 5px 30px;
}

#nav ul ul span {
	font-weight:bold;
	padding: 10px 0 3px 5px;
	display:block;
}

#nav ul ul li a {
	padding: 3px 0 3px 5px;
}

#nav ul ul li span a {
	padding: 3px 0 3px 0;
}

#nav a {
	text-decoration:none;
	color:#000;
	display:block;
}

#nav a:hover,
#nav a.selected {
	text-decoration:none;
	color:#fff;
	background-color:#396cae;
}

#nav ul li a {
	padding: 5px 0 5px 30px;
	border-bottom:1px solid #002b4e;
}

/**********************************************
	MENU-COLORS
**********************************************/

#nav a.kirche:hover,
#nav a.kirche.selected { background-color:#ede8f3; color:#572381; }
#nav ul ul.kirche { background-color:#ede8f3;}
#nav ul ul.kirche a:hover, #nav ul ul.kirche a.selected { background-color:#ede8f3; color:#572381; }

#nav a.kinder:hover,
#nav a.kinder.selected { background-color:#fff4e8; color:#ef7f00; }
#nav ul ul.kinder { background-color:#fff4e8;}
#nav ul ul.kinder a:hover, #nav ul ul.kinder a.selected { background-color:#fff4e8; color:#ef7f00; }

#nav a.bildung:hover,
#nav a.bildung.selected { background-color:#fdece4; color:#e3001a; }
#nav ul ul.bildung { background-color:#fdece4;}
#nav ul ul.bildung a:hover, #nav ul ul.bildung a.selected { background-color:#fdece4; color:#e3001a; }

#nav a.sozdienste:hover,
#nav a.sozdienste.selected { background-color:#e9ebf5; color:#00519e; }
#nav ul ul.sozdienste { background-color:#e9ebf5;}
#nav ul ul.sozdienste a:hover, #nav ul ul.sozdienste a.selected { background-color:#e9ebf5; color:#00519e; }

#nav a.wohnenalter:hover,
#nav a.wohnenalter.selected { background-color:#f0f5eb; color:#2c982e; }
#nav ul ul.wohnenalter { background-color:#f0f5eb;}
#nav ul ul.wohnenalter a:hover, #nav ul ul.wohnenalter a.selected { background-color:#f0f5eb; color:#2c982e; }

#nav a.friedhoefe:hover,
#nav a.friedhoefe.selected { background-color:#f7f5ea; color:#aea112; }
#nav ul ul.friedhoefe { background-color:#f7f5ea;}
#nav ul ul.friedhoefe a:hover, #nav ul ul.friedhoefe a.selected { background-color:#f7f5ea; color:#aea112; }


/**********************************************
	Links
**********************************************/

#content a,
#content a:visited { 
	color:#000;
	text-decoration: underline;
}
#content a:hover {
	color:#002b4e;
	text-decoration: none;
}
#content a:active {
	color:#002b4e;
	text-decoration: none;
}

#footer a,
#footer a:visited { 
	color:#000;
	text-decoration: none;
}
#footer a:hover {
	color:#002b4e;
	text-decoration: underline;
}
#footer a:active {
	color:#002b4e;
	text-decoration: none;
}

#content h2 a,
#content h2 a:visited { 
	text-decoration: none;
}

/**********************************************
	Content Parts
**********************************************/

.wrc-3 {
	width:700px;
	padding: 10px 20px 10px 20px;
	float:left;
}

.wrc-4 {
	width:700px;
	padding: 10px 20px 10px 20px;
	float:left;
}

.fl-200 {
	float:left;
	width:210px;
	margin: 0 30px 0 0;
}

.fl-100 {
	float:left;
	width:100px;
	margin: 0 25px 0 0;
	text-align:center;
}

.fl-120 {
	float:left;
	width:120px;
	margin: 0 50px 10px 0;
	text-align:center;
}

.hr {
	border-top: 1px solid #002b4e;
	margin: 5px 0 5px 0;
	height:1px;
	font-size:1px;
	line-height:1px;
	clear:both;
}

p.stitle {
	font-variant:small-caps;
}
img.startlogo {margin: 10px 0 20px 0;display:block;}
img.infoimg {margin: 10px 0 10px 0;display:block;}
.email { font-style:italic; }

/**********************************************
	Messages / Windows
**********************************************/
/*



.x-panel-ghost {
    background:#363636;
}

.x-panel-ghost ul {
    border-color:#000000;
}

.x-grid-panel .x-panel-mc .x-panel-body {
    border:1px solid #000000;
}
.x-panel {
    border-style: solid;
    border-color: #000000;
}
.x-panel-header {
    color:#eeeef0;
	border:1px solid #000000;
    background-image:url(/javascripts/ext/resources/images/black/panel/white-top-bottom.gif);
}

.x-window-proxy {
    background:#363636;
    border-color:#000000;
}
*/


.x-max-zindex {
	z-index:11999 !important;
}
.x-local {
	text-align:left;
}


/* mask */
.ext-el-mask {
    background-color: #000000;
}
.ext-el-mask-msg {
    border:1px solid #444444;
    background: #666666;
}
.ext-el-mask-msg div {
    border:1px solid #888888;
}


.x-window {
	-moz-border-radius-bottomleft:2px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-topleft:2px;
	-moz-border-radius-topright:2px;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	border:1px solid #396cae;
	background-color:#fff;
}

/* panel */
.x-local .x-panel {
    border-style: solid;
    border-color: #000000;
}
.x-local .x-panel-header {
    color:#000;
	border:1px solid #000000;
    xbackground-image:url(/local/javascripts/ext/resources/images/black/panel/white-top-bottom.gif);
}

.x-local .x-panel-body {
    border-color:#000000;
}

.x-local .x-panel-bbar .x-toolbar {
    border-color:#000000;
}

.x-local .x-panel-tbar .x-toolbar {
    border-color:#000000;
}

.x-local .x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    border-color:#000000;
}
.x-local .x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-color:#000000;
}
.x-local .x-panel-tl .x-panel-header {
    color:#eeeef0;
}
.x-local .x-panel-tc {
	background-image: none;
	xbackground-image:url(/local/javascripts/ext/resources/images/black/panel/top-bottom.gif);
}
.x-local .x-panel-tl {
	background-image: none;
	xbackground-image:url(/local/javascripts/ext/resources/images/black/panel/corners-sprite.gif);
    border-color:#fff;
}
.x-local .x-panel-tr {
	background-image: none;
	xbackground-image:url(/local/javascripts/ext/resources/images/black/panel/corners-sprite.gif);
}
.x-local .x-panel-bc {	
	background-image: none;
	xbackground-image:url(/local/javascripts/ext/resources/images/black/panel/top-bottom.gif);
}
.x-local .x-panel-bl {
	background-image: none;
	xbackground-image:url(/local/javascripts/ext/resources/images/black/panel/corners-sprite.gif);
}
.x-local .x-panel-br {
	background-image: none;
	xbackground-image:url(/local/javascripts/ext/resources/images/black/panel/corners-sprite.gif);
}
.x-local .x-panel-mc {
   	background:#fff;
    color:#000;
}
.x-local .x-panel-mc .x-panel-body {
    background:transparent;
    border: 0 none;
}
.x-local .x-panel-ml {
	background-image: none;
	xbackground-image:url(/local/javascripts/ext/resources/images/black/panel/left-right.gif);
	background:#fff;
}
.x-local .x-panel-mr {
	background-image: none;
	background:#fff;
	/*url(/local/javascripts/ext/resources/images/black/panel/left-right.gif);*/
}

/* Ghosting */
.x-panel-ghost {
    background:#363636;
}

.x-panel-ghost ul {
    border-color:#000000;
}


/* icons */
.x-accept-ico {
    background-image:url(/javascripts/ext/plugins/img/silk/icons/accept.png) !important;	
}

.x-content-ico {
    background-image:url(/javascripts/ext/plugins/img/silk/icons/comment.png) !important;	
}

/* window */

.winmsg {
	padding: 0.5em;
}

/* header */
.x-local .x-window-tl .x-window-header {
    color:#eeeef0;
}
.x-local .x-window-tc {
	xbackground-image:url(/javascripts/ext/resources/images/black/window/top-bottom.png);
	background-image:none;
	background-color:#002b4e;
}
.x-local .x-window-tl {
	xbackground-image:url(/javascripts/ext/resources/images/black/window/left-corners.png);
	background-image:none;
	background-color:#002b4e;
}
.x-local .x-window-tr {
	xbackground-image:url(/javascripts/ext/resources/images/black/window/right-corners.png);
	background-image:none;
	background-color:#002b4e;
}

/* bbar */ 
.x-local .x-window-bc {
	xbackground-image:url(/javascripts/ext/resources/images/black/window/top-bottom.png);
	background-image:none;
	background-color:#002b4e;
}
.x-local .x-window-bl {
	xbackground-image:url(/javascripts/ext/resources/images/black/window/left-corners.png);
	background-image:none;
	background-color:#002b4e;
}
.x-local .x-window-br {
	xbackground-image:url(/javascripts/ext/resources/images/black/window/right-corners.png);
	background-color:#002b4e;
	background-image:none;
}
.x-local .x-window-mc {
    border:1px solid #333333;
    xbackground:#454545;
    background-color:#fff;
    color: #000;
    
}

/* body */
.x-local .x-window-ml {
	xbackground-image:url(/javascripts/ext/resources/images/black/window/left-right.png);
	background-image:none;
	background-color:#002b4e;
}
.x-local .x-window-mr {
	background-image:none;
	background-color:#002b4e;
	xbackground-image:url(/javascripts/ext/resources/images/black/window/left-right.png);
}

.x-local .x-panel-ghost .x-window-tl {
    border-color:#000000;
}
.x-local .x-panel-collapsed .x-window-tl {
    border-color:#000000;
}

.x-local .x-window-mc {
    color: #000;
    xbackground: #222222;
 	background-color:#fff;
    border-left:1px solid #555555;
    border-top:1px solid #555555;
    border-bottom:1px solid #333333;
    border-right:1px solid #333333;
}

.x-local .x-window-body {
    border-left:0px solid #555555;
    border-top:0px solid #555555;
    border-bottom:0px solid #333333;
    border-right:0px solid #333333;
    /*background:transparent !important;*/
    background-color:#fff;
}



/* Tools  */
.x-local .x-tool {
    background-image:url(../../images/window/tool-sprites_r.gif);
}

body.x-body-masked .x-local .x-window-mc, body.x-body-masked .x-local .x-window-mc {
    color: #eeeeee;
    background-color: #1a1a1a;
}

.x-local .ext-mb-info{background:transparent url(/javascripts/ext/resources/images/black/window/icon-info.png) no-repeat top left !important;}


/* Buttons */
.x-local .x-btn {
	width: auto !important;
	padding: 0;
	text-align: center;
	font-size: 13px;
	cursor: pointer;
	background-color: #002b4e;
	border: 2px solid #afafaf;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;	
}

.x-local .x-btn:hover {
	background-color: #396cae;
	border-color: #afafaf;
	color: #fff;
}

.x-local .x-btn:active {
  background-color: #afafaf;
  border-color: #396cae;
  color: #000;
}
.x-local .x-btn-text{
	color: #eeeef0;
	font-weight:bold !important;
}
.x-local .x-btn-left{
	xbackground-image:url(/javascripts/ext/resources/images/black/button/btn-sprite.gif);
	background-image:none;
}
.x-local .x-btn-right{
	xbackground-image:url(/javascripts/ext/resources/images/black/button/btn-sprite.gif);
	background-image:none;
}
.x-local .x-btn-center{
	xbackground-image:url(/javascripts/ext/resources/images/black/button/btn-sprite.gif);
	background-image:none;
}
.x-local .x-btn-menu-arrow-wrap .x-btn-center button {
    xbackground-image:url(/javascripts/ext/resources/images/black/button/btn-arrow.gif);
    background-image:none;
}
.x-local .x-btn-with-menu  .x-btn-center em {
    xbackground-image:url(/javascripts/ext/resources/images/black/toolbar/btn-arrow-light.gif);
    background-image:none;
}

.x-local .x-btn-text-icon .x-btn-with-menu .x-btn-center em {
    xbackground-image:url(/javascripts/ext/resources/images/black/toolbar/btn-arrow-light.gif);
    background-image:none;
}


/
/**********************************************
	Content
**********************************************/



#content p,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6
{
	color: #282b22;
	font-family: Helvetica, Arial, Verdana, sans-serif;
  font-weight: normal;
}

#content h2
{
  font-size: 17px;
  padding: 0 0 0 8px;
}

#content h3
{
  font-size: 14px;
  padding: 0 0 0 8px;
}

#content h4
{
  font-size: 12px;
  font-weight: bold;
  padding: 0 0 5px 0;
}

#content p
{
	padding: 0 0 10px 8px;
}


/**********************************************
	IE6
**********************************************/

/*
* html img,
* html div, 
* html span,  
* html li, 
* html a, 
* html span, 
* html li a { behavior: url("/local/media/styles/iepngfix.htc") !important; } make transparent PNGs work in IEs < 7 */