/** CSS by Gestaltungen plus, www.gestaltungenplus.ch **/
/** CSS fuer www.aquarion.ch **/
/* Formatvorlagen fuer den allgemeinen Stil der Website */

/* 
Farbangaben:
Farbe1, rot, Markus: (204,0,0) CC0000;
Farbe2, tuerkis, Pressetexte: (51,204,204) 33CCCC;
Farbe3, violett, Biographie: (153,102,255) 9966FF;
Farbe4, orange, Songs und Texte: (255,153,51) FF9933;
Farbe5, gruen, Mission Erde: (102,204,102) 66CC66;
Farbe6, blau, Philosophie: (102,102,255) 6666FF;
Farbe7, hellgruen, Links: (204,255,153) CCFF99;
Farbe8, hellgrau, Agenda:(204,204,204) CCCCCC;
Farbe9, grau, Fotogalerie: (153,153,153) 999999;
Farbe10, mittelgrau, Kontakt: (102,102,102) 666666;
Farbe11, dunkelgrau, english: (51,51,51) 333333;
Farbe0, schwarz: rgb(0,0,0) 000000;
Farbe00, weiss: rgb(255,255,255) FFFFFF; 

*/

/* HTML-Tags */
body
{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #000000;
	font-family: arial,helvetica,sans-serif;
	font-size: 100.01%;
	vertical-align: top;
	background-image: url(../Bilder/Ornamente/HintergrundTrans.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

table
{
	margin: 3px 0px 10px 0px;
	padding: 0px;
	border-width: 0px;
	width: 100%;
	text-align: left;
	vertical-align: top;
}

.wann
{
	padding: 0px 2px 0px 0px;
	border-width: 0px;
	width: 20%;
	text-align: left;
	vertical-align: top;
}

.wo
{
	padding: 0px 2px 0px 0px;
	border-width: 0px;
	width: 65%;
	text-align: left;
	vertical-align: top;
}

.wie
{
	padding: 0px 2px 0px 0px;
	border-width: 0px;
	width: 15%;
	text-align: left;
	vertical-align: top;
}

.hide { display: none !important; }

.clear
{
	clear: both;
	margin-bottom: -1px;
	padding-bottom: 1px;
}

.clearleft { clear: left; }

img
{
	border-width: 0px;
	border-color: #CCC;
	border-style: solid;
}

embed
{
	width: 120px;
	height: 18px;
	vertical-align: bottom;
}


input.button
{
	width: 90px;
	height: 18px;
	background-color: #666;
	line-height: 15px;
	font-size: 10px;
	text-align: left;
	color: #000;
	font-weight: bold;
}

input.data
{
	width: 100%;
	height: 14px;
}

textarea.data
{
	width: 100%;
	height: 30px;
}

.separator
{
	font-size: 1px;
	line-height: 1px;
	width: 100%;
	border-bottom: #999;
	border-width: 0 0 1px 0;
	border-style: solid;
	margin: 0px 0 5px 0;
	padding: 0;
}

.no
{
	white-space: nowrap;
}

.farbe1
{
	background-color: #CC0000;
	color: #000000;
}

.farbe2
{
	background-color: #33CCCC;
	color: #000000;
}

.farbe3
{
	background-color: #9966FF;
	color: #000000;
}

.farbe4
{
	background-color: #FF9933;
	color: #000000;
}

.farbe5
{
	background-color: #66CC66;
	color: #000000;
}

.farbe6
{
	background-color: #6666FF;
	color: #000000;
}

.farbe7
{
	background-color: #CCFF99;
	color: #000000;
}

.farbe8
{
	background-color: #CCCCCC;
	color: #000000;
}

.farbe9
{
	background-color: #999999;
	color: #000000;
}

.farbe10
{
	background-color: #666666;
	color: #000000;
}

.farbe11
{
	background-color: #333333;
	color: #000000;
}

a.farbe8
{
	background-color: #CCCCCC;
	color: #000000;
}

a.farbe8:hover
{
	
	background-color: #CCCCCC;
	color: #C00;
}

a
{
	color: #000;
	text-decoration: underline;
	background-color: #FFF;
}

a.none
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a:hover
{
	color: #C00;
	background-color: #FFF;
}

a.navigationfarbe0
{
	color: #CCC;
	text-decoration: none;
	background-color: #000;
}

a.navigationfarbe1
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe1:hover
{
	color: #C00;
	background-color: #FFF;
}

a.navigationfarbe2
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe2:hover
{
	color: #3CC;
	background-color: #FFF;
}

a.navigationfarbe3
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe3:hover
{
	color: #96F;
	background-color: #FFF;
}

a.navigationfarbe4
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe4:hover
{
	color: #F93;
	background-color: #FFF;
}

a.navigationfarbe5
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe5:hover
{
	color: #6C6;
	background-color: #FFF;
}

a.navigationfarbe6
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe6:hover
{
	color: #66F;
	background-color: #FFF;
}

a.navigationfarbe7
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe7:hover
{
	color: #CF9;
	background-color: #FFF;
}

a.navigationfarbe8
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe8:hover
{
	color: #CCC;
	background-color: #FFF;
}

a.navigationfarbe9
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe9:hover
{
	color: #999;
	background-color: #FFF;
}

a.navigationfarbe10
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe10:hover
{
	color: #666;
	background-color: #FFF;
}

a.navigationfarbe11
{
	color: #000;
	text-decoration: none;
	background-color: #FFF;
}

a.navigationfarbe11:hover
{
	color: #333;
	background-color: #FFF;
}

p
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	line-height: 1.3em;
	font-size: 0.7em;
	text-align: left;
	color: #000;
	background-color: #FFF;
}


td
{
	line-height: 1.3em;
	font-size: 0.7em;
	text-align: left;
	vertical-align: top;
}

th
{
	line-height: 1.3em;
	font-size: 0.7em;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

li.text
{
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	line-height: 1.3em;
	font-size: 0.7em;
	text-align: left;
	color: #000;
	background-color: #FFF;
}

.accent
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	line-height: 1.3em;
	font-size: 0.7em;
	text-align: left;
	color: #000;
	background-color: #FFF;
	font-weight: bold;
	padding: 0 0 0 10px;
}

.music
{
	margin-top: 0;
	line-height: 15px;
	font-size: 84%;
	text-align: left;
	color: #000;
	background-color: #FFF;
	font-weight: bold;
}

.musicorder
{
	margin-top: 10px;
	line-height: 15px;
	font-size: 84%;
	text-align: left;
	color: #000;
	background-color: #FFF;
	font-weight: bold;
	margin-bottom: 10px;
}

#zusaetze embed
{
	width: 0px;
	height: 0px;
	vertical-align: bottom;
	visibility: hidden;
}

p.kontakt
{
	margin-top: 0px;
	line-height: 1.3em;
	font-size: 0.7em;
	text-align: left;
	color: #000;
	background-color: #FFF;
	font-weight: bold;
}

ul.aufzaehlung
{
	margin: 0;
	padding: 0 0 0 14px;
}

ul.aufzaehlung li
{
	line-height: 1.3em;
	font-size: 0.7em;
	text-align: left;
	list-style-type: square;
	list-style-position: outside;
}


#header p
{
	margin-top: 10px;
	margin-bottom: 0em;
	line-height: 11pt;
	font-size: 9pt;
	padding: 0 0px 0 84px;
	text-align: left;
	font-weight: bold;
	background-color: transparent;
}

#header p.engl
{
	margin-top: 3px;
	margin-bottom: 0em;
	line-height: 11pt;
	font-size: 9pt;
	padding: 0 0px 0 84px;
	text-align: left;
	font-weight: bold;
	background-color: transparent;
}

.footgs
{
	margin-top: 0;
	margin-bottom: 0.1em;
	line-height: 1.3em;
	font-size: 0.7em;
	text-align: left;
	color: #000;
	background-color: #FFF;
}

.legende
{
	margin-top: 0.6em;
	margin-bottom: 0.1em;
	line-height: 1.1em;
	font-size: 0.7em;
	text-align: left;
	color: #CCC;
	background-color: #000;
}

.footnote
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	line-height: 1.1em;
	font-size: 0.65em;
	text-align: left;
	color: #000;
	background-color: #FFF;
}

.footnoteright
{
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	line-height: 1.1em;
	font-size: 0.65em;
	text-align: right;
	color: #000;
	padding: 0 14px 0 0px;
	background-color: #FFF;
}

h1
{
	margin-top: 0;
	margin-bottom: -0.1em;
	font-size: 0.8em;
}

h2
{
	margin-top: 0.4em;
	margin-bottom: -0.2em;
	font-size: 0.7em;
}

h3
{
	margin-top: 0.2em;
	margin-bottom: -0.5em;
	font-size: 0.6em;
	padding: 0 0px 0 14px;
}

/* Umrandung der gesamten Seite */
#all
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	height: 80%;
	border-color: aqua;
	border-width: 0px;
	border-style: solid;
}

/* Seitenkopf mit Logo */
#header
{
	margin: 16px 0 0 0;
	padding: 0 0 0 84px;
	height: 110px;
}

/* Raster Spalten */
#columns
{
	width: 100%;
	float: left;
	margin: 0px 0px 0px 0px;
	background-color: #000;
	color: #FFF;
	min-height: 254px;
}

.leftcolumn
{
	width: 35px;
	float: left;
	margin: 0px 0px 0px 48px;
	background-color: #FFF;
	color: #000;
	border-color: aqua;
	border-width: 0px;
	border-style: solid;
	min-height: 254px;
}

#beschriftung
{
	margin: 0px 0px 0px 0px;
	width: 23px;
	height: 234px;
}

#data
{
	width: 45%;
	float: left;
	min-height: 254px;
	margin: 0px 0px 0px 0px;
	padding: 0 14px 0px 0px;
	color: #000;
	background-color: #FFF;
	border-color: aqua;
	border-width: 0px;
	border-style: solid;
}

#dataagenda
{
	width: 85%;
	float: left;
	min-height: 254px;
	margin: 0px 0px 0px 0px;
	padding: 0 14px 0 0px;
	color: #000;
	background-color: #FFF;
	border-color: aqua;
	border-width: 0px;
	border-style: solid;
}

#image
{
	width: 40%;
	min-height: 254px;
	float: right;
	margin: 0px 0px 0px 0px;
	color: #FFF;
	background-color: #000;
	border-color: aqua;
	border-width: 0px;
	border-style: solid;
}

/* Fuss Raster Spalten */
#columnsfoot
{
	width: 100%;
	min-height: 114px;
	float: left;
	margin: 15px 0px 0px 0px;
	background-color: #000;
	color: #FFF;
	border-bottom: 6px #000 solid;
}

.leftcolumnfoot
{
	width: 35px;
	min-height: 114px;
	float: left;
	margin: 0px 0px 0px 48px;
	background-color: #FFF;
	color: #000;
	border-color: aqua;
	border-width: 0px;
	border-style: solid;
}

#beschriftungfoot
{
	margin: 0px 0px 0px 0px;
	width: 23px;
	height: 94px;
}

#imagefoot
{
	width: 40%;
	min-height: 114px;
	float: right;
	margin: 0px 0px 0px 0px;
	background-color: #000;
	color: #FFF;
}

#footdata
{
	width: 45%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0 14px 0 0px;
	background-color: #FFF;
	color: #000;
	min-height: 114px;
}

#footdatatitel
{
	width: 90%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0 14px 0 0px;
	background-color: #FFF;
	color: #000;
}

#footdata1
{
	width: 35%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0 14px 0 0px;
	background-color: #FFF;
	color: #000;
}

#footdata2
{
	width: 55%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0 14px 0 0px;
	background-color: #FFF;
	color: #000;
}


/* Raster Spalten update*/
#copy
{
	width: 25%;
	height: 1em;
	float: left;
	margin: 0px 0px 0px 84px;
	padding: 0 14px 0 0;
	background-color: #FFF;
	color: #000;
	border-color: aqua;
	border-width: 0px;
	border-style: solid;
}

#update
{
	width: 20%;
	height: 1em;
	float: left;
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
	color: #000;
	border-color: aqua;
	border-width: 0px;
	border-style: solid;
}

/* Raster Spalten Fuss*/
#footer
{
	width: 40%;
	float: right;
	height: 1em;
	margin: 0px 0px 0px 0px;
	padding: 0 0px 0 0px;
	background-color: #FFF;
	color: #000;
}

/* Navigation */
#nav
{
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
	height: 100px;
	background-image: url(../Bilder/Ornamente/HintergrundTrans.gif);
	background-repeat: repeat-x;
	border-color: aqua;
	border-width: 0px;
	border-style: solid;
	border-top: 6px #000 solid;
}

ul
{
	margin: 0;
	padding: 0;
}

#menu1
{
	padding-left: 84px;
	height: 45px;
}

#menu2
{
	padding-left: 234px;
	height: 16px;
}

#menu3
{
	padding-left: 134px;
	height: 16px;
}

#menu4
{
	padding-left: 184px;
	height: 16px;
}

#menu1 li
{
	margin-top: 31px;
	width: 200px;
	height: 16px;
	float: left;
	list-style: none;
	line-height: 16px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

#menu2 li
{
	margin-top: 0px;
	width: 200px;
	height: 16px;
	float: left;
	list-style: none;
	line-height: 16px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

#menu3 li
{
	margin-top: 0px;
	width: 200px;
	height: 16px;
	float: left;
	list-style: none;
	line-height: 16px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

#menu4 li
{
	margin-top: 0px;
	width: 200px;
	height: 16px;
	float: left;
	list-style: none;
	line-height: 16px;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
}

#menu1 a
{
	display: block;
	text-decoration: none;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -175px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu2 a
{
	display: block;
	text-decoration: none;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -175px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu3 a
{
	display: block;
	text-decoration: none;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -175px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu4 a
{
	display: block;
	text-decoration: none;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -175px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu1 a:hover
{
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -191px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu2 a:hover
{
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -191px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu3 a:hover
{
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -191px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu4 a:hover
{
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -191px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu1 li.aktivfarbe5
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -63px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu1 li.aktivfarbe2
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -15px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu1 li.aktivfarbe8
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -111px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu2 li.aktivfarbe4
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -47px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu2 li.aktivfarbe9
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -127px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu3 li.aktivfarbe3
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -31px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu3 li.aktivfarbe6
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -79px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu3 li.aktivfarbe10
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -143px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu4 li.aktivfarbe11
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -159px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu4 li.aktivfarbe7
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px -95px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu4 li.aktivfarbe1
{
	width: 180px;
	padding: 0px 0px 0 20px;
	background-image: url(../Bilder/Ornamente/Navigationsliste_vert.gif);
	background-position: 0px 1px;
	background-color: transparent;
	background-repeat: no-repeat;
}