/* +++++++++++++++++ BILDSCHIRM CSS-FILE - SCFR.CH ++++++++++++++++++++++++++++
++++++++++++++++++++ Februar 2009 +++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++ by pepe ++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* +++ General Definitions +++ */

* {
	margin: 0;
	padding: 0;
}

html { height: 101%; }

body {
	background-color: #fff;
	color: white;
	font-family: Helvetica,Arial,sans-serif;
	font-size: small;
	
}

a {
	text-decoration:none;
}

a:link, a:visited, a:focus { 
	color: #116db5;
}

a:hover {
	font-weight: bold;
}

a:active {
	background-color: #ccc;
	color: #116db5;
}

p {
	padding: 0 0 8px 0;
}

img {
	margin: 5px 0 5px 0;
	border: 0;
}

address {
	line-height: 150%;
	text-align: center;
	border: 1px solid #ddd;
}

h1 {
	color: #7A0023;
	margin: 20px 0 10px 0;
	font-size: 18px;
}

h3 {
	color: #7A0023;
	font-size: 14px;
	margin: 0 0 10px 0;
}

h4 {
	color: #7A0023;
	font-size: 12px;
	margin: 10px 0 5px 0;
}

/* --- end general definitions --- */

/* +++ page layout +++ */

#wraper {
	background-color: #fff;
	color: #5F6666;
	margin: 10px auto;
	width: 1200px;
}

#header {
	background: transparent url(../grafik/header.jpg) no-repeat scroll left top;
	color: black;
	height: 201px;
} /* Definiert den Seitenkopf mit der Hintergrundgrafik*/

#nav {
	background: transparent url(../grafik/nav.jpg) no-repeat scroll left top;
	color: black;
	height: 63px;
} /* Stellt die Hintergrundgrafik für den Navigationsbereich bereit !!NICHT VERWECHSELN MIT NAVI !!*/

#infobox {
	float: right;
	width: 200px;
	height: 360px;
	padding: 5px 5px 5px 10px;
	border-left: 1px solid #C1002E;
	margin: 55px 10px 0 0;
} /* Definiert die Box auf der rechten Seite der Startseite */

#infobox p {
	margin: 10px 0 10px 0;
}

#textbereich {
	background-color: #F0FCFC;
	padding: 14px 30px 20px;
} /* Gibt dem Bereich für den Inhalt die nötige Grösse und Hintergrund */

#footer {
	background: transparent url(../grafik/footer.jpg) no-repeat scroll left top;
	height: 163px;	
} /* Fusszeile */

#footer p {
	clear: both;
	color: black;
	font-size: 70%;
	text-align: right;
	padding: 110px 10px 0 0;
} /* Schrift und Position in der Fusszeile */

/* --- end page layout --- */

/* +++ special definitions +++ */

.homebox {
	width: 820px;
	padding: 10px;
	margin: 20px 50px 0 30px;
	background-color:#EEEEEE;
	float: left;
} /* Definiert die zentrale Box auf der Startseite */

.link_homebox {
	font-size: 10px;
}

.newsbox {
	margin: 0 0 0 5px;
	border-right: 1px solid #C1002E;
	padding: 10px;
	width: 380px;
	float: left;
} /*Definiert die News-Anzeige in der zentralen Box auf der Startseite */

.activitybox {
	margin: 0 0 0 5px;
	padding: 10px;
	width: 380px;
	float: left;
} /* Definiert den Jahresprogramm Auszug in der zentralen Box auf der Startseite */

.clearing { clear: both; }

.small { font-size: 10px; }

.shadow { color: #ccc; }

.stress { font-weight: bold; }

.italic { font-style:italic; }

.text { margin: 0 0 0 30px; }

.teileintrag {
	margin-top: 20px;
} /* Definiert die Teileinträte (News & Aktivitäten) auf der Startseite */

.news_teileintrag { 
	border-top: 1px dashed #8c8c8c;
	margin: 5px;
	padding: 3px 10px 5px 0;
} /* Definiert die Einträge in der Newsbox der Startseite */

.newseintrag { 
	border-top: 1px dashed #8c8c8c;
	margin: 5px;
	padding: 3px 10px 5px 0;
	width: 400px;
} /* Definiert die Einträge im Newsarchiv */

.act_teileintrag { 
	margin: 0 5px 10px 5px;
	table-layout: fixed;
	font-size: 11px;
	padding: 0;
} /* Definiert die Einträge in der Activitybox auf der Startseite */

.act_teileintrag td {
	text-align: left;
}

.sponsoren {
	margin: 0 0 20px 0;
} /* Definiert die Einträge in der Infobox auf der Startseite */

.sponsoren li {
	list-style-type: none;
	padding-top: 3px;
}

.sponsoren a {
	text-decoration: none;
	color: #5F6666;
}

.aktivitaet {
	margin: 15px 0 30px 20px;
} /* Box für alle Anzeigeelemente auf der Aktivitäten-Seite */

.act_eintrag_titel {
	text-align: left;
	margin: 5px 0 10px 0;
} /* Titelzeile für das Jahresprogramm */

.act_eintrag {
	margin: 0 0 8px 0;	
} /* Anzeigeeinstellungen für die Einträge der Aktivitäten */

.kontaktbox {
	padding: 10px;
	margin: 20px 50px 20px 20px;
	background-color:#EEEEEE;
	float: left;
	width: 685px;
}

.kontaktbox_links {
	margin: 0 0 0 5px;
	border-right: 1px solid #C1002E;
	padding: 10px;
	width: 180px;
	float: left;
	height: 170px;
}

.kontaktbox_rechts {
	margin: 0 0 0 5px;
	padding: 10px;
	width: 450px;
	float: left;
}

.kontaktbox_rechts td {
	text-align: left;
	width: 200px;
	padding: 5px;
}

#liste_vorstand {
	margin: 30px 0 0 20px;
	width: 500px;
}

#liste_vorstand ul {
	margin: 0;
	border-top: 1px dashed #8c8c8c;
}

#liste_vorstand li {
	list-style-type: none;
	height: 60px;
	border-bottom: 1px dashed #8c8c8c;
	padding: 10px 0 10px 10px;
}

#liste_vorstand p {
	padding: 5px 0 0 0;
}

#liste_gruppen {
	margin: 30px 0 0 20px;
	width: 500px;
}

#liste_gruppen ul {
	margin: 0;
	border-top: 1px dashed #8c8c8c;
}

#liste_gruppen li {
	list-style-type: none;
	border-bottom: 1px dashed #8c8c8c;
	padding: 8px 0 0 10px;
}

#liste_gruppen p {
	padding: 2px 0 13px 0;
}

.schwimmschule_text {
	margin: 0 0 0 30px;
}

ul.schwimmschule_text {
	padding: 0 0 0 25px;
}

.ssf_homebox {
	width: 820px;
	padding: 10px;
	margin: 20px 50px 20px 30px;
	background-color:#EEEEEE;
	float: left;
} /* Definiert die zentrale Box auf den Schwimmschulseiten*/

.link_ssf_homebox {
	font-size: 10px;
}

.ssf_leftbox {
	margin: 0 0 0 5px;
	border-right: 1px solid #C1002E;
	padding: 10px;
	width: 380px;
	float: left;
} /*Definiert die linke Seite in der zentralen Box auf den Schwimmschulseiten */

.ssf_rightbox {
	margin: 0 0 0 5px;
	padding: 10px;
	width: 380px;
	float: left;
} /*Definiert die rechte Seite in der zentralen Box auf den Schwimmschulseiten */

.ssf_kurse_eintrag { 
	border-top: 1px dashed #8c8c8c;
	margin: 5px;
	padding: 3px 10px 5px 0;
} /* Definiert die Einträge der Schwimmschul-Kursliste */

.ssf_kurse_eintrag_titel { 
	text-decoration: underline;
	padding: 3px 0 0 0;
	margin: 0 0 5px 0;
} /* Definiert die Zwischentitel der Schwimmschul-Kursliste */

.ssf_kurse_eintrag_text { 
	padding: 0 0 0 0;
	margin: 0 0 5px 3px;
} /* Definiert die Zwischentitel der Schwimmschul-Kursliste */

.ziele_BEO li {
	list-style-type: square;
	padding: 0 0 5px 10px;
	margin: 0 0 0 25px;
}

.ziele_BEO {
	margin: 10px 0 30px 0;
}

.BEO-Cup-Box {
	float: left;
	width: 300px;
	padding: 10px;
	margin: 20px 50px 0 30px;
	background-color:#EEEEEE;
}

.eventpages {
	margin: 20px 0 0 20px;
}

.eventpages-li {
	padding: 0 0 10px 10px;
	list-style-type: square;
}

.eventpages-box {
	float: left;
	width: 300px;
	padding: 10px;
	margin: 20px 50px 0 30px;
	background-color:#EEEEEE;
}

.eventpages-box1 {
	padding: 10px;
	margin: 10px 50px 0 0;
	line-height: 20px;
	font-size: smaller;
	background-color:#EEEEEE;
	width: 300px;
}

.eventpages-box1 li {
	padding-left: 10px;
	list-style-type: none;
}

.BEO-Cup {
	margin: 20px 0 0 20px;
}

.BEO-Cup-Li {
	padding: 0 0 10px 10px;
	list-style-type: square;
}


/* --- end special defintions --- */

/* +++ nav definitions +++ */

#navi {
	color: #5F6666;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 15px;
	padding: 10px 0 2px 0;
	margin: 0 0 0 20px;
	width: 550px;
	border-bottom: 1px solid #C1002E;
} /* Hauptnavigation  */

#navi ul {
	margin-bottom: 0;
} 

#navi li {
	display: inline;
	list-style-type: none;
	margin: 0;
} /* Lässt die Liste der Hauptnavigation in einer Linie anzeigen */

#navi a {
	color: #5F6666;
	background-color: #F0FCFC;
	padding: 4px 8px 0 8px;
} /* Definition der Links in der Hauptnavigation */

#navi a:hover, 
#navi a:focus,
#startseite #nav1 a,
#aktivitaeten #nav2 a,
#aktivitaeten_erw #nav2 a,
#club #nav3 a,
#gruppen #nav3 a,
#bestzeiten #nav3 a,
#rekorde #nav3 a,
#vorstand #nav3 a,
#schwimmschule #nav4 a,
#ssf_kurse #nav4 a,
#ssf_preise #nav4 a,
#beo #nav5 a,
#galerie #nav6 a {
	color: #5F6666;
	font-weight: normal;
	border-bottom: 3px solid #C1002E;
} /* Einstellungen für die Hervorhebungen der "überfahrenen" Links und der aktuellen Seite */

#navi a:active {
	color: #5F6666;
	background-color: white;
} /* Lässt die Links beim Klicken weiss erscheinen */

#subnavi {
	color: #5F6666;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 13px;
	padding: 8px 0 2px 0;
	width: 593px;
	margin: 7px 0 5px 0;
} /* Subnavigation */

#subnavi ul {
	margin-bottom: 0;
}

#subnavi li {
	display: inline;
	list-style-type: none;
	margin: 0;
} /* Lässt die Liste der Subnavigation in einer Linie anzeigen */

#subnavi a {
	color: #5F6666;
	padding: 4px 8px 0 8px;
} /* Definition der Links in der Subnavigation */

#subnavi a:hover, 
#subnavi a:focus,
#aktivitaeten #subnav0_1 a,
#aktivitaeten_erw #subnav0_2 a,
#vorstand #subnav1_1 a,
#gruppen #subnav1_2 a,
#rekorde #subnav1_3 a,
#bestzeiten #subnav1_4 a,
#ssf_kurse #subnav2_1 a,
#ssf_preise #subnav2_2 a {
	color: #5F6666;
	font-weight: normal;
	border-bottom: 2px solid #C1002E;
} /* Einstellungen für die Hervorhebungen der "überfahrenen" Links und der aktuellen Seite in der Subnavigation*/

#subnavi a:active {
	color: #5F6666;
	background-color: white;
} /* Lässt die Links beim Klicken weiss erscheinen */

#subnavi0 {
	margin: 0 0 0 85px;
} /* Horizontale Positionierung der Subnavigation 1 */

#subnavi1 {
	margin: 0 0 0 171px;
} /* Horizontale Positionierung der Subnavigation 1 */

#subnavi2 {
	margin: 0 0 0 223px;
} /* Horizontale Positionierung der Subnavigation 1 */

#subnavi3 {
	margin: 0 0 0 351px;
} /* Horizontale Positionierung der Subnavigation 1 */

/* --- end nav definitions --- */