@import url(mailform.css);

body {
	margin-top: 20px;
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	background-color: #999999;
	text-align: center;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #333333;
}

/* -------------------------------------------------- Basics -------------------------------------------- */

h1 {
	font-family: Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-top: 0;
	font-size: 2em;
	color: #009900;
	font-weight: normal;
	margin-bottom: 1.5em;
}

h2 {
	font-size: 1.5em;
	color: #666666;
	font-weight: normal;
}

h3 {
	font-size: 1em;
	color: #333333;
	font-weight: bold;
	margin-bottom: 0px;
}

h4 {
	font-size: 1em;
	font-weight: bold;
	font-style: italic;
	color: #333333;
	margin-bottom: 0px;
}

img {
	border-width: 0px;
}

strong, b {
	color: #333333;
}

a {
	color: #009900;
}
#maincontent p {
	line-height: 1.5em;
	margin-top: 0px;
}
#maincontent table {
	font-size: .8em;
	
}

#maincontent ul {
	list-style-image: url(../images/list_item_fh.gif);
}


/* ------------------------------------------ Stellenangebote ------------------------------------------- */

.Stellenbezeichnung {
	margin-bottom: 0px;
}

.Stellenbezeichnung2 {
	margin-top: 0px;
	font-weight: bold;
}


/* ------------------------------------------------- Aktuell -------------------------------------------- */


p.AktuellDatum {
	text-align: right;
	font-size: .8em;
	font-weight: bold;
	margin-bottom: 0px;
}

img.AktuellFoto {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

p.Einleitung {
	font-weight: bold;
	color: #333333;
	line-height: 1.5em;
}

p.AktuellAbstract {
	margin-top: 0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #009900;
}

/* -------------------------------------------------- Layout -------------------------------------------- */

div#Container {
	background-color: #FFFFFF;
	width: 780px; 
/*	height: 600px; */
	margin: 0 auto;
	text-align: left;
	background-image: url(../images/mainmenu_bg.gif);
	background-repeat: repeat-y;
	overflow: visible; 
}

div#main {
/*	height: 200%;  */
	overflow: visible;
}

div#rightarea {
	float: left;
	width: 564px;
	padding: 0 0 0 0;
}

/* --------------------------------------------------- Head ----------------------------------------------*/


div#headercollage {
	left: 0px;
	top: 0px;
	height: 62px;
	width: 400px;
	background-image: url(../images/foto_collage_home.jpg);
	background-repeat: no-repeat;
	
	
}

div#header1 {
	
	height: 62px;
	background-image: url(../images/header_bg_kirche.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #009900;
	text-align: right;
}

div#header2 {
	position: relative;
	width: 100%;
	40px;
}

img#FriedehorstLogo {
	margin-top: 6px;
	margin-right: 8px;
}


span#topmenuarc {
	display: block;
	background-image: url(../images/header_topmenu_arc.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 18px;
	float: right;
	padding-bottom: 10px;
}


/* ------------------------------------------------- Hauptmenu/Topmenu --------------------------------------------*/

div#mainmenubar, div#mainmenubartopleft {
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	
	float: left; 
	width: 216px;
/*	width: 17em;  */
	margin:0;

/*	height: 400px; */
}

div#topmenu {
	float: left;
	width: 564px;
/*	height: 2.2em; */
	background-image: url(../images/header_bg_topmenu.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: white;
	overflow: hidden;
	padding-bottom: 10px;
	background-color: #ACCBAC;
	
}

div#topmenu ul {
	margin: 0;
	padding: 0;
	padding-left: 15px;
	background-image: url(/images/header_topmenu_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;

}

div#topmenu ul li, div#topmenu2 ul li {
	display: inline;
}

li.topmenuspacer {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;

}

#topmenu a {
	/*color: #E0FFE4;*/
	/*color: #E9E9E9;*/
	color: white;
	/* font-weight: normal;*/
}

#topmenu a:link, #topmenu a:visited {
	text-decoration: none;
}
#topmenu a:hover, #topmenu a:active {
	text-decoration: underline;
}

#topmenu a.active, #topmenu a.selected {
	color: white;
}

#topmenu a.selected {
	cursor: default;
	text-decoration: none;
	font-weight: bold;
}

/* -------------------------------------------------  Topmenu2  --------------------------------------------*/

div#topmenu2hd {
	width: 50px;
	height: 10px;
	background-image: url(/images/topmenu2_hd_fr_fh.gif);
	background-position: top right;
	background-repeat: no-repeat;
	/*padding: 0 10 0 3;*/
	color: #009900;
	font-weight: bold;
	font-size: .1em;

}

div#topmenu2 {
/*	background-color: #EAEAEA;*/
/*	background-image: url(/images/topmenu_frame_fh.gif);
	background-repeat: no-repeat; */
/*	padding-left: 2px;
	padding-top: 2px;*/
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #009900;
	border-bottom-color: #009900;
	border-top-style: solid;
	border-bottom-style: solid;
	
	margin-right: 10px;
	margin-bottom: 30px;
	
}



div#topmenu2 ul {
	margin: 0 0 0 3px;
	padding: 0;
}

#topmenu2 a {
	color: #666666;
	background-image: none ! important;
	padding: 0 ! important;
}

#topmenu2 a:link, #topmenu2 a:visited {
	text-decoration: none;
}
#topmenu2 a:hover, #topmenu2 a:active {
	text-decoration: underline;
}

#topmenu2 a.active, #topmenu2 a.selected {
	font-weight: bold;
}

#topmenu2 a.selected {
	cursor: default;
	text-decoration: none;
}

/* -------------------------------------------------  Mainmenu  --------------------------------------------*/

div.mainmenu {
	padding-left: 8px;
	padding-right: 10px;

}

#mainmenuhome {
	margin-top: 30px
}


div.mainmenu ul {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

div.mainmenu ul ul {
	padding-left: 18px;
}

div.mainmenu ul#mainmenu2 {
	padding-left: 18px;
}

div.mainmenu li {
	display: inline;
	list-style-type: none;
	
}

ul.mainmenu3 {
}


.mainmenu a {
	display:block;
	color: black;
	background-image: url(/images/menu1_bullet_fh.gif);
	background-repeat: no-repeat;
	font-size: 1.1em;
	font-weight: bold;
	background-position: 0px 3px;
	padding-left: 18px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}


.mainmenu a.active, .mainmenu a.selected {
	background-image: url(/images/menu1_bullet_fh_f2.gif);
}

a.selected {
	cursor: default;
	text-decoration: none;
}


.mainmenu ul ul a {
	background-image: url(/images/menu1sub_bullet_fh.gif);
	background-position: 0px 6px;
	padding-left: 13px;
	padding-bottom: 0px;
	margin-bottom: 8px;
}

.mainmenu ul ul a.active, .mainmenu ul ul a.selected {
	cursor: default;
	text-decoration: none;
	background-image: url(/images/menu1sub_bullet_fh_f2.gif);
}



.mainmenu a:link, .mainmenu a:visited {
	text-decoration: none;
}
.mainmenu a:hover, .mainmenu a:active {
	text-decoration: underline;
	background-image: url(/images/menu1_bullet_fh_f2.gif)
}

.mainmenu a.selected:hover {
	cursor: default;
	text-decoration: none;
}

.mainmenu ul ul a:hover, .mainmenu ul ul a:active {
	background-image: url(/images/menu1sub_bullet_fh_f2.gif);
}


a#bfw {
	background-image: url(/images/menu1_bullet_bfw.gif)
}
a#bfw:hover, a#bfw:active {
	background-image: url(/images/menu1_bullet_bfw_f2.gif)
}

a#nrz {
	background-image: url(/images/menu1_bullet_nrz.gif);
	margin-bottom: 0px;
}
a#nrz:hover, a#nrz:active {
	background-image: url(/images/menu1_bullet_nrz_f2.gif)
}

a#ab {
	background-image: url(/images/menu1_bullet_ab.gif);
	margin-bottom: 0px;
}
a#ab:hover, a#ab:active {
	background-image: url(/images/menu1_bullet_ab_f2.gif)
}

a#pflege {
	background-image: url(/images/menu1_bullet_pflege.gif);
	margin-bottom: 0px;
}
a#pflege:hover, a#pflege:active {
	background-image: url(/images/menu1_bullet_pflege_f2.gif)
}

a#gym {
	background-image: url(/gymnasium/images/menu1_bullet.gif);
	margin-bottom: 0px;
}
a#gym:hover, a#gym:active {
	background-image: url(/gymnasium/images/menu1_bullet_f2.gif);
}


a#vv {
	background-image: url(/images/menu1_bullet_vv.gif);
	margin-bottom: 0px;
}
a#vv:hover, a#vv:active {
	background-image: url(/images/menu1_bullet_vv_f2.gif)
}

a#beh {
	background-image: url(/images/menu1_bullet_beh.gif);
	/*margin-bottom: 0px;*/
}
a#beh:hover, a#beh:active {
	background-image: url(/images/menu1_bullet_beh_f2.gif)
}


a#jona {
	background-image: url(/jona/images/menu1_bullet.gif);
	margin-bottom: 0px;
}
a#jona:hover, a#gym:active {
	background-image: url(/jona/images/menu1_bullet_f2.gif);
}



a#bh {
	background-image: url(/images/menu1_bullet_bh.gif);
	margin-bottom: 0px;
}
a#bh:hover, a#bh:active {
	background-image: url(/images/menu1_bullet_bh_f2.gif)
}


a#ra {
	background-image: url(/images/menu1_bullet_ra.gif);
	margin-bottom: 0px;
}
a#ra:hover, a#ra:active {
	background-image: url(/images/menu1_bullet_ra_f2.gif)
}



a#home {
	background-image: url(/images/menu1_bullet_fh.gif);
}
a#home:hover, a#home:active {
	background-image: url(/images/menu1_bullet_bh_f2.gif)
}


ul.mainmenu3 a {
	background-image: url(../images/mainmenu2_arrow_green.gif);
	margin-top: 3px;
	margin-bottom: 5px;
	padding-left: 15px;
}

ul.mainmenu3 a:hover, ul.mainmenu3 a:active, ul.mainmenu3 a.active, ul.mainmenu3 a.selected {
	background-image: url(../images/mainmenu2_arrow_green_f2.gif);
}


#mainmenu2 span {
	display: block;
	margin-bottom: 10px;
	margin-left: 18px;
}

div#mainmenu2header {
	margin-bottom: 0px;
	margin-top: 20px;
	background-image: url(../images/mainmenu2_fhlogo09.gif);
	background-repeat: no-repeat;
	padding-right: 9px;
	padding-bottom: 20px;
	padding-left: 60px;
	padding-top: 27px;
}

span.mainmenu2header {
	display: block;
	line-height: 1.3em;
	margin-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-top: 1px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #009900;
	border-bottom-color: #009900;
	font-size: 1.1em;
	font-weight: bold;
}

div#mainmenu2header span.mainmenu2header {
	margin-top: 0;
	padding-left: 5px;
	font-size: 1.2em;
}



/* -------------------------------------------------   Inhalt  --------------------------------------------*/

div.maincontent, div.maincontent2 {
	float: left; 
	width: 360px;
/*	margin-left: 10px;*/
	margin-top: 80px;
	padding: 0 0 0 20px;
	
/*	background-color: #EBEBEB;*/
}

div.maincontent2 {
	width: 500px;
	
}

#maincontent p {

	line-height: 1.5em;
}
#maincontent table {
	font-size: 1em;
	line-height: auto;
	
}

#maincontent a:link, #maincontent a:visited {
	background-repeat: no-repeat;
}

#maincontent a.linkextern {
	background-image: url(/images/link_extern.gif);
	background-position: 0px 2px;
	padding-left: 18px;
}


#maincontent a.linkintern {
	background-image: url(/images/link_intern.gif);
	background-position: 0px 2px;
	padding-left: 18px;
}


#maincontent a.linkdocument {
	background-image: url(/images/link_doc.gif);
	background-position: 0px 2px;
	padding-left: 18px;
}

#maincontent a.linkmail {
	/*display: block;
	float: left;*/
	background-image: url(/images/link_mail.gif);
	background-position: 0px 2px;
	padding-left: 22px;
}

#maincontent span.phone {
	/*display: block;
	float: left;*/
	background-image: url(/images/link_phone.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 22px;
}

#maincontent span.fax {
	/*display: block;
	float: left;*/
	background-image: url(/images/link_fax.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-left: 22px;
}

/* ---------------------------------------------------- Fotos  ------------------------------------------------*/

.FotoRechts {
	font-size: .8em;
	/*display: block;*/
	float: right;
	margin-top: 5px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.FotoLinks {
	font-size: .8em;
	/*display: block;*/
	float: left;
	margin-top: 5px;
	margin-right: 15px;
	margin-bottom: 5px;
}



/* ------------------------------------------------- Telefonliste  --------------------------------------------*/


table.liste th, table.liste td {
	padding-right: 10px;
	vertical-align: top;
	text-align: left;
}

table.liste td {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #009900;
}


.AspFunktion {
	font-size: .8em;
}



/* -------------------------------------------------   Infobox  --------------------------------------------*/

div#InfoboxContainer {
	float: right;
	width: 156px;
	margin-right: 8px;
	margin-top: 80px;
	padding: 0;
/*	height: 300px; */
}

div.Infobox {
	background-image: url(/images/infobox_frame_fh.gif);
	background-repeat: no-repeat;
	padding-left: 7px;
	padding-top: 7px;
	margin-bottom: 30px;
}

div.InfoboxHead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #009900;
	border-right-color: #009900;
	border-bottom-color: #009900;
	border-left-color: #009900;
	background-color: #EBEBEB;
	background-image: url(../images/infobox_bullet_fh.gif);
	background-repeat: no-repeat;
	background-position: 4px 5px;
	padding: 2px 4px 2px 17px;
	font-weight: bold;
	letter-spacing: .1em;
	text-transform: uppercase;
}

div.InfoboxContent, div.InfoboxContentFrei {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .85em;
	background-color: #F9F9F9;
	background-position: 4px 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: .5em;
	border: 1px solid #009900;
/*	letter-spacing: -.05em;*/
}


.InfoboxContent p, .InfoboxContentFrei p {
	/*font-size: .85em;*/
	margin-top: 0;
	margin-bottom: .5em;
}

.InfoboxContent p {
	padding-left: 13px;
	background-image: url(../images/infobox_arrow_grey.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

.InfoboxContent strong, .InfoboxContentFrei strong {
	color: #555555;

}

.Infobox a {
	color: #009900;
	text-decoration: underline;
	background-image: none;
}

/*.Infobox a:link, .Infobox a:visited, .Infobox a:hover, .Infobox a:active {
	color: #009900;
	text-decoration: underline;
	background-image: inherit;
	background-repeat: no-repeat;
	
}*/


span.InfoboxHr {
	display: block;
	line-height: 10px;
	height: 10px;
	background-image: url(../images/infobox_hr.gif);
	background-repeat: repeat-x;
	background-position: left 8px;

	
}


/* -------------------------------------------------   Bottom  --------------------------------------------*/

div#bottombuttons {
	margin-top: 30px;
	margin-bottom: 15px;
	width: 544px;
	float: right;
	
	
}

div#bottombuttons a {
	text-decoration: none;
	color: black;
}

div#bottombuttons a:hover {
	text-decoration: underline;
}


a#btntop {
	background: url(../images/btn_top.gif) no-repeat;
	padding-left: 30px;
	float: left;
}

a#btnprint {
	background: url(../images/btn_print.gif) no-repeat;
	padding-left: 30px;
	float: right;
	margin-right: 50px;
}


div#bottom {
	background-color: #ebebeb;
	height: 39px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #009900;
	clear: both;
}

div#bottom1 {
	background-color: #666666;
	height: 39px;
	width: 213px;
}

div#bottom1 span {
	display:block;
	padding-left: 8px;
	padding-top: 10px;
}

div#bottom1 a {
/*	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	display: block;
	color: white;
	text-decoration: none;
	font-weight: bold;
	padding-left: 15px;
	background-image: url(../images/bottom_green_arrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

#bottom1 a:hover, #bottom1 a:active {
	background-image: url(../images/bottom_green_arrow_f2.gif);
	text-decoration: underline;
}

#test {
	display: inline;
	width: 780px;
	height: 1px;
	background-color: blue;
}



p#pbottom {
	width: 780px;
	clear: both;
}


table.tbButtonWysiwygDefaultStyle td, table.tbButtonWysiwygDefaultStyle th {
	padding: none ! important;
	border: none ! important;
}


/* ------------------------------------------   Formulare   ------------------------------------------ */


#maincontent input, #maincontent textarea {
	color: black;
	background-color: white;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: 1px solid #009900;
	margin: 2px;
} 

/*div.Infobox input {
	color: #666666;
	background-color: #E3F4E3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #009900;
	width: 200px;
} 
*/


#notiz {
	width: 300px;
}
#anrede {
	width: auto;
}
input.checkbox {
	width: auto;
	border: none;
}



#PLZ {
	width: 45px;
}
#search {
	width: 50px;
	background-color: #66CC66;
	color: white;
	font-size: 10px;

}

#maincontent input.submit, #absenden {
	background-color: #EAEAEA;
	font-weight: bold;
	/*margin-bottom: 10px;*/
	margin-top: 10px;
	width: auto;
}

div#searchbox {
	float: right;
	width: 300px;
	text-align: right;
}

#searchbox input.submit {
	background-color: #EAEAEA;
	font-weight: bold;
	width: 50px;
	margin: 0 8px 0 5px;
}

#searchbox input {
	color: black;
	background-color: white;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: .8em;
	border: 1px solid #009900;
	width: 99px;
}


@page { size:21.0cm 14.85cm;
        margin-top:2cm;
        margin-bottom:2cm;
        margin-left:2cm;
        margin-right:2cm
}

#main:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #main {height: 1%;}
/* End hide from IE-mac */