@charset "utf-8";
/* CSS Document */

/* 	_____________________________________
	CSS-Stylesheet 	Pontoniere Aarau 2009
	Author: 	    Philipp Eppler
	
	Aufbau:	1. Allgemeine Styles
			2. Styles für Layoutbereiche
			3. Contentbereich (ist feinunterteilt)
			4. Links (ist feinunterteilt)
			
	_____________________________________
*/


/*
---------------------
1. Allgemeine Styles
---------------------
*/

body {
	background-color: #CCCCCC;
}

* {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

/*
---------------------------
2.Styles für Layoutbereiche
---------------------------
*/

#wrapper {
	width: 798px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFFFFF;
}

#collage {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

/* 	Hauptnavigation */
.haupt_navi {
	height: 21px;
	width: 112px;
	border: 1px solid #FFFFFF;
	background-position: center bottom;
}
.haupt_naviRechts {
	height: 21px;
	width: 113px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	background-position: center center;
}
.haupt_naviLinks {
	height: 21px;
	width: 113px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-position: center center;
}

/* 	Subnavigation */
.subnavi {
	height: 645px;
	width: 113px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.subnavi_tabelle {
	width: 100px;
	margin-top: 5px;
	margin-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.subnavi_aktuell {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
/*Footer*/
.footerLinks {
	width: 226px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 40px;
}

.footerMitte {
	width: 266px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
}

.footerRechts {
	width: 226px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 40px;
	text-align: right;
}

/*
-----------------
3. Contentbereich
-----------------
*/


	
/*Allgemien für den Contentbereich*/

#maincontent, #sitemap, #gallerie {
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 608px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	text-align: justify;
}

.content {
	background-color: #FFFFFF;
}


/*Liste im Maincontent und Sitemap*/
#maincontent ul, #maincontent li {
	list-style-type: disc;
	padding-top: 5px;
	padding-bottom: 3px;
}
#sitemap ul {
	list-style-type: square;
	padding-top: 5px;
	padding-bottom: 3px;
}
#sitemap li {
	list-style-type: square;
	padding-top: 3px;
	padding-bottom: 3px;
}


/*Rahmen für Galeriebilder*/
#gallerie img {
	border: 1px solid #000000;
}

.gallerie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align: center;
}


/*Spezielle Class für Fischessen DATUM hervorgehogen*/
.news {
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	background-color: #FFFFFF;
}



/*Formular*/

#formular_tab {
	padding-top: 5px;
	padding-bottom: 5px;
}

.formular_zwingend {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bolder;
	color: #FF0000;
	padding-top: 8px;
	padding-bottom: 8px;
}

	
fieldset {
	border: 2px solid #FF0000;
}
legend {
	font-size: 14px;
	color: #000000;
}
input {
	padding-top: 3px;
	padding-bottom: 3px;
}

label { 
	cursor: pointer; /* Mauszeiger wird zur Hand */
}

/*Markiert in Firefox das Inputfeld funktioniert nicht in IE*/

input:focus,
textarea:focus {
	background-color: #CCCCCC;
	color: #FFFFFF;
}






/*
--------
4. Links
--------
*/


/*Allgemein*/

a:link {
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	font-size: 13px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	font-size: 13px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
a:active {
	font-size: 13px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

/*Links im Content, Sitemap, Gallerie*/
	
#maincontent a:link, #sitemap a:link, #gallerie a:link {
	font-size: 12px;
	color: #0000FF;
	font-weight: bold;
	text-decoration: none;
}
#maincontent a:visited, #sitemap a:visited, #gallerie a:visited {
	font-size: 12px;
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#maincontent a:hover, #sitemap a:hover, #gallerie a:hover {
	font-size: 12px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight: bold;
}
#maincontent a:active, #sitemap a:active, #gallerie a:active {
	font-size: 12px;
	color: #0000FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

/*Links im Footer*/

#footer a:link {
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	font-weight: bold;
	text-decoration: none;
}
#footer a:visited {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
#footer a:active {
	font-size: 10px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}