/* CSS Document */

body {margin:10px 0 0 0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;}

#container {width:950px;margin:0 auto;}

#head {height:140px;}

#logo {position:absolute;margin:0 0 0 838px;width:112px;height:130px;background-color:#000000;}

#navi {height:110px;width:825px;background-color:#000000;line-height:8em;}
#navi a {border-left:10px #FFFFFF solid;border-right:10px #000000 solid;background-color:#FFFFFF;margin:10px 0;padding:0;text-align:center;width:145px;height:90px;display:block;float:left;text-decoration:none;color:#000000;font-size:14px;}
#navi a:hover {background-color:#CCCCCC;border-left:10px #CCCCCC solid;}
#navi .aktiv {background-color:#666666;border-left:10px #666666 solid;}

/* html #navi a {width:125px;} hack für IE 6 */

#subnavi1 {width:155px;position:absolute;margin:0 0 0 70px;top:80px;line-height:1em;} /* herzblut */
#subnavi2 {width:155px;position:absolute;margin:0 0 0 235px;top:80px;line-height:1em;} /* blutbild */
#subnavi3 {width:155px;position:absolute;margin:0 0 0 400px;top:80px;line-height:1em;} /* spenderzentrale */
#subnavi4 {width:155px;position:absolute;margin:0 0 0 730px;top:80px;line-height:1em;} /* blutbank */

#subnavi1 ul, #subnavi2 ul, #subnavi3 ul, #subnavi4 ul {list-style-type:none;list-style-position:outside;margin:0;padding:0;}
#subnavi1 li, #subnavi2 li, #subnavi3 li, #subnavi4 li {height:auto;margin:0;padding:0;font-weight:bold;}
#subnavi1 ul ul li, #subnavi2 ul ul li, #subnavi3 ul ul li, #subnavi4 ul ul li {font-weight:normal;}
#subnavi1 li a, #subnavi2 li a, #subnavi3 li a, #subnavi4 li a {margin:0;padding:6px 0 6px 10px;width:155px;height:auto;display:block;border:0;line-height:normal;float:none;font-size:11px;text-align:left;background:none;background-image:url(../gfx/subnavi_trans.png);text-decoration:none;color:#000000;}
#subnavi1 li a:hover, #subnavi2 li a:hover, #subnavi3 li a:hover, #subnavi4 li a:hover {border:0px;background-color:#FFFFFF;}

#content {}

/* home seite */

#startbild {}
#teaser1, #teaser2, #teaser3 { width:303px; height:180px; margin:0 0 4px 10px; float:left;}
#teaser1 h1, #teaser2 h1, #teaser3 h1 {margin:8px 0 0 9px; font-size:14px; color:#000000;}
#teaser1 img, #teaser2 img, #teaser3 img {margin:0; padding:0;}
#teaser1 a, #teaser2 a, #teaser3 a {font-size:14px; color:#000000; text-decoration:none;}

/* news - neublut */
#newsteaser, #newsteaser4 {width:224px;float:left;background-color:#CCCCCC;margin:0 18px 18px 0;height:225px;}
#newsteaser4  {margin:0 0 18px 0;} /* jeder vierte newsbeitrag auf der übersichtsseite */

#newsteaser h1, #newsteaser4 h1 {margin:0;padding:10px;border-bottom:4px #FFFFFF solid;font-size:12px;}
#newsteaser p, #newsteaser4 p {margin:0;padding:10px;font-size:11px;line-height:1.4em;}
#newsteaser a, #newsteaser4 a {text-decoration:none;color:#000000;}
#newsteaser a:hover, #newsteaser4 a:hover {color:#333333;}



/* referenzen teil - kampagnen */

#ref_navi {float:left;width:210px;}
#ref_navi a {text-decoration:none;padding:0 10px;color:#000000;}
#ref_navi ul {list-style-type:none;list-style-position:outside;margin:0;padding:0;}
#ref_navi li {padding:6px 0;text-transform:uppercase;}
#ref_navi ul ul {background-color:#CCCCCC;}
#ref_navi ul ul li {text-transform:none;padding:3px 0; font-weight:normal;}

#ref_navi .aktiv {font-weight:bold;background-color:#CCCCCC;}
#ref_navi .subaktiv {font-weight:bold;}

#ref_box {width:470px;margin:0 0 0 210px;}
#ref_box_content, #ref_box_content_hoerfunk {height:430px;background-color:#FFFFFF;width:470px;margin:0;padding:0;}
#ref_box_content img, #ref_box_content_hoerfunk img { display:block; margin:auto;}

#ref_box_content_hoerfunk {background-image:url(../gfx/hoerfunkbild.jpg); background-repeat:no-repeat;}

#ref_box_navi {height:35px;width:470px;background-color:#000000;color:#FFFFFF;margin:0;padding:0;}
#ref_box_navi p {margin:0;padding:5px; text-align:right;}


#ref_info {float:right;width:260px;}
#ref_info_titel {margin:0 0 10px 0px;background-color:#CCCCCC;}
#ref_info_titel h1 {float:left;font-size:11px;padding:15px 0;margin:0 0 0 10px;}
#ref_info_titel p {margin:0 0 0 80px;padding:15px 0;}


/* unternehmen */

#content_bild_links {width: 494px;height:446px;margin:-30px 0 0 0;padding:8px 0 4px 8px;float:left;}
#content_bild_links_unternehmen { background-image:url(../gfx/unternehmen.jpg); background-repeat:no-repeat; width:494px; height:446px;}
#content_bildleiste {width:394px;height:91px;background-color:#525252; margin:318px 0 0 108px; float:left; position:absolute;}


#content_text_rechts {margin:0 50px 50px 0;width:398px;float:right;font-size:12px;}
#content_text_rechts p {padding:0 0 0 54px;}

#content_text_rechts ul { list-style-type:none; /*list-style-position:outside;*/ margin:0; padding:0 0 0 25px;}

#content_text_rechts li { background-image:url(../gfx/listenzeichen.gif); background-repeat:no-repeat; margin:0 0 10px 0; padding:0 0 0 25px;}

#content_text_rechts a {text-decoration:none; color:#000000;}
#content_text_rechts a:hover {text-decoration:underline;}


#content_text_rechts table {margin:0 0 0 47px;}

#content_text_rechts .formular_border{ border:solid 1px #000000;}

#content_text_rechts .img_anfahrt {border:1px #333333 solid; margin:0 0 5px 0;}


/* menschen */

#menschen, #menschen4 {width:224px;float:left;margin:0 18px 18px 0;height:225px;}
#menschen4  {margin:0 0 18px 0;} /* jeder vierte mensch auf der übersichtsseite */

#menschen_mail {margin:-40px 0 0 0; text-align:center;}
#menschen_mail a {text-decoration:none;color:#000000;font-size:11px; margin:-30px 0 0 0;}
#menschen_mail a:hover {color:#B9233B;}
#menschen_mail .name {font-size:11px; color:#000000; font-weight:bold;}



/* presseinfos_detail */

#presseinfos_detail {width:400px; margin:0; float:left;}
#presseinfos_detail p {font-size:12px;}
#presseinfos_detail a {color:#B9233B; text-decoration:none; font-weight:bold;}
#presseinfos_detail a:hover {color:#000000;}

#presseinfos_detail .a_newsletter {font-weight:normal; color:#000000; margin:0 0 0 10px;}

#presseinfo_galerie {float:right; width:460px;}
#presseinfo_galerie img {margin:0 10px 10px 0;}


/* impressum_agb */

#agb {margin:0 30px 30px 0;}

#agb .h1_agb, #agb .h2_agb {font-size:13px; font-weight:bold;}
#agb .h2_agb { font-weight:normal;}

#agb ul {
	font-size:13px;
	list-style:outside decimal;
	font-weight:bold;
	margin:0 0 0 30px;
	padding:2px;
	}
	
#agb ul ul {
	list-style:outside none;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
	}
	
	
#agb ul li {
	padding:20px 0 0 0;
	}

#agb ul ul li {
	list-style:none;
	padding:10px 0 0 0;
	}





/* presseinfos */

#presseinfos, #presseinfos4 {width:224px;float:left;background-color:#B9233B;margin:0 18px 18px 0;height:225px;}
#presseinfos4  {margin:0 0 18px 0;} /* jeder vierte newsbeitrag auf der übersichtsseite */

#presseinfos h1, #presseinfos4 h1 {margin:0;padding:10px;border-bottom:4px #FFFFFF solid;font-size:12px;}
#presseinfos p, #presseinfos4 p {margin:0;padding:10px;font-size:11px;line-height:1.4em;}
#presseinfos a, #presseinfos4 a {text-decoration:none;color:#000000;}
#presseinfos a:hover, #presseinfos4 a:hover {color:#333333;}



/* footer */
#footer {clear:both;margin:10px 0;color:#FFFFFF;background-color:#000000;text-align:center; height:25px;}
#footer p {margin:0;padding:5px 0;font-size:12px;}
#footer a {color:#FFFFFF;text-decoration:none;}
#footer a:hover {text-decoration:underline;}