/* CSS Document */

body{
height:100%;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:0.7em; 
text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
line-height:1.5em;
}

p {margin:0; padding:0;line-height:1.5em;}
*html p { line-height:1.1em;}
strong {color:#666;}

.small {font-size: x-small;}
.large {font-size:medium;}


h1 { font-size:1em; color:#335275;}
h2 { font-size:1.1em; color:#335275;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:10px;}

.top {
background: transparent url(images/icons/top.gif) left center no-repeat;
padding-right: 20px;
font-size:0.9em;
}
.back {
background: transparent url(images/icons/back.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.external-link-new-window {
background: transparent url(images/icons/extern.gif) left top no-repeat;
padding-left: 20px;
font-size:1em;
}
.internal-link {
background: transparent url(images/icons/intern.gif) left top no-repeat;
padding-left: 20px;
font-size:1em;
}

.intern {
background: transparent url(images/icons/arrow_right_on.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.pdf {
background: transparent url(images/icons/pdf.png) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.download {
background: transparent url(images/icons/download_manager.png) left center no-repeat;
padding-left: 18px;
font-size:1em;
}

.print {
background: transparent url(images/icons/print.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.mail {
background: transparent url(images/icons/mail.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}

.en {
background: transparent url(images/icons/gb.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.de {
background: transparent url(images/icons/de.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}


/***************************************************** container ***********************************************************/

#wrapper-head { width:950px; background: transparent url(images/bg-service-logo.gif) left top no-repeat; height:92px; margin:auto; }

#picrow-research		{ width:950px; background: transparent url(images/header/bg-research.jpg) left top no-repeat; height:120px; margin:auto; }
#picrow-infektiologie 	{ width:950px; background: transparent url(images/header/bg-infektiologie.jpg) left top no-repeat; height:120px; margin:auto; }
#picrow-immunologie     	{ width:950px; background: transparent url(images/header/header-immunologie.jpg) left top no-repeat; height:120px; margin:auto; }
#picrow-pneumologie     	{ width:950px; background: transparent url(images/header/header-pneumologie.jpg) left top no-repeat; height:120px; margin:auto; }
#picrow-fzb 				{ width:950px; background: transparent url(images/header/header-fzb.jpg) left top no-repeat; height:120px; margin:auto; }

#sub-service { width:950px; background: transparent url(images/bg-subservice.gif) left top no-repeat; height:20px; margin:auto; }

#wrapper-content { 
width:948px; margin:auto; text-align:left; padding:0px 0px 0px 0px; border-left:1px dotted #ccc; border-right:1px dotted #ccc; 
 background: transparent url(images/bg-body.gif) left top repeat-y; 
/* background: transparent url(images/bg-body.gif) repeat-y 50% 0; */
}

/***************************************************** servicemenue ***********************************************************/

#servicemenue ul {padding: 0;list-style-type: none; float:right; margin:10px 0px 0px 0px; font-size:0.9em}
#servicemenue ul li { 
display: block;
float:left;
text-decoration: none;
padding: 0 10px 0 10px;
text-align: center;}

#servicemenue ul li a { text-decoration: none; color:#75533a;}
#servicemenue ul li a:hover {text-decoration: none;}

/***************************************************** sub-service und suche***********************************************************/



#subservice { color:#fff; margin-left:450px; padding-top:2px;}
#subservice a { color:#fff; text-decoration:none;}

#suche  { background: transparent url(images/bg-suche.gif)  left top no-repeat; width:189px; height:120px; float:right;}
#suche input   { border-color:#005099; font-size:0.9em; padding-left:2px;}
#suche a {background: transparent url(images/bg-suche.gif)  left top no-repeat; width:189px; height:120px;display:block;}
#suche span {display: none;}

#search { background: transparent url(images/bg-search.gif)  left top no-repeat; width:189px; height:120px; float:right;}
#search input   { border-color:#005099; font-size:0.9em; padding-left:2px;}
#search a {background: transparent url(images/bg-suche.gif)  left top no-repeat; width:189px; height:120px;display:block;}
#search span {display: none;}

.suche   { background: transparent url(images/bg-suche.gif)  left top no-repeat; width:189px; height:120px; float:right;}
.suche input   { border-color:#005099; font-size:0.9em; padding-left:2px;}

.search { background: transparent url(images/bg-search.gif) left top no-repeat; width:189px; height:120px; float:right;}
.search input { border-color:#005099; font-size:0.9em; padding-left:2px;}

.suchbutton{background: transparent url(images/icons/intern.png) center no-repeat; width:20px; }
.suchfeld{width:129px;}

.bg-blue { background-color:#ccdceb; padding:2px 17px;}

 /***************************************** Menue */
    
#menue { 
	width:200px; 
	float:left; 
	margin-top:40px;	
}

#menue ul { 
	list-style:none; 
	margin:0; 
	padding:0; 	
}

#menue li a { 
	color:#005099; 
	background: transparent url(images/icons/arrow_right.gif) left top no-repeat;
	background-position:0 3px;
	padding-left: 15px;	
	text-decoration:none; font-size:0.9em;
	display:block;
}

#menue li a:hover { color:#d72813; background: #fff url(images/icons/arrow_right_on.gif) left top no-repeat; background-position:0 3px;}
#menue ul li {	padding:3px 0px 3px 3px; border-bottom:1px dotted #ccc; background-color:#e2e7e9;}

#menue ul li:hover { background-color:#fff;}

#menue ul li a.active { color:#d72813; text-decoration:underline; background: transparent url(images/icons/arrow_right_on.gif) left top no-repeat; background-position:0 3px;}

#menue ul li.active { background-color:#fff;}
 
#menue ul li.space {padding:0px 0px 0px 0px; background-color:#fff; margin:0px; line-height:0.5em;}

#menue ul li li {padding:3px 0px 3px 13px; border-bottom:none;border-top:1px dotted #ccc; background-color:#fff;}

#menue ul li li a { background: transparent url(images/icons/arrow_right-light.gif) left top no-repeat;  background-position:0 3px;}


/***************************************************** horizontal menue ***********************************************************/

#menue ul .horizontal {}
#menue ul li  .horizontal{ }

#menue ul li a  .horizontal{ }

 /***************************************** submenue */


#story #submenue ul {padding:0;list-style-type: none; margin:0px;}
#story #submenue ul li { 
display: inline;
text-decoration: none;
padding: 0 10px 0 10px;
text-align: center;}

#story #submenue ul li a.active { text-decoration:underline;}


 /***************************************** news */

#right {
margin:0px 0px 0px 0px;
padding:30px 0px 0px 20px;
width: 180px;
float:right;
color:#666;
}
#right h1 { font-size:1.2em; color:#005099;margin-bottom:15px;}
#right h2 { background-color:#ccdceb; color:#005099; padding:2px 0px 2px 3px; margin:0px; font-size:1em;}
#right h3 { font-size:1em; color:#005099;margin:5px 0px 5px 0px;}

#right a:link { text-decoration:none; color:#d72813;outline:none;}
#right a:visited {text-decoration:none; color:#d72813;outline:none;}
#right a:hover { color:#d72813; text-decoration:none;outline:none;}
#right a:focus { color:#d72813; text-decoration:none;outline:none;}

/****************************** Definitionen fuer den Inhaltsbereich ***************************************/


#story{
margin:0px 190px 0px 210px;
padding:30px 20px 0px 20px;
height: 80%;
min-height:450px;
}

#story p {line-height:1.5em;margin-bottom:15px;}
#story h1 { font-size:1.2em; color:#005099;margin-bottom:15px;}
#story h2 { font-size:1em; color:#005099;border: 0 none; border-bottom: 1px dotted #f60; margin-bottom:15px; padding:0px;}
#story h3 { font-size:1em; color:#005099; margin-bottom:15px;}
#story h5 { font-size:1em; font-weight:normal; margin-bottom:2px;}

#story a:link { text-decoration:none; color:#d72813;outline:none;}
#story a:visited {text-decoration:none; color:#d72813;outline:none;}
#story a:hover { color:#d72813; text-decoration:none;outline:none;}
#story a:focus { color:#d72813; text-decoration:none;outline:none;}
#story a span.hide {	display: none;}

#story img.right { float:right; margin:0 5px 5px 20px;}
#story img.left { float:left; margin:0 20px 10px 0;}

#story .distance120 { float:left; width:120px;}

#story ul { list-style:none; margin-left:-30px;}
*html #story ul { margin-left:5px;}
*+html #story ul { margin-left:10px;}

#story ul li {
margin-left:0px;
background: transparent url(images/icons/bullet.gif) left top no-repeat;
background-position:0 6px;
padding-left: 15px;
text-align: left;
line-height:1.6em;
}


table,td {border: 1px solid #ccc; border-collapse: collapse;}
table{ border:1px solid #005099; font-size:1em;}
thead th, tbody th {background:#e2e7e9;padding: 5px 5px; text-align: left;  color:#666; border-left:1px solid #ccc; border-right:1px solid #ccc;}
tbody th{background: #e2e7e9;border-top: 1px solid #ccc;text-align: left; font-weight:bold;}
tbody tr td{padding: 5px 5px;color: #666; vertical-align:top;}


#story table tbody tr td p.bodytext { margin-bottom:0px;}

#story p.csc-linkToTop {float:right;background: transparent url(images/icons/top.gif) left center no-repeat;padding-left: 15px;}

/***************************************************** sucheformular bibliothek ***********************************************************/

#form-bibliothek-suche legend {font-size:1em; color:#005099; padding:10px;}
#form-bibliothek-suche fieldset { border:1px solid #ccc; padding:0px 0px 10px 10px;}
#form-bibliothek-suche label{ width:8em; margin-right:10px;}
#form-bibliothek-suche input.submit { background-color:##E2E7E9; color:#005099; font-size:1em; padding:1px;}
#form-bibliothek-suche input { color:#005099; font-size:1em; padding:2px;}


/******************************************************** footer ****************************************************/

#footer {
clear:both; 
height:40px; 
padding:0px;
margin:auto;
font-size:0.9em;
width:950px;
border-top:1px solid #ccc;
color:#666;
}