/* Stylesheet für vulkan-etna-update.de */

/* Default-Werte */
html, body {
	background-color:white;
	margin:0px;
	padding:0px;
}

/* Kopfzeile der Seiten */
#header {
	height:100px;
	width:100%;
	padding:0px;
	text-align:center;
}

/* Logo innerhalb der Kopfzeile */
#header_img {
	width:461px;
	height:92px;
	border-width:0px;
	margin-top:2px;
	margin-bottom:2px;
	margin-left:5px;
	margin-right:5px;
}

/* Tool-Leiste */
#tools {
	height:16px;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	min-width:800px;
	padding-top:12px;
	font-family:Helvetica, Arial, sans-serif;				
	font-size:12px;
	font-weight:bold;
	background-color:#bbddff;
	background-image:url(images/nav_bckgrd.gif);
	background-repeat:repeat-x;
}

/* Logo für RSS-Feed */
.rss_img {
	width:16px;
	height:16px;
	border-width:0px;
	margin-top:0px;
	margin-right:7px;
	vertical-align:middle;
}

/* Element innerhalb der Tool-Leiste */
.tool_element {
	float:right;
	width:90px;
	margin-right:5px;
}

/* Navigationsleiste */
#navigation {
	height:44px;
	margin-top:0px;
	margin-left:5px;
	margin-right:5px;
	min-width:800px;
	padding-top:1px;
	background-color:#bbddff;
}

/* Zeile innerhalb der Navigationsleiste die Schaltflächen aufnimmt */
.nav_line {
	height:22px;
	margin-top:0px;
	margin-left:0px;
	overflow:visible;
}

/* Eingerückte Zeile innerhalb der Navigationsleiste */
.nav_line.ind {
	margin-left:15px;
}


/* Link innerhalb der Navigationsleiste */
a.nav_link {
	display:block;
	float:left;
	width:110px;
	height:16px;
	margin-top:2px;
	margin-left:0px;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;				
	font-size:12px;
	font-weight:bold;
	padding-top:1px;
	text-decoration:none;
	border-left:solid #eeeeee 1px;
	border-right:groove #000099 3px;
	border-top:solid #eeeeee 1px;
	border-bottom:groove #000099 2px;
	overflow:hidden;
}

/* Besuchter Link */
a.nav_link:link, a.nav_link:visited {
	color:#000099;
	background-color:#bbddff;
	
}

/* Aktiver Link bzw. Cursor über Link */
a.nav_link:hover, a.nav_link:active, a.nav_link:focus {
	color:#000000;
	background-color:#ffffff;
	border-right:groove #000033 3px;
	border-bottom:groove #00033 2px;
}

/* Link der gerade besucht wird */
a#link_active {
	color:#000000;
	background-color:#e0e0e0;
	border-right:groove #000033 3px;
	border-bottom:groove #ffffff 2px;
}

/* Überschrift einer Seite */
#headline {
	height:40px;
	margin-left:5px;
	margin-right:5px;
	min-width:800px;
	padding-top:4px;
	text-align:center;
	overflow:hidden;
	background-color:#e0e0e0;
}

/* Kopf für Updates */
#header_update {
	min-height:150px;
	min-width:800px;
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	text-align:justify;
	overflow:hidden;
	border-bottom:groove #cccccc 3px;
}

/* Kopf für Updates: erste Spalte */
#header_update_col1 {
	float:left;
	width:220px;
	margin:0px;
	padding:0px;
}

/* Kopf für Updates: zweite Spalte */
#header_update_col2 {
	margin-left:220px;
	padding:0px;
	border:2px;
	margin-right:100px;
	margin-bottom:20px;
}

#sign {
	min-width:600px;
	margin-top:25px;
	margin-left:100px;
	margin-right:100px;
	margin-bottom:20px;
	border-style:solid;
	border-color:#bbbb99;
	border-width:3px;
	padding:2px;
	background-color:#ffff99;
}

#sign_mem {
	min-width:600px;
	margin-top:25px;
	margin-left:100px;
	margin-right:100px;
	margin-bottom:20px;
	border-style:solid;
	border-color:#000000;
	border-width:3px;
	padding:2px;
	background-color:#cccccc;
	text-align:center;
}


/* Inhalt einer Seite */
#content {
	min-width:600px;
	margin-top:25px;
	margin-left:100px;
	margin-right:100px;
}

/* Zentrierter Inhalt einer Seite */
#content_center {
	min-width:600px;
	margin-top:15px;
	margin-left:100px;
	margin-right:100px;
	text-align:center;
}

/* Inhalt einer Seite der mehr Platz (100 px) bietet */
#content_big {
	min-width:700px;
	margin-top:15px;
	margin-left:50px;
	margin-right:50px;
	margin-bottom:20px;
}

/* Menü für Home, erste Spalte */
.menu_col1 {
	float:left;
	width:20%;
	min-width:138px;
	margin:0px;
	padding:0px;
	text-align:right;
}

/* Menü für Home, zweite Spalte */
.menu_col2 {
	float:left;
	width:25%;
	min-width:140px;
	margin-left:7px;
	padding-top:15px;
	font-family:Times;
	font-size:16px;
}

/* Menü für Home, dritte Spalte */
.menu_col3 {
	float:left;
	width:20%;
	min-width:138px;
	margin-left:15px;
	padding:0px;
	text-align:right;
}

/* Menü für Home, vierte Spalte */
.menu_col4 {
	float:left;
	width:25%;
	min-width:140px;
	margin-left:7px;
	padding-top:15px;
	font-family:Times;
	font-size:16px;
}

/* Tabelle mit zwei Spalten (25%, 70%), Spalte 1 */
.table_2_7_col1 {
	float:left;
	width:25%;
	min-width:200px;
	margin:0px;
	padding:0px;
}

/* Tabelle mit zwei Spalten (25%, 70%), Spalte 2 */
.table_2_7_col2 {
	float:left;
	width:63%;
	min-width:200px;
	margin-left:15px;
	padding:0px;
}

/* Tabelle mit zwei Spalten (40%, 50%), Spalte 1 */
.table_4_5_col1 {
	float:left;
	width:40%;
	min-width:200px;
	margin:0px;
	padding:0px;
}

/* Tabelle mit zwei Spalten (40%, 50%), Spalte 2 */
.table_4_5_col2 {
	float:left;
	width:48%;
	min-width:200px;
	margin-left:15px;
	padding:0px;
}

/* 250 Pixel breite Box deren nachfolgendes Element rechts angegliedert wird */
.float_box_250 {
	float:left;
	width:250px;
	min-width:250px;
	margin-top:5px;
	margin-right:10px;
	padding:0px;
}

/* 300 Pixel breite Box deren nachfolgendes Element rechts angegliedert wird */
.float_box_300 {
	float:left;
	width:300px;
	min-width:300px;
	margin-top:5px;
	margin-right:10px;
	padding:0px;
}

/* 400 Pixel breite Box deren nachfolgendes Element rechts angegliedert wird */
.float_box_400 {
	float:left;
	width:400px;
	min-width:400px;
	margin-top:5px;
	margin-right:10px;
	padding:0px;
}

/* Fusszeile der Seiten */
#footer {
	width:100%;
	height:18px;
	min-width:800px;
	margin-top:15px;
	padding-top:2px;
	background-color:#cccccc;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	text-align:center;
	overflow:hidden;
}

/* Copyright-Vermerk der Seiten */
#copyright {
	width:100%;
	min-width:800px;
	margin-top:4px;
	border-bottom:groove #cccccc 3px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	text-align:center;
}

/* Überschrift H1 */
h1 {
	font-family:Times;
	font-size:30px;
	padding-top:1px;
	margin-top:0px;
	margin-bottom:5px;
}

/* Überschrift H2 */
h2 {
	font-family:Times;
	font-size:22px;
	padding-top:1px;
	margin-top:0px;
	margin-bottom:5px;
}

/* Überschrift H3 */
h3 {
	font-family:Times;
	font-size:20px;
	padding-top:1px;
	margin-top:0px;
	margin-bottom:5px;
}

/* Times-Schrift */
.t1, t2, t3, t4 {
	font-family:Times;
}

/* Times-Schrift sehr groß */
.t1 {
	font-size:22px;
}

/* Times-Schrift groß */
.t2 {
	font-size:18px;
}

/* Times-Schrift mittel */
.t3 {
	font-size:14px;
}

/* Times-Schrift klein */
.t4 {
	font-size:12px;
}

/* Fette Schrift */
.bold {
	font-weight:bold;
}

/* Zentriertes Element */
.center {
	text-align:center;
}

/* Farbe für Links */
a:link {
	color:#000099;
}

/* Farbe für besuchte Links */
a:visited {
	color:#990099;
}

/* Farbe für aktive Links */
a:hover {
	color:#000000;
}

/* 3D-Rahmen um Elemente */
.ridge_border_box {
	border-style:ridge;
	border-color:#cccccc;
	border-width:3px;
	padding:2px;
}

/* Sehr kleines Bild 133 x 99 Pixel */
.img_smlx {
	width:133px;
	height:99px;
	margin:5px;
}

/* Grauer Schatten für sehr kleine Bilder */
.img_smlx.dec {
	border-right:solid #cccccc 4px;
	border-bottom:solid #cccccc 4px;
}

/* Kleines Bild 180 x 135 Pixel */
.img_sml {
	width:180px;
	height:135px;
	margin:5px;
}

/* Grauer Schatten für kleine Bilder */
.img_sml.dec {
	border-right:solid #cccccc 5px;
	border-bottom:solid #cccccc 5px;
}

/* Verhindert Rahmen um kleine Bilder (für Links) */
.img_sml.no_border {
	border-width:0px;
}

/* Bild mittlerer Größe 400 x 300 Pixel */
.img_mdl_1 {
	width:400px;
	height:300px;
}

/* Bild mittlerer Größe 400 x 321 Pixel */
.img_mdl_2 {
	width:400px;
	height:321px;
}

/* Bild mittlerer Größe 300 x 400 Pixel */
.img_mdl_3 {
	width:300px;
	height:400px;
}

/* Bild mittlerer Größe 300 x 200 Pixel */
.img_mdl_4 {
	width:300px;
	height:200px;
}

/* Kleines Foto 180 x 135 für Berichte */
.img_rep_sml_1 {
	width:180px;
	height:135px;
	margin:2px;
	border-width:0px;
}

/* Kleines Foto 180 x 240 für Berichte */
.img_rep_sml_2 {
	width:180px;
	height:240px;
	margin:2px;
	border-width:0px;
}

/* Kleines Foto 120 x 180 für Berichte */
.img_rep_sml_3 {
	width:120px;
	height:180px;
	margin:2px;
	border-width:0px;
}

/* Kleines Foto 180 x 147 für Berichte */
.img_rep_sml_4 {
	width:180px;
	height:147px;
	margin:2px;
	border-width:0px;
}

/* Kleines Foto 180 x 120 für Berichte */
.img_rep_sml_5 {
	width:180px;
	height:120px;
	margin:2px;
	border-width:0px;
}

/* Kleines Foto 180 x 260 für Berichte */
.img_rep_sml_6 {
	width:180px;
	height:260px;
	margin:2px;
	border-width:0px;
}

/* Mittelgroßes Foto 640 x 480 für Berichte */
.img_rep_mdl_1 {
	width:640px;
	height:480px;
	margin:2px;
	border-width:0px;
}

/* Karte z.B. für Google 500 x 300 */
.img_map_1 {
	width:500px;
	height:300px;
	margin:2px;
	border-width:0px;
}


/* Foto Webcam INGV 640x480 */
.img_cam_ingv_1 {
	width:640px;
	height:480px;
	margin:2px;
}

/* Foto Webcam INGV 704x608 */
.img_cam_ingv_2 {
	width:704px;
	height:608px;
	margin:2px;
}

/* Foto Webcam INGV 720x532 */
.img_cam_ingv_3 {
	width:720px;
	height:532px;
	margin:2px;
}

/* Foto Webcam RadioStudio 7 640x480 */
.img_cam_radiostudio7_1 {
	width:640px;
	height:480px;
	margin:2px;
}


/* Foto Webcam Trekking 600x480 */
.img_cam_trek_1 {
	width:600px;
	height:480px;
	margin:2px;
}

/* Foto Webcam Trekking 640x512 */
.img_cam_trek_2 {
	width:640px;
	height:512px;
	margin:2px;
}

/* Foto Webcam Trekking 640x480 */
.img_cam_trek_3 {
	width:640px;
	height:480px;
	margin:2px;
}

/* Foto Webcam Trekking 700x480 */
.img_cam_trek_4 {
	width:700px;
	height:480px;
	margin:2px;
}

/* Foto Webcam Trekking 704x576 */
.img_cam_trek_5 {
	width:704px;
	height:576px;
	margin:2px;
}

/* Foto Webcam Trekking 700x560 */
.img_cam_trek_6 {
	width:700px;
	height:560px;
	margin:2px;
}

/* Foto Webcam Viedeobank */
.img_cam_vbank_1 {
	width:768px;
	height:576px;
	margin:2px;
}

/* Foto Etna Web 640x512 */
.img_cam_etnaweb_1 {
	width:640px;
	height:512px;
	margin:2px;
}

/* Große Überschrift für diverse Inhalte */
.com_hdl_big {
	font-family:Helvetica, Arial, sans-serif;
	font-size:19px;
	font-weight:bold;
	margin-bottom:8px;
}

/* Gewöhnliche Überschrift für diverse Inhalte */
.com_hdl {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
}

/* Gewöhnlicher Text für diverse Inhalte */
.com_txt {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	text-align:left;
}

/* Warntext für diverse Inhalte als Blocksatz */
.com_txt.alert {
	color:#cc0000;
	font-weight:bold;
	text-align:justify;
}

/* Gewöhnlicher Text als Blocksatz für diverse Inhalte */
.com_txt.just {
	text-align:justify;
}

/* Kleine Schrift für diverse Inhalte */
.com_txt.small {
	font-size:12px;
}

/* Kleine fette Schrift für diverse Inhalte */
.com_txt.small_bold {
	font-size:12px;
	font-weight:bold;
}

/* Gewöhnliche Liste für diverse Inhalte */
.com_list {
	list-style-type:square;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
}

/* Überschrift für Berichte */
.rep_hdl {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
}

/* Überschrift für Kapitel innerhalb Berichte */
.rep_hdl.chapter {
	margin-bottom:4px;
	font-style:italic;
}

/* Text für Berichte */
.rep_txt {
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	text-align:justify;
}

/* Fetter Text für Berichte */
.rep_txt.bold {
	font-weight:bold;
	text-align:left;
}

/* Korrekturtext für Berichte */
.rep_txt.correct {
	font-size:12px;
	font-style:italic;
}

/* Warnungstext für Berichte */
.rep_txt.alert {
	font-weight:bold;
	color:#cc0000;
}

/* Kleine Schrift für Berichte */
.rep_txt.small {
	font-size:12px;
}

/* Liste für Berichte */
.rep_list {
	list-style-type:decimal;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
}

/* 200 Pixel breite Box für Berichte um Fotos mit Text nebeneinander zu platzieren */
.rep_float_box_200 {
	float:left;
	width:200px;
	min-width:185px;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:justify;
}

/* 710 Pixel breite Box für Berichte um Fotos mit Text nebeneinander zu platzieren */
.rep_float_box_710 {
	float:left;
	width:710px;
	min-width:710px;
	margin-top:5px;
	margin-right:10px;
	margin-bottom:10px;
	padding:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	text-align:justify;
}