/*Basis Stylesheet für VZM websites

- verknüpfte Dateien -
Aufzählungszeichen	../images/xxx.gif
Überschriften		../images/xxx.gif

- Farben -
VZM-magenta		#DE0063 		adaptiertes RGB 222,0,99)
VZM-magenta blass	#FF99CC		adaptiertes RGB 255,153,204
/*SIM-blau			#1141ad 	old#005D9C/RGB 0,93,156	   
SIM Abstufungen von dunkel nach hell						
SIM-blau blass	#3966BF							   
SIM-blau blass	#5075BF							    
SIM-blau blass	#C9D4EC							    
SIM-blau blass	#D8E0F2							    
CEFIS-blau		#330066		adaptiertes RGB	51,0,102	
SIB-gelb		#FFCC33		adaptiertes RGB 255,204,51
SIB-gelb2		#FFCC00		adaptiertes RGB 255,204,0
lightyellow		#FFFFE0		adaptiertes RGB 255,255,204
ghost white		#F8F8FF 
lightgrey		#D3D3D3
Interne Links	#DE0063 (VZM)
Externe Links 	#DE0063 (VZM mit Symbol)

Background SIM	#F7F3F7
Background VZM	#F8F8FF
Background CEF	#F7F3F7
Background SIB	#F7F3F7
Background RZP	#F7F3F7
*/

/*Grundformate----------------------------------------------------*/

html	{padding:0px;
		 margin:0px;
		 height:100%;}

body	{background-color: #F8F8FF;
		 padding:0px 0px;
		 margin:0px;
		 height:100%;
 		 font-family: Arial, Helvetica, sans-serif;
		 color:#000000;
		 }	

h1, h6	{
	font-family: Arial, Helvetica, sans-serif;
	color:#DE0063;
	 }

h2, h3, h4, h5	{
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
 }
		 
	
.liste {
 		list-style-type:upper-roman;
 		padding:0 0 0 30px
		}
		
hr		{color: #cccccc;
		background-color: #cccccc;
		size: 1px;			 /* Eigenschaft existiert nicht!!	*/
		margin-left:40px;}   /*horizontale Linie*/

/*Layer Inhalt----------------------------------------------------*/

#inhalt {position:absolute;
		 background-color:#F8F8FF;
		 margin-left:210px;
		 margin-top:90px;
		 padding:0px 10px;
  		 font-size:0.875em;
		 width:737px;
		 height:100%;
		 }
		 
#inhalt h1		{
	clear: both;
	font-size: 140%;
	text-indent:30px;
	margin:0 0 0.025em 0;
	background-image: url(../images/pfeil_wabe_g.gif);
	background-repeat: no-repeat;
	background-position: center left;
/*	letter-spacing:1px;		*/
		 }
		 
#inhalt h2		{
	clear: both;
	font-size: 130%;
    text-indent:30px;
	background-image: url(../images/pfeil_wabe_k.gif);
	background-repeat: no-repeat;
	background-position: center left;
	 }	
		 
#inhalt h3		{
	clear: both;
 	font-size: 110%;
	text-indent:30px;
	background-image: url("../images/pfeil_rechts.gif");
	background-repeat: no-repeat;
	background-position: center left;
		 }
		 
#inhalt h4		{
	clear: both;
	font-size: 120%;
	text-indent:30px;		 
		 	 }
#inhalt h5 	{			
	clear: both;
 	font-size: 100%;
	display: block;
	margin:0 0 0.3em 2.45em;
/*	margin: 0em 0em -0.5em 2.45em;		*/
	padding: 0.2em 0em 0.2em 0em;
	border-top: solid 0.1em #1141AD;
	font-weight: bold;
	/*margin-left:2.45em;	*/
}

#inhalt h6 	{			
	clear: both;
 	font-size: 100%;
	display: block;
	margin: 0.2em 0em 0.5em 0.2em;
	padding: 0.2em 0em 0.2em 0em;
	font-weight: bold;
/*	margin-left:2.45em;		*/
	color:#1141AD;
	}
		 	 
#inhalt table {
/*		margin-left:40px;	*/
		font-family:Arial, Helvetica, sans-serif;
		border-style:none;		
		padding:3px;
		line-height: 130%;
		font-size: 100%;
		}
		 
#inhalt td {
		color: #000000;
		border-style:none;
		}

#inhalt p,pre,h1,h2,h3,h4	{
	padding:0.8em 0em 0.2em 0.2em;
	margin:0
		 }
		 
#inhalt p		{
	line-height: 130%;
	margin: 0em 0em -0.1em 2.2em;
		}
		 
#inhalt pre 	{color: #005D9C;
		 background-color:transparent;
		 font-family: Courier, Monaco, Monospace;}
		 
#inhalt ul		{list-style-image: url(../images/pfeil_rechts.gif);		
	line-height: 130%;
		}

#inhalt ol		{line-height: 130%;
		}


/*Layer Menu----------------------------------------------------*/
#menu 	{position:absolute;
		 margin-top:90px;
		 background-color:#cccccc;
		 width:208px;
		 left:0px;
		 padding:0px;		 
		 height:100%;
			 }

#menu td {
/*		position:absolute;	*/
		color: #DE0063;
		text-decoration:none ;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size: 0.8em;
		border-style:none;
		padding:0px;
		left:0px;

		}

		 
/*		a {text-decoration:none;
		   color:#XXXXXX;}c

/*Layer Messebanner in Navi ----------------------------------------------------

#messe 	{position:absolute;
		 bottom:20%;
		background-image: url("../images/pmrexpo_navi_vzm_web_190x150.gif");
		background-repeat: no-repeat;
		background-position: center center;
		background-color:#cccccc;
		 width:208px;
		 left:0px;
		 padding:0px;		 
		height:150px;
					 }*/
		   
/*Layer Kopf----------------------------------------------------*/
#top 	{position:absolute;
		 background-color:#cccccc;
		 width:100%;
		 margin:0px;
		 left:0px;
		 height:90px;
		 }
		 
		 
#top p	{margin-left:660px;
		 color:#FFFFFF;
		 font-weight:bold;
		 }

#top a   {text-decoration:none;
		 color:#FFFFFF;
		 font-size: 0.8em;
		 font-weight:bold;
		 left:500px;}

#toptext	{position:relative;
			padding-left:755px;}


/*Formate für Fliesstext---------------------------------------------------*/

	
a.intern {color:#DE0063;
		  text-decoration:none;
		  font-family:Arial, Helvetica, sans-serif;
		  font-weight:bold;	
		  }

a.intern:hover {color:#333333;
		  text-decoration:none;
		  font-family:Arial, Helvetica, sans-serif;
		  font-weight:bold;	
		  }
a.map {color:#333333;
		  text-decoration:none;
		  font-family:Arial, Helvetica, sans-serif;
		  font-weight:bold;	
		  }

a.map:hover {color:#DE0063;
		  text-decoration:none;
		  font-family:Arial, Helvetica, sans-serif;
		  font-weight:bold;	
		  }

a.extern {color:#DE0063;
		  text-decoration:none;
		  font-family:Arial, Helvetica, sans-serif;
		  font-weight:bold;	
	/*	  background-image: url(../images/window.gif);
		  background-repeat: no-repeat;
		  background-position: 100% 50%;	*/
		  }

a.extern:hover {color:#333333;
		  text-decoration:none;
		  font-family:Arial, Helvetica, sans-serif;
		  font-weight:bold;	
		  background-image: url(../images/window.gif);
		  background-repeat: no-repeat;
		  background-position: 100% 50%;
		  }

#inhalt a.pdflink 		 {
	clear: both;
	display:block;
	text-indent:30px;
	background-image: url(../images/pdf_small.gif);
	background-repeat: no-repeat;
	background-position: center left;
	color:#DE0063;
	text-decoration:none;
	font-weight:bold;	
		  }
		  

img.bildlinks {float:left;
			   margin-top:10px;
			   margin-bottom:10px;
			   margin-right:10px;}
			   
img.bildrechts {float:right;
			    margin-top:10px;
			    margin-bottom:10px;
			    margin-left:20px;}



/*Formate für Navigation---------------------------------------------------*/

a.menufix {
		display:block;
		color:#FFFFFF;
		text-decoration:none ;
		font-family:Arial, Helvetica, sans-serif;
		width:200px;
		background-color:#DE0063;
		background-image: url(../images/h_wabe.gif);
		background-repeat: no-repeat;
		background-position: center left; 
		padding: 3px;
		text-indent:9px;
		border-top:solid 1px #cccccc;	
		}

a.menufix:hover {
		display:block;
		color:#FF99CC;
		text-decoration:none ;
		font-family:Arial, Helvetica, sans-serif;
		width:200px;
		background-color:#DE0063;
		background-image: url(../images/h_wabe.gif);
		background-repeat: no-repeat;
		background-position: center left;
		padding: 3px;
		text-indent:9px;
		border-top:solid 1px #cccccc;
		}


a.menu {
		display:block;
		color:#FFFFFF;
		text-decoration:none ;
		font-family:Arial, Helvetica, sans-serif;
		width:200px;
		text-indent:9px;
		background-color:#DE0063;
		padding: 3px;
		border-top:solid 1px #cccccc;
		}

a.menu:visited{
		color:#FFFFFF;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		text-indent:9px;
		width:200px;
		background-color:#DE0063;
		border-top:solid 1px #cccccc;
}

/*a.menu:active{
		color:#FFFFFF;
		text-decoration:none;
		font-family:Arial, Helvetica, sans-serif;
		width:200px;
		text-indent:9px;
		background-color:#FF99CC;
		border-top:solid 1px #cccccc;
		}*/


a.menu:hover {
		color: #FF99CC;
		text-decoration:none ;
		font-family:Arial, Helvetica, sans-serif;
		width:200px;
		text-indent:9px;
		background-color:#DE0063;
		border-top:solid 1px #cccccc;
		}	

a.menuaktiv {
		display:block;
		color:#DE0063;
		text-decoration:none ;
		font-family:Arial, Helvetica, sans-serif;
		width:200px;
		background-color:#FF99CC;
		text-indent:9px;
		padding: 3px;
		border-top:solid 1px #cccccc;
		}

a.menuinside {
		display:block;
		color:#000000;
		text-decoration:none ;
		font-family:Arial, Helvetica, sans-serif;
		width:200px;
		background-image: url(../images/h_wab_6.gif);
		background-repeat: no-repeat;
		background-position: center left;
		text-indent:9px;
		background-color:#cccccc;
		padding: 3px;
		border-top:solid 1px #ffffff;
		}
a.menuinside:hover {
		color: #000000;
		text-decoration:none ;
		font-family:Arial, Helvetica, sans-serif;
		width:200px;
		background-image: url(../images/h_wab_5.gif);
		background-repeat: no-repeat;
		background-position: center left;
		text-indent:9px;
		background-color:#999999;
		border-top:solid 1px #ffffff;
		}	
a.menuinsidex {
		display:block;
		color:#cccccc;
		text-decoration:none ;
		font-family:Arial, Helvetica, sans-serif;
		width:200px;
		background-color:#cccccc;
		padding: 3px;
		border-top:solid 1px #ffffff;
		}

.ueberschrift {											/*VZM-Gruppe*/
		display:block;
		font-size: 0.775em;
		color:#000000;
		text-decoration:none ;
		font-family:Arial, Helvetica, sans-serif;
		background-color:#cccccc;
		margin-left: 8px;
		margin-top: 30px;
		padding: 3px;
		 }



/*Formate für Boxbereiche---------------------------------------------------*/
.boxds 	{background-color:#F8F8FF;
		 padding-right:0px;
		 border: dashed 1px #999999;
		 width:250px;
		 float:right;
		 margin-top:10px;
		 margin-bottom:10px;
		 margin-left:10px;
}
.boxds li {color: #000000;}


.boxli 	{background-color:#F8F8FF;
		 padding-right:5px;
		 width:260px;
		 float:left;
		 margin-top:10px;
		 margin-bottom:10px;
		 }
		 
.boxre 	{background-color:#F8F8FF;
		 padding-right:5px;
		 border-left: 1px solid #999999;	
		 width:460px;
		 float:right;
		 margin-top:10px;
		 margin-bottom:10px;
		 }

.boxrsli 	{background-color:#F8F8FF;
		 padding-right:5px;
		 width:360px;
	/*	 border-right: 1px solid #999999;	*/
		 float:left;
		 margin-top:10px;
		 margin-bottom:10px;
		 }

.boxrsli2 	{background-color:#F8F8FF;
		 padding-right:5px;
		 width:360px;
		 border-right: 1px solid #999999;	
		 float:left;
		 margin-top:10px;
		 margin-bottom:10px;
		 }
		 
		 
.boxrsre 	{background-color:#F8F8FF;
		 padding-right:0px;
		 width:360px;
		 float:right;
		 margin-top:10px;
		 margin-bottom:10px;
		 margin-left:5px;
		 }
		 
.box1 	{background-color:#F8F8FF;
	/*	 padding-right:1px;	*/
		 width:100px;
		 float:left;
		 margin-top:10px;
		 margin-bottom:10px;
		 }
		 
.box2 	{background-color:#F8F8FF;
	/*	 padding-right:1px;	*/
		 width:100px;
		 float:none;
		 margin-top:10px;
		 margin-bottom:10px;
		 }
.box3 	{
		 background-color:#F8F8FF;
	/*	 padding-right:1px;	*/
		 width:100px;
		 right:0px;
		 margin-top:10px;
		 margin-bottom:10px;
		 }
		 
/*Formate für Formulare-------------------------------------------------*/

#inhalt form {
	margin: 0.5em 0 0 40px;
/*	font-size: 0.875em;	*/
		}

#inhalt form p {
	clear:left;
	padding: 5px 0 0 0 ;
	margin:0;
	line-height:150%
	}

#inhalt fieldset {
	border: 1px solid #DE0063;	
	margin: 16px 0 16px 0;
	padding:0 0 5px 10px;	
	width: 585px;	
}

#inhalt legend {
	font-weight: bold;	
	color: #DE0063;
	padding: 0.1em 1.0em;
	}

#inhalt label {
	float:left;
	font-weight:bold;
	font-size:0.8em;
	width: 125px;	
	padding: 0 1px 0 0;
	}

#inhalt label.extra {
	float:left;
	font-weight:bold;
	font-size:0.8em;
	width:300px;	/* 125 px	*/
	padding: 0 1px 0 0;
	}

#inhalt input:focus { background-color : #FF99CC;}

#inhalt input	{border:1px solid #DE0063; 
/*		 font-size : 0.8em;	*/
/*		 font-family:Arial, Helvetica, sans-serif;	*/
		}

#inhalt input.txt {
	width: 260px;	
	}

#inhalt input.plz {
	width: 59px;
	margin: 0 1px 0 0;	
	}

#inhalt input.ort {
	width: 200px;	
	margin: 0 3px 0 0;
	}
			
#inhalt textarea {border:1px solid #DE0063; 
/*		 font-size : 0.8em;
		 font-family:Arial, Helvetica, sans-serif;	*/
		 cols:40px;
		}

#inhalt textarea.extra {border:1px solid #DE0063; 
/*		 font-size : 0.8em;
		 font-family:Arial, Helvetica, sans-serif;	*/
		float:right; 
		 cols:41;
		}
		
#inhalt textarea:focus { background-color : #FF99CC;}

#inhalt select:focus { background-color : #FF99CC;}

		
#inhalt select {border:1px solid #DE0063; 
/*		 font-size : 0.8em;			*/
/*		 font-family:Arial, Helvetica, sans-serif;	*/
		}

#inhalt select.auswahl {
	border: 1px solid #DE0063;
	width:262px;	
/*		margin-left:11px;	*/
	}


#inhalt radio {border:1px solid #DE0063; 
		padding:2px;
		}

#inhalt checkbox {border:1px solid #DE0063; 
		padding:2px;
		}

#inhalt input.submit {
	background-color: #DE0063;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	width:10em;
}


/************************/
/*** Printanweisungen ***/
/************************/

@media print {

body, #inhalt {
	background: #fff !important;
	font: 12pt Arial, Helvetica, Verdana, sans-serif;
	width: auto ;
	left:0px;	
	margin: 0 !important;
	padding: 0 !important;
}	
	 
#top, #toptext, #menu, #teaser 	{
	display: none;
		 } 

#inhalt h1, h2, h3, h4 {
	clear: both;	
	font-size: 14pt;
	text-indent: 30px;		 
	}

#inhalt h5, h6 {
	clear: both;	
	font-size: 12pt;
	margin-left: 30px;		 
	}

#inhalt p,pre,h1,h2,h3,h4	{
	padding:0.8em 0em 0.2em 0.2em;
	margin:0
		 }

#inhalt form {
	margin: 0.5em 0 ;
		}

a {
	font-weight: bold;
	text-decoration: underline;
  }

}


/*** Content2 ***/
/**************/

	 
#inhalt2 {position:absolute;
		 background-color:#F8F8FF;
		 margin-left:210px;
		 margin-top:90px;
		 padding:0px 10px;
  		 font-size:0.875em;
		 width:590px;
		 height:100%;
		 }
		 
#inhalt2 h1		{
	clear: both;
	font-size: 140%;
	text-indent:30px;
	margin:0 0 0.025em 0;
	background-image: url(../images/pfeil_wabe_g.gif);
	background-repeat: no-repeat;
	background-position: center left;
/*	letter-spacing:1px;		*/
		 }
		 
#inhalt2 h2		{
	clear: both;
	font-size: 130%;
    text-indent:30px;
	background-image: url(../images/pfeil_wabe_k.gif);
	background-repeat: no-repeat;
	background-position: center left;
	 }	
		 
#inhalt2 h3		{
	clear: both;
 	font-size: 110%;
	text-indent:30px;
	background-image: url("../images/pfeil_rechts.gif");
	background-repeat: no-repeat;
	background-position: center left;
		 }
		 
#inhalt2 h4		{
	clear: both;
	font-size: 120%;
	text-indent:30px;		 
		 	 }
#inhalt2 h5 	{			
	clear: both;
 	font-size: 100%;
	display: block;
	margin:0 0 0.3em 2.45em;
/*	margin: 0em 0em -0.5em 2.45em;		*/
	padding: 0.2em 0em 0.2em 0em;
	border-top: solid 0.1em #1141AD;
	font-weight: bold;
	/*margin-left:2.45em;	*/
}

#inhalt2 h6 	{			
	clear: both;
 	font-size: 100%;
	display: block;
	margin: 0.2em 0em 0.5em 0.2em;
	padding: 0.2em 0em 0.2em 0em;
	font-weight: bold;
/*	margin-left:2.45em;		*/
	color:#1141AD;
	}
		 	 
#inhalt2 table {
/*		margin-left:40px;	*/
		font-family:Arial, Helvetica, sans-serif;
		border-style:none;		
		padding:3px;
		line-height: 130%;
		font-size: 100%;
		}
		 
#inhalt2 td {
		color: #000000;
		border-style:none;
		}

#inhalt2 p,pre,h1,h2,h3,h4	{
	padding:0.8em 0em 0.2em 0.2em;
	margin:0
		 }
		 
#inhalt2 p		{
	line-height: 130%;
	margin: 0em 0em -0.1em 2.2em;
		}
		 
#inhalt2 pre 	{color: #005D9C;
		 background-color:transparent;
		 font-family: Courier, Monaco, Monospace;}
		 
#inhalt2 ul		{list-style-image: url(../images/pfeil_rechts.gif);		
	line-height: 130%;
		}

#inhalt2 ol		{line-height: 130%;
		}



/*** Teaser ***/
/**************/

#teaser 	{
	position:absolute;
 	margin-left:810px;	
 	margin-top:90px;
	width:140px;	
	padding:0.2em 0em 0em 0em;		 
/*	height:100%;	*/
	font-size: 0.8em;	
/*	border: solid 1px #1141AD;	*/
		}
		
#teaser h1 	{			
	clear: both;	
 	font-size: 100%;
	display: block;		
	margin: 0em 0em -1em 0em;
	padding: 0.2em 0em 0.2em 0.3em;	
	background-color: #FF99CC;	
	font-weight: bold;
	color: #333;
}

#teaser h2 	{			
	clear: both;
	float: right;
 	font-size: 80%;
	display: block;	
/*	margin: 0em 0em 0.5em 0em;
	padding: 0em 0em 0.1em 0.3em;	*/
	color: #333;
}

#teaser p		{
	line-height: 120%;
	padding: 0.1em 0em 0em 0.3em;	
		}
		
/*	#teaser p.2		{
	line-height: 100%;
	padding: 0;	
		}		*/

#teaser p.Anzeige 	{			
	clear: both;
	float: right;
 	font-size: 80%;
/*	display: block;	
	margin: 0em 0em 0.5em 0em;
	padding: 0em 0em 0.1em 0.3em;	*/
	color: #333;
}


#teaser a 		 {
	color:#DE0063;
	text-decoration:none;
	font-weight:bold;	
		  }
		  
#teaser a:hover {
	color:#999999;
    text-decoration:none;
	font-weight:bold;			 
		  }

#teaser a[href^="http:"] {					/*css3 - funktioniert im Mozilla*/
	color:#DE0063;
	text-decoration:none;
	border-bottom: 1px dotted #1141AD;
		}

#teaser a[href^="http:"]:hover {			/*css3 - funktioniert im Mozilla*/
	color:#999;
	text-decoration:none;
	border-bottom: 1px dotted #999;
		  }

.teaser-box-blau {
/*	width:100%;		*/
	margin: 0em 0em 0.2em 0em;
	padding: 0.1em 0.1em 0.1em 0.1em;
	border: solid 1px #DE0063;	
}

#teaser img	{
	margin:0.4em 0 0 0em;
	vertical-align: middle;
		}
		
		
/* Inhalt: newProgrammnavigation (SIM adaptiert= */
/*************************++++++++++++++++********/

#inhalt-nav {
/*	clear: both;
	left:0;	*/
	margin-left: 2.5em;	
	margin-top:1em;
	line-height: 140%;	
	height: 1.3em;	
	color: #DE0063;
	font-size: 80%;
	}

#inhalt-nav ul {	
	margin: 0 0 0.4em 0;
	padding: 0.3em 0.3em 0 0.3em;	
	background: url(../images/magentapixel.gif) repeat-x bottom;
	min-height: 2.25em;			/*  wegen falscher Positionierung des Bildes im FF	*/
}		

#inhalt-nav li {
	pading:0;
	margin:0;
	width: 40px;
	display: inline;		
	white-space:nowrap;
	list-style-type: none;
/*	border-bottom: #DE0063 1px solid;	*/
}

#inhalt-nav a {
	float: left;
	background-color: #FF99CC;	
	font-weight: bold;
	padding: 0.4em 0.2em;
	margin-right: 4px;
	border-left: 1px solid #DE0063;
	border-right: 1px solid #DE0063;
	border-top: 1px solid #DE0063;
	text-decoration: none;
	color: #DE0063;
}

#inhalt-nav a:hover {
	padding: 0.4em 0.2em;
	background-color: #DE0063;			
	text-decoration: none;
	font-weight: bold;
	color: #F8F8FF;
}

#inhalt-nav a#selected {
	padding: 0.4em 0.2em;
/*	background-color: transparent;	*/	
	color: #fff;
	background-color: #DE0063;
}