




/*
######################## Global Layer
*/

#background {
	background: #fff url(../_media/background.gif) repeat-x;
}

#background .index {
	background-image:url(../_media/background_index.gif); 
}

.center {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	position:relative;
}





/*
######################## Top-Navigation
*/

#topnav {
	height:30px;
	line-height:30px;
	color:#fff;
}

#topnav a { color:#fff; font-weight:normal; }
#topnav a:hover { text-decoration:underline; }

#topnav .breadcrumbs {
	float:left;
	width:40%;
	font-size:10px;
	display:none;
}

#topnav .rightnav {
	float:right;
	width:60%;
	text-align:right;
	font-size:11px;
}

#topnav .rightnav a { 
	float:right; 
	display:block; 
	padding-left:6px;
	padding-right:6px;
}

#topnav .rightnav a.last { padding-right:0px; }

#topnav .rightnav .divider { 
	width:1px; 
	height:30px; 
	background-image:url(../_media/topnav_divider.gif); 
	background-repeat:no-repeat; 
	background-position:center center;
	float:right;
}





/*
######################## Image-Header Area
*/

#image {
	height:150px;
}

#image .logo  { 
	float:left; 
	margin-top:10px;
	margin-left:8px;
	width:250px;
}

#image .quote {
	float:right;
	width:600px;
	margin-top:30px;
	text-align:right;
}





/*
######################## Side-Navigation
*/

#sidenav {
	padding-top:155px;
	padding-bottom:20px;
	background-color:#4c83be;
	background-position:4px 0px;
	background-repeat:no-repeat;
	line-height:14px;
	background-image:url(../_media/nav_topvisual_default.jpg);
}



#sidenav.ueber_zkrd { background-image:url(../_media/nav_topvisual_zkrd.jpg); }

#sidenav.spenderdateien_in_deutschland { background-image:url(../_media/nav_topvisual_spenderdateien.jpg); }

#sidenav.fragen_und_antworten { background-image:url(../_media/nav_topvisual_fragen-antworten.jpg); }

#sidenav.kontakt { background-image:url(../_media/nav_topvisual_zkrd.jpg); }

#sidenav.presse { background-image:url(../_media/nav_topvisual_presse.jpg); }

#sidenav.patienten_und_angehoerige { background-image:url(../_media/nav_topvisual_patienten.jpg); }

#sidenav.knochenmarkspender { background-image:url(../_media/nav_topvisual_knochenmarkspender.jpg); }

#sidenav.spendersuche { background-image:url(../_media/nav_topvisual_spendersuche.jpg); }

#sidenav.mediziner { background-image:url(../_media/nav_topvisual_mediziner.jpg); }

#sidenav.nabelschnurblut { background-image:url(../_media/nav_topvisual_nabelschnurblut.jpg); }

#sidenav.glossar { background-image:url(../_media/nav_topvisual_zkrd.jpg); }

#sidenav.adressaenderung { background-image:url(../_media/nav_topvisual_zkrd.jpg); }

#sidenav.partnerbereich { background-image:url(../_media/nav_topvisual_partnerbereich.jpg); }

#sidenav h4 { 
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	margin:0px 0px 15px 10px;
	border-bottom:1px solid #FFFFFF;
	color:#FFFFFF;
	padding:0px;
	padding-bottom:8px;
	background-color:transparent;
	background-image:none;
}

.filler {height:150px;}

#sidenav a {
	display:block;
	padding-left:24px;
	padding-right:4px;
	margin-bottom:10px;
	font-weight:normal;
	color:#dbe6f2;
	background-image:url(../_media/sidenav_bulletpoint.gif);
	background-repeat:no-repeat;
	background-position:10px 5px;
}

#sidenav a:hover, #sidenav a.aktiv {
	color:#ffffff;
	background-image:url(../_media/sidenav_bulletpoint_active.gif);
	background-position:0px 5px;
}

#sidesubnav {
	padding-bottom:5px;
	background-color:#4c83be;
}

#sidesubnav a {
	display:block;
	padding-left:38px;
	padding-right:4px;
	margin-bottom:6px;
	font-weight:normal;
	color:#dbe6f2;
	background-image:url(../_media/sidesubnav_bulletpoint.gif);
	background-repeat:no-repeat;
	background-position:24px 5px;
}

#sidesubnav a:hover, #sidesubnav a.aktiv {
	color:#ffffff;
	background-image:url(../_media/sidesubnav_bulletpoint_acti.gif);
	background-position:24px 5px;
}




/*
######################## Searchbox
*/

#searchbox {
	background-color:#dbe6f2;
	padding:20px 0px 20px 10px;
	margin-bottom:20px;
}

#searchbox strong { 
	display:block;
	color:#4c83be;
	line-height:14px;
	margin:0px;
}
 
#searchbox input.suchfeld {
	border:1px solid #4c83be;
	color:#4c83be;
	font-size:12px;
	line-height:13px;
	padding:2px 0px 2px 4px;
	background-image:url(../_media/inputback.gif);
	background-repeat:no-repeat;
	float:left;
	width:110px;
	display:inline;
}

#searchbox input.suchbutton {
	background-color:#4c83be;
	font-size:11px;
	font-weight:bold;
	color:#ffffff;
	background-image:url(../_media/inputarrow.gif);
	background-repeat:no-repeat;
	background-position:6px 8px;
	padding:2px 4px 2px 14px;
	border-left:1px solid #517aa4;
	border-top:1px solid #3d6998;
	border-right:1px solid #95b5d9;
	border-bottom:1px solid #95b5d9;
	float:right;
	margin-right:12px;
	display:inline;
}





/*
######################## Mainnav
*/

#mainnav {
	height:80px;
}

#mainnav .top {
	height:36px;
}

#mainnav .top a {
	display:block;
	float:left;
	padding-top:13px;
	padding-bottom:2px;
	color:#4c83be;
	font-weight:bold;
	background-image:none;
	margin-right:54px;
	font-size:12px;
	line-height:13px;
}

#mainnav .top a.last { margin-right:0px; }

#mainnav .top a:hover, #mainnav .top a.aktiv {
	background-image:url(/_media/mainnav_dotted.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

#mainnav .bottom {
	font-weight:bold;
	color:#77a1cd;
	line-height:13px;
	padding-top:15px;
}

#mainnav .bottom .einleitung { 
	float:left; 
	width:110px; 
}

#mainnav .bottom a {
	font-weight:bold;
	color:#77a1cd;
	display:block;
	float:left;
	padding-bottom:2px;	
}

#mainnav .bottom a:hover, #mainnav .bottom a.aktiv {
	color:#4C84BF;
	background-image:url(/_media/mainnav_dotted.gif);
	background-position:bottom left;
	background-repeat:repeat-x;
}

#mainnav .bottom .trenner {
	float:left;
	width:25px;
	height:14px;
	background-image:url(../_media/mainnav_divider.gif);
	background-repeat:no-repeat;
	background-position:center center;
}





/*
######################## Breadcrumb
*/

#breadcrumb {
	padding-top:10px;
	color:#6d6d6d;
	font-size:11px;
	line-height:12px;
	
}

#breadcrumb a {
	color:#6d6d6d;
	font-weight:normal;
	text-decoration:none;
}

#breadcrumb a:hover {
	color:#000;
}


/*
######################## Navbox
*/

.navbox {
	margin-top:5px;
	margin-bottom:40px;
	background-color:#dbe6f2;
}

.navbox .headline {
	display:block;
	color:#3b5879;
	font-weight:bold;
	font-size:13px;	
   margin-left:10px;
	margin-right:10px;
	border-bottom:1px solid white;
	margin-bottom:8px;
	padding-top:10px;
	padding-bottom:2px;
}

.navbox .links { margin-left:10px;padding-top:3px;padding-bottom:7px;}

.navbox a {
	display:block;
	padding-left:14px;
	padding-right:4px;
	margin-bottom:8px;
	font-weight:bold;
	background-image:url(../_media/navbox_p.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

.navbox a:hover, .navbox a.aktiv {
	background-image:url(../_media/navbox_a.gif);
	background-position:0px 5px;
	color:#3b5879;
}


/*

.navbox .links a { display:block;margin:5px 0 5px 0; }
*/

/*
######################## Content
*/

#content {
	/*padding-bottom:20px;*/
}

#content .left {
	float:left;
	width:340px;
	margin-bottom:25px;
}

#content .right {
	float:right;
	width:340px;
	margin-bottom:25px;
}





/*
######################## Index
*/

#tagcloud {
	position:relative;
	color:#6d6d6d;
	width:100%;
}

#tagcloud a {
	position:absolute;
	color:#6d6d6d;
	line-height:18px;
	display:block;
	text-align:center;
}

#tagcloud a:hover {
	color:#000;
}

#tagcloud a.biggest {
	font-size:13px;
	font-weight:bold;
	line-height:14px;
	/*color:#a1a1a1;*/
}

#tagcloud a.big {
	font-size:13px;
	font-weight:normal;
	line-height:14px;
	/*color:#000000;*/
}

#tagcloud a.medium {
	font-size:12px;
	font-weight:bold;
	line-height:13px;
	/*color:#6d6d6d;*/
}

#tagcloud a.small {
	font-size:11px;
	font-weight:normal;
	line-height:12px;
	/*color:#000000;*/
}

#tagcloud a.smallest {
	font-size:10px;
	font-weight:normal;
	line-height:11px;
}





/*
######################## Box Right
*/

.box_right {
	padding:3px;
	background-image:url(../_media/box_right_background.gif);
	background-repeat:no-repeat;
	background-color:#4c83be;
}

.box_right #videobox img {
	cursor:pointer;
}

.box_right .subline {
	padding:10px 0px 10px 4px;
	color:#dbe6f2;
	font-weight:bold;
	line-height:14px;
}



/*
######################## Jahresbericht 
*/

.jahresbericht {
	float:left;
	padding-right:5px;
}

.jahresberichttext {
	float:left;
	padding-top:46px;
}

/*
######################## Mitarbeiter 
*/

tr {
	height:30px;
}

td.abteilung {
	background-color:#f2f6fa;
	padding:2px 0 2px 5px;
	font-weight:bold;
	border-bottom:1px solid #dbe6f2;
}

td.abteilung2 {
	background-color:#f2f6fa;
	padding:2px 0 2px 0px;
	font-weight:normal;
	border-bottom:1px solid #dbe6f2;
}



/*
######################## Links 
*/

tr {}

table td.linkhead {
	background-color:#f2f6fa;
	padding:2px 0 2px 5px;
	font-weight:bold;
	border-bottom:1px solid #dbe6f2;
	height:30px;
}

table td.links a {
	display:block;
	padding:4px 0 4px 10px;
	font-weight:normal;
}

table td.links a:hover {
	display:block;
	padding:4px 0 4px 10px;
	font-weight:bold;
}


/*######################## Adressen 
*/

.infozeile_oben {
	padding-bottom:10px;
}

.adressbox {
	float:left;
	width:50%;
}

.infozeile_unten {
	clear:both;
	padding-top:10px;
}


