body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
}

#wrapper {
	width: 842px;
	margin-left: 30px;
	padding-bottom: 30px;
	position: relative;
}


/*
 *  Top Navigation
 */
#nav-top {
	height: 17px;
	font-size: 11px;
	padding-top: 8px;
	letter-spacing: 0.55pt;
	color: #666;
	background-color: #fff;
}
#nav-top-kns {
	float: left;
}
#nav-top-home {
	float: right;
}

#nav-top a { color: #666; }
#nav-top a.act,
#nav-top a:hover,
#nav-top a:active { color: #f90; }


/*
 *  Header
 */
#head {
	height: 130px;
	background: #369 url(img/allg/bildmarke.gif) no-repeat;
	position: relative;
	/*margin-bottom: 2px;*/
}
#head-logo {
	width: 430px;
	height: 130px;
	background-color: #369;
}
#head-logo img {
	display: block;
}

#head-title {
	width: 422px;
	height: 40px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background: url(img/reha/reha_typologo.gif) no-repeat;
}


/*
 *  Suchfeld
 */
#search {
	width: 280px;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	height: 21px;
	float: left;
	background-color: #f90;
}

#search #search-link  { 
	float: left; 
	visibility: hidden;
}

#search #search-link a {
	display: block;
	height: 21px;
	width: 280px;
	background: url(img/allg/nav_suche.gif) no-repeat;
}
#search.activated #search-link a {
	width: 70px;
}

#search form {
/*	background-color: Gray;*/
	padding: 0;
}

#search.activated form {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

#search.deactivated form {
	display: block;
	float: left;
	width: 210px;
	height: 21px;
	overflow: hidden;
}

#search .textfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border: 0 none;
/*	margin: 2px 0 0 70px;*/
	font-weight: normal;
	width: 160px;
/*	background-color: Olive;*/
	position: relative;
	bottom: 0;

}
* html #search .textfield {
/*	margin: 1px 0 0 0px;*/
}


/*
 *  Main Navigation
 */
#nav-main {
	background-color: #f90;
/*	background-color: Red;	 only for Testing*/
	height: 25px;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.1em;
}

#nav-main ul {
	float: left;
	width: 842px;
	overflow: hidden;
}

#nav-main ul li {
	float: left;
	background-color: #f90;
}
#nav-main ul li a {
	display: block;
	height: 21px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background-repeat: no-repeat;
}
#nav-main ul li#reha-neuro a { width: 169px; background-image: url(img/reha/nav_reha_neurologie.gif); border-left: 0 none;}
#nav-main ul li#reha-motorik a { width: 141px; background-image: url(img/reha/nav_reha_motorik.gif); }
#nav-main ul li#reha-schluck a { width: 221px; background-image: url(img/reha/nav_reha_schluckstoerung.gif); }
#nav-main ul li#reha-sprache a { width: 143px; background-image: url(img/reha/nav_reha_sprache.gif); }
#nav-main ul li#reha-kognition a { width: 160px; background-image: url(img/reha/nav_reha_kognition.gif); }

#nav-main ul li.act a,
#nav-main ul li a:hover,
#nav-main ul li a:active {
	background-position: bottom;
}
#nav-main ul li.act a {
	border-bottom-color: #cde;
}


/*
 *  Subheader (Section Image)
 */
#subhead-empty {
	height: 21px;
	background-color: #cde;
}
#subhead-image {
/*	height: 50px;
	background-color: #cde;
	background-position: top right;
	background-repeat: no-repeat;
*/
	min-height: 21px;
	text-align: right;
	background-color: #cde;
}
* html #subhead-image {
	height: 21px;
}


/*
 *  Wrap around Content and Subnav
 */
#mainwrap {
	width: 840px;
/*	background-color: #cde;*/
	background: #fff url(img/allg/bg_navi.gif) repeat-y;
	position: relative;
/*	background: #cde url(img/allg/logo_BMBF.gif) left bottom no-repeat;*/
/*	border: 1px dotted red;*/
}


/*
 *  Left Navigation
 */
#nav-left {
	background-color: #cde;
	width: 280px;
	font-size: 11px;
	color: #333;
	padding-bottom: 150px;
	float: left;
}

#nav-left li a {
	border-bottom: 1px solid #fff;
	padding-left: 20px;
	padding-top: 3px;
	color: #333;
	display: block;
	height: 17px;
}
#nav-left li a:hover,
#nav-left li a:active,
#nav-left li.act a {
	color: #f90;
	background-color: #e5eef7;
}
#nav-left li.act a {
	color: #f90;
	font-weight: bold;
}

#nav-left li.act li a {
	font-weight: normal;
	color: #666;
	padding-left: 30px;
	background: #e5eef7 url(img/allg/navipfeil_666.gif) no-repeat 20px 0.8em;
}
#nav-left li.act li a:hover,
#nav-left li.act li a:active,
#nav-left li.act li.act a {
	color: #f90;
	background-color: #fff;
	background-image: url(img/reha/navipfeil_F90.gif);
}
#nav-left li.act li.act a {
	background-color: #fff;
}


/*
 *  Content
 */
#content {
	float: left;
	padding-left: 40px;
	padding-top: 30px;
	background-color: #fff;
	width: 520px;
/*	overflow: hidden;*/
}

#content h1 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 30px;
	color: #333;
}

#content h2 {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 16px;
	margin-top: 32px;
	color: #333;
}
#content h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 0;
	color: #333;
}

#content p {
	line-height: 16px;
	margin-bottom: 16px;
}

#content ul {
	margin-bottom: 1.4em;
	margin-top: 1.4em;
}
#content ol {
	margin-bottom: 1.4em;
}

#content ul li {
	background: url(img/allg/listbullet.gif) no-repeat 0 .7em;
	padding-left: 0.8em;
	text-indent: 0px;
	margin-left: 0px;
	margin-bottom: 0.5em;
}

#content ol li {
	list-style-type: decimal;
	list-style-position: inside;
	margin-bottom: 0.5em;
}


/* index menu */
#content ul.csc-menu li {
	background: #fff url(img/reha/navipfeil_content_F90.gif) 0 0.5em no-repeat;
}

/* subpage menu */
#content div.csc-menu li {
	background: #fff url(img/reha/navipfeil_F90.gif) 0 0.5em no-repeat;
}

/* container with hr */
#content div.csc-frame-rulerBefore {
	margin-top: 32px;
	margin-bottom: 32px;
	border-top: 1px solid #999;
}

/* Page-Teaser */
#content div.teaser {
	border-bottom: 1px solid #999;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}
#content div.teaser .teaser-img {
	margin-right: 20px;
	width: 102px;
	height: 62px;
	float: left;
}
#content div.teaser .teaser-txt {
	width: 398px;
	float: left;
}
#content div.teaser h2 {
	margin-top: 0;
	line-height: 1em;
}
#content div.teaser p {
	margin-bottom: 0;
}
#content .teaser:after {
	content: ".";
	display: block;
	position: relative; 
	height: 0;
	width: 3px;
	clear: both;
	visibility: hidden;
}

#content .teaser { display: inline-block; }
/* hides from IE-Mac \*/
* html #content .teaser { height: 1%; } 
#content .teaser { display: block; }
/* End hide from IE-mac */


/* News */
#content .news-latest-item,
#content .news-list-item 
{
	padding-bottom: 4px;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
}
#content .news-latest-item h2
{
	margin-top: 0px;
}
#content .news-list-item h2,
#content .news-single-item h2 
{
	margin-top: 0px;
}
#content .news-latest-date,
#content .news-list-date,
#content .news-single-date {
	font-size: 11px;
	line-height: 16px;
	color: #999;
}
#content .news-latest-category {
	font-size: 11px;
}

/* "More"-Links for Teaser and News */
#content .morelink a {
	padding-left: 10px;
	background: #fff url(img/reha/navipfeil_F90.gif) 0 0.5em no-repeat;
}
#content .morelink a:hover,
#content .morelink a:active {
	padding-left: 10px;
	background-image: url(img/allg/navipfeil_333.gif);
}



/* images */
#content img {
	border-left: 10px solid #f90;
}
#content img.noborder {
	border-left: 0 none;
}

#content div.csi-textpic {
	margin-top: 16px;
}

#content .imgsub {
	font-size: 11px;
	color: #333;
}

#content a:link,
#content a:visited { color: #f90; }
#content a:hover,
#content a:active { color: #333; }

/* testweise: */
#content p a:link,
#content p a:visited {
	padding-left: 10px;
	background: #fff url(img/reha/navipfeil_F90.gif) 0 0.5em no-repeat;
}
#content p a:hover,
#content p a:active {
	padding-left: 10px;
	background-image: url(img/allg/navipfeil_333.gif);
}

#content a.backlink {
	padding-left: 15px;
	background: url(img/reha/navipfeil_back_F90.gif) no-repeat 0 0.25em;
}
#content p.toplink {
	text-align: right; 
	line-height: 10px;
	margin-bottom: 0;
} 
#content p.toplink img {
	border: 0 none;
}
#content p.toplink a:link,
#content p.toplink a:visited,
#content p.toplink a:hover,
#content p.toplink a:active {
	padding: 0;
	background-image: none;
}

/* tables */
#content table {
	border-collapse: collapse;
	border: 1px solid #e6eef7;
	margin-bottom: 16px;
}
#content table th {
	background-color: #e6eef7;
	font-weight: normal;
}
#content table th, 
#content table td {
	text-align: left;
	padding: 10px 20px 10px 10px;
	border-bottom: 1px solid #e6eef7;
}

#content table.reha-head-left th {
	width: 174px;
}

/*
 *  Footer (Logo-Container)
 */
#logo-container {
/*	margin-top: -80px;*/
	margin-left: 20px;
	clear: both;
	position: absolute;
	bottom: 50px;
	left: 0;
	height: 65px;
	width: 200px;
}
#logo-container img {
	margin-right: 10px;
	vertical-align: top;
}


/*
 *  General Styles
 */
span.hidden {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
}

.clearing {
	clear: both;
	height: 1px;
	overflow: hidden;
	background-color: #fff;
	line-height: 1px;
	visibility:hidden;
}


/*
 *  TEST
 */
#content .tx-obalphabetindex-pi1 {
	width: 500px;
	line-height: 16px;
} 
#content .tx-obalphabetindex-pi1 div {
	border-left: 10px solid #f90;
	float: left;
	width: 230px;
	padding-left: 10px;
	margin-bottom: 15px;
	line-height: 16px;
}
#content .tx-obalphabetindex-pi1 h2 {
	color: #f90;
	margin: 0;
}
#content .tx-obalphabetindex-pi1 ul {
	margin: 0;
}
#content .tx-obalphabetindex-pi1 li {
	margin: 0;
	text-indent: 0;
	padding: 0;
	background: 0 none;
}

#content .tx-obalphabetindex-pi1 a:link,
#content .tx-obalphabetindex-pi1 a:visited { color: #666; }
#content .tx-obalphabetindex-pi1 a:hover,
#content .tx-obalphabetindex-pi1 a:active { color: #f90; }


#content div.tx-indexedsearch a {
	padding: 0px;
	background-image: none;
}
#content .tx-indexedsearch-title {
	background-color: white;
	font-weight: bold;
	line-height: 16px;
}
#content .tx-indexedsearch-info {
 font-size: 11px;
 color: #999;
 background-color: white;
 border-bottom: 1px solid #999;
 padding-top: 16px;
 padding-bottom: 20px;
 margin-bottom: 20px;
}
.tx-indexedsearch-redMarkup {
 font-weight: bold;
}
#content .tx-indexedsearch-sw { 
	font-style:italic;
}
