/* --- Generelles --- */

.hauptcontainer
{
  margin: 0px auto;
  width: 760px;
  height: 540px;
  font-family: Arial;
  background-image: url(../../img/Design.jpg);
  background-repeat: no-repeat; 
}

a:active
{
  color: #ff0000;
  text-decoration: none;
  border: 0px;
}

a:link
{ 
  color: #ff0000;
  text-decoration: none;
  border: 0px;
}

a:visited
{
  color: #ff0000;
  text-decoration: none;
  border: 0px;
}

/* --- Navigation --- */

.menu
{
	margin-top: 16px;
	margin-left: 21px;
	width: 373px;
	height: 31px;
	position: fixed;
}

.button_1_aktiviert
{
	width: 88px;
	height: 31px;
	position: absolute;
	text-align: center;
	background-image: url(../../img/btn_1_akt.jpg);
    background-repeat: no-repeat; 
}

.button_1_deaktiviert
{
	width: 88px;
	height: 30px;
	position: absolute;
	text-align: center;
	background-image: url(../../img/btn_1_deakt.jpg);
    background-repeat: no-repeat; 
}

.button_2_aktiviert
{
	margin-left: 95px;
	width: 126px;
	height: 31px;
	position: absolute;
	text-align: center;
	background-image: url(../../img/btn_2_akt.jpg);
    background-repeat: no-repeat; 
}

.button_2_deaktiviert
{
	margin-left: 95px;
	width: 126px;
	height: 30px;
	position: absolute;
	text-align: center;
	background-image: url(../../img/btn_2_deakt.jpg);
    background-repeat: no-repeat;
}

.button_3_aktiviert
{
	margin-left: 228px;
	width: 149px;
	height: 31px;
	position: absolute;
	text-align: center;
	background-image: url(../../img/btn_3_akt.jpg);
    background-repeat: no-repeat; 
}

.button_3_deaktiviert
{
	margin-left: 228px;
	width: 149px;
	height: 30px;
	position: absolute;
	text-align: center;
	background-image: url(../../img/btn_3_deakt.jpg);
    background-repeat: no-repeat;
}

.button_4_aktiviert
{
	margin-left: 384px;
	width: 96px;
	height: 31px;
	position: absolute;
	text-align: center;
	background-image: url(../../img/btn_4_akt.jpg);
    background-repeat: no-repeat; 
}

.button_4_deaktiviert
{
	margin-left: 384px;
	width: 96px;
	height: 30px;
	position: absolute;
	text-align: center;
	background-image: url(../../img/btn_4_deakt.jpg);
    background-repeat: no-repeat;
}

/* --- Content --- */

.content
{
	width: 488px;
	height: 418px;
	margin-top: 47px;
	margin-left: 13px;
	padding: 15px;
	position: fixed;
	overflow: auto;
}

.content_back
{
	width: 80px;
	height: 25px;
	margin-left: 400px;	
	background-image: url(../../img/zurueck.jpg);
	background-repeat: no-repeat;
	background-color: blue;
}

/* --- Überschrift ... */

.ueberschrift
{
	width: 185px;
	height: 60px;
	margin-top: 20px;
	margin-left: 560px;
	position: fixed;
}

/* --- Seitennavigation --- */

.navi
{
	width: 185px;
	height: 360px;
	margin-top: 90px;
	margin-left: 560px;
	position: fixed;
	overflow: auto;
}

.navi_text
{
	color: red;
	font-size: 17px;
	line-height: 1.5;
}

.bild_1
{
	position: absolute;
}

.bild_2
{
	position: absolute;
	margin-top: 120px;
}

.bild_3
{
	position: absolute;
	margin-top: 240px;
}

.bild_rahmen
{
	border: 1px solid black;
}

.print
{
	display: none;
}