body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	color: #8e8e8e;
	padding:0px;
	margin:0px;
	background-color: #3a3a3b;
	/* background-image: url(bg.jpg);
	background-repeat: repeat-x; */
}
.header1 {
	background-image: url(jetski_header.jpg);
	background-repeat: no-repeat;
	height: 177px; 
	text-align: left;
	vertical-align: top;
	font-size:12px;
	font-weight:bold;
}

.header1fr {
	background-image: url(jetski_header.jpg);
	background-repeat: no-repeat;
	height: 177px; 
	text-align: left;
	vertical-align: top;
	font-size:12px;
	font-weight:bold;
}

.header1infos {
	padding-left:485px;
	padding-top:7px;
	font-size:11px
}
 
.header1 a:link 		{ color: #fff; text-decoration: none; }
.header1 a:visited 		{ color: #fff; text-decoration: none; }
.header1 a:active 		{ color: #f9b700; text-decoration: none; }
.header1 a:hover 		{ color: #f9b700; text-decoration: none; }

.header1fr a:link 		{ color: #fff; text-decoration: none; }
.header1fr a:visited 	{ color: #fff; text-decoration: none; }
.header1fr a:active 	{ color: #f9b700; text-decoration: none; }
.header1fr a:hover 		{ color: #f9b700; text-decoration: none; }

.breadcrumbredaxo {
	background-image: url(breadcrumbbg.jpg);
	background-repeat: no-repeat;
	height: 25px;
	padding-left:204px;
	color: #FFFFFF;
	font-weight: bold;
}

.breadcrumbredaxo a:link { color: #ffffff; text-decoration: none; }
.breadcrumbredaxo a:visited { color: #ffffff; text-decoration: none; }
.breadcrumbredaxo a:active { color: #f9b700; text-decoration: none; }
.breadcrumbredaxo a:hover { color: #f9b700; text-decoration: none; }


.bottominfos {
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 15px;
}

.bottominfos a:link { color: #ffffff; text-decoration: none; }
.bottominfos a:visited { color: #ffffff; text-decoration: none; }
.bottominfos a:active { color: #f9b700; text-decoration: none; }
.bottominfos a:hover { color: #f9b700; text-decoration: none; }

.middle {
	background-color: #FFFFFF;
	width: 424px;
	line-height: 18px;
	padding: 46px;
}
.bg {
	/* background-image: url(middlebg.jpg); */
	background-repeat: no-repeat;
}
.leftcontent {
	background-color: #FFFFFF;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	padding-top: 10px;
	line-height:13px;
	width: 172px;
	margin-bottom:4px;
}

.leftcontent strong {
	color: #f9b700;
	font-weight: bold;
}

.leftcontent a:link { color: #056ed4; text-decoration: none; }
.leftcontent a:visited { color: #056ed4; text-decoration: none; }
.leftcontent a:active { color: #f9b700; text-decoration: none; }
.leftcontent a:hover { color: #f9b700; text-decoration: none; }

.lefttitle {
	background-image: url(titltebg.jpg);
	background-repeat: repeat-x;
	text-align: left;
	padding-left: 25px;
	font-size: 12px;
	font-weight: bold;
	height: 17px;
	color: #FFFFFF;
	padding-top: 6px;
}

.left { width: 200px; }
.right { width: 200px; }


/*  - - - - - - - -   mod16 - News schreiben - - - - - - - - - - */

.newsinhalt { /* CONTAINER LINKS */
	/* border: 1px solid #008690;
	 width: 424px; */
	margin-bottom:30px;
}
.newstitle {
	font-size: 18px;
	line-height:24px;
	color: #056ed4;
	margin-bottom: 20px;
}

div.newsintro {
	font-size: 12px;
	font-weight:bold;
	color: #8e8e8e;
	margin-bottom: 20px;
}

div.newsintro a:link 	{ color: #056ed4; text-decoration: none; }
div.newsintro a:visited { color: #056ed4; text-decoration: none; }
div.newsintro a:active 	{ color: #f9b700; text-decoration: none; }
div.newsintro a:hover 	{ color: #f9b700; text-decoration: none; }


div.newstexteditor {
	/* border: 1px solid #008690; */
	font-size: 12px;
	line-height:20px;
	margin-bottom: 10px;
	color: #8e8e8e;
} 

div.newstexteditor h1 {
	font-size: 14px;
	font-weight: bold;
	color: #056ed4;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dddddd;
}

div.newstexteditor h2 {
	font-size: 12px;
	font-weight: bold;
	color: #f9b700;
	margin-bottom: 10px;
}


div.newstexteditor ul {
	list-style: disc;
	margin-left:30px;
	margin-top:10px;
	margin-bottom:10px;
}

div.newstexteditor ol	{
	margin-left:35px;
	margin-top:10px;
	margin-bottom:10px;
}

div.newstexteditor a:link 		{ color: #056ed4; text-decoration: none; }
div.newstexteditor a:visited 	{ color: #056ed4; text-decoration: none; }
div.newstexteditor a:active 	{ color: #f9b700; text-decoration: none; }
div.newstexteditor a:hover 		{ color: #f9b700; text-decoration: none; }

div.newstexteditor table {
	/* width:400px; */ /* maximale Breite für eine Tabelle*/
}

div.newstexteditor td {
	background-color: #eeeeee;
	padding-left:5px;
	padding-right:5px;
} 

.newsdokumentedownload {
	font-size: 12px;
	/* border: 1px solid #dddddd; */
	padding-left: 25px;
	padding-top:10px;
	margin-bottom: 10px;
	color:#ffffff;
	background-image: url(download.jpg);
	background-repeat: no-repeat;
	height:50px; /* (60-10) */
}

.newsdokument {
	font-size: 11px;
	margin-left: 40px;
	margin-top: 0px;
	/* border: 1px solid #056ed4; */
	color:#000000;
}

div.newsdokument a:link 		{ color: #000000; text-decoration: none; }
div.newsdokument a:visited 	{ color: #000000; text-decoration: none; }
div.newsdokument a:active 	{ color: #ffffff; text-decoration: none; }
div.newsdokument a:hover 		{ color: #ffffff; text-decoration: none; }




/* NAVIGATION: 1 HORIZONTAL, 2 VERTIKAL, 3 VERTIKAL (IN DER 2ten LISTE DRIN) */
/* --------- SEHR WICHTIG! EINIGE ALLGMEINE PARAMETER RESETEN ------------*/

/* damit im explorer die listenpunkte verschwinden und man die elemente genau positionieren kann */
ul,ol,li { margin:0; padding:0 }

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

/* --------------------- NAV TOP 1st level --------------------- */
	

.navoben {
	background-image: url(navbg.jpg);
	background-repeat: no-repeat;
	height: 46px;
	text-align: right;
	vertical-align: middle;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding-right: 25px;
}

ul.nav1st {	margin: 0px; padding:0px; }
	ul.nav1st li { display:inline; }

ul.nav1st a, ul.nav1st a:link {
	/* border: 1px solid #666666; */
	padding:0px 16px 0px 16px;
	color:#ffffff;
	text-decoration:none;
}

ul.nav1st a:hover { color:#000000; text-decoration:none; }
ul.nav1st li a.current, ul.nav1st li a.current:link { color:#000000; text-decoration:none; } 

/* --------------------- NAV Links 2nd level --------------------- */

.navlinks {
 	/* border: 1px solid #666666; */
	background-color: #FFFFFF;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	padding-top: 10px;
	line-height:13px;
	width: 172px;
	margin-bottom:4px;
}

ul.nav2nd { }
ul.nav2nd li { /* border: 1px solid #666666; */ display:block; }

ul.nav2nd a, ul.nav2nd a:link {
	border-bottom: 1px dotted #dddddd;
	padding-top:6px;
	padding-bottom:4px;
	padding-left:17px;
	display:block;
	font-weight:bold;
	text-decoration: none;
	color: #056ed4;
	background-image: url(navarrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

ul.nav2nd a:hover { color: #f9b700; }
ul.nav2nd li a.current, ul.nav2nd li a.current:link { color: #f9b700; }
ul.nav2nd li a.current:hover { color: #f9b700; }

/* --------------------- NAV Links 3rd level --------------------- */

ul.nav3rd {
	border-bottom: 1px dotted #dddddd;
	padding-left:25px;
	padding-top:6px;
	/* padding-left:10px; */
}

ul.nav3rd li { padding-bottom:6px; list-style-type: square; }

ul.nav3rd a, ul.nav3rd a:link {
	text-decoration: none; 
	color:#056ed4;
	font-weight:bold;
}

ul.nav3rd a:hover { color:#f9b700; }
ul.nav3rd li a.current, ul.nav3rd li a.current:link { color:#f9b700; }
ul.nav3rd li a.current:hover { color:#f9b700; }



/*  - - - - - - - -   mod38 - fotomitlink - - - - - - - - - - */


div.fotomitlink {
	padding: 3px;
	background-color: #FFFFFF;
	margin-bottom:4px;
}

div.fotomitlink img {
}

/*  - - - - - - - -   mod39 - fotomitdatei - - - - - - - - - - */


div.fotomitdatei {
	padding: 3px;
	background-color: #FFFFFF;
	margin-bottom:4px;
}

div.fotomitdatei img {
}


/*  - - - - - - - -   mod61 - fotomitextlink - - - - - - - - - - */


div.fotomitextlink {
	padding: 3px;
	background-color: #FFFFFF;
	margin-bottom:4px;
}

div.fotomitextlink img {

}




/*  - - - - - - - -   mod29 - JAOS Lightbox - - - - - - - - - - */

/* JAOS Lightbox Style-Sheet
Einfaches Style-Sheet zur (X)HTML-validen Darstellung der Thumbnails, ausgelegt auf eine Thumbnail-Grösse von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet und dem jeweiligen div's zugeordnet.
*/

div.jaosg_gallerie {
	margin-bottom: 30px;
	color: #8e8e8e;
	/* border: 1px solid #008690; */
}

div.jaosg_title{
	font-size: 14px;
	font-weight: bold;
	color: #056ed4;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dddddd;
}

div.jaosg_einleitung{
	font-size: 12px;
	line-height:20px;
	margin-bottom: 10px;
	color: #8e8e8e;
}


div.jaosg_thumbnail{
	float: left;
	/* background: #dddddd; */
	/*border: 1px solid #000000;*/
	/*border-color: #AAA #444 #444 #AAA;*/
	margin: 1px 1px;
}

div.jaosg_thumbnail img{
	border: 1px solid #dddddd;
	padding:1px;
	/*border-color: #444 #AAA #AAA #444;*/
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 60px;
	width: 60px;
	margin: 0px 4px 4px 0px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 60px;
	width: 60px;
	margin: 0px 4px 4px 0px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 1em;
}




/*  - - - - - - - -   mod40 - Linkliste (interne Links) - - - - - - - - - - */

div.linkliste {
	background-color: #FFFFFF;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	padding-top: 10px;
	line-height:13px;
	width: 172px;
	margin-bottom:4px;
}

div.linkliste li { display:block; }

div.linkliste a, div.linkliste a:link {
	border-bottom: 1px dotted #dddddd;
	padding-top:6px;
	padding-bottom:4px;
	padding-left:17px;
	display:block;
	font-weight:bold;
	text-decoration: none;
	color: #056ed4;
	background-image: url(navarrow.jpg);
	background-repeat: no-repeat;
	background-position: 0px 6px;
}

div.linkliste a:visited { color: #056ed4; }
div.linkliste a:hover { color: #f9b700; }





/*  - - - - - - - -   mod41 - Features - - - - - - - - - - */

.features {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
	padding-right: 14px;
	padding-bottom: 10px;
	padding-left: 14px;
	padding-top: 10px;
	line-height:13px;
	width: 172px;
	margin-bottom:4px;
}

.features strong {
	color: #f9b700;
	font-weight: bold;
}


div.features h1 {
	color: #f9b700;
	font-weight: bold;
	font-size: 11px;
	margin:0px;
	padding:0px;
}

div.features h2 {
	color: #f9b700;
	font-weight: bold;
	font-size: 11px;
	margin:0px;
	padding:0px;
}

div.features h3 {
	color: #f9b700;
	font-weight: bold;
	font-size: 11px;
	margin:0px;
	padding:0px;
}

div.features p {
	margin-bottom:4px;
	padding:0px;
	/* border: 1px solid #000000; */
}

div.features ol {
	padding-left:20px;
	margin-bottom:10px;
}

div.features ul {
	padding-left:20px;
	margin-bottom:10px;
}

div.features a:link { color: #056ed4; text-decoration: none; }
div.features a:visited { color: #056ed4; text-decoration: none; }
div.features a:active { color: #f9b700; text-decoration: none; }
div.features a:hover { color: #f9b700; text-decoration: none; }



/*  - - - - - - - -   mod11 - Teaser mit Kategorieauswahl - - - - - - - - - - */

.teaser {
	/* border: 1px solid #000000; */ 
	margin-bottom: 20px;
	font-size: 11px;
	}

.teaserartikel { margin-bottom: 15px; }

.teaserdatum { text-align: left; }

.teasertitel {
	font-size: 14px;
	font-weight: bold;
	color: #056ed4;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dddddd;
}

div.teasertitel a:link { color: #056ed4; text-decoration: none; }
div.teasertitel a:visited { color: #056ed4; text-decoration: none; }
div.teasertitel a:active { color: #f9b700; text-decoration: none; }
div.teasertitel a:hover { color: #f9b700; text-decoration: none; }

.teasereinleitung {	/*border: 1px solid #000000; */ padding-left:30px; }

div.teasereinleitung a:link { color: #056ed4; text-decoration: none; }
div.teasereinleitung a:visited { color: #056ed4; text-decoration: none; }
div.teasereinleitung a:active { color: #f9b700; text-decoration: none; }
div.teasereinleitung a:hover { color: #f9b700; text-decoration: none; }

.teasernav { margin-top:14px; border: 1px solid #008690; }

div.teasernav a:link { color: #056ed4; text-decoration: none; }
div.teasernav a:visited { color: #056ed4; text-decoration: none; }
div.teasernav a:active { color: #f9b700; text-decoration: none; }
div.teasernav a:hover { color: #f9b700; text-decoration: none; }




/*  - - - - - - - -   mod12 - Archiv mit Kategorieauswahl - - - - - - - - - - */

.archiv {
	/* border: 1px solid #000000; */
	margin-bottom: 20px;
	font-size: 11px;
	}

.archivartikel { margin-bottom: 15px; }

.archivartikeldatum { text-align: left; }

.archivartikeltitel {
	font-size: 14px;
	font-weight: bold;
	color: #056ed4;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dddddd;
}


div.archivartikeltitel a:link{ color: #056ed4; text-decoration: none; }
div.archivartikeltitel a:visited{ color: #056ed4; text-decoration: none; }
div.archivartikeltitel a:active { color: #f9b700; text-decoration: none; }
div.archivartikeltitel a:hover { color: #f9b700; text-decoration: none; }

.archivartikeleinleitung {	/*border: 1px solid #000000; */ padding-left:30px; }

div.archivartikeleinleitung a:link { color: #056ed4; text-decoration: none; }
div.archivartikeleinleitung a:visited { color: #056ed4; text-decoration: none; }
div.archivartikeleinleitung a:active { color: #f9b700; text-decoration: none; }
div.archivartikeleinleitung a:hover { color: #f9b700; text-decoration: none; }

.archivnav { margin-top:14px; /* border: 1px solid #008690; */ }

div.archivnav a:link { color: #056ed4; text-decoration: none; }
div.archivnav a:visited { color: #056ed4; text-decoration: none; }
div.archivnav a:active { color: #f9b700; text-decoration: none; }
div.archivnav a:hover { color: #f9b700; text-decoration: none; }







/*  - - - - - - - -   mod15 - Formular erzeugen - - - - - - - - - - */

div.formular {
	font-size: 11px;
	/* border: 1px solid #000000; */
	margin-bottom: 20px;
	color: #8e8e8e;
}

div.formularfehler {
	color:#FF0000;
	padding-bottom:10px;
	width:400px;
	font-size:12px;
}

#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:345px;
	background-color:#ffffff;
	color:#8e8e8e;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size: 10px;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#ffffff;
	border-top:2px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:100px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:145px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:200px;
	border:1px solid #056ed4;
}

#form-module input.text {
	height:20px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #8e8e8e;
}

#form-module textarea.textarea {
	height:20px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #8e8e8e;
}

#form-module input.checkbox {
	width:100px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:0px 0px 0px 117px;
	padding:2px;
	/*border:1px solid #333;*/
	background-color:#f9b700;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#ffffff;
	color:#f9b700;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#8e8e8e;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:11px;
}





/*  - - - - - - - -   mod35 - Google Maps - - - - - - - - - - */

.googlemaps {
	font-size: 11px;
	/* border: 1px solid #000000;
	padding: 10px; */
	margin-bottom: 20px;
	color: #001b62;
	/* width:350px; */
}





/*  - - - - - - - -   mod10 - PHP-Code - - - - - - - - - - */

div.phpcode {
	font-size: 11px;
	/* border: 1px solid #008690;
	padding: 10px; */
	margin-bottom: 4px;
	color: #001b62;
	}
	
	
/*  - - - - - - - -   mod22 - Sitemap - - - - - - - - - - */

.sitemap {
	font-size: 11px;
	/* border: 1px solid #008690;
	padding: 10px; */
	margin-bottom: 20px;
	color: #8e8e8e;
}

.sitemap ul {
	list-style: disc;
	margin-left:30px;
	padding-top:5px;
	padding-bottom:0px;
}

.sitemap a:link { color: #8e8e8e; text-decoration: none; }
.sitemap a:visited { color: #8e8e8e; text-decoration: none; }
.sitemap a:active { color: #f9b700; text-decoration: none; }
.sitemap a:hover { color: #f9b700; text-decoration: none; }

.sitemap ul li {
	 padding-bottom:0px;
}




/*  - - - - - - - -   mod 46 - Menalto Gallery - - - - - - - - - - */

#gallery {
	/* border:1px solid #000; */
}

.content { width: 424px; margin-right:0; margin-left:0; }	/* Breite der Gallerie */
.gallery-thumb { width: 100px; height: 98px; } 					/* MUSS so bleiben, wegen Square Thumbs */
.gallery-album { height: 100px; }								/* MUSS so bleiben, wegen Square Thumbs */

#gallery div.breadcrumb {
	/* border:1px solid #ff6600; */
	float:left;
}

#gallery h2 {													/* Titel der Galerie */
	/* border:1px solid #000; */
	padding-top:30px;
	font-family:helvetica, verdana, arial, sans-serif; font-size: 12px; font-weight: bold; color: #008edb;
	margin-bottom: 10px;
}