/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address, { font-style: normal; }
th,h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { margin:0px 0px 0px 20px; }
a { color: inherit; }
sup, sub { font-size:8px; }
hr { height:1px;border:none;background:#656565; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #656565;
		  font: 12px  Arial, Verdana, sans-serif;
		  background: #d6d4d1;
		  margin:0px;
		  padding:0px;
		  line-height:18px;	}

p	{ font: 12px  Arial, Verdana, sans-serif;
	  line-height:18px;	  }

span	{ font: 12px  Arial, Verdana, sans-serif;
	  line-height:18px;	}

div	{ font: 12px  Arial, Verdana, sans-serif;
	  line-height:18px;	}

table, table p	{ font: 12px  Arial, Verdana, sans-serif;
	  line-height:10px;	}

tr, tr p	{ font: 12px  Arial, Verdana, sans-serif;
	  line-height:10px;}

td, td p	{ font: 12px  Arial, Verdana, sans-serif;
			  line-height:10px;}




h1 	{ font: bold 18px  "trebuchet ms", georgia, Verdana, Arial, "sans-serif";
	  color: #006e4e;
	  margin-bottom: 20px;
	  font-weight: normal;	}

h2 	{ font-size: 14px; 
	  color: #006e4e;
	  margin-bottom: 15px;
	  font-weight: normal;	}

h3 	{ font-size: 14px; 
	  color: #006f4e;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

#formular h3 	{ font-size: 16px; 
	  color: #333;	
	  margin-top: 20px;
	  font-weight: normal;	}

a 	{ color: #006e4e !important;
	  text-decoration: none !important;	}
	  
a:hover { text-decoration:underline;	}

img	{ border: 0px solid; 	}

form	{ padding:10px 0px;	}



				



div#container	{ margin:2px 0px 0px 20px;
				  height:auto;
				  width:871px;
				  background:#fff;	}
		  
		  div#container ul, div#container ol, div#container dir, div#container menu { list-style: none; 
		  																			  margin:0px;}
/* ------------------------------------------------
	form
-------------------------------------------------*/	

	label { width:60px;
			display:block;
			color: #333;
			padding:0px 2px; }	

	.textfield { 	font: 11px  Verdana, Arial, sans-serif;
	  			background:#fff;
	     		border:1px solid #006e4e;
				padding:2px 0px; }		
	
	.btn { 		background:1px solid #006e4e;
				border:none;	}
								 
	.textboxcontainer { float:left;
						margin:3px 0px 0px 1px;	}
					 	
	.textboxtop { 	 height:13px;
				     width:263px;
				     background: url(../images/textboxtop.png) no-repeat 0px 0px;
					 z-index:2001;
					 margin:0px;	}	
					 					 
					 
	.textboxbg { 	 margin:-1px 0px 0px 0px;
				     width:263px;
				     border:none;
				     color:#000;
				     padding:0px;
				     font: 11px  Verdana, Arial, sans-serif;
				     background: #eaeaea;
				 	 position:relative;
					 z-index:2001;	}	
					 
	.textbox { 		 margin:0px 0px -10px 0px;
					 padding:0px 8px;
					 height:60px;
				     width:243px;
				     border:none;
				     color:#000;
				     font: 11px  Verdana, Arial, sans-serif;
				     background: none;
				 	 position:relative;
					 z-index:2001;	}						 
	
	.textboxbottom { height:13px;
				     width:273px;
				     background: url(../images/textboxbottom.png) no-repeat 0px 0px;
					 z-index:2001;	}
					 					 		 
	.break { clear:both; }
	.submitbutton { color:#716e6e;
					text-align:center;
					margin:5px 0px 0px 0px; }
					
/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:871px;
		 	  height:125px;
			  background: #fff url(../images/headerbg.png) no-repeat left top;
			  margin:0px;
			  padding:0px;	}

	div#logo	{ float:left;
			 	  display:block;
				  width:673px;
				  height:44px;
				  padding:20px 0px 23px 36px; }

	div#sjmlank	{ float:left;
			  display:block;
			  width:123px;
			  height:8px;
			  padding:53px 0px 10px 36px; }
	
		

/* ------------------------------------------------
	menus
-------------------------------------------------*/



	div#menu	{ clear:both;
			  width:871px;
			  margin:0px 0px;
			  height:25px;
			  background: #fff url(../images/menubg.png) no-repeat left top;	}

	div#menu ul {	  margin:0px 0px 0px 0px;
			  padding:0px 0px 0px 16px;
			  list-style:none;  }

	div#menu li { float:left;}


	div#menu li a.start { float:left; 
			    padding:0px;
			    background: url(../images/startbg.png) no-repeat left top;
			    width:55px;
			    height:25px;
			    text-align:center;
			    padding:4px 0px 0px 0px; }

	div#menu li a.startactive { float:left; 
			    padding:0px;
			    background: url(../images/startbgactive.png) no-repeat left top;
			    width:55px;
			    height:25px;
			    text-align:center;
			    padding:4px 0px 0px 0px;
			    color:#000; }

	div#menu li a:hover.start { background: url(../images/startbgactive.png) no-repeat left top;	
				    color:#000; }


	div#menu li a.medpers { float:left; 
			      padding:0px;
			      background: url(../images/medpersbg.png) no-repeat left top;
			      width:139px;
			      height:25px; 
			      text-align:center;
			      padding:4px 0px 0px 0px; }

	div#menu li a.medpersactive { float:left; 
			      padding:0px;
			      background: url(../images/medpersbgactive.png) no-repeat left top;
			      width:139px;
			      height:25px; 
			      text-align:center;
			      padding:4px 0px 0px 0px;
			      color:#000; }

	div#menu li a:hover.medpers { background: url(../images/medpersbgactive.png) no-repeat left top;
				      color:#000; }

	div#menu li a.patanho { float:left; 
			      padding:0px;
			      background: url(../images/patanhobg.png) no-repeat left top;
			      width:159px;
			      height:25px;
			      text-align:center;
			      padding:4px 0px 0px 0px; }

	div#menu li a.patanhoactive { float:left; 
			      padding:0px;
			      background: url(../images/patanhobgactive.png) no-repeat left top;
			      width:159px;
			      height:25px;
			      text-align:center;
			      padding:4px 0px 0px 0px;
			      color:#000; }

	div#menu li a:hover.patanho { background: url(../images/patanhobgactive.png) no-repeat left top;
				      color:#000; }

	div#menu li a.stjm { float:left; 
			   padding:0px;
			   background: url(../images/stjmbg.png) no-repeat left top;
			   width:150px;
			   height:25px;
			   text-align:center;
			   padding:4px 0px 0px 0px; }

	div#menu li a.stjmactive { float:left; 
			   padding:0px;
			   background: url(../images/stjmbgactive.png) no-repeat left top;
			   width:150px;
			   height:25px;
			   text-align:center;
			   padding:4px 0px 0px 0px;
			   color:#000; }

	div#menu li a:hover.stjm { background: url(../images/stjmbgactive.png) no-repeat left top;
				   color:#000; }
				   
	div#menu li a.kontaktaoss { float:left; 
							   padding:0px;
							   background: url(../images/kontaktaossbg.png) no-repeat left top;
							   width:84px;
							   height:25px;
							   text-align:center;
							   padding:4px 0px 0px 0px; }

	div#menu li a.kontaktaossactive { float:left; 
									   padding:0px;
									   background: url(../images/kontaktaossbgactive.png) no-repeat left top;
									   width:84px;
									   height:25px;
									   text-align:center;
									   padding:4px 0px 0px 0px;
									   color:#000; }

	div#menu li a:hover.kontaktaoss { background: url(../images/kontaktaossbgactive.png) no-repeat left top;
				   color:#000; }
				   
	div#menu li a.sjmcom { float:left; 
							   padding:0px;
							   background: url(../images/sjmcombg.png) no-repeat left top;
							   width:65px;
							   height:25px;
							   text-align:center;
							   padding:4px 0px 0px 0px; }

	div#menu li a.sjmcomactive { float:left; 
									   padding:0px;
									   background: url(../images/sjmcombgactive.png) no-repeat left top;
									   width:65px;
									   height:25px;
									   text-align:center;
									   padding:4px 0px 0px 0px;
									   color:#000; }

	div#menu li a:hover.sjmcomactive { background: url(../images/sjmcombgactive.png) no-repeat left top;
				   color:#000; }

	div#menu li a.sitemap { float:left; 
			      padding:0px;
			      background: url(../images/sitemapbg.png) no-repeat left top;
			      width:80px;
			      height:25px;
			      text-align:center;
			      padding:4px 0px 0px 0px; }

	div#menu li a.sitemapactive { float:left; 
			  	    padding:0px;
				    background: url(../images/sitemapbgactive.png) no-repeat left top;
				    width:80px;
			 	    height:25px;
				    text-align:center;
				    padding:4px 0px 0px 0px;
				    color:#000; }

	div#menu li a:hover.sitemap { background: url(../images/sitemapbgactive.png) no-repeat left top;
				      color:#000; }

	div#menu a { float:left;
				 display:block;
				 text-decoration:none;
				 color:#136653;
				 white-space:nowrap;
				 font: 12px Arial, Verdana, sans-serif;
				 background:url(right_on.gif) no-repeat right top; }

	div#menu a:hover { text-decoration:none;  }

	/* Commented Backslash Hack
	   hides rule from IE5-Mac \*/
	
	div#menu a {float:none;}

	/* End IE5-Mac hack */
	
	div#menu .active { background-image:url(../images/left_on.png);
			   padding:0px 0px 0px 12px; }

	div#menu .active a { background-image:url(../images/right_on.png);
						 color:#333;
						 display:block;
						 height:26px;
						 margin:0px !important;
						 padding:17px 14px 2px 4px; }

	div#menu .active a:hover { text-decoration:underline;
				   border:none; }



	ul#submenu { margin:0px;
		   		 padding:0px 0px;
			     list-style:none; }
	
	ul#submenu a	{ display:block;
					  font:12px arial, verdana, sans-serif;
					  padding:6px 15px;
					  margin:3px 0px !important;
					 *margin:2px 0px !important;
					  width:178px;
					  background:#e5e5db;	}

	ul#submenu a:hover { text-decoration:none;
					     color:#fff;
			 		     background: #4e7b6f url(../images/selected.png) no-repeat left top;	}

		ul#submenu li { margin:0px !important;
						padding:0px !important;
						width:208px;
						display:block;
						line-height:10px; }					

		ul#submenu li.selected  { display:block; }		
		ul#submenu li.selected a { color:#fff;
	 			    		       background: #4e7b6f url(../images/selected.png) no-repeat left top; }		
					
		ul#submenu li.selected a:hover { text-decoration:none; }	

		ul#submenu li.selected ul li a:hover {  text-decoration:underline;
							background: #fff url(../images/gronpil.png) no-repeat left 4px;
							color:#000; }		
						   

	
		ul#submenu li ul { padding:5px 10px;
						   display:none; }
						   
		ul#submenu li.opened ul { display:block;margin:0px !Important;padding:0px !important; }
		
		ul#submenu li.selected ul { display:block;margin:0px !Important;padding:0px !important; }

		ul#submenu li.opened ul li a { margin:0px !important;
				        			   padding:0px 10px;
								       display:block; 
									   color:#000;
								       width:168px;
									   font:12px arial, verdana, sans-serif;
									   line-height:18px;
									   background: #fff url(../images/gronpil.png) no-repeat left 4px;  }
										 
		ul#submenu li.opened ul li a.highlight { text-decoration:underline; }		

		ul#submenu li.selected ul li a { margin:0px;
				        				 padding:0px 10px;
								         display:block; 
										 color:#000;
								         width:168px;
										 font:12px arial, verdana, sans-serif;
										 line-height:18px;
										 background: #fff url(../images/gronpil.png) no-repeat left 4px;  }
										 
		ul#submenu li.selected ul li a.highlight { text-decoration:underline; }										  
					  
		ul#submenu li.active ul li a { color:#006f4e; }					  

					  
		ul#submenu li ul li:hover, ul#submenu li ul li.sfhover { background: none; }						  

								   


/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontainer	{ width:871px;
					  margin:0px 0px;	}



	
	div#bilder1 { clear:both;
				  margin:3px 0px 0px 42px;}
	div#bilder2 { margin:0px 0px 13px 42px;}

	div.bild1 { width:196px;
		  		height:181px;
			    float:left;
			    display:block;
			    margin:0px 1px 0px 0px; 
				background:#000; }
				
	div.bild1 div { margin:0px; 
					padding:0px; }				

		div.bild1 img { width:196px;
			  		    height:181px;
						position:absolute; }
				 
	a.medicinskpersonalover img {  /* for IE */
						  filter:alpha(opacity=75);
						  /* CSS3 standard */
						  opacity:0.75;
						  /* for Mozilla */
					  	  -moz-opacity:0.75;
						  width:196px;
			  			  height:181px;  }

	a.medicinskpersonal img { width:196px;
			  			  	  height:181px;  }						  

	a.patienteranhorigaover img {  /* for IE */
						  filter:alpha(opacity=75);
						  /* CSS3 standard */
						  opacity:0.75;
						  /* for Mozilla */
					  	  -moz-opacity:0.75;
						  width:196px;
			  		  	  height:181px;  }

	a.stjudeover img {  /* for IE */
						  filter:alpha(opacity=75);
						  /* CSS3 standard */
						  opacity:0.75;
						  /* for Mozilla */
					  	  -moz-opacity:0.75;
						  width:196px;
			  			  height:181px;  }
						  
	a.aktuelltover img {  /* for IE */
						  filter:alpha(opacity=75);
						  /* CSS3 standard */
						  opacity:0.75;
						  /* for Mozilla */
					  	  -moz-opacity:0.75; 
						  width:196px;
				  		  height:181px; }	
						  
	a.ledigatjansterover img {  /* for IE */
						  filter:alpha(opacity=75);
						  /* CSS3 standard */
						  opacity:0.75;
						  /* for Mozilla */
					  	  -moz-opacity:0.75;
						  width:196px;
						  height:90px;  }	
						  
	a.bild6bildover img {  /* for IE */
						  filter:alpha(opacity=75);
						  /* CSS3 standard */
						  opacity:0.75;
						  /* for Mozilla */
					  	  -moz-opacity:0.75;
						  width:196px;
						  height:90px; }							  						  					  						  						  
						  
	div.bild { display:block;		                  
			   position:relative;
			   z-index:5000;
			   margin:0px 0px 0px 0px;   }

	div.bild2 { width:196px;
			    height:181px;
			    float:left;
			    display:block;
			    margin:0px 1px 0px 0px; 
				background:#000; }

		div.bild2  img { width:196px;
			  			 height:181px;
						position:absolute; }
				 
	div.bild3 { width:196px;
		  	    height:181px;
		  	    float:left;
		 	    display:block;
		 	    margin:0px 1px 0px 0px; 
				background:#000; }

		div.bild3  img { width:196px;
					  	 height:181px;
						position:absolute; }

	div.bild4o5 { width:196px;
		      height:181px;
		      float:left;
		      display:block;
		      margin:0px 0px 0px 0px;
		      padding:0px; }

		div.bild4 { width:196px;
		    	    height:90px;
			  	    float:left;
			 	    display:block;
		   		    margin:0px 0px 1px 0px;
				    padding:0px; 
					background:#000; }
		
			div.bild4  img { width:196px;
						  	 height:90px;
							 position:absolute; }

		div.bild5 { width:196px;
		    	    height:90px;
				    float:left;
				    display:block;
			   	    margin:0px 0px 0px 0px;	
				    padding:0px; 
					background:#000; }
			
			div.bild5  img { width:196px;
						  	 height:90px;
							 position:absolute; }
			 
	div.bild6 { width:393px;
		   		height:274px;
			    float:left;
			    display:block;
			    margin:1px 0px 0px 0px; 
				background:#000; }

		div.bild6 img { width:393px;
			    		height:274px;
						position:absolute; }

	div.bild7 { width:393px;
		    height:274px;
		    float:left;
		    display:block;
		    margin:1px 0px 0px 0px; }

		div.bild7 img { width:393px;
			    	height:274px; }
					
	div.bild8 { width:273px;
		  		height:174px;
			    float:left;
			    display:block;
			    margin:1px 0px 0px 0px;
				padding:50px 60px; }
				
		div.bild8 p { margin:0px 0px 10px 0px; }				

					



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

	ul#rellinks li { margin:0px;
				padding:1px 0px 0px 12px;
				background: url(../images/linkarrow2.png) no-repeat left 1px;	}
				
	ul#rellinks li.fileicon { margin:0px;
				padding:1px 0px 0px 12px;
				background: url(../images/pdf.png) no-repeat left 1px;	}				

	ul#rellinks a  { font: 12px  "trebuchet ms", georgia, Verdana, Arial, "sans-serif";	
			 padding:0px 0px 0px 15px;	}

div#right	{ float:left;
		  width:18px;
		  margin:0px;  }

/* ------------------------------------------------
	pages
-------------------------------------------------*/

div#content	{ width:839px;
		  margin:0px 16px;
		  display:block;
		  background: url(../images/mainbg.png) repeat-y; }

	div#column1	{ float:left;
				  display:block;
				  width:208px; 
				  padding:1px 0px; }

	div#inforuta	{ width:168px;	
					  display:block;
					  float:left;
					  background:#e5e5db;
					  font:12px arial, verdana, sans-serif;
					  padding:7px 20px 7px 20px;
					  margin:120px 0px 0px 0px;	}

		div#inforuta p	{ color:#000;	}

	
	div#column2	{ float:left; 
			  display:block;
			  width:421px;
			  margin:2px 0px 0px 0px;
			  padding:0px 11px 0px 11px;  }	

	div#relimg img	{ width:421px;
					  height:111px;  }
	
	div#maincontent	{ display:block;
					  width:391px;
					  margin:2px 0px 0px 0px;
					  padding:15px;  }
	
	
	div#maincontent ul	{ margin: 0px;
						  padding:0px 0px 0px 20px; 
						  list-style:disc; }

	div#maincontent td	{ padding:10px 0px; }						  
		
	div#maincontent	p { margin:0px 0px 0px 0px;  }	

	div#column3	{ float:left; 
				  display:block;
				  width:185px;
				  margin:2px 0px 0px 0px;
				  padding:0px; 
				  padding:0px 0px 140px 0px; }
	
	div#column3 p { margin:0px 0px 10px 0px;  }	
	
	div#column3 ul { margin:0px;
					 padding:0px;  }		
					 
		div#column3 li { padding:5px 0px;  }		


div#bottom { 	display:block;
				height:140px;
				width:185px;
				display:block;
				margin:-120px 10px 0px 0px;
				float:right; 
				position:relative;
				z-index:2005; }

/* ------------------------------------------------
	archive
-------------------------------------------------*/

div#contentarchive	{ width:839px;
					  margin:0px 16px;
					  display:block; }
					  
	  div#contentarchive ul { margin:0px;
	  						  padding:10px 0px 0px 20px; }
							  
		  	  div#contentarchive li { margin:0px;
	  								  padding:5px 0px;
									  display:block; }
		  
.column { display:block;
		  float:left;
		  width:201px;
		  border-right:1px solid #ebebeb;
		  margin:0px 4px 0px 0px;
		  height:350px; }	
		  
	  div#contentarchive .column ul { padding:10px 0px 0px 10px; }		
	.column p { padding:0px 0px 0px 10px; }				  	  
/* ------------------------------------------------
	footer
-------------------------------------------------*/

#footer { width:835px;
		  height:31px;
		  /*background: url(../images/footerbg.png) repeat-x; */
		  margin:0px 6px 0px 30px;
		  clear:both;	}

	#footerleft { float:left;
		      width:653px;
		      padding:7px 0px 0px 10px;	}

	#footerright { float:left;
		      width:158px;
		      padding:7px 0px 0px 10px;	}

		#footerright .searchfield { float:left;
					    display:block;
					    width:100px;
					    height:17px;
					    background:#fff;	
					    border:1px solid #d6d4d1;	}

		#footerright .searchbtn { float:left;
					  margin:0px 0px 2px 2px;	}

#footer p { font:12px arial, verdana, sans-serif;
	    color:#136653; 
	    line-height:18px; }

#footer .kontakt {color:#cccccc; }

#footer a {color:#006e4e;  }
#footer a:hover {text-decoration:underline;  }

#footer a.sphinxlink { color:#cccccc;  }
#footer a:hover.sphinxlink { text-decoration:underline;  }


#footer2 { width:845px;
		   margin:0px 0px 0px 40px;
		   display:block;
		   padding:0px 0px 30px 0px; }

	#footer2left { float:left;
		      width:593px;
		      padding:7px 0px 0px 10px;	}

	#footer2right { float:left;
		      width:218px;
		      padding:7px 0px 0px 10px;	}
			  
		 #footer2 a { color: #949494;
		      text-decoration:underline;
		      font-size:11px; }
		 #footer2 p { color: #949494;
		      font-size:11px; }

/* ------------------------------------------------
	misc
-------------------------------------------------*/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* for understanding browsers */
.hojd {
	min-height:360px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 360px;
}

/* for understanding browsers */
.hojd2 {
	min-height:200px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd2 {
	height: 200px;
}

div#container ol{margin: 0 0 0 20px;}

form {
margin: 0px;
padding: 0px;

}

/*SEARCHLIST*/
#searchList a{
	font-size: 14px;
	text-decoration: underline !important;
}
#searchList a span{
	font-size: 14px;
	text-decoration: underline !important;
}

#searchInfo{
	background-color: #D1C198;
	padding: 2px 5px;
	text-align: right;
	border-bottom: 1px solid #004E2E;
	font-size: 11px;
	color: #FFF;
	margin-bottom: 20px;
}