* {                    /* <----- geändert    */
   margin:0;
	 padding:0;
	 }




html, body {
/*	min-width:960px;
  width:auto !important;
  */
  width:100%;
	height:100%;
	}
	
li {
	margin-bottom:5px;

	}	

/* --------------CLEARFIX Methode------------- */
.Clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.Clearfix {
display:block;
}

/* Hides from IE-mac \*/
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}
/* End hide from IE-mac */


	
/* Beginn: Hintergrundauffuellung auf 100% Bildschirmhoehe */
body {
	margin:0;
	padding:0;
	border:0;
	font:normal 0.75em Arial, Verdana, sans-serif;
	color:#666666;
	background-color:white; 
	}
	
.small { 
			 font-size:8pt;
       line-height: 120%; 
			 }
			 
.smallbold { 
			 font-size : 8pt;
       font-weight : bold; 
			 }
	
.viewport-height {
  height: 100%;
  float: left;
  width: 1px;
  margin: -340px 0 30px 0;
  }

.clear {
  clear:both;
  height:20px;
	}

#container {
/*<div style="position:absolute; top:xx left:50%; margin-left:-Breite/2>*/
/*position:absolute; */
margin-left: auto; 
margin-right: auto; 
text-align: center;


		 /*position:relative;*/
	   
			background-color:white;
			/* min-width:960px;
      width:auto !important;  */
      width:1007px;	
			height:100%;
		/*	margin:20px 20px -20px 20px;
			border-left: solid 1px;
	    border-right: solid 1px;
			border-color: grey;
         */
/*height: auto !important;
height: 100%;
min-height: 100%;*/

}

* html #container { /* Für IE */
height: 100%;
}

			
/*	
* html #introbilder, #container, #rahmen_unten  {
  width: 80em;  
  width: expression((document.documentElement && document.documentElement.clientHeight) ?
    (document.documentElement.clientWidth < 965) ? "965px" :

    (document.body.clientWidth < 965) ? "965px" 
    );
}
*/	 		 
/* Beginn: Grundaufbau des 3-spaltigen Layouts */			 

#content {
    position:relative;
		margin-top: 30px;
		margin-left:55px;
/*		margin-right: -1px;*/
/*		background-color:white;
		border-left: solid 1px;
	  border-right: solid 1px;
		border-color: grey;

	   width:100%;

padding-left:0px;
	margin-left: 0px;
	margin-right: 0px;
  min-height:auto;
*/
	}
	
/*
#content div {

  position:absolute;


      min-height:100%;
      height:auto !important;
      height:100%;	
  
  }
  */ 


  /* linke Hauptspalte (Hauptmenue) */
#layout-menu {  
     position:absolute;
	 overflow:visible;
	 left:0;
	 top:0;
   margin-left:0px; 
	 z-index:12;
	 width:170px;	
	 }

	/* mittlere Hauptspalte (Inhaltsbereich) */
#layout-mitte {
	 overflow:visible;
	 margin: 0 100px 0 0;
	 padding-left:200px; 
	 z-index:11;
	 text-align: left;	 
	 }

	/* rechte Hauptspalte (Mitteilungen und sekundaere Infos) */
#layout-rechts {
   position:absolute;
	 overflow:visible;
	 right:0;
	 top:0;
	 z-index:12;
	 width:50px;
	 }
/*
body>#content {
  height:auto;
	}		 
*/
/* Beginn: Seitenaufbau */

/* Bilderleiste */
#introbilder {
	position:relative;
/*	min-width:960px;	*/
	height:245px;
	padding-left:0px;
	overflow:hidden;
  margin-left: -1px;
  */
	/*
  border-right: solid 1px;	
	*/
/*  border-color: grey;	
	margin-right: -1px;
  width:100%
  */
	 }
	 
#introbilder div {
	position:absolute;
	height:250px;
  }
  
#introbilder #background-bild {
	left:0px;
	width:1024px;
	background:url("../images/quarc_web_kopf.gif");
  z-index:1;
  }  

#introbilder #background-bild-1 {
	left:0px;
	width:357px;
	background:url("../images/contback_left_top.png");
  z-index:1;
  }

#introbilder #background-bild-2 {
	right:-2px;
	width:469px;
	background:url("../images/contback_right_top.png"); 
	z-index:1;
	}

#introbilder #background-bild-3 {
	left:40px;
	right:40px;
	width:100%;
	background: url("../images/contback_top_mid.png")/* repeat-x top right*/;
	z-index:0;
  }

#introbilder #motiv-bild-1 {
	left:20px;
	width:342px;
	background:url("../images/mmz_top_1.gif") no-repeat bottom;
	z-index:3; 
	}

#introbilder #motiv-bild-2 {
	left:20px;
	right:18px;
	/* width:90%;  */
	background:url("../images/mmz_top_2.gif") repeat-x bottom;
	z-index:2; 
	}
	
#introbilder #motiv-bild-3 {
	/* right:191px;  */
	right:188px;
	width:284px;
	background:url("../images/mmz_top_3.gif") no-repeat bottom;
	z-index:3; 
	}	

#introbilder #motiv-bild-4 {
	right:18px;
	width:170px;
	background:url("../images/mmz_top_4.gif") no-repeat bottom;
	z-index:3; 
	}

#introbilder #quarc-logo {
	left:8px;
	top:10px;
	width:396px;
	bottom:124;
	background:url("../templates/img/quarc_logo.gif") no-repeat;
	z-index:3; 
	}		

#introbilder #mmz-logo {
	left:8px;
	top:10px;
	width:342px;
	bottom:124;
	background:url("../images/mmz_logo.gif") no-repeat;
	z-index:3; 
	}	


#introbilder #uni-logo {
	left:20px;
	top:76px;
	width:161px;
   
/*	background:url("../images/luh_logo_rgb_46_161.png") no-repeat;   */
	z-index:3; 
	}	


	
/* Topnavi  Impressum, Sitemap, Kontakt  */	
.topnavi {	
    position:relative;
	  margin-left: 909px;
		padding-top:100px;
	  font-family:Verdana, Arial,  sans-serif;
		font-size:11px;
		letter-spacing:0px;
		color:#666666;
		text-align:left; 
		z-index:4;		
    }

.topnavi a	{
			 font-family:Arial, Verdana, sans-serif;
			 font-size:11px;
			 color:#666666;
			 text-decoration:none;
			 cursor:pointer;
			  }
			 
.topnavi a:hover	{
			 font-family:Arial, Verdana, sans-serif;
			 font-size:11px;
			 color:#006666;
			 text-decoration:none;
			 cursor:pointer;
			 }			 	
.topnavi img { border:none; }

/* Navileiste */
#navibar {
	position:relative;
	top:265;
	height:36px;
	padding-left:54px;
	overflow:hidden;
	width:925px:
/*	margin-right: 0px; */
	background-color:white;		
	}
	 
#navibar div {
	position:absolute;
	height:36px;
	}

.navibar-background-top {
    top:0px;
	left:54px;
	right:19px;
	width:925px;
	background:url("../images/navibar_background_top.jpg") repeat-x;
	z-index:0;
  }
	
.navibar-background-bottom {
    top:18px;
	left:54px;
/*	right:19px;	*/
	width:925px;
	background:url("../images/navibar_background_bottom.jpg") repeat-x;
	z-index:0;
  }		
	
.navibar-background-left {
	width:20px;
	left:55px;
	background:url("../images/contback_left_mid.png") repeat-y left;
	z-index:0;
  }		
	
.navibar-background-right {
	width:20px;
    right:-1px;
    left:55px;
	background:url("../images/contback_right_mid.png") repeat-y right;
	z-index:1;
  }	
	
.navibar-button {
	width:102px;
	height:18px;
    right:50px;
	background:url("../images/navibar_button.gif") no-repeat;
	z-index:1;
  }		
	
.navmenue {
    font-family:Arial, Verdana, sans-serif;
		font-size:11px;
		letter-spacing:0px;
		color:#666666;
		text-align:center;
		z-index:1;
		/*padding-right:150px;*/
		margin-left:179px;
     }

.navmenue ul li {
  float:right; 
  list-style-type:none; 

	}
	
.navmenue li a {
	z-index:1;
	display: block; 
	background:url("../images/navibar_button.gif") no-repeat right top;
	width:102px;
	height:18px;
	color:#666666;
    text-decoration: none; 
	padding-top:2px;
  }
	
.navmenue li a:hover {
	z-index:1;
	display: block; 
	background:url("../images/navibar_button.gif") no-repeat right top;
	width:102px;
	height:18px;
	color:#CCCCCC;
  text-decoration: none; 
  }	
	

.navmenue li.aktuell a {
		background:url("../images/navibar_button_act.gif") no-repeat right top;
	  width:102px;
	  height:18px;
	  display: block;
		color:#666666;
		text-decoration: none;
		z-index:1;
    }	
			
.navmenue  li.aktuell a:hover {
		background:url("../images/navibar_button_act.gif") no-repeat right top;
	  width:102px;
	  height:18px;
	  display: block;
		color:#CCCCCC;
		text-decoration: none;
		z-index:1;
    }		

/* Breadcrumb*/
#breadcrumb {
	position:relative;
	top:281;
	height:19px;
	margin-left:254px;
	overflow:hidden;
	width:750px;
	/*margin-right: 0px;	*/	
	background-color:white;
	}
	 
#breadcrumb div {
	position:absolute;
	height:19px;
	}

#breadcrumb #navibar-background-left {
	width:20px;
	background:url("../images/contback_left_mid.png") repeat-y left;
	z-index:0;
  }		
	
#breadcrumb #navibar-background-right {
	width:20px;
   right:0px;
	background:url("../images/contback_right_mid.png") repeat-y right;
	z-index:0;
   }	
#breadcrumb #unilogo	{
			 left:30px;
			 font-family:Arial, Verdana, sans-serif;
			 font-size:12px;
			 letter-spacing:0px;
			 color:#666666;
			 }

#breadcrumb #breadcrumb_string	{
			 left:0px;
			 width:100%
			 font-family:Arial, Verdana, sans-serif;
			 font-size:0.9em;
			 color:#333333;
			 }
			 
#breadcrumb #breadcrumb_string a {
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:0.9em;
			 color:#333333;
			 text-decoration:none;
			 }
			 	
/* Rahmen unten*/
#rahmen_unten {
	position:relative;  
	clear:both;	
    width:700px;
	height:30px;
	margin-left: 230px;
/*	margin-right:-2px;
*/
	overflow:hidden;

	 }
 
#rahmen_unten div {
	position:absolute; 
	height:30px;
  }

#rahmen_unten #rahmen_unten_links {
	left:0px;
	width:20px;
	background:url("../images/contback_left_bottom.png") bottom left;
	z-index:1;
  }

#rahmen_unten #rahmen_unten_rechts {
	right:-1px;
	width:20px;
	background:url("../images/contback_right_bottom.png") bottom right; 
	z-index:1;
	}

#rahmen_unten #rahmen_unten_mitte {
	left:20px;
	right:20px;
	width:100%;
	/*
	background: url("../images/contback_bottom_mid.png") bottom /* repeat-x top right*/;
	*/
	z-index:0;
	
	
	text-align:center;
	font-size:0.75em;
  }	

#rahmen_unten #rahmen_unten_mitte a {	
	text-decoration:none;
	color: #333333;
	}
		
#bild_sf		{
       position:relative;
       /*margin-left:500px;*/
       width: 204px;
       height: 206px;
       background:url("../images/Susanne_Friese.jpg");
       border: 1px solid grey;
       }
       
#marqueecontainer{
	position: relative;
	/*margin-left:500px;*/
	width: 200px; /*marquee width */
	height: 200px; /*marquee height */
	background-color: white;
	overflow: hidden;
	border: 1px solid grey;
	padding: 2px;
	font-size:0.75em;	
	}	
	
#vmarquee{
	position: absolute; 
	width: 98%;
	
	}
		
	
	
		
#logo		{
       position:absolute;
			 top:50px;
			 left:43px;
			 }
			 
			 
#menu		{
			 
			 top:0;	
			 width:161px;
  		 font-family:Arial, Verdana, sans-serif;
			 font-size:11px;
			 letter-spacing:0px;
			 color:#666666;
	
     	 }
			 

			 
#menu_top	{
       height:6px;	
			 left:0;
			 z-index:1;
			 width:161px;
			 background:url("../images/menutop-x.png") no-repeat bottom center;
			 
			 }
			 
#menu_bottom	{
       height:6px;	
       left:0;
			 width:161px;
			 
			 z-index:2;
  		 background:url("../images/menubot-x.png") no-repeat top center;
			 }
			 
#menu_inhalt			{ 
			 width:161px;
       left:0px;
  		 padding:5px 0 5px 0;
			 background-color:#DFE6F4;
			 text-align: left;
			 }		 
			 
#menu_title		{ 
  		 padding:0 0 5px 0;
			 width:161px;
			 color:#666666;
			 font-weight:bold;
			 text-align: center;
			 line-height: 2;
			 background-color:#DFE6F4;	
			 border-bottom-style:inset;			  	 
			  }			 
			 
#menu_inhalt	li			{ 
       /* height:10px;
				25px*/
			  list-style-image:url(../images/dot.png);
			  color:#666666;
				text-decoration:none;
				margin-bottom: 1em; 
				margin-left: 40px;    /*   <---- geändert  */
				font-size:11px;
			}

#menu_inhalt	li	a	{ 
        /*height:10px;
				25px*/
			  list-style-image:url(../images/dot.png);
				color:#666666;
				text-decoration:none;
			}


#menu_inhalt	li	a:hover		{ 
       /* height:10px;
				25px*/
			  list-style-image:url(../images/dot.png);
				color:#CCCCCC;			
			}
	

#search {
      z-index:22;
      position:absolute;
      top:0; 
			right:20px; 
			height:67px; 
			width:161px; 
			background:url(../images/search.gif) no-repeat top right;
			}		
			
#vsearch {
      z-index:22;
      position:absolute;
      top:80px; 
			right:20px; 
			height:67px; 
			width:161px; 
			background:url(../images/search.gif) no-repeat top right;
			}					
			
label, input, select { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
	font-family:Arial, Verdana, sans-serif;
	font-size:11px;
	letter-spacing:1px;
	color:#666666;
}

label {
   padding: 10px 0 0 20px;
   text-align: left;
	 line-height:15px;
	 font-weight:bold;

}		
input.Name {
      position: absolute; 
      top:35px;
      left:10px;
			width: 110px;
			border:0;
			}
			
input.image { /* Such-Button */
      position: absolute; 
      top:33px;
      right:10px;
      float: none;
      width: 26px;
	    height: 21px;
			cursor:pointer;
      }	
 	
#layout-rechts form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left;  /* das floating der labels und inputs aufheben */
}



#layout-rechts #servicelinks {
      z-index:22;
      position:absolute;
      top:160px; 
			right:20px; 
			width:161px;
			font-size:11px;	
			background-color:#e2e3ec;	 	
			}		
#layout-rechts #servicelinks_title		{  
  		 padding: 0 0 10px 25px;
       font-weight:bold;
			 color:#666666;
			 text-align: left;
			 vertical-align:middle;
			 line-height: 1.5;
			 letter-spacing:1px;
			 background-color:#e2e3ec;	
			 background:url("../images/green_list_bar.gif") no-repeat left top;
			 border-bottom-style:inset;			  	 
			  }	
						
#layout-rechts #servicelinks_top	{
       height:6px;		 
			 z-index:1;
			 background:url("../images/menutop-x.png") no-repeat top center;		 
			 }
			 
#layout-rechts #servicelinks_bottom	{
       height:6px;	
			 z-index:2;
  		 background:url("../images/menubot-x.png") no-repeat bottom center;
			 }
			 
#layout-rechts #servicelinks_inhalt			{ 	 
  	 	 line-height:2;     
  		 padding:5px 0 5px 30px;
			 background-color:#e2e3ec;
			 
			 }		 		

#layout-rechts #servicelinks_inhalt li	{ 
			  list-style-image:url(../images/dot.png);
			  color:#666666;
				}
			
#layout-rechts #servicelinks_inhalt li a {		
			color:#666666;			 
			text-decoration: none;
			}
			
#layout-rechts #servicelinks_inhalt li a:hover {
				color:#cccccc;	 
			}	
					
#layout-mitte a	{
			 font-family:Arial, Verdana, sans-serif;
			 font-size:1em;
			 color:#0066FF;
			 text-decoration:none;
			 }

#layout-mitte a:hover	{
			 font-family:Arial, Verdana, sans-serif;
			 font-size:1em;
			 color:#33CCFF;
			 text-decoration:none;
			 }
			 
#layout-mitte	li	{ 
        
			  list-style-image:url(../images/stringdot-li.png);
				font-family:Arial, Verdana, sans-serif;
			  font-size:1em;
			  color:#666666;
			  text-decoration:none;
				margin-left:40px;
				font-weight : normal; 
			}			 

#layout-mitte	li	a { 
        
			  list-style-image:url(../images/stringdot-li.png);
				font-family:Arial, Verdana, sans-serif;
			  font-size:1em;
			  color:#0066FF;
			  text-decoration:none;
				font-weight : normal; 
				}


#layout-mitte	ul li	a:hover		{ 
       
			  list-style-image:url(../images/stringdot-li.png);
				font-family:Arial, Verdana, sans-serif;
			  font-size:1em;
			  color:#33CCFF;
			  text-decoration:none;
				font-weight : normal; 		
			}



			 
/* Dropdown Sitemap "tx_dropdownsitemap_pi1" */

#layout-mitte .tx-dropdownsitemap-pi1 a {
		  font-family:Arial, Verdana, sans-serif;
			font-size:12px;
			color:#666666;
			text-decoration:none;
			font-weight: bold;
		}
		
#layout-mitte .tx-dropdownsitemap-pi1 a:hover {
		  font-family:Arial, Verdana, sans-serif;
			font-size:12px;
			color:#cccccc;
			text-decoration:none;
			font-weight: bold;
		}	
		
		
#layout-mitte .tx-dropdownsitemap-pi1 LI.open OL {
			display: block;
			list-style-type:none;
		}
#layout-mitte .tx-dropdownsitemap-pi1 LI.closed OL {
			display: none;
			list-style-type:none;
		}
#layout-mitte	.tx-dropdownsitemap-pi1 LI.open UL {
			display: block;
			list-style-type:none;
		}
#layout-mitte .tx-dropdownsitemap-pi1 LI.closed UL {
			display: none;
			list-style-type:none;
		}
#layout-mitte .tx-dropdownsitemap-pi1 DIV {
		/*
			border: solid 1px #DFE2E3;
			*/
			
			background: #FAFBFB;
			padding: 2px;
			margin-bottom: 5px;
			list-style-type:none;
		}
#layout-mitte .tx-dropdownsitemap-pi1 DIV.level_2 {
			background: #FFFFFF;
		}
#layout-mitte .tx-dropdownsitemap-pi1 DIV.level_2 a {
		  font-family:Arial, Verdana, sans-serif;
			font-size:11px;
			color:#666666;
			text-decoration:none;
			font-weight: normal;
		}
		
#layout-mitte .tx-dropdownsitemap-pi1 DIV.level_2 a:hover {
		  font-family:Arial, Verdana, sans-serif;
			font-size:11px;
			color:#cccccc;
			text-decoration:none;
			font-weight: normal;
		}		
		
#layout-mitte	.tx-dropdownsitemap-pi1 DIV.level_3 {
			background: #FAFBFB;
		}
#layout-mitte .tx-dropdownsitemap-pi1 DIV.level_4 {
			background: #FFFFFF;
		}
		.tx-dropdownsitemap-pi1 DIV.level_5 {
			background: #FAFBFB;
		}
#layout-mitte .tx-dropdownsitemap-pi1 DIV.expAll {
		 	text-align: left;
			/*
			border: solid 1px #DFE2E3;
			*/
			background: #FAFBFB;
		}	 

#layout-mitte .tx-dropdownsitemap-pi1 DIV.expAll a{
		  font-family:Arial, Verdana, sans-serif;
			font-size:10px;
			color:#666666;
			text-decoration:none;
			text-align: left;
			/*
			border: solid 1px #DFE2E3;
			*/
			background: #FAFBFB;
		}	 
		
#layout-mitte .tx-dropdownsitemap-pi1 DIV.expAll a:hover {
		  font-family:Arial, Verdana, sans-serif;
			font-size:10px;
			color:#cccccc;
			text-decoration:none;
			text-align: left;
			/*
			border: solid 1px #DFE2E3;
			*/
			background: #FAFBFB;
		}	
