/* StyleSheet, zentrale Formate */

body	{
	margin: 0;
	padding: 0;			
	font-family: Verdana, Arial, Helvetica, san-serif;
	color: #505367;
	font-size: 1.0em;
	background-color: #FFFFFF;
	text-align: center;
}

a {
	text-decoration: none;
	color: #4D4D4D;
}

a:hover {
	text-decoration: none;
	color: #01679A;
}

a img {
   border:none;
}

p {
	font-family: inherit;
	font-size: 1.0em;
	font-weight: normal;
	color: #4D4D4D;
}

.ueberschrift {
	font-family: inherit;
	font-size: 1.4em;
	color: #4D4D4D;
}

.ueberschrift_rot {
	font-family: inherit;
	font-size: 1.4em;
	color: #CC3333;
}

.ueberschrift_gelb {
	font-family: inherit;
	font-size: 1.4em;
	color: #FFCD06;
}

.ueberschrift_blau {
	font-family: inherit;
	font-size: 1.4em;
	color: #01679A;
}
	
.normaltext { 
	font-family: inherit;
	font-size: 0.9em;
	font-weight: normal; 
	color: #4D4D4D;
}

.normaltext_rot { 
	font-family: inherit;
	color: #CC3333;
}

.normaltext_link_blau { 
	font-family: inherit;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: normal; 
	color: #b8b8b8;
}

.normaltext_link_hellgrau { 
	font-family: inherit;
	text-decoration: none;
	font-size: 0.9em;
	font-weight: normal; 
	color: #b8b8b8;
}

.fetttext { 
	font-family: inherit;
	font-size: 0.9em;
	font-weight: bold; 
	color: #4D4D4D; 
}
	
.kursivtext { 
	font-family: inherit;
	font-size: 0.9em;
	font-style: italic; 
	color: #b8b8b8; 
}

.navitext_top { 
	font-family: inherit; 
	font-size: 0.8em; 
	font-style: normal; 
	color: #afb0b0; 
	padding-top: 10px; 
}

.datumstext { 
	font-family: inherit; 
	font-size: 0.7em; 
	font-style: normal; 
	color: #afb0b0; 	
}

.footertext {
	font-family: inherit; 
	text-decoration: none;
	font-size: 0.9em; 
	font-style: normal; 
	color: #afb0b0;
}


/*  ######## NAVI-BLOCK #########  */

/* NAVI-Position */
#nav {
	position: absolute;
	left: 10px;
	
	width: 220px;
	height: 575px;
	
	border-top: solid 1px #696969;
	
	padding-left: 0px;
	padding-top: 10px;
	overflow:  auto;
	z-index: 3;
	
	/* Debugg
	border: solid 1px black;  
		background-color: green; */ 
}

/* NAVI-Position der Menüpunkte in blau */
.menutitle_blau {
	position: relative; 
	left: -22px;
	list-style-image:url(../img/wuerfel_blau.gif);
	font-family: inherit; 
	font-size: 0.9em; 
	color: #4D4D4D;
	margin-top: 4px;
	margin-bottom: 0px;
}	

.menutitle_rot {
	position: relative; 
	left: -22px;
	list-style-image:url(../img/wuerfel_rot.gif);
	font-family: inherit; 
	font-size: 0.9em; 
	color: #4D4D4D;
	margin-top: 4px;
	margin-bottom: 0px;
}	

.menutitle_gelb {
	position: relative; 
	left: -22px;
	list-style-image:url(../img/wuerfel_gelb.gif);
	font-family: inherit; 
	font-size: 0.9em; 
	color: #4D4D4D;
	margin-top: 4px;
	margin-bottom: 0px;
}	

.submenu {
	position: relative;
	left: -22px;
	list-style-image: none;
	font-family: inherit; 
	font-size: 0.9em; 
	color: #4D4D4D;
	margin-top: 0px;
	font-weight: bold;
}

.submenu1 {
	position: relative;
	left: -22px;
	list-style-image: none;
	font-family: inherit;
	color: #4D4D4D;
	margin-top: 0px;
}

/* NAVI-Position */
.navitext_navi { 
	font-family: inherit; 
	font-size: 0.9em; 
	color: #4D4D4D; 
	padding-top: 10px;
	font-weight: bold;
}

.dotted_line {
	font-family: inherit;
	font-size: 10px;
	font-weight: bold;
	color: #afb0b0;
}

.link_ohne_decoration {
	text-decoration: none;
	font-size: 1.0em;
	color: #4D4D4D;
	<!--font-weight: bold;-->
}

/* ################################################ ENDE NAVI ################################################## */


/* ############# für die Positionierung auf dem Bildschirm ############# */



	
	
#container { 	
    position: relative;
    margin: 0px auto 0px auto;
    padding:  0px 0px 0px 0px;
    
    text-align: left;
    	   	    
    width: 845px;
    height: 100%;
    
    
     
		/* Debugg
	border: solid 1px black; 
		background-color: orange; */  
}
	
#container_top { 	
    position: relative;	    
    top: 0px;
    left: 0px;	
    
    margin:  0px 0px 0px 0px;   
    	   	    
    width: 845px;
    height: 120px;
    
    z-index: 3;
    
   	/* Debugg
	border: solid 1px black;  
		background-color: red; */
}

 #container_middle { 	
    position: relative;	    
    top: 0px;
    left: 0px;
    
    margin:  0px 0px 0px 0px;	    
    	   	    
    width: 845px;
    height: 588px;
    
   /* Debugg
	border: solid 1px black; 
		background-color: aqua; */
}

#container_bottom {
 	position: relative;	    
    top: 588px;
    left: 0px;	  
    
    margin:  0px 0px 0px 0px;  
    	   	    
    width: 845px;
    height: 40px;    
   
   z-index: 0;
   
   /* Debugg
	border: solid 1px black;  
	background-color: pink; */
}
		
#header	{
    position:absolute;
    top: 0px;
    left: 230px;
    
    
    width: 615px;
    height: 120px;
    
    
}

#nav_top { 
	position: absolute; 
	left: 230px;
	
	width: 615px; 
	height: 22px;

	padding-left: 10px;
	
	border-top: solid 1px #696969;
	/* Debugg
	border: solid 1px black; 
		background-color: green; */ 
}

/*  der content ist 42px weiter runtergesetzt damit ein abstand zur navi_top entsteht für die Überschriften */
#content { 
	position: absolute;
	top: 42px;
	/* original 247px */
	left: 237px;
	
	/* original 615px */
	width: 625px; 
	height: 546px;
		
	overflow:  auto; 
	
	/* Debugg
	border: solid 1px black; 
	background-color: #00AA44; */
}

#date {
	position: absolute;
	left: 10px;
	
	width: 220px;
	height: 40px;
		
	padding-top: 6px;
	padding-left: 9px;
	
	border-top: solid 1px #696969;
	
	/* Debugg
	border: solid 1px black; 
	background-color: #335577;  */
}	

#footer { 
	position: absolute;
	right: -3px;
	
	/* original 615 */
	width: 625px; 
	height: 40px; 
		
	padding-left: 98px;
	padding-top: 6px;
	
	border-top: solid 1px #696969;
	
	overflow: hidden;
	
	/* Debugg
	border: solid 1px black; 
	background-color: #CC2277; */
}


/* ###### BILDER ###### */


/* die Schräge Linie */
#linie_schraeg {
	position: absolute;		
	height: auto;
	width: auto;
	top: -30px;
	/* 162px; */
	left: 153px;
	
	visibility: visible;
	
	/* Debugg
	border: solid 1px black; */
}

/* die Plazierung von Schriftgrösse und Fahnen */
#schriftgroesse {
	position: absolute;
	height: auto;
	width: auto;
	top: 20px;
	left: 668px;
	
	visibility: visible;
	
	/* Debugg
	border: solid 1px black; */
}

/* das kleine Firmenlogo oben im Header */
#firmenlogo {
	position: absolute;
	height: auto;
	width: auto;
	top: 20px;
	left: 668px;
	
	visibility: visible;
	
	/* Debugg
	border: solid 1px black; */
}

/* ------------ der Banner oben im Header -------------- */
#firmen_header_bild {
	position: absolute;
	height: 120px;;
	width: auto;
	top: 0px;
	left: 230px;
	
	visibility: visible;		
	overflow: hidden;
	/* Debugg
	border: solid 1px black; */
}

/* 	übernahme */

br.klein {
	line-height : 0.5em;
}

br.mittel {
	line-height : 1.0em;
}

br.gross {
	line-height : 1.5em;
}

.langflag{
	position:absolute; 
	width:40px; 
	height:20px; 
	left:26px; 
	top:14px;
}

/* ---------------- Film ------------------*/

#Film { 
	font-size: 0.9em; 
	float: right; 
	width: 13em; 
	margin: 0; 
	padding: 0; 
	border: 1px dashed silver; 
	background-color: #eee; 
} 

#Film strong { 
	font-size: 1.33em; 
	margin: 0.2em 0.5em; 
} 

#Film p { 
	font-size: 1em; 
	margin: 0.5em; 
} 


/* für IE */

* html #Film { 
	font-size: 0.9em; 
	float: right; 
	width: 13em; 
	margin: 0; 
	padding: 0; 
	border: 1px dashed silver; 
	background-color: #eee; 
} 

* html #Film strong { 
	font-size: 1.33em; 
	margin: 0.2em 0.5em; 
} 

* html #Film p { 
	font-size: 1em; 
	margin: 0.5em; 
}