@import url("navigation_horizontal.css");
@import url("navigation_fusszeile_horizontal.css");
@import url("info_vertikal.css");
@import url("content.css");
@import url("reiter_navigation_horizontal.css");


html {    /* damit Scrollbars nicht angezeigt werden */
  width: 100%;
  height: 100%;
  margin: 0;    
  padding: 0;
  overflow: auto;
  }

body {
	text-align: center;
	padding:0;
	margin:0;
	/* background-color:#FFFFCC; */
  background-image: url(../Design/vy_bg_muster_neu.gif);
  background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	}
	
#container {
  position: absolute;	 /* aus dem normalen Darstellungsfluss herausnehmen und       
                          absolut zum nächsthöheren Bereich (body) positionieren */
  top: 50%;   
	left: 50%;  
  margin-left: -400px;
  margin-top: -310px;  /* -300px; */
	text-align:left;
  width: 800px;
 /* height: 600px; */
	}

/* nur fuer Mitarbeiterbereich zur Darstellung des Namens des Angemeldeten */
#LoginArea_Userid {
  height: 10px;
  width: 800px;
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
  font-size: 10px;
  color: #ffffff; /*  #CD001C; */
  text-align: left;  /* right; */
	}
	
#kopf {
/*	background-color:#ffffff;  */
  height: 137px;    /* 134px 123px */
  background-image: url(../Design/VYW-Kopf-Neu.gif);   /* vyw_top.gif Top.jpg */
  background-position: bottom;
  background-repeat: no-repeat;
	}

#logolink { /* um Logo anklickbar zu machen */
  position: absolute;
  width: 312px;
  height: 70px;
  top: 60px;
  left: 215px;
  /* border: 1px solid black; */
  }
	
#navigation {
  margin-top: 7px;     /* Abstaende nach oben zu Kopf und unten zu Inhalt */
  margin-bottom: 16px;      /*  5px;  */ 
  margin-left: 0px;
  margin-right: 0px;
  padding: 0;
  height: 26px;  /* 27px */
	}	
	
#inhalt {	/* leerer Kontainer fuer Inhaltsbereich */
	margin: 0;
  padding: 0;
	}

/* ----  fuer Seiten mit nur einem Darstellungsbereich (=Reiter), dh einem DIV ----  */  
  
#info-big {	/* Inhaltsbereich, in dem Reiter als hg dargestellt wird */
    float: left;
    width: 800px;
    height: 392px;
    background-image: url(../Design/VYW_Reiter_Gross.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }

.reiter-big-content {	/* Inhaltsbereich im Reiter */
  float: left;
  width: 800px;
  /* height: 297px;  */  
  height: 270px;
  /*border: 1px solid red;  */
  overflow: auto;
  /* margin-top: 3px; */
  margin-top: 14px;
  }  

.reiter-big-content-without-content_img {	/* Inhaltsbereich im Reiter wenn kein Inhaltsbild vorhanden ist */
  float: left;
  width: 800px;
  height: 325px;  /* height: 355px; */ 
 /* border: 1px solid red;  */
  overflow: auto;
  margin-top: 15px;
  } 
 
.reiter-big-label {	/* Beschriftung des Reiters */
  float: left;
  display: inline; /* um double margin bug im IE zu vermeiden */
  width: auto;
  /* margin-top: 10px;	*/   
  margin-top: 24px;
  margin-left: 23px;  
  padding: 0;
  font-weight: bold;
  font-size: 10.5pt;
  font-family: Verdana;
  color: #4C4C4C;
  /*border: 1px solid black; */
  }    

.reiter-big-content-top {	/* Inhaltsbereich im Reiter */
  width: 783px;
  height: 48px;
  margin-top: 8px;
  margin-left: auto;    /* zentrieren */
  margin-right: auto;   /* zentrieren */
  /*border: 1px solid black;  */
  }  
  
/* ----- fuer Seiten mit nur einem Darstellungsbereich (=Reiter, einem DIV) inkl. Reiter-Menue ---- */  
  
#info-big-ohne-reiter {	/* Inhaltsbereich, in dem Reiter als hg dargestellt wird */
    float: left;
    width: 800px;
    height: 392px;
    background-image: url(../Design/VYW_Reiter_Gross_Menue.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
  }

  /* fuer Inhaltsbereich im Reiter wird Klasse "reiter-big-content" verwendet */
  /* die bereits existiert */
  
  /* fuer Beschriftung des Reiters wird Klasse "reiter-big-menue" verwendet */
  /* ist eine Kontainer ohne Formatierungen, enthaelt aber Reitermenue */

.reiter-big-menue { /* dient nur als Kontainer fuer die Reiter-Sub-Navigation */
  float: left;
  margin-left: 0px;
  margin-top: 28px;
  /* border: 1px solid black;*/
  }  


/* ----- fuer Seiten mit nur einem kleinen Darstellungsbereich (=Reiter, einem DIV) inkl. Reiter-Menue ---- */ 
/* ----- und Linkreitern ----- */

#info-small-mit-reitermenue {
  float: right; 
  width: 455px; 
  height: 392px;
  background-image: url(../Design/VYW_Reiter_Inhalt_Klein.gif);
  background-repeat: no-repeat;	
  background-position: top right;
 /*  border: 1px solid black;  */
	}   

.reiter-rechts-content-mit-reitermenue {
  float: right;
  width: 442px;  /* genau die Ausmasse des Hintergrundreiters */
  height: 270px;  /* 292 */
  overflow: auto;
  margin-top: 14px;  /* 3 */
  /* border: 1px solid black;  */ 
  }

.reiter-rechts-content-mit-reitermenue-without-content_img {
  float: right;
  width: 442px;  /* genau die Ausmasse des Hintergrundreiters */
  height: 325px; 
  overflow: auto;
  margin-top: 15px;
  /* border: 1px solid black;  */ 
  }
  
.reiter-rechts-content-top-mit-reitermenue {
  /* float: right; */
  width: 426px;
  height: 48px;
  margin-top: 8px;
  margin-left: 21px;  
  /*margin-right: auto; */  /* zentrieren */
  /* background-image: url(../Design/top_Home.gif);
  background-repeat: no-repeat;	
  background-position: top; */
  /* border: 1px solid black; */
  }

.reiter-small-menue { /* dient nur als Kontainer fuer die Reiter-Sub-Navigation */
  float: left;
  display: inline;  /* um double margin bug im IE zu vermeiden */
  margin-left: 12px;
  margin-top: 28px;
  /* border: 1px solid black;*/
  } 
  
  /* die Klassen zu '#artikel' sind ident zu nachfolgendem Seitendesign mit einem kleinen Darstellungsreiter */
  /* ohne Reiternavigation */
  
  
/* ----------- fuer Seiten mit zwei Darstellungsbereichen, dh zwei DIV --------  */
	
  /* rechter Bereich */

#info-small {
  float: right; 
  width: 455px; 
  height: 392px;
  background-image: url(../Design/VYW_Reiter_Klein.gif);
  background-repeat: no-repeat;	
  background-position: top right;
  /* border: 1px solid green;  */
	} 
  
.reiter-rechts-content {
  float: right;
  width: 442px;  /* genau die Ausmasse des Hintergrundreiters */
  height: 270px;  /* 292 */
  overflow: auto;
  margin-top: 14px;  /* 3 */
  /* border: 1px solid black;  */ 
  }

.reiter-rechts-content-without-content_img {
  float: right;
  width: 442px;  /* genau die Ausmasse des Hintergrundreiters */
  height: 325px; 
  overflow: auto;
  margin-top: 15px;
  /* border: 1px solid black;  */ 
  }
  
.reiter-rechts-content-top {
  /* float: right; */
  width: 426px;
  height: 48px;
  margin-top: 8px;
  margin-left: 21px;    /* zentrieren */
  /*margin-right: auto; */  /* zentrieren */
  /* background-image: url(../Design/top_Home.gif);
  background-repeat: no-repeat;	
  background-position: top; */
  /* border: 1px solid black; */
  }
 
.reiter-rechts-label {
  float: left;
  display: inline;  /* um double margin bug im IE zu vermeiden */
  width: auto;
  margin-top: 24px;
  margin-left: 35px; 
  font-weight: bold;
  font-size: 10.5pt;
  font-family: Verdana;
  /*border: 1px solid blue;*/  
  color: #4C4C4C;
  }  

  /* linker Bereich */
	
#artikel {
  float: left;
  width: 345px;
  height: 392px;
	}	

#artikel a  {
  text-decoration: none;
  color: #4C4C4C;
  }
  
.reiter-links {   /* Hintergrund Bereich fuer Reiterdarstellung im linken Bereich*/
  float: left;
  margin-bottom: 20px; /* 19px; */
  width: 326px; /* 327px */
  height: 114px;
  background-image: url(../Design/VYW_Linkreiter_Weiss.gif);   /* Reiter_hg.gif */
  background-repeat: no-repeat;
  }

.reiter-links:hover {
 /* margin: 10px 3px 3px 10px;
  width: 327px;
  height: 114px; */
  background-image: url(../Design/VYW-Linkreiter-Rot.gif); /* VYW_Linkreiter_Rot.gif */
  background-repeat: no-repeat;
  color: #4C4C4C;
  } 
  
.reiter-links-content {   /* Beschriftung fuer Reiter im linken Bereich */
 /* margin-left: 25px;
  padding-left: 0px;
  padding-top: 4px;*/
  margin: 0;
  padding-top: 6px !important;
  padding-left: 21px !important; 
 /* padding-top: 3px; */ /* IE < Version 7 ignoriert mit !important ausgewiesene Regeln, wenn */
                    /* der selben Eigenschaft nochmals ein Wert ohne !important zugewiesen wird */    
 /* padding-left: 21px; */
  font-weight: bold;
  font-size: 10.5pt;
  font-family: Verdana;
  width: 160px;
  float: left;
  display: inline;
  color: #4C4C4C;
 /* border: 1px solid black;  */
  }  

.reiter-links-content-hover {   /* Beschriftung fuer Reiter im linken Bereich bei HOVER-Event */
                                /* wird ueber Javascript angesteuert */
  margin: 0;
  padding-top: 6px !important; 
  padding-left: 21px !important; 
  /*padding-top: 3px; *//* IE < Version 7 ignoriert mit !important ausgewiesene Regeln, wenn */
                    /* der selben Eigenschaft nochmals ein Wert ohne !important zugewiesen wird */    
 /* padding-left: 21px; */
  font-weight: bold;
  font-size: 10.5pt;
  font-family: Verdana;
  width: 160px; 
  float: left;
  display: inline;
  color: #ffffff;
 /* border: 1px solid black; */
  }
 
.reiter-links-bild img {  /* Formatierung fuer Bild fuer Reiter im linken Bereich */
  padding-left: 9px;
  padding-top: 9px;
  border: none;
  }  
  
/* FUSSZEILE */

#fuss {
	height: 26px;
	background-color:#4c4c4c;  /* #eeeeee; */
	clear: both;
  margin-top: 8px !important;  
  margin-top: -8px; /* IE < Version 7 ignoriert mit !important ausgewiesene Regeln, wenn */
                    /* der selben Eigenschaft nochmals ein Wert ohne !important zugewiesen wird */    
	}