/* ####################################################################################################################
   GENERAL
   #################################################################################################################### */

html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	font-family: arial, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	background: #003D8F url(/images/layout/bg-body.gif) repeat-x left 266px;
}

a {
	color: #003399;
	outline: none;
	
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

/* ### FONT SIZE DEFINITIONS ########################################################################################## */

.smalltext {
	font-family: arial, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
}

.normaltext {
	font-family: arial, sans-serif;
	font-size: 12px;
}

.bigtext {
	font-family: arial, sans-serif;
	font-size: 14px;
}



/* ####################################################################################################################
   MAIN LAYOUT
   #################################################################################################################### */

#page {
	width: 990px;
	margin: 0 auto;
	padding: 0;
	background: transparent url(/images/layout/bg-page.gif) no-repeat left top;
}

  
#header-wrapper {
	height: 274px;
	margin: 0;
	padding: 0;
	background: #FFF url(/images/layout/bg-header-wrapper.gif) repeat-x left bottom;
}

#header-pic {
	height: 274px;
	margin: 0 auto;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center top;
}

#header {
	position: relative;
	width: 990px;
	margin: 0 auto;
	padding: 0;
	height: 274px;
}

#logo {
	position: absolute;
	top: 25px;
	left: 3px;
}

#logo-print {
	display: none;
}

#nav-container {
	position: absolute;
	top: 213px;
	left: 0;
	width: 990px;
	height: 61px;
	margin: 0;
	padding: 0;
	background: url(/images/layout/bg-nav-main.gif) no-repeat left bottom;
}

#content {
	margin: 0;
	padding: 12px 8px 30px;
	background: transparent url(/images/layout/bg-content.png) repeat-y left top;
}

* html #content {
	background-image: url(/images/layout/bg-content-ie6.gif);
}

#content-table {
	width: 100%;
}

#content-table-col-left {
	vertical-align: top;
	width: 210px;
	padding: 0 10px 0 6px;
}

#content-table-col-mid {
	vertical-align: top;
	padding: 0;
	background: #FFF;
}

#content-table-col-right {
	vertical-align: top;
	width: 210px;
	padding: 0 6px 0 10px;
}

#footer-wrapper {
	margin: 0 0 20px 0;
	padding: 0;
}

#footer {
	position: relative;
	height: 41px;
	background: url(/images/layout/bg-footer.gif) no-repeat left top;
}

#footer-print {
	display: none;
}



/* ####################################################################################################################
   MAIN MENU
   #################################################################################################################### */

#nav-main {
	position: absolute;
	top: 0;
	left: 0;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none
}

#nav-main li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav-main a {
	text-indent: -10000px;
	float: left;
	height: 50px;
	margin: 0;
	padding: 0;
	font: bold 16px arial, sans-serif;
	color: #000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(/images/layout/nav_main.png);
	
}

* html #nav-main a:hover {
	cursor: pointer;
}

#nav-main a:hover {
	
}

#nav-main li.current {
	
}

#nav-main li.current a {
	
}

#nav-main li.current a:hover {
	
}

#nav-spenden { width: 250px; background-position: 0px 0px; }
#nav-spenden:hover, li.current #nav-spenden, li.current #nav-spenden:hover { background-position: -250px 0px; }

#nav-alzheimer-krankheit { width: 245px; background-position: -0px -50px; }
#nav-alzheimer-krankheit:hover, li.current #nav-alzheimer-krankheit, li.current #nav-alzheimer-krankheit:hover { background-position: -250px -50px; }

#nav-forschung { width: 245px; background-position: 0px -100px; }
#nav-forschung:hover, li.current #nav-forschung, li.current #nav-forschung:hover { background-position: -250px -100px; }

#nav-aufklaerung { width: 250px; background-position: 0px -150px; }
#nav-aufklaerung:hover, li.current #nav-aufklaerung, li.current #nav-aufklaerung:hover { background-position: -250px -150px; }



/* ####################################################################################################################
   META MENU
   #################################################################################################################### */
   
#nav-meta {
	position: absolute;
	top: 24px;
	right: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-meta li {
	float: left;
	margin: 0;
	padding: 0;
}

#nav-meta a {
	text-indent: -10000px;
	float: left;
	height: 22px;
	margin: 0 0 0 4px;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-image: url(/images/layout/nav-meta.png);
}

* html #nav-meta a:hover {
	cursor: pointer;
}

#meta-afi {
	width: 90px;
	background-position: 0px 0px;
}

#meta-presse {
	width: 75px;
	background-position: 0px -25px;
}

#meta-kontakt {
	width: 80px;
	background-position: 0px -50px;
}


/* ### SITESEARCH ################################################ */

#sitesearch {
	position: absolute;
	top: 24px;
	right: 0px;
	width: 240px;
	height: 22px;
}


/* ####################################################################################################################
   SUB MENU
   #################################################################################################################### */
   
#nav-sub {
	width: 185px;
	margin: 25px 0 0 0px;
	padding: 1px 0 0 0;
	list-style: none;
	background: url(/images/layout/bg-nav-sub-li.gif) no-repeat left top;
	line-height: 1em;
}

#nav-sub li {
	width: 185px;
	margin: 0;
	padding: 0 0 1px 0;
	background: url(/images/layout/bg-nav-sub-li.gif) no-repeat left bottom;
}

* html #nav-sub li {
	float: left;
	clear: left;
}

*+html #nav-sub li {
	float: left;
	clear: left;
}

#nav-sub a {
	width: 150px;
	display: block;
	margin: 0;
	padding: 7px 5px 7px 30px;
	font-weight: bold;
	font-size: 12px;
	color: #000;
	text-decoration: none;
	background-image: url(/images/layout/listrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 7px;
}

#nav-sub li.current a, #nav-sub a:hover {
	text-decoration: none;
	background-color: #E5E5E5;
	background-image: url(/images/layout/bg-nav-sub-a-current.gif);
}

/* ### LEVEL 3 ################################################ */

#nav-sub ul {
	width: 185px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#nav-sub ul li {
	width: 185px;
	margin: 0;
	padding: 1px 0 0 0;
	background: url(/images/layout/bg-nav-sub-li.gif) no-repeat left top;
}

#nav-sub li.current ul a {
	width: 135px;
	display: block;
	padding: 7px 5px 7px 45px;
	background: transparent url(/images/layout/listrow_bullet.gif) no-repeat 28px 7px;
}

#nav-sub ul li.current a, #nav-sub li.current ul a:hover {
	background-color: transparent;
	background-image: url(/images/layout/listrow_bullet.gif);
	color: #7E7E7E;
}


/* ####################################################################################################################
   TOP CONTENT NAV
   #################################################################################################################### */

#topnav-container {
	position: relative;
	height: 41px;
	padding: 0;
	margin: 0;
}

#topnav-folder {
	position: absolute;
	bottom: 0;
	left: 7px;
	width: 250px;
	height: 28px;
	background-repeat: no-repeat;
	background-position: left top;
	
}

#topnav {
	position: absolute;
	top: 16px;
	right: 16px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#topnav li {
	margin: 0 12px 0 0;
	padding: 0 10px 0 0;
	float: left;
	background: url(/images/layout/bg-topnav-li.gif) no-repeat right center;
}

#topnav #topnav-print {
	margin-right: 5px;
	
}

#topnav a {
	float: left;
	margin: 0;
	padding: 0px 23px 0 0;
	font-weight: bold;
	font-size: 12px;
	color: #5F5F5F;
	background-repeat: no-repeat;
	background-image: url(/images/layout/icons.gif);
	text-decoration: none;
}

#topnav a:hover {
	color: #003399;
}

#topnav-home a { padding-right: 0; background: none; }
#topnav-contact a { background-position: right 3px; }
#topnav-recommend a { background-position: right -17px; }
#topnav-print a { background-position: right -40px; }

#topnav #fontsizer {
	margin-right: 0;
	padding-right: 0;
	background-image: none;
}

#fontsizer a {
	width: 17px;
	text-indent: -10000px;
	padding-right: 0;
	background-image: url(/images/layout/icons.gif);
}

#fs-normal { background-position: right -61px;}
#fs-big { background-position: right -81px; }
#fs-huge { background-position: right -102px; }



/* ####################################################################################################################
   CONTENT
   #################################################################################################################### */

.clearer {
	clear: both;
	margin: 0;
	padding: 0;
}

/* ### CONTENT STYLES ################################################ */

h1, h2 {
	margin: 0 0 0.5em 0;
	padding: 0;
	font-weight: bold;
	font-size: 17px;
	line-height: 1em;
	letter-spacing: -0.01em;
	color: #003399;
}

div.hrlike {
	margin: 0;
	padding: 0;
	height: 1px;
	background: url(/images/layout/bg-nav-sub-li.gif) repeat-x left bottom;
}

* html h1 {
	letter-spacing: normal;
}

* html h2 {
	letter-spacing: normal;
}

h2 {
	margin-top: 1em;
	color: #666;
}

h3, h4 {
	margin: 0 0 0.3em 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

a.forward {
	padding: 1px 23px 1px 0;
	background: url(/images/layout/icon-forward.gif) no-repeat right bottom;
	text-decoration: none;
}

* html a.forward { display: inline-block; background-image: url(/images/layout/icon-forward-ie.gif); }
*+html a.forward { display: inline-block; background-image: url(/images/layout/icon-forward-ie.gif); }

a.forward:hover { text-decoration: underline; }

span.bullet, a.bullet {
	padding: 0 0 0 17px;
	font-weight: bold;
	color: #003399;
	background: url(/images/layout/listrow_bullet.gif) no-repeat 0px 1px;
	text-decoration: none;
}

a.bullet:hover { text-decoration: underline; }

span.date {
	display: block;
	margin: 0 0 0.3em 0;
	color: #FF6633;
	font-size: 11px;
	line-height: 1em;
}

ul {
	margin: 0 0 1em 5px;
	padding: 0 0 0 15px;
}

li {
	margin: 0 0 0.5em 0;
	padding: 0;
}

ul ul {
	margin-top: 0.5em;
}

div.admin {
	border: 2px solid #FF00FF;
	padding: 4px;
}


/* ### CONTENTBOX ################################################ */

div.boxrow {
	overflow: hidden;
}

div.contentbox {
	width: 256px;
	margin: 0 0 2em 0;
	padding: 0;
	background: #F5F5F5 url(/images/layout/bg-contentbox.gif) no-repeat left bottom;
	overflow: hidden;
}

div.leftbox {
	float: left;
}

div.rightbox {
	float: left;
	margin-left: 10px;
}

div.contentbox h2 {
	margin-top: 0;
}

div.contentbox div.header {
	position: relative;
	width: 256px;
	height: 66px;
	margin: 0;
	padding: 0;
}

div.contentbox span.headermask {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 256px;
	height: 66px;
	margin: 0;
	padding: 0;
	background: url(/images/layout/contentbox_headermask.png) no-repeat left top;
}

div.contentbox div.inside-contentbox {
	padding: 10px;
}


div.contentbox img.right {
	float: right;
	margin: 2px 0 5px 5px;
	padding: 0;
}

div.contentbox img.left {
	float: left;
	margin: 2px 5px 5px 0;
	padding: 0;
}

/* ### SIDEBOX ################################################ */

div.sidebox {
	width: 210px;
	margin: 0 0 2em 0;
	padding: 0;
	background: url(/images/layout/bg-inside-sidebox.gif) no-repeat left bottom;
	overflow: hidden;
}

div.inside-sidebox {
	margin: 0;
	padding: 10px 8px 5px;
	background: url(/images/layout/bg-sidebox.gif) no-repeat left top;
}

div.sidebox h2 {
	margin-top: 0;
}

/* ### LISTROW ################################################ */

div.listrow {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 10px 0;
	background: url(/images/layout/bg-nav-sub-li.gif) repeat-x left bottom;
}

* html div.listrow {
	height: 0;
	he\ight: auto;
	/* zoom: 1; */
}

div.listrow-bullet {
	padding-left: 20px;
	background: url(/images/layout/listrow_bullet.gif) no-repeat 3px 1px;
}

div.swap {
	background-color: #DAE2EF;
}

div.swap div.listrow-bullet {
	background-image: url(/images/layout/listrow_bullet_swap.gif);
}

table.list-table {

}

table.list-table td {
	padding-bottom: 10px;
	vertical-align: top;
}

table.list-table td.list-label {
	padding-right: 10px;
	font-weight: bold;
}

table.list-table td.list-item {

}

div.listrow-rightcol {
	margin: 0 0 0px 135px;
	padding: 0 0 30px 0;
}

div.listrow p {
	margin-bottom: 0;
}


div.listrow div.form-elements {
	position: absolute;
	bottom: 10px;
	right: 0;
	height: 23px;
	margin: 0;
	padding: 0 23px 0 0;
}



/* ###  MESSAGE BOX  ################################################################################################# */

#content div.messagebox {
	margin: 0 0 2em 0;
	padding: 0 0 0.5em 0;
	border-style: solid;
	border-width: 2px;
}

#content div.messagebox h4 {
	margin: 0;
	padding: 0 0 3px 5px;
	color: #FFF;
}

#content div.messagebox p {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 6px;
}

#content div.messagebox ul {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 30px;
	list-style: circle;
}

#content div.messagebox li {
	margin: 0;
	padding: 0;
	background: none;
}

#content div.messagebox ul ul {
	margin: 0;
}


#content div.errorbox h4 {
	background: #EA1111;
}

#content div.successbox h4 {
	background: #4CAF2A;
}

#content div.errorbox {
	color: #8A0000;
	border-color: #EA1111;
}

#content div.successbox {
	border-color: #4CAF2A;
}


/* ####################################################################################################################
   FORMS
   #################################################################################################################### */

input, textarea, select, input.fc-normal, textarea.fc-normal, select.fc-normal {
	margin: 0;
	padding: 3px;
	font-family: arial, sans-serif;
	font-size: 12px;
	border: 1px solid #828282;
	background: #FCFCFC;
}

input.checkbox, input.radiobutton {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

input.fc-error, textarea.fc-error, select.fc-error {
	background-color: #FAE7E7;
	border: 1px solid #CC0000;
}

label.forcheckbox {
	margin-left: 5px;
}

/* ### SUBMIT BUTTON ########################################################## */

input.submit-button {
	overflow: visible;
	cursor: pointer;
	height: 21px;
	margin: 0;
	padding: 0px 15px 4px 15px;
	text-align: left;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFF;
	border: none;
	background: url(/images/layout/bg-submit.gif) no-repeat left top;
}

* html input.submit-button {
	padding-bottom: 2px;
}

div.form-button-end {
	position: absolute;
	display: inline;
	margin: 0;
	padding: 0 0 3px 0;
	width: 24px;
	height: 21px;
	background: transparent url(/images/layout/bg-form-button-end.gif) no-repeat right top;
}

* html div.form-elements input.submit-button {
	position: relative;
	top: -1px;
}

*+html div.form-elements input.submit-button {
	position: relative;
	top: -1px;
}

div.submit-rightwrap
	{
	/* WRAPPER, DER SUBMITS NACH RECHTS AUSRICHTET */
	text-align:right; 
	padding-right:23px;
	}

/* ### REQUIRED ########################################################## */

span.required {
	
}

span.required, span.required-symbol {
	color: #CC0000;
}

span.required-symbol {
	vertical-align: top;
	font-family: verdana, arial, sans-serif;
}

/* ### FORMTABLE ########################################################## */

table.formtable td {
	padding-bottom: 8px;
}


/* ### JQUERY CHECKBOXES  ################################################ */

.jquery-checkbox { display: inline; font-size: 20px; line-height: 20px; cursor: pointer; }
.jquery-checkbox .mark	{ display: inline; }

.jquery-checkbox img { vertical-align: top; width: 25px; height: 20px; }
.jquery-checkbox img { background: transparent url(/images/layout/checkboxes.gif) no-repeat; }

.jquery-checkbox img { background-position: 0px 0px; }
.jquery-checkbox-checked img { background-position: 0px -25px; }


/* ### SHOW/HIDE MOUSE OVER MENUS ################################################ */

#nav-container ul ul, #nav-container li:hover ul ul {
	display: none;
}


/* ####################################################################################################################
   FOOTER
   #################################################################################################################### */

#footer p {
	position: absolute;
	top: 11px;
	left: 20px;
	margin: 0;
	padding: 0;
	
}
   
#footer ul {
	position: absolute;
	top: 11px;
	right: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	float: left;
	margin: 0 0 0 10px;
	padding: 0;
	color: #000;
}

#footer li a {
	float: left;
	margin: 0 10px 0 0;
	font-weight: bold;
	color: #5F5F5F;
	text-decoration: none;
}

#footer li a:hover {
	color: #003399;
}

/* ####################################################################################################################
   LINKS WITH SYMBOLS
   #################################################################################################################### */

a.iconlink, a.directionlink {
	margin: 0 5px 0 0;
	padding: 3px 0 3px 22px;
	background-repeat: no-repeat;
	background-position: left 2px;
}

a.edit		{ background-image: url(/images/admin_icons/icon_add.gif); }
a.edit		{ background-image: url(/images/admin_icons/icon_edit.gif); }
a.delete	{ background-image: url(/images/admin_icons/icon_delete.gif); }
a.sortdown	{ background-image: url(/images/admin_icons/icon_sortdown.gif); }
a.sortup	{ background-image: url(/images/admin_icons/icon_sortup.gif); }

a.doc { background-image: url(/images/icons/doc.gif); }
a.eps { background-image: url(/images/icons/eps.gif); }
a.gif { background-image: url(/images/icons/gif.gif); }
a.jpg { background-image: url(/images/icons/jpg.gif); }
a.new { background-image: url(/images/icons/new.gif); }
a.pdf { background-image: url(/images/icons/pdf.gif); }
a.ppt { background-image: url(/images/icons/ppt.gif); }
a.txt { background-image: url(/images/icons/txt.gif); }
a.xls { background-image: url(/images/icons/xls.gif); }
a.zip { background-image: url(/images/icons/zip.gif); }


a.directionlink { 
	padding: 1px 0 1px 23px;
	background-position: left top;
}

a.first { background-image: url(/images/icons/first.gif); }
a.back { background-image: url(/images/icons/back.gif); }
a.totop { background-image: url(/images/icons/totop.gif); }
a.next { background-image: url(/images/icons/next.gif); padding-left: 0; padding-right: 10px; }
a.last { background-image: url(/images/icons/next.gif); padding-left: 0; padding-right: 10px; }



/* ####################################################################################################################
   TOGGLE EDIT MODE
   #################################################################################################################### */


#toggle_editmode_on, #toggle_editmode_off {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 110px;
	border: 2px solid #FF00FF;
	padding: 4px;
	font-size: 11px;
	background: #FFF;
}

#toggle_editmode_off {
	display: block;
	border-color: #BBBBBB;
}

* html #toggle_editmode_off {
	position: absolute;
}

* html #toggle_editmode_on {
	position: absolute;
}



/* ####################################################################################################################
   PRINT_STYLES
   #################################################################################################################### */

@media print
{

	body {
		background: none !important;
	}
	
	a {
		text-decoration: underline !important;
	}

	#header-wrapper, #header, #content, #page, #content-table, #content-table-col-mid {
		width: 98% !important;
		border: none;
		padding: 0;
		margin: 0;
		background: none !important;
	}
	
	#nav-container, #nav-meta, #sitesearch, #topnav-container, #content-table-col-left, #content-table-col-right, #footer, div.admin, #toggle_editmode_on, #toggle_editmode_off {
		display: none !important;
	}
	
	#content-table {
		height: auto;
	}

	#header-wrapper {
		height: auto;
		margin-bottom: 2em;
		padding-bottom: 0.5em;
		border-bottom: 1px solid #666;
	}

	#header-pic {
		height: auto;
		background: none !important;
	}

	#header {
		height: auto;
	}
	
	#logo {
		position: relative;
		top: 0;
		left: 420px;
	}

	#content-table-col-mid {
		padding: 0;
	}
	
	#footer-wrapper {
		margin: 2em 0 0 0;
		padding: 5px 0 0 0;
		border-top: 1px solid #666;
	}
	
	#footer-print {
		display: block;
	}
	
	#footer-print p, #footer-print td {
		font-size: 11px;
		line-height: 1.2em;
		color: #333;
	}
	
	h1, h2 {
		margin-left: 0;
		margin-right: 0;
		padding: 0 0 0.5em 0;
	}
	
	input.submit-button {
		color: #000;
		border: 1px solid #7C9D06;
		background: #FFF;
	}
	
	div.form-button-end {
		display: none;
	}
	
	div.hrlike, div.listrow {
		background: none;
		border-bottom: 1px solid #CCC;
	}
	
	span.bullet, a.bullet {
		background: none;
		padding-left: 0;
	}
	
	ul {
		list-style: circle !important;
	}
	
	li {
		margin: 0;
		padding: 0;
	}
	
	span.date, .smalltext {
		font-size: 12px;
	}
	
	body, .normaltext, h3, h4 {
		font-size: 13px;
	}
	
	.bigtext {
		font-size: 14px;
	}

}