/*
-------------------------------------------------------------------------------------
vjw.ch
Start:						30.09.2008
Letzte Aenderung:	30.09.2008
Autor:						Serge Werlen
Media:						Screen
--------------------------------------------------------------------------------------
*/

/* Allgemeine Einstellungen */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0064A8;
	text-align: center;
	background-color: #666666;
}
ol  ul  {
	padding-left: 20px;
	margin-left: 20px;
}

li {
	margin-left: 13px;
}

table, tr, td  {				/* Grundschrift für Tabellen */
	border:0;
	border-spacing:1px;
	color: #0064A8
}

h1 h2 h3 h4 h5 h6 {
	font-weight: normal;
}

a {
	color: #0064a8;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
	color: #FF0000;
}

p {								/* Absatz Grundformat */
	margin: 0 0 10px 0;
	font-size:11px;
}
.einzug {
	padding-left: 16px;
}


.kursiv {
	font-style: italic;
}

.fett {
	font-weight: bold;
}

.fett-kursiv {
	font-style: italic;
	font-weight: bold;
}
.agenda {
}
	.agenda h1 {
	font-size:17px;
	}
	.agenda h2 {
	font-size:15px;
	}
	.agenda h3 {
	font-size:13px;
	}
	.agenda p {
	font-size:11px;
	margin: 0 0 5px 0;
	}

.berichte {
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-top: 10px;
}
	.berichte  p {
		margin-left: 8px;
		margin-right: 8px;
		}
	.berichte  h1 {
	font-weight: bold;
	font-size: 17px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
		}
	.berichte  h2 {
	font-size: 15px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 8px;
		}
	.berichte  h3 {
	font-size: 13px;
	margin-left: 8px;
		}

.links {
}
	.links p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	}
	.links h1 {
	font-weight: bold;
	margin: 0 0 0 0;
	font-size: 17px;
	}
	.links h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
	}
	.links h3 {
	font-size: 13px;
	}
.mainhalt {
	padding: 10px 0;

}
	.mainhalt    p {
		margin: 8px 0;
	
	}
	.mainhalt  h1 {
	font-weight: bold;
	margin: 0 0 0 0;
	font-size: 17px;
		}
	.mainhalt  h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
		}
	.mainhalt  h3 {
	font-size: 13px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
		}


/* Layout- und Typo- Einstellungen */

#kopfcontainer {
	width: 798px;
	position: fixed;
	top: 0px;
	left: 80px;
	margin: 0;
	text-align: left;
	height: auto;
	z-index: 900;
	background-color: #FFFFCC;
	background-image: url(../bilder/jugendliche_VF.jpg);
	background-repeat: no-repeat;
}

#kopf1 {
	height: 150px;
	background-image: url(../bilder/Logo_klein_voll.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
	#kopf1 h1 {
		display: none;
	}

#kopf2 {
}

/* 
#navigation {
	filter: Alpha(Opacity=90);
	width: 798px;
	position: fixed;
	top: 150px;
	left: 80px;
	margin: 0;
	text-align: left;
	height: 240px;
	z-index: 1000;
	opacity: .9;
}
*/

#inhaltscontainer {
	width: 798px;
	text-align: left;
	position: absolute;
	left: 80px;
	top: 170px;
	z-index: 1;
	background-color: #FFFFCC;
	min-height: 400px;
}

#inhalt {
	margin: 0 390px 0 0;
	padding: 20px 20px;
	min-height: 350px;
}
	#inhalt h1 {
	font-size: 17px;
	margin: 0 0 10px 0;
	}
	#inhalt h2 {
	font-size: 15px;
	margin: 0 0 10px 0;
	}
	#inhalt h3 {
	font-size: 13px;
	}
	#inhalt  p.kursiv {
		font-style: italic;
	}
	
#mitarbeiter {
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
	#mitarbeiter h2 {
	margin-bottom: 20px;
	margin-right: 5px;
	font-size: 15px;
	}
	
#inhaltstatuten {
	margin: 0 390px 0 10px;
	padding: 20px 10px;
}
	#inhaltstatuten  h1 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 10px 0;
		}
	#inhaltstatuten  h2 {
	font-size: 15px;
	font-weight: bold;
		}
	#inhaltstatuten  h3 {
	font-size: 13px;
	border-bottom: 1px solid #0064a8;
}

#inhaltagenda {
	margin: 0 5px 5px 0;
	padding: 20px 10px 10px 20px;
}
#inhaltagenda h2 {
	font-size: 15px;
	margin: 0 0 10px 0;
}


#fuss {
	margin: 0 390px 0 0;
	padding: 15px 20px;
}
#fuss p {


}


#bilder {
	float: right;
	width: 370px;
	position: fixed;
	top: 200px;
	left: 500px;
	margin: 0;
	height: auto;
	z-index: 800;
}
#inhaltscontainer #inhalt h1 strong {
	color: #F00;
	text-align: center;
}