/* Wechselnde Headerbilder ****************************************/
.headerbild {
	height:109px;
	width: 575px;
	background:transparent url("headergrafiken/starseite.gif") 0 17px no-repeat; /* alle Seiten */
}
#headergrafik3{background: url(headergrafiken/frauenwerk.gif) 0 17px no-repeat;}
#headergrafik407{background: url(headergrafiken/veranstaltungen.gif) 0 17px no-repeat;}
#headergrafik5{background: url(headergrafiken/materialien.gif)0 17px no-repeat;}
#headergrafik6{background: url(headergrafiken/standpunkte.gif)0 17px no-repeat;}
#headergrafik7{background: url(headergrafiken/international.gif)0 17px no-repeat;}
#headergrafik8{background: url(headergrafiken/service.gif)0 17px no-repeat;}
#headergrafik9{background: url(headergrafiken/frauen.gif)0 17px no-repeat;}
#headergrafik10{background: url(headergrafiken/alleinmitkind.gif)0 17px no-repeat;}
/*******************************************************************/
* { margin: 0; padding: 0; }

html{
	height:100%;
}

body {
	background-color:#FFF;
	color:#333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:18px;
	margin:0;
	padding:0;
	height:98%;
}
blockquote {
	background-color:#BBADBC;
	border-left:1px solid #AC9FAB;
	margin:3px 0 20px;
	padding:3px;
}
pre, .code {
	background-color:#ccc;
	border:1px solid #999;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:150%;
	margin:3px 0 20px;
	overflow:auto;
	padding:6px 0 8px 10px;
}
address {
	border-left:6px solid #747474;
	font-style:normal;
	font-weight:bold;
	line-height:120%;
	margin:10px 0 20px;
	padding-left:10px;
}
input, textarea {
	background-color:#EEE;
	border:1px solid #dc006b ;
}
hr {
	border-top:solid #dc006b 1px;
	border-bottom:0px;
	clear:both;
	color:#CCCCCC;
	height:1px;
	line-height:0px;
	margin-bottom:18px;
	margin-top:18px;
}
h1 {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin:-4px 0 20px 0;
}
h2 {
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	margin:-4px 0 20px 0;
}
h3 {
	font-size:12px;
	line-height:18px;
	font-weight:bold;
	margin:-4px 0 20px 0;
}
h4 {
	font-size:11px;
	line-height:16px;
	font-weight:bold;
	margin:-4px 0 20px 0;
}
h5 {
	font-size:10px;
	line-height:16px;
	font-weight:bold;
	margin:-4px 0 20px 0;
}
/* h6 als Bildunterschrift */
h6 {
	font-weight:normal;
	font-size:11px;
	line-height:15px;
	text-align:left;
	margin-top:-16px;
}
ul {
	list-style-type:square;
	padding:0 0 18px 41px;
}
ol {
	line-height:150%;
	margin-bottom:10px;
	margin-left:0.9em;
	margin-top:0;
	padding-left:0.9em;
}
a, a:link, a:visited, a:focus {
	color:#dc006b;
	font-weight:normal;
	text-decoration:underline;
}
a:hover {
	color:#999;
	font-weight:normal;
	text-decoration:underline;
}
p {
	margin:0 0 18px;
}
.gross-pink {
	font-size: 16px; 
	line-height:23px;
	color: #dc006b; 
}
.gross-schwarz {
	font-size: 16px; 
	line-height:21px;
	color: #000000; 
}
.pink {
	color: #dc006b;	
}
.fett-pink {
	color: #dc006b;
	font-weight:bold;	
}
.top_space {
	margin-top:18px;
}

#fw_main {
	background:transparent url(images/fw-bg.jpg) repeat-x scroll 0 0;
	padding-bottom:20px;
	min-height:90%;
}
#fw_headertext {
	position:absolute;
	margin:17px 30px 0 0;
	width:98%;
	background:transparent;
	color:#740034;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	line-height:15px;
	z-index:1000;
}
.fw_container {
	margin:0 auto 0 30px;;
	position:relative;
	width:880px;
}
#fw_wrapper {
	overflow:hidden;
	padding-bottom:25px;
	padding-top:0px;
	width:880px;
}
#fw_wrapper_top {
	height:134px;
	margin:0;
	padding:0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#fw_navContainer {
	background:transparent url(images/fw_menu-bg.jpg) repeat-x scroll 0 0;
	clear:both;
	display:block;
	height:28px;
}

/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {
	margin-left:0;
	position:absolute;
}
#header_menu li {
	line-height: normal;
}
ul#header_menu  {
	z-index: 10; 
	clear: both;
}
#nav {
	background: url(images/fw_nav_border.gif) no-repeat scroll left 0;
	border:0 none;
	float:left;	
	height:28px;
	margin:0;
	padding:0;
}
#nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
	width:auto;
}

/* Root Level Link Formatting */
#nav ul li {
	color:#FFF;
	float:left;
	font-weight:normal;
	text-align:center;
}
#nav ul li a {
	background: url(images/fw_nav_border.gif) no-repeat scroll right 0; 
	scroll right 0;
	color:#dc006b;
	display:block;
	font-weight:normal;
	width:110px;
	padding:7px 0 7px;
	text-decoration:none;
}

/* Root Level link hover */
#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {
	background:transparent url(images/fw_hover.jpg) repeat scroll 0 0;
	color:#FFFFFF;
}
#nav a.menu-parent {
	background:transparent url(images/fw_hover.jpg) repeat scroll 0 0;
	color:#FFF;
}

/*Current page Customisations*/
#nav a.menu-current {
	font-weight:normal;
}
#nav .menu .home a {display: none;}

/* 2nd Child menu */
#nav .menu li ul {
	position: absolute; 
	width: 220px; 
	margin: 0; 
	padding-bottom:12px;
	display: none; 
	text-transform: none;  
	background:transparent url(images/fw_hover.jpg) repeat scroll 0 0;
	color:#FFFFFF;
}
#nav .menu li ul li {
	width: 11em; 
	text-align: left; 
	font-weight: normal; 
	margin: 0; 
	padding: 0; 
	padding-left:24px;
	line-height: 1.2em;
}
#nav .menu li ul li a {
	width: 10.5em; 
	padding: .3em .1em .3em .4em; 
	color: #fff; 
	font-weight: normal;  
	background: none;
}

/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { 
	background:transparent url(images/fw_hover.jpg) repeat scroll 0 0;
	color:#740034; 
	font-weight: normal;
}
#nav .menu li ul a.menu-parent {
	background:transparent url(images/fw_hover.jpg) repeat scroll 0 0;
	color:#FFF;
}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
	display: block;
}
#nav .menu li ul ul { 
	display: none;
}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
	display: none;
}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {
	display: block;  
	z-index: 1000;
}

/* 3rd Child Menu Appreances */
#nav .menu li ul li ul	{ margin: 10px 0 0 -40%; z-index: 9999;  background:transparent url(images/fw_hover.jpg) repeat scroll 0 0;         }
#nav .menu li ul li ul li	{width: 11em;}
#nav .menu li ul li ul li a 	{ width: 10.5em;}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul	{  width: 9em; background:transparent url(images/fw_hover.jpg) repeat scroll 0 0;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}

/* IE6 only 
*html #nav .menu li ul li ul {margin-left:0 ! important;}*/

/* IE7 only 
*+html #nav .menu li ul li ul {margin-left:0 ! important;}*/

/* Better: */
#nav li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

/* end menu */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* 2-Spalten-Layout
~~~~~~~~~~~~~~~~~~~~  */
#fw_content_right {
	background-color:transparent;
	width:220px;
	float:right;
	margin-top:29px;
}
#fw_content {
	width:635px;
	margin:0 25px 0 0;
	margin-top:29px;
}

/* Tabellen-Design Veranstaltungen
~~~~~~~~~~~~~~~~~~~~  */
TABLE { border-collapse:collapse;
}  
TD { border-top:1px #DC006A solid;border-bottom:1px #DC006A solid; padding:14px 0 24px 17px;
}
tr { vertical-align:top; margin-bottom:6px;
}
.line_space { height:9px; padding:0; line-height:0; border:0;
}
.cell_grau{background:#EEE;
}
.cell_pink{background:#FBE5F1 url(images/fw_cell_pink.gif) repeat-y scroll 0 0;
}
#fw_content .fw_block_main table {
	clear:left;
	float:right;
	margin-bottom:18px;
}

/* Content-Blöcke
~~~~~~~~~~~~~~~~~~~~  */
#fw_content .fw_block_main h1{
	margin-bottom:27px;
}
#fw_content .fw_block_main .listheader {
	clear:both;
	background-color:#FBE5F1;
	border-top: 1px solid #dc006b;
	border-bottom: 1px solid #dc006b;
	margin:0 0 8px 0;
	padding:6px 0 6px 17px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}
#fw_content h1, #fw_content h2, #fw_content h3, #fw_content p {
	margin-left:17px;
}
.fw_block_right {
	background:transparent;
	display:block;
	overflow:none;
	padding:0;
	font-size:11px;
	text-align:left;
}
#fw_content_right .fw_block_right {
	background-color:transparent;
}
#fw_content_right .fw_block_right h2, #fw_content_right .fw_block_right h3, fw_content_left .fw_block_left h2, #fw_content_left .fw_block_left h3 {
	font-size:12px;
	line-height:18px;
	margin-top:0;
}
#fw_content_right .fw_block_right h3 {
	background-color:#FBE5F1;
	border-top: 1px solid #dc006b;
	border-bottom: 1px solid #dc006b;
	margin:0 0 8px 0;
	padding:6px 0px 6px 12px;
	font-size:11px;
}
.box_monatsspruch {
	background-color:#FBE5F1;
	border-top: 1px solid #dc006b;
	border-bottom: 1px solid #dc006b;
	margin-bottom: 8px;
	padding:14px 12px 6px 12px;
}
.monatsspruch{
	font-size: 16px;
	line-height:23px;
	color: #dc006b;
	font-weight:normal;
}
.bibelstelle{
	font-size:11px;
	font-weight:normal;
}
#fw_content_right .fw_block_right .content_hellgrau {
	background-color:#EDEBEC;
	border-top: 1px solid #dd006a;
	border-bottom: 1px solid #dd006a;
	margin:0 0 8px 0;
	padding:6px 0px 6px 0px;
	font-size:11px;
}
.box_monatsspruch p, .box_monatsspruch div, .content_hellgrau p, .content_hellgrau div {
	margin-top:0 ;
	margin-bottom: 8px;
}
#fw_content_left ul, #fw_content_right ul, #fw_content .fw_block_main ul {
	list-style-type:square;
	padding:0 0 18px 24px;
}

/* Footer-Block
~~~~~~~~~~~~~~~~~~~~  */
#fw_footer {
	background:transparent;
	clear:both;
	color:#A3A3A3;
}
#fw_footer a {
	color:#A3A3A3;
	text-decoration:underline;
}
#fw_footer a:hover {
	color:#333;
	text-decoration:underline;
}
#footer_text {
	float:left;
	padding:20px 0 0 0;
}