/*css layout formatting done by mtness.net*\
		on behalf of primel.net
		for http://sfi-frankfurt.de/
\*              2007-09-14                */

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

html
{
}
body
{
	padding: 144px 0 32px 0;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 1em;
	line-height: 1em;
	z-index: 0;
	background: #fff center repeat-y url(../images/sfi_bg.gif);
	overflow-y: scroll;
}
#header
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 144px;
	border-bottom: 0px solid #c3c3c3;
	background: #fff;
	z-index: 23;
}

#menu_wrap
{
	position: absolute;
	width: 100%;
	top: 0px;
}

#footer 
{
	width: 100%;
	height: 32px;
	position: absolute;
	bottom: 0px; /*ugly fix for IE*/
	left: 0;
	border-top: 0px solid #ddd;
	color: #fff;
	background: #fff center no-repeat url(../images/sfi_bg_bottom.gif);
	z-index: 23;
}

@media all
{
	html>body>div#header,
	html>body>div#footer,
	html>body>div#menu_wrap

	{
		position: fixed;

	}

	.keywords { display: none; }
	.hidden { display: none; }

	#rootline 
	{
		position: relative;
		top: -4px;
		left: 0;
		width: 499px;
		padding: 0px 0 12px 8px; 
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 10px;
		color: #333;
		z-index: 5;
	}
	#rootline a	{ color: #01354D; text-decoration: none; }
	#rootline a:link   { }
	#rootline a:visited{ }
	#rootline a:hover  { color: #4C92AB; }
	#rootline a:active { }

	#multilang
	{
		position: fixed;
		top: 0;
		right: 0;
		padding: 0px 4px 0 0; 
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 9px;
		color: #c3c3c3;
		z-index: 5;
	}
	#multilang li { list-style: none; float: left; padding: 3px; }
	
	#topframe
	{
		position: relative;
		margin: 0 auto 0 auto;
		border-bottom: 0px solid #0f0;
		padding:0 1px 0 0;
		width: 960px;
		height: 144px;
		background: #fff center repeat-y url(../images/sfi_bg_plain.gif);
		z-index:23;
	}
	#bottomframe
	{
		position: relative;
		margin: 0 auto 0 auto;
		padding:0 1px 0 0;
		width: 960px;
		height: 32px;
		background: #fff top center no-repeat url(../images/sfi_bg_bottom.gif);
		z-index:24;
	}

	#logo
	{
		position: relative;
		top: 0px;
		left: 0px;
		height: 92px;
		background: #fff top center no-repeat url(../images/sfi_logo_bg.gif);
		z-index:23;
	}
	#claim
	{
		position: absolute;
		top: 55px;
		left: 280px;
		height: 0px;
		width: 352px;
		padding: 18px 0 0 0;
		overflow: hidden;
		background: no-repeat url(../images/sfi_claim.gif);	
		z-index:23;
	}
/* util_menu */
/* ************************************************************************** */
	#util_menu
	{
		position: relative;
		top: 4px;
		padding-left: 716px;
		height: 32px;
		z-index: 24;
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 10px;
		text-transform: uppercase;
		color: rgb(000,053,075);
	}
	#util_menu a 
	{
		color: rgb(000,053,075);
		text-decoration: none;
	}
	#util_menu a:hover 
	{
		color: rgb(141,180,196);
	}
	

/* menu */
/* ************************************************************************** */
	
	#menu_center
	{
		margin: 0 auto 0 auto;
		width: 960px;
		z-index: 3;
		background: #f00;
	}

	#menu
	{
		position: fixed;
		top: 144px;
		width: 200px;
		min-height: 512px; /* height adjustment necessary for visibility */
		padding: 0 0 0 2px;
		font-family: Frutiger, verdana, helvetica, arial, sans-serif;
		font-size: 11px;
		line-height: 17px;
		text-transform: uppercase;
		z-index: 5;
		float: left;
	}


  	#menu h1
	{
		position: relative;
		top: 20px;
 		border-top: 1px solid #fff;
 		border-left: 1px solid #c3c3c3;
 		border-bottom: 1px solid #fff;
		padding: 1px 32px 1px 32px;
		font-size: 18px;
		text-align: center;
		color: #fff;
	}
	#menu ul
	{
		position: relative;
		top: 0px;
		list-style: none;
		z-index: 2;
 	}
	
	/* hide from stupid IE6 */
	html>body #menu li
	{
		display: block;
		width: 180px;
		height: 20px;
		z-index: 2;
	}
	#menu li a 
	{
		display: block;
		color: rgb(000,053,075);
		text-decoration: none;
		width: 100%;
		padding: 0 0 0 0;
		z-index: 2;
		border-bottom: 1px solid #fff;
	}

	#menu li ul li a 
	{
		margin: 0 0 0 16px;
		padding: 0 0 0 32px;
		border-bottom: 1px solid #fff;
	}

	html>body #menu li a 
	{
		width: auto;
		z-index: 2;
		border-bottom: 1px solid #fff;
	}

/* 	#menu li a:hover 
	{
		border-bottom: 1px solid rgb(141,180,196);
		color: #000; 
		background: 22px center no-repeat url(../images/sfi_menu_bg.gif);
		z-index: 2;
	}
	#menu li ul li a:hover 
	{
		border-bottom: 1px solid #fff;
		color: #000; 
	}
 */
.home { padding: 0 0 10px 0; }
.Ambulanz { height: 16px; }
.Bibliothek { padding: 0 0 10px 0; }
.Sponsoren { padding: 0 0 10px 0; }

#menu li a.active 
{
 		border-bottom: 1px solid rgb(141,180,196);
		background: 22px center no-repeat url(../images/sfi_menu_bg.gif);
}

#menu li ul li a.active 
{
 		border-bottom: 1px solid #fff;
		background: 22px center no-repeat url(../images/sfi_menu_bg.gif);
}


/* content layout settings */
/* ************************************************************************** */

	#content_wrap
	{
	}
	#content_frame
	{
		margin: 0 auto 0 auto;
		border:0;
		padding:0 1px 0 0;
		width: 960px;
	}

	#content
	{
		position: relative;
		top: 0;
		left: 212px;
		width: 748px;
		padding: 0px ;
		font-family: verdana, helvetica, arial, sans-serif;
		font-size: 11px;
		line-height: 18px;
		text-align: left;
		color: #000;
		z-index: 4; 
	}
	#content_left
	{
		position: relative;
		top: 0;
		left: 0px;
		width: 460px;
		padding: 0 40px 0 8px;
		font-size: 11px;
		line-height: 18px;
		/*background: bottom right no-repeat url(images/content_bg_rc.png); */
	}
	#content_right
	{
		position: absolute;
		top: 0px;
		left: 508px;
		width: 200px;
		padding: 0 32px 32px 8px;
		font-size: 10px;
		line-height: 13px;
		color: rgb(000,053,075);
		/*background: bottom right no-repeat url(images/content_bg_rc.png); */
	}
	
	#content_right a { font-weight: bold; color: rgb(076,135,157) }
	#content_right a:link   { text-decoration: none;}
	#content_right a:visited{ text-decoration: none;}
	#content_right a:hover  { text-decoration: underline;}
	#content_right a:active { text-decoration: none;}


/* specific content setup */
/* ************************************************************************** */

ul.csc-menu-3 { list-style: none; clear: left; }
li.csc-section{ float: left; padding-right: 1em;}

.anchor	{ 
	margin-top:-160px;
	padding-top:160px;
}

.csc-header h1
{
	font-size: 20px;
	padding-top: 32px;
}

.address
{
	position: relative;
	margin: 0 0 16px 0;
	padding: 12px 32px 0px 16px;
	background: #D6E5EB;
	width: 183px;
}

.infolinks
{
	width: 215px;
	margin: 0 0px 16px 0;
	border-bottom: 1px solid #8CB8CB;
	padding: 0px 16px 0px 0px;
}

.actual
{
	position: relative;
	width: 183px;
	margin: 0 0px 16px 0;
	border-top: 1px solid #8CB8CB;
	border-bottom: 1px solid #8CB8CB;
	padding: 12px 32px 0px 16px;
}

.infobox
{
/* 	position: relative; */ /* needs to be removed due to Safari v2. */
	background: #F5EEDA;
	width: 183px;
	margin: 0 0 16px 0;
	padding: 12px 32px 0px 16px;
}

/* content elements formatting */
/* ************************************************************************** */

#gheader h2	{ font-size: 12px; font-weight: normal; color: rgb(000,053,075); text-align: right; padding: 0 0 24px 0; }

/* #content h1 { font-size: 25px; color: rgb(076,135,157); margin: 0px; padding: 0 0 8px 0; } */
#content_left .csc-header h1 { font-size: 11px; color: rgb(000,053,075); margin: 0px; padding: 0; }
#content_left .csc-header h3 { font-size: 13px; font-weight: normal; color: rgb(000,053,075); margin: 0 0 8px 0; border-bottom: 1px solid #4C92AB; padding: 0 0 4px 0; }
#content_right h1 { font-size: 20px; color: rgb(076,135,157); margin: 0 0 8px 0 ; padding: 0; }
#content_right h2 { font-size: 13px; color: rgb(076,135,157); margin: 0 0 8px 0 ; padding: 0; }
#content_right h3 { font-size: 13px; font-weight: normal; color: rgb(000,053,075); margin: 0px; padding: 0 0 12px 0; }
#content h4 { font-size: 1.0em; margin: 0px; padding: 0 0 8px 0; }
#content h5 { font-size: 1.0em; margin: 0px; padding: 0 0 8px 0; }
#content h6 { font-size: 1.0em; margin: 0px; padding: 0 0 8px 0; }
#content p  { margin: 0; padding: 0 0 12px 0; clear: left; }
#content ol { margin: 0 0 8px 24px; padding: 0 0 8px 0; }
#content ul { margin: 0 0 8px 16px; padding: 0 0 8px 0; }
#content em {  }
#content i  { padding: 0 0 12px 0; clear: left; }
#content li { margin-bottom: 5px; }

#content hr { width: 100%; height: 1px; background: #4C92AB; margin: 0 0 4px 0; padding: 0; }

#content_left a	{ font-weight: bold; color: rgb(076,135,157); }
#content_left a:link   { text-decoration: none;}
#content_left a:visited{ text-decoration: none;}
#content_left a:hover  { text-decoration: underline;}
#content_left a:active { text-decoration: none;}

/* typo3 specific settings */
/* ************************************************************************** */

.csc-mailform 					{ font-family: verdana, helvetica, arial, sans-serif; font-size: 1.1em; overflow:hidden; }
.csc-mailform label 			{ display: block; float: left; text-align: right; overflow:hidden; }
.csc-mailform-field 	 		{ padding: 2px; }
.csc-mailform-field input 		{ border: 1px solid #c3c3c3; padding: 1px; z-index: 4;overflow:hidden; }
.csc-mailform-field input:hover { border: 1px solid #666666; background: #c3c3c3; overflow:hidden; }
.csc-mailform-field input:focus { border: 1px solid #999999; background: #eeeeee; overflow:hidden; }
.csc-mailform-field textarea 	{ border: 1px solid #c3c3c3; z-index: 4;overflow:auto; width: 99%; }
.csc-mailform-submit 			{ right: 0; margin-left: 224px; padding: 2px; }

.csc-textpic-imagewrap	{ padding: 8px; }
.csc-textpic-caption	{ font-size: 10px; line-height: 13px; color: rgb(000,053,075); }

.tx-indexedsearch-searchbox { margin: 16px 0 0 0; background: #F5EEDA; padding: 16px 16px 4px 16px; }

.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
	border:2px solid #B5B5AB;
	padding:2px;
	width: 250px;
}
.tx-indexedsearch .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
	margin: 8px 0 0 0;
	border:2px solid #B5B5AB;
	padding:1px;
	width: 150px;
}

.tx-indexedsearch-searchbox tr { margin: 8px 0 0 0; }
.tx-indexedsearch-searchbox td { margin: 8px 0 0 0; padding: 4px 0 4px 4px; }

select.tx-indexedsearch-selectbox-type,
select.tx-indexedsearch-selectbox-defop,
select.tx-indexedsearch-selectbox-media,
select.tx-indexedsearch-selectbox-lang,
select.tx-indexedsearch-selectbox-sections,
select.tx-indexedsearch-selectbox-order,
select.tx-indexedsearch-selectbox-desc,
select.tx-indexedsearch-selectbox-results,
select.tx-indexedsearch-selectbox-group { border: 2px solid #B5B5AB; padding: 2px; }

select.tx-indexedsearch-selectbox-type,
select.tx-indexedsearch-selectbox-media,
select.tx-indexedsearch-selectbox-sections,
select.tx-indexedsearch-selectbox-order,
select.tx-indexedsearch-selectbox-results,
select.tx-indexedsearch-selectbox-group { width: 150px; }

select.tx-indexedsearch-selectbox-defop,
select.tx-indexedsearch-selectbox-lang,
select.tx-indexedsearch-selectbox-desc { width: 150px; }


#content .tx-indexedsearch-searchbox form p {
	margin: 8px 0 0 0;
	text-align: right;
}

.printview { display: none; }

span.printAll { margin-left: 20px;}

/* table.contenttable
{
	border-top: 1px solid #000;
}
.contenttable td
{
	padding: 6px;
	border-bottom: 1px solid #000;
}
#content .contenttable td p
{
	padding: 0;
}
 */
	#legal
	{
		position: fixed;
		bottom: 0;
		width: 100%;
		height: 14px;
		border: 0px solid #000000;
		font: 9px verdana;
		text-align: center;
		color: #000;
		z-index: 21;
	}
	
	#legal a { color: #060606; }
	#legal a:link   { text-decoration: none;}
	#legal a:visited{ text-decoration: none;}
	#legal a:hover  { text-decoration: underline;}
	#legal a:active { text-decoration: none;}

	#mtness
	{
		position: fixed;
		bottom: 3px;
		right: 3px;
		border: 0px solid #000000;
		z-index: 23;
	}

	
}

/* opera specific settings */
/* ************************************************************************** */
@media all and (min-width:0px) {
	head~body #topframe { padding: 0; }
	head~body #bottomframe { padding: 0; }
	head~body #content_frame { padding: 0; }
	head~body #content_left h1 { font-size: 20px; }
	head~body #content_right h2 { font-size: 16px; }
	head~body #content_right h3 { font-size: 12px; }
	head~body #menu_wrap	{ position: fixed; }
	head~body #menu		{ position: relative; font-size: 10px; }
}