/**************************/
/*	  Stylesheet für	  */
/* EU-Q-Blood-SOP Project */
/**************************/

#page {
	display: block;
	display: relative;
}


/************/
/*	Header	*/
/************/

#header {
	display: block;
	padding: 0px;
	height: 91px;
	width: 960px;
	background-color: #fff;
	position: relative;
	z-index: 1;
	text-align: left;
	border-bottom: 8px solid #06f;
	border-left: 1px solid #fff;
}

#eulogo {
	display: block;
	position: relative;
	z-index: 2;
	width: 182px;
	height: 91px;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
}

#logo {
	display: block;
	position: absolute;
	top: 11px;
	left: 200px;
}

#claim {
	display: block;
	position: absolute;
	top: 54px;
	left: 200px;
	width: 530px;

}

#claim span {
	font: 11px verdana, arial, sans;
	color: #333;
	line-height: 11px;
}

/************/
/*	 Body	*/
/************/

#pagebody {
	display: block;
	position: relative;
	padding: 0px;
	background-color: #fff;
	z-index: 1;
	text-align: left;
	padding-bottom: 20px;
	width: 960px;
}


#leftnav {
	display: block;
	position: absolute;
	top: 0px;
	left: 2px;
	width: 160px;
	background-color: #efefef;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 3;
}

#leftnav a.nav {
	display: block;
	text-decoration: none;
	font: bold 12px verdana, arial, sans;
	color: #333;
	line-height: 22px;
	padding-left: 10px;
}

#leftnav a.nav:hover {
	display: block;
	text-decoration: none;
	font: bold 12px verdana, arial, sans;
	color: #06f;
	line-height: 22px;
	background: url(/grafik/navpfeil.gif) no-repeat 0px 7px;
	padding-left: 10px;
}

#leftnav a.navAktiv {
	display: block;
	text-decoration: none;
	font: bold 12px verdana, arial, sans;
	color: #06f;
	line-height: 22px;
	background: url(/grafik/navpfeil.gif) no-repeat 0px 7px;
	padding-left: 10px;
}

#leftnav a.maNav {
	display: block;
	text-decoration: none;
	font: bold 12px verdana, arial, sans;
	color: #333;
	line-height: 22px;
	padding-left: 16px;
}

#leftnav a.maNav:hover {
	display: block;
	text-decoration: none;
	font: bold 12px verdana, arial, sans;
	color: #06f;
	line-height: 22px;
	padding-left: 16px;
	background: url(/grafik/navpfeil.gif) no-repeat 6px 7px;
}

#leftnav a.maNavAktiv {
	display: block;
	text-decoration: none;
	font: bold 12px verdana, arial, sans;
	color: #06f;
	line-height: 22px;
	padding-left: 16px;
	background: url(/grafik/navpfeil.gif) no-repeat 6px 7px;
}

#pagecontent {
	position: relative;
	display: block;
	top: 20px;
	left: 200px;
	margin-bottom: 20px;
	width: 740px;
}

#pagecontent span.normaltext {
	font: 12px verdana,arial,sans;
	color: #333;
	line-height: 22px;
}

#pagecontent span.smalltext {
	font: 11px verdana,arial,sans;
	color: #333;
	line-height: 18px;
}

#pagecontent span.normaltext ul li {
	width: 90%;
	line-height: 16px;
	display: block;
	margin-bottom: 10px;
	margin-left: 10px;
}

#pagecontent div.halfsize {
	width: 70%;
}

#pagecontent span.bildunterschrift {
	font: bold 9px verdana,arial,sans;
	color: #333;
	line-height: 18px;
}

#pagecontent div.uploaded_file {
	display: block;
	padding-bottom: 12px;
}

#pagecontent span.upload_dates {
	font: 11px verdana, arial, sans;
	color: #999;
	line-height: 14px;
	display: block;
	margin-left: 26px;
}

#pagecontent span.upload_commentary {
	color: #666;
	display: block;
	margin-left: 26px;
}

#pagecontent ol {
	font: 13px verdana, arial, sans;
	line-height: 18px;
}

#pagecontent ul {
	font: 13px verdana, arial, sans;
	line-height: 18px;
}


#pagecontent li {
	padding-bottom: 8px;
}

table td {
	font: 11px verdana,arial,sans;
	color: #333;
}

table td input {
	font: 11px verdana,arial,sans;
	color: #333;
}

table td textarea {
	font: 11px verdana,arial,sans;
	color: #333;
}

table td a {
	font: bold 12px verdana,arial,sans;
	color: #333;
	text-decoration: none;
}

table.links td  {
	font: 11px verdana,arial,sans;
	color: #333;
	text-decoration: none;
	padding-bottom: 20px;
}

table.personen td  {
	font: 10px verdana,arial,sans;
	color: #333;
	padding-bottom: 10px;
	text-decoration: none;
}

table.surveytable {
	border-collapse: collapse;
}

table.surveytable td {
	border: 1px solid black;
	font: 11px verdana,arial,sans;
	color: #000000;
}

table.surveytable td.header {
	background-color: #cccccc;
}

table.surveytable td p {
	padding: 0px;
	margin: 0px;
}

/************/
/*	 Footer	*/
/************/

#footer {
	display: block;
	padding: 0px;	
	width: 960px;
	height: 52px;
	background-color: #fff;
	z-index: 1;
	text-align: center;
	padding-top: 20px;
}

#footer span {
	font: 11px verdana, arial, sans;
	color: #333;
	margin: 0px;
	display: block;
}