/* --------------------------------------------------------------------------- */
/* Diese Datei legt das Layout der Internetseite fest.                         */
/* Dazu werden einzelne Elemente mit festen Eigenschaften definiert,           */
/* die dann in der html- oder php-Datei einzelnen Bereichen zugewiesen werden. */
/* Bei Bedarf können die Eigenschaften dann individuell überschrieben werden.  */
/*                                                                             */
/* ID-Selektoren ("#", einmalige Anwendung) haben Vorrang vor                  */
/* Klassen-Selektoren (".", mehrmalige Anwendung).                             */
/*                                                                             */
/* Hier werden drei Ebenen definiert, die unterschiedliche Elemente enthalten. */
/* Die Ebenen (als 'z-index' gekennzeichnet) bestimmen, in welcher Reihenfolge */
/* sich die einzelnen Elemente überlagern.                                     */
/*                                                                             */
/* Für die Smartphone Version werden die benötigten Elemente mit "mobile"      */
/* markiert unabhängig davon, ob auch andere Parameter verwendet werden.       */
/* --------------------------------------------------------------------------- */

/* Allgemeine Eigenschaften, gültig für beide Versionen */

html, body {
	background-color:rgb(243,243,243);							/*Hintergrundfarbe: 5% grau*/
	font-family:Times New Roman,Arial,Helvetica,sans-serif;		/*Schrifttyp, je nach Verfügbarkeit*/
}

/* Verhalten der Links */
a:link,a:visited {
	color:rgb(0,0,255);			/*Schriftfarbe*/
	font-weight:normal;			/*Schriftdicke*/
	text-decoration:none;		/*kein unterstrichender Text*/
	cursor:pointer;				/*Typ des Mauszeigers*/
}
a:hover {
	color:rgb(200,0,0);			/*Schriftfarbe*/
	font-weight:bold;			/*Schriftdicke*/
}

/* Definition der Ankerpunkte für Sprungmarken */
.anchor {
    position:relative;					/*Position*/
    top: -156px;					/*Abstand zum oberen Bildschirmrand*/
}

/* -------------------------------------------------------------- */
/* EBENE 1xx                                                      */
/* hinterste Ebene, enthält den Text/die Bilder der Internetseite */
/* -------------------------------------------------------------- */

/*Generelle Definition für den Inhalt*/

#content {
	position:absolute;					/*veränderbare Position (Scrolling)*/
	top:75px;							/*Abstand zum oberen Bildschirmrand*/
	right:20px;							/*Abstand zum rechten Bildschirmrand*/
	left:190px;							/*Abstand zum linken Bildschirmrand*/
	padding:10px;						/*Abstand des Inhalts zum Seitenrand*/
	font-size:14px;						/*Schriftgröße*/
	font-weight:normal;					/*Schriftdicke*/
	font-style:normal;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

#content_gallery {
	position:absolute;					/*veränderbare Position (Scrolling)*/
	top:156px;							/*Abstand zum oberen Bildschirmrand*/
	right:20px;							/*Abstand zum rechten Bildschirmrand*/
	left:190px;							/*Abstand zum linken Bildschirmrand*/
	padding:10px;						/*Abstand des Inhalts zum Seitenrand*/
	font-size:14px;						/*Schriftgröße*/
	font-weight:normal;					/*Schriftdicke*/
	font-style:normal;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}


#mobile_content {
	position:absolute;					/*veränderbare Position (Scrolling)*/
	top:120px;							/*Abstand zum oberen Bildschirmrand*/
	right:0px;							/*Abstand zum rechten Bildschirmrand*/
	left:0px;							/*Abstand zum linken Bildschirmrand*/
	padding:10px;						/*Abstand des Inhalts zum Seitenrand*/
	font-size:18px;						/*Schriftgröße*/
	font-weight:normal;					/*Schriftdicke*/
	font-style:normal;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.box_1 {				
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,0);			/*Umrandung: Farbe*/
	padding:15px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe: weiß*/
	text-align:center;					/*Ausrichtung*/
	font-family:Comic Sans MS;			/*Schriftart*/
	min-width:300px;					/*minimale Breite*/
	margin-left:auto;					/*Zentrierung der ganzen Tabelle*/
	margin-right:auto;					/*Zentrierung der ganzen Tabelle*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_box_1 {				
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,0);			/*Umrandung: Farbe*/
	padding:15px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe: weiß*/
	text-align:center;					/*Ausrichtung*/
	font-family:Comic Sans MS;			/*Schriftart*/
	min-width:300px;					/*minimale Breite*/
	margin-left:auto;					/*Zentrierung der ganzen Tabelle*/
	margin-right:auto;					/*Zentrierung der ganzen Tabelle*/
	z-index:100;						/*Bildschirmebene*/
}

.link_style_1 {
	color:rgb(255,255,255);				/*Textfarbe*/
	font-weight:bold;					/*Schriftdicke*/
	font-style:normal;					/*Schriftstil*/
}

.link_style_1:hover {
	font-size:16px;						/*Textgröße*/
}

/*Definition für einzelne Inhalte*/

.start_box_1 {
	min-width:300px;					/*minimale Breite*/
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(40,22,111);		/*Umrandung: Farbe*/
	padding:15px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe: weiß*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_start_box_1 {
	min-width:300px;					/*minimale Breite*/
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(40,22,111);		/*Umrandung: Farbe*/
	padding:15px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe: weiß*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.blackboard_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Tabellenbreite*/
}

.mobile_blackboard_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Tabellenbreite*/
}

.blackboard_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(70,70,70);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_blackboard_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(70,70,70);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.blackboard_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	padding:5px 5px 5px 5px;			/*Abstand zur Umrandung*/
	background-color:rgb(70,70,70);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	text-align:right;					/*Orientierung*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_blackboard_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	padding:5px 5px 5px 5px;			/*Abstand zur Umrandung*/
	background-color:rgb(70,70,70);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	text-align:right;					/*Orientierung*/
	vertical-align:top;
	z-index:100;						/*Bildschirmebene*/
}

.blackboard_box_1 img {
	width:100px;						/*Bildbreite*/
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(243,243,243);		/*Umrandung: Farbe*/
}

.mobile_blackboard_box_1 img {
	width:100px;						/*Bildbreite*/
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(243,243,243);		/*Umrandung: Farbe*/
}

.blackboard_box_1 img:hover {
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:2px;					/*Umrandung: Breite*/
}

.mobile_blackboard_box_1 img:hover {
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:2px;					/*Umrandung: Breite*/
}

.blackboard_box_2 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_blackboard_box_2 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_openrov_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.mobile_projects_openrov_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.projects_openrov_table_gallery {
	border-spacing:2px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.projects_openrov_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(0,0,200);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_openrov_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(0,0,200);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_openrov_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_openrov_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_openrov_box_1 img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	height:100px;						/*Bildhöhe*/
}

.mobile_projects_openrov_box_1 img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	height:100px;						/*Bildhöhe*/
}

.projects_openrov_box_1 img:hover {
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:3px;					/*Umrandung: Breite*/
	transform:scale(1.1);				/*Vergrößerung*/
}

.mobile_projects_openrov_box_1 img:hover {
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:3px;					/*Umrandung: Breite*/
	transform:scale(1.1);				/*Vergrößerung*/
}

.projects_openrov_box_2 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	width:100px;						/*Zellbreite*/
	background-color:rgb(0,0,200);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:normal;					/*Schriftstil*/
	text-align:center;					/*Textposition*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_openrov_box_3 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	text-align:center;					/*Textausrichtung*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_openrov_box_3 img {
	width:600px;						/*Bildbreite*/
}

.projects_openrov_box_3 img:hover {
	border:solid;						/*Umrandung*/
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:3px;					/*Umrandung: Breite*/
}

.projects_fifish_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.mobile_projects_fifish_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.projects_fifish_table_gallery {
	border-spacing:2px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.projects_fifish_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(0,0,200);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_fifish_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(0,0,200);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_fifish_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_fifish_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_fifish_box_1 img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	height:100px;						/*Bildhöhe*/
}

.mobile_projects_fifish_box_1 img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	height:100px;						/*Bildhöhe*/
}

.projects_fifish_box_1 img:hover {
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:3px;					/*Umrandung: Breite*/
	transform:scale(1.1);				/*Vergrößerung*/
}

.mobile_projects_fifish_box_1 img:hover {
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:3px;					/*Umrandung: Breite*/
	transform:scale(1.1);				/*Vergrößerung*/
}

.projects_fifish_box_2 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	width:100px;						/*Zellbreite*/
	background-color:rgb(0,0,200);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:normal;					/*Schriftstil*/
	text-align:center;					/*Textposition*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_fifish_box_3 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,200);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	text-align:center;					/*Textausrichtung*/					
	z-index:100;						/*Bildschirmebene*/
}

.projects_fifish_box_3 img {
	width:600px;						/*Bildbreite*/
}

.projects_fifish_box_3 img:hover {
	border:solid;						/*Umrandung*/
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:3px;					/*Umrandung: Breite*/
}

.projects_drone_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.mobile_projects_drone_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.projects_drone_table_gallery {
	border-spacing:2px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.projects_drone_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,150,0);			/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(0,150,0);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_drone_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,150,0);			/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(0,150,0);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_drone_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,150,0);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_drone_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,150,0);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_drone_box_1 img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(0,150,0);			/*Umrandung: Farbe*/
	height:100px;						/*Bildhöhe*/
}

.mobile_projects_drone_box_1 img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(0,150,0);			/*Umrandung: Farbe*/
	height:100px;						/*Bildhöhe*/
}

.projects_drone_box_1 img:hover {
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:3px;					/*Umrandung: Breite*/
	transform:scale(1.1);				/*Vergrößerung*/
}

.mobile_projects_drone_box_1 img:hover {
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:3px;					/*Umrandung: Breite*/
	transform:scale(1.1);				/*Vergrößerung*/
}

.projects_drone_box_2 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,150,0);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	width:100px;						/*Zellbreite*/
	background-color:rgb(0,150,0);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:normal;					/*Schriftstil*/
	text-align:center;					/*Textposition*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_drone_box_3 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(0,150,0);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	text-align:center;					/*Textausrichtung*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_drone_box_3 img {
	border:solid;						/*Umrandung*/
	border-color:rgb(243,243,243);		/*Umrandung: Farbe*/
	border-width:3px;					/*Umrandung: Breite*/
	width:600px;						/*Bildbreite*/
}

.projects_drone_box_3 img:hover {
	border:solid;						/*Umrandung*/
	border-color:rgb(200,0,0);			/*Umrandung: Farbe*/
	border-width:3px;					/*Umrandung: Breite*/
}

.projects_geocaching img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(243,243,243);		/*Umrandung: Farbe*/
	width:950px;						/*Bildbreite*/
}

.mobile_projects_geocaching img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(243,243,243);		/*Umrandung: Farbe*/
	width:950px;						/*Bildbreite*/
}

.projects_homepage_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.mobile_projects_homepage_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.projects_homepage_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(70,70,70);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_homepage_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(70,70,70);		/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_homepage_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	text-align:center;					/*Textorientierung*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_homepage_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	text-align:center;					/*Textorientierung*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_homepage_box_1 img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	width:500px;						/*Bildhöhe*/
}

.mobile_projects_homepage_box_1 img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(70,70,70);			/*Umrandung: Farbe*/
	width:500px;						/*Bildhöhe*/
}

.projects_java_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.mobile_projects_java_table {
	border-spacing:0px;					/*Zellabstand*/
	min-width:300px;					/*minimale Breite der Tabelle*/
}

.projects_java_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(255,136,0);		/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,136,0);	/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_java_box_0 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(255,136,0);		/*Umrandung: Farbe*/
	padding:5px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,136,0);	/*Hintergrundfarbe*/
	color:rgb(243,243,243);				/*Textfarbe*/
	font-weight:bold;					/*Sxhriftdicke*/
	font-style:italic;					/*Schriftstil*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_java_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(255,136,0);		/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	text-align:left;					/*Textorientierung*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_java_box_1 {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(255,136,0);		/*Umrandung: Farbe*/
	padding:10px;						/*Abstand zur Umrandung*/
	background-color:rgb(255,255,255);	/*Hintergrundfarbe*/
	text-align:left;					/*Textorientierung*/
	font-family:Comic Sans MS;			/*Schriftart*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_java_box_1 img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(255,136,0);		/*Umrandung: Farbe*/
	height:500px;						/*Bildhöhe*/
}

.mobile_projects_java_box_1 img {
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(255,136,0);		/*Umrandung: Farbe*/
	height:500px;						/*Bildhöhe*/
}

.projects_java_box_1a {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(255,136,0);			/*Umrandung: Farbe*/
	padding:10px;			/*Abstand zur Umrandung*/
	background-color:rgb(255,136,0);		/*Hintergrundfarbe*/
	text-align:center;					/*Orientierung*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_projects_java_box_1a {
	border:solid;						/*Umrandung*/
	border-width:3px;					/*Umrandung: Breite*/
	border-color:rgb(255,136,0);			/*Umrandung: Farbe*/
	padding:10px;			/*Abstand zur Umrandung*/
	background-color:rgb(255,136,0);		/*Hintergrundfarbe*/
	text-align:center;					/*Orientierung*/
	z-index:100;						/*Bildschirmebene*/
}

.projects_java_box_1a img {
	width:100px;						/*Bildbreite*/
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(243,243,243);		/*Umrandung: Farbe*/
}

.mobile_projects_java_box_1a img {
	width:100px;						/*Bildbreite*/
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(243,243,243);		/*Umrandung: Farbe*/
}

.mobile_menu_button_1 {
	text-align:center;					/*Text Orientierung*/
	font-size:24px;						/*Textgröße*/
	width:200px;						/*Zellbreite*/
	padding:3px 10px 0px 10px;			/*Texteinzug*/
	border:none;						/*Zellumrandung*/
	border-width:2px;					/*Stärke der Zellumrandung*/
	border-radius:5px;					/*Zellumrandung: Eckenrundung*/
	background-color:rgb(200,200,200);	/*Hintergrundfarbe: 20% grau*/
	z-index:100;						/*Bildschirmebene*/
}

.mobile_menu_button_2 {
	text-align:center;					/*Text Orientierung*/
	font-size:18px;						/*Textgröße*/
	font-style:italic;					/*Textstil*/
	padding:3px 10px 0px 10px;			/*Texteinzug*/
	border:none;						/*Zellumrandung*/
	border-width:2px;					/*Stärke der Zellumrandung*/
	border-radius:5px;					/*Umrandung: Eckenrundung*/
	background-color:rgb(243,243,243);	/*Hintergrundfarbe: 5% grau*/
	z-index:100;						/*Bildschirmebene*/
}

/* ------------------------------------------------------------------------- */
/* EBENE 2xx                                                                 */
/* mittlere Ebene, definiert einen Rahmen um den Inhalt der Seite            */
/* ------------------------------------------------------------------------- */

#frame_left_1 {
	position:fixed;						/*unveränderbare Position*/
	left:0px;							/*Abstand zum linken Bildschirmrand*/
	top:0px;							/*Abstand zum oberen Bildschirmrand*/
	bottom:0px;							/*Abstand zum unteren Bildschirmrand*/
	width:180px;						/*Breite*/
	background-color:rgb(0,0,0);		/*Hintergrundfarbe: schwarz*/
	z-index:210;						/*Bildschirmebene*/
}

#frame_left_2 {
	position:fixed;						/*unveränderbare Position*/
	left:180px;							/*Abstand zum linken Bildschirmrand*/
	top:0px;							/*Abstand zum oberen Bildschirmrand*/
	bottom:10px;						/*Abstand zum unteren Bildschirmrand*/
	width:5px;							/*Breite*/
	background-color:rgb(243,243,243);	/*Hintergrundfarbe: 5% grau*/
	z-index:210;						/*Bildschirmebene*/
}

#frame_top_1 {
	position:fixed;						/*unveränderbare Position*/
	left:0px;							/*Abstand zum linken Bildschirmrand*/
	right:0px;							/*Abstand zum rechten Bildschirmrand*/
	top:0px;							/*Abstand zum oberen Bildschirmrand*/
	height:41px;						/*Höhe*/
	background-color:rgb(0,0,0);		/*Hintergrundfarbe: schwarz*/
	z-index:210;						/*Bildschirmebene*/
}

#mobile_frame_top_1 {
	position:fixed;						/*unveränderbare Position*/
	left:0px;							/*Abstand zum linken Bildschirmrand*/
	right:0px;							/*Abstand zum rechten Bildschirmrand*/
	top:0px;							/*Abstand zum oberen Bildschirmrand*/
	height:84px;						/*Höhe*/
	background-color:rgb(0,0,0);		/*Hintergrundfarbe: schwarz*/
	z-index:210;						/*Bildschirmebene*/
}

#frame_top_2 {
	position:fixed;						/*unveränderbare Position*/
	left:180px;							/*Abstand zum linken Bildschirmrand*/
	right:15px;							/*Abstand zum rechten Bildschirmrand*/
	top:41px;							/*Abstand zum oberen Bildschirmrand*/
	height:34px;						/*Höhe: Textgröße + 10px*/
	background-color:rgb(243,243,243);	/*Hintergrundfarbe: 5% grau*/
	z-index:210;						/*Bildschirmebene*/
}

#frame_top_2a {
	position:fixed;						/*unveränderbare Position*/
	left:180px;							/*Abstand zum linken Bildschirmrand*/
	right:15px;							/*Abstand zum rechten Bildschirmrand*/
	top:41px;							/*Abstand zum oberen Bildschirmrand*/
	height:108px;						/*Höhe: inkl. gallery navigation + 5px*/
	background-color:rgb(243,243,243);	/*Hintergrundfarbe: 5% grau*/
	z-index:210;						/*Bildschirmebene*/
}

#frame_top_2a_gallery_navigation {
	position:fixed;						/*unveränderbare Position*/
	left:185px;							/*Abstand zum linken Bildschirmrand*/
	right:15px;							/*Abstand zum rechten Bildschirmrand*/
	top:70px;							/*Abstand zum oberen Bildschirmrand*/
	height:70px;						/*Höhe*/
	border:solid;						/*Umrandung*/
	border-width:2px;					/*Umrandung: Breite*/
	border-color:rgb(0,0,0);			/*Umrandung: Farbe schwarz*/
	z-index:210;						/*Bildschirmebene*/
}

#mobile_frame_top_2 {
	position:fixed;						/*unveränderbare Position*/
	left:0px;							/*Abstand zum linken Bildschirmrand*/
	right:0px;							/*Abstand zum rechten Bildschirmrand*/
	top:84px;							/*Abstand zum oberen Bildschirmrand*/
	height:36px;						/*Höhe*/
	background-color:rgb(243,243,243);	/*Hintergrundfarbe: 5% grau*/
	z-index:210;						/*Bildschirmebene*/
}

#frame_bottom_1 {
	position:fixed;						/*unveränderbare Position*/
	left:0px;							/*Abstand zum linken Bildschirmrand*/
	right:0px;							/*Abstand zum rechten Bildschirmrand*/
	bottom:0px;							/*Abstand zum unteren Bildschirmrand*/
	height:10px;						/*Höhe*/
	background-color:rgb(200,0,0);		/*Hintergrundfarbe: rot*/
	z-index:200;						/*Bildschirmebene*/
}

#frame_bottom_2 {
	position:fixed;						/*unveränderbare Position*/
	left:0px;							/*Abstand zum linken Bildschirmrand*/
	right:0px;							/*Abstand zum rechten Bildschirmrand*/
	bottom:10px;						/*Abstand zum unteren Bildschirmrand*/
	height:5px;							/*Höhe*/
	background-color:rgb(243,243,243);	/*Hintergrundfarbe: 5% grau*/
	z-index:200;						/*Bildschirmebene*/
}

#mobile_frame_bottom_2 {
	position:fixed;						/*unveränderbare Position*/
	left:0px;							/*Abstand zum linken Bildschirmrand*/
	right:0px;							/*Abstand zum rechten Bildschirmrand*/
	bottom:0px;							/*Abstand zum unteren Bildschirmrand*/
	height:5px;							/*Höhe*/
	background-color:rgb(243,243,243);	/*Hintergrundfarbe: 5% grau*/
	z-index:200;						/*Bildschirmebene*/
}

#frame_right_1 {
	position:fixed;						/*unveränderbare Position*/
	right:0px;							/*Abstand zum linken Bildschirmrand*/
	top:0px;							/*Abstand zum oberen Bildschirmrand*/
	bottom:0px;							/*Abstand zum unteren Bildschirmrand*/
	width:10px;							/*Breite*/
	background-color:rgb(200,0,0);		/*Hintergrundfarbe: rot*/
	z-index:200;						/*Bildschirmebene*/
}

#frame_right_2 {
	position:fixed;						/*unveränderbare Position*/
	right:10px;							/*Abstand zum linken Bildschirmrand*/
	top:0px;							/*Abstand zum oberen Bildschirmrand*/
	bottom:10px;							/*Abstand zum unteren Bildschirmrand*/
	width:5px;							/*Breite*/
	background-color:rgb(243,243,243);	/*Hintergrundfarbe: 5% grau*/
	z-index:200;						/*Bildschirmebene*/
}

/* ----------------------------------------------------------------------------------- */
/* EBENE 3xx                                                                           */
/* oberste Ebene, definiert den Inhalt der Rahmenelemente                              */
/* ----------------------------------------------------------------------------------- */

/* Kopfzeile */
#header_text_1 {
	position:fixed;					/*unveränderbare Position*/
	left:180px;						/*Abstand zum linken Bildschirmrand*/
	top:10px;						/*Abstand zum oberen Bildschirmrand*/
	right:0px;						/*Abstand zum rechten Bildschirmrand*/
	height:11px;					/*fixe Höhe*/
	padding:5px;					/*Texteinzug in alle Richtungen*/
	background-color:rgb(200,0,0);	/*Hintergrundfarbe: rot*/
	font-size:11px;					/*Schriftgröße*/
	font-family:Arial;				/*Schrifttyp*/
	font-style:italic;				/*Schriftstil*/
	color:rgb(243,243,243);			/*Schriftfarbe: schwarz*/
	z-index:300;					/*Bildschirmebene*/
}

#mobile_header_text_1 {
	position:fixed;					/*unveränderbare Position*/
	left:0px;						/*Abstand zum linken Bildschirmrand*/
	top:10px;						/*Abstand zum oberen Bildschirmrand*/
	right:0px;						/*Abstand zum rechten Bildschirmrand*/
	height:15px;					/*fixe Höhe*/
	padding:5px;					/*Texteinzug in alle Richtungen*/
	background-color:rgb(200,0,0);	/*Hintergrundfarbe: rot*/
	font-size:16px;					/*Schriftgröße*/
	font-family:Arial;				/*Schrifttyp*/
	font-style:italic;				/*Schriftstil*/
	color:rgb(243,243,243);			/*Schriftfarbe: schwarz*/
	z-index:300;					/*Bildschirmebene*/
}

/* Seitenüberschrift*/
#header_text_2 {
	position:fixed;					/*unveränderbare Position*/
	left:185px;						/*Abstand zum linken Bildschirmrand*/
	top:46px;						/*Abstand zum oberen Bildschirmrand*/
	right:15px;						/*Abstand zum rechten Bildschirmrand*/
	height:14px;					/*fixe Höhe*/
	padding:5px;					/*Texteinzug in alle Richtungen*/
	background-color:rgb(0,0,0);	/*Hintergrundfarbe: schwarz*/
	color:rgb(243,243,243);			/*Textfarbe: 5% grau*/
	font-size:14px;					/*Schriftgröße*/
	font-weight:bold;				/*Fettdruck*/
	text-align:center;				/*Textorientierung*/
	z-index:400;					/*Bildschirmebene*/
}

#mobile_header_text_2 {
	position:fixed;					/*unveränderbare Position*/
	left:5px;						/*Abstand zum linken Bildschirmrand*/
	top:90px;						/*Abstand zum oberen Bildschirmrand*/
	right:5px;						/*Abstand zum rechten Bildschirmrand*/
	height:16px;					/*fixe Höhe*/
	padding:3px 5px 5px 5px;		/*Texteinzug in alle Richtungen*/
	background-color:rgb(0,0,0);	/*Hintergrundfarbe: schwarz*/
	color:rgb(243,243,243);			/*Textfarbe: 5% grau*/
	font-size:16px;					/*Schriftgröße*/
	font-weight:bold;				/*Fettdruck*/
	text-align:center;				/*Textorientierung*/
	z-index:400;					/*Bildschirmebene*/
}

/* Navigation Gallerie (oberer Rand) */
#header_text_3 {
	position:fixed;					/*unveränderbare Position*/
	left:185px;						/*Abstand zum linken Bildschirmrand*/
	top:70px;						/*Abstand zum oberen Bildschirmrand*/
	right:15px;						/*Abstand zum rechten Bildschirmrand*/
	padding:5px;					/*Texteinzug in alle Richtungen*/
	color:rgb(0,0,0);			/*Textfarbe: schwarz*/
	font-size:14px;					/*Schriftgröße*/
	font-weight:bold;				/*Fettdruck*/
	text-align:center;				/*Textorientierung*/
	z-index:400;					/*Bildschirmebene*/
}

/* Hauptnavigation */
#main_navigation {
	position:fixed;						/*unveränderbare Position*/
	left:0px;							/*Abstand zum linken Bildschirmrand*/
	top:41px;							/*Abstand zum oberen Bildschirmrand*/
	text-align:center;					/*Text Orientierung*/
	vertical-align:middle;				/*Text Orientierung*/
	font-size:12px;						/*Schriftgröße*/
	font-family:Arial;					/*Schrifttyp*/
	z-index:300;						/*Bildschirmebene*/
}

#mobile_main_navigation {
	position:fixed;						/*unveränderbare Position*/
	left:0px;							/*Abstand zum linken Bildschirmrand*/
	top:41px;							/*Abstand zum oberen Bildschirmrand*/
	width:100%;							/*Breite*/
	text-align:center;					/*Text Orientierung*/
	vertical-align:middle;				/*Text Orientierung*/
	font-family:Arial;					/*Schrifttyp*/
	z-index:300;						/*Bildschirmebene*/
}

#main_navigation_table {
	margin-left:20px;					/*Abstand zum linken Bildschirmrand*/
	width:140px;						/*Breite*/
	z-index:300;						/*Bildschirmebene*/
}

#mobile_main_navigation_table {
	width:100%;							/*Breite*/
	border-spacing:5px;					/*Zellabstand*/
	z-index:300;						/*Bildschirmebene*/
}

#main_navigation_button_1 {
	text-align:left;					/*Text Orientierung*/
	font-size:14px;						/*Textgröße*/
	padding:3px 10px 0px 10px;			/*Texteinzug*/
	border:none;						/*Zellumrandung*/
	border-width:2px;					/*Stärke der Zellumrandung*/
	border-radius:5px;					/*Zellumrandung: Eckenrundung*/
	background-color:rgb(200,200,200);	/*Hintergrundfarbe: 20% grau*/
	z-index:300;						/*Bildschirmebene*/
}

#mobile_main_navigation_button_1 {
	text-align:center;					/*Text Orientierung*/
	font-size:18px;						/*Textgröße*/
	padding:3px 10px 3px 10px;			/*Texteinzug*/
	border:none;						/*Zellumrandung*/
	border-width:2px;					/*Stärke der Zellumrandung*/
	border-radius:5px;					/*Zellumrandung: Eckenrundung*/
	background-color:rgb(200,200,200);	/*Hintergrundfarbe: 20% grau*/
	z-index:300;						/*Bildschirmebene*/
}

#main_navigation_button_2 {
	text-align:left;					/*Text Orientierung*/
	font-style:italic;					/*Textstil*/
	font-size:12px;						/*Schriftgröße*/
	padding:3px 10px 0px 10px;			/*Texteinzug*/
	border:none;						/*Zellumrandung*/
	border-width:2px;					/*Stärke der Zellumrandung*/
	border-radius:5px;					/*Umrandung: Eckenrundung*/
	background-color:rgb(243,243,243);	/*Hintergrundfarbe: 5% grau*/
	z-index:300;						/*Bildschirmebene*/
}

#mobile_main_navigation_button_2 {
	text-align:center;					/*Text Orientierung*/
	font-size:18px;						/*Schriftgröße*/
	padding:3px 10px 3px 10px;			/*Texteinzug*/
	width:150px;						/*Breite der Zelle*/
	border:none;						/*Zellumrandung*/
	border-width:2px;					/*Stärke der Zellumrandung*/
	border-radius:5px;					/*Umrandung: Eckenrundung*/
	background-color:rgb(200,200,200);	/*Hintergrundfarbe: 5% grau*/
	z-index:300;						/*Bildschirmebene*/
}

#main_navigation_button_3 {
	text-align:left;					/*Text Orientierung*/
	font-style:italic;					/*Textstil*/
	padding:3px 10px 0px 10px;			/*Texteinzug*/
	text-align:right;
	border:none;						/*Zellumrandung*/
	border-width:2px;					/*Stärke der Zellumrandung*/
	border-radius:5px;					/*Umrandung: Eckenrundung*/
	background-color:rgb(243,243,243);	/*Hintergrundfarbe: 5% grau*/
	z-index:300;						/*Bildschirmebene*/
}