@charset "utf-8";

/* CSS Document */
/* Seeländischer Schiedsrichterverband SESV - 2501 Biel */
/* styles.css zu Website www.sesv.ch */
/* Autor: Anita Rey arey(at)bluemail.ch */                  


/* --- reset --- */

* {
		margin: 0px;
		padding: 0px;
		border: 0px;
}

ul,
ol {
		list-style: none;
		position: relative;
}

html {
		height: 100.3%;
		font-size: 62.5%;
		margin-bottom: 1px;
}

/* --- basics --- */

body {
		text-align: center;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.2em;
		line-height: 2.0em;
		background: #1b65c8 url(../images/bg_all.jpg) repeat-y center top;
}

h1,
h2,
h3,
h4 {
		color: #98bd07;   /* hellgrün */
}

h1 {
		font-size: 2.4em;
}

h1.franz {
		padding-right: 3em;
}

h2.content_titel {
		font-size: 2.2em;
		margin-bottom: 1em;
}

h2 {
		font-size: 1.5em;
}

h3 {
		font-size: 1.4em;
}

p {
		text-align: left;
		font-size: 1em;
		margin-bottom: 1.2em;
		color: #2F2F2F;        /* dunkles grau */
}

/* --- link farben --- */

a:link {
		color: #003393;   /* dunkleres blau */
		outline: none;
}

a:visited {
		color: #003393;   /* dunkleres blau */
		outline: none;
}

a:hover {
		color: #98bd07;   /* hellgrün */
		outline: none;
}

a:focus {
		color: #003393;   /* dunkleres blau */
}

a:active {
		color: #98bd07;   /* hellgrün */
		outline: none;
}

#aktuell a {
		outline: none;
}

/* --- wrapper --- */

#main {
		text-align: left;
		position: relative;
		width: 675px;
		margin: 0px auto 10px;
		padding-left: 5px;
}

/* --- branding --- */

	#branding {
		position: relative;
		top: 2em;
		width: 675px;
		height: 100px;
		margin-bottom: 1em;
}

#branding img {
		float: left;
		left: 1.5em;
		border: none;
}

#branding h1 {
		position: absolute;
		left: 220px;
		width: auto;
		height: auto;
		padding-top: 0em;
		background-color: transparent;
		font-size: 2.2em;
		line-height: 1.35em;
}

/* --- teaser --- */

#teaser {
		position: relative;
		top: 1.2em;
		height: auto;
}

/* --- navigation d --- */
		
#navigation {
		clear: left;
		position: relative;
		top: 1em;
		margin: 1px 0 1px 0;
		padding: 10px 20px 10px 10px;
		border: 1px solid #aaaaaa;   /* hellgrau */
		background: url("../images/bg_navi_0.jpg") repeat-x left bottom;
}

#navigation ul li {
		display: inline;
}

#navigation a {
		padding: 10px 15px;
		color: #000000;
}

#navigation a:link {
		padding: 10px 15px;
		color: #000000;
		text-decoration: none;
}

#navigation a:visited {
		padding: 10px 15px;
		color: #000000;
		text-decoration: none;
}

#navigation a:hover {
		background: url("../images/bg_navi_1.png") repeat-x left bottom;
		text-decoration: underline;
}

#navigation #aktuell a {
		background: url("../images/bg_navi_1.png") repeat-x left bottom;
		text-decoration: none;
}

#navigation a:active {
		background: url("../images/bg_navi_1.png") repeat-x left bottom;
}

/* --- navigation f --- */
		
#navigation_f {
		clear: left;
		position: relative;
		top: 1em;
		margin: 1px 0 1px 0;
		padding: 10px 20px 10px 10px;
		border: 1px solid #aaaaaa;   /* hellgrau */
		background: url("../images/bg_navi_0.jpg") repeat-x left bottom;
}

#navigation_f ul li {
		display: inline;
}

#navigation_f a {
		padding: 10px 11px;
		color: #000000;
}

#navigation_f a:link {
		padding: 10px 11px;
		color: #000000;
		text-decoration: none;
}

#navigation_f a:visited {
		padding: 10px 11px;
		color: #000000;
		text-decoration: none;
}

#navigation_f a:hover {
		background: url("../images/bg_navi_1.png") repeat-x left bottom;
		text-decoration: underline;
}

#navigation_f #aktuell a {
		background: url("../images/bg_navi_1.png") repeat-x left bottom;
		text-decoration: none;
}

/* --- end navigation f --- */
	
	
/* --- language --- */

	#lang {
		position: relative;
		top: 2.5em;
		left: 1em;
		width: 90%;
		margin-bottom: 2.5em;
}

/* --- content ---*/

	#content {
		position: relative;
		top: 3em;
		bottom: 20px;
		height: auto;
		padding: 0 1em 6em 1em;
		text-align: left;
}

#content ul {
		position: relative;
		width: 470px;
		margin: 1em 0;
		padding: 0;
}

li.content_main {
		position: relative;
		width: 470px;
		height: 1%;
		margin: 0 0 1em 0;
		padding: 0 0 25px 0;
		border-bottom: 1px dotted #1b65c8;   /* hintergrundblau */
		list-style: none;
}

body#vorstand ul li.content_main img {
		position: absolute;
		top: 0.5em;
		left: 70px;
		text-align: left;
}

ul li.content_main h3 {
		position: relative;
		top: 15px;
		left: 220px;
		width: 240px;
		margin-bottom: 0.9em;
		line-height: 1.2em;
}

ul li.content_main p {
		position: relative;
		top: 0.8em;
		left: 220px;
		width: 240px;
		line-height: 2.2em;   /* iE und Safari */
}

/* --- anlaesse --- */

body#anlaesse h2.content_titel {
		margin-bottom: 1.5em;
}

body#anlaesse #content ul li {
		position: relative;
		margin: 0 1em 2em 0;
		padding: 0 0 4em 0;
		border-bottom: 1px dotted #1b65c8;   /* hintergrundblau */
		list-style: none;
}

body#anlaesse #content ul li p {
		margin-bottom: 0.5em;
		padding-left: 25px;
}

body#anlaesse #content ul li h3 {
		margin-bottom: 1em;
}

/* --- verein --- */

body#verein #content ul {
		position: relative;
		width: 650px;
		margin: 0.5em 0;
		padding: 0;
}

body#verein ul li.content_main {
		position: relative;
		width: 470px;
		height: 150px;
		margin: 0 0 1em 0;
		padding: 0 0 5px 0;
		border-bottom: 1px dotted #1b65c8;   /* hintergrundblau */
		list-style: none;
}

body#verein #content ul li {
		position: relative;
		margin: 0 2.5em 0 1.3em;
		margin-bottom: 0.5em;
		padding: 0;
		font-size: 1em;
		line-height: 2em;
		text-align: left;
		list-style: disc outside;
		color: #2f2f2f;    /* dunkles grau */
}

body#verein #content h3 {
		margin-top: 1.5em;
		margin-bottom: 0.5em;
}

/* Verein Tabelle bisherige Präsidenten */

table {
		width: 350px;
}

th,
td {
		padding: 0 0.5em;
		border-bottom: 1px dotted #1b65c8;  /* hintergrundblau */
		text-align: left;
		color: #2f2f2f;   /* dunkles grau */
}

thead {
		display: table-header-group;
}

p.abstand {
		margin-top: 2em;
		padding-top: 2em;
}

/* --- sponsoren --- */

body#sponsoren li.content_main {
		width: 470px;
		padding: 0 0 4em 0;
}

body#sponsoren p.erster {
		position: relative;
		height: 1%;
		margin-bottom: 1.5em;
		padding-bottom: 3em;
}

body#sponsoren img.logo {
		position: absolute;
		top: 0.5em;
		left: 0px;
}

body#sponsoren img.logo_biella {
		position: absolute;
		top: 0.5em;
		left: 26px;
}

body#sponsoren li.content_main.line {
		width: 650px;
}

/* adressen sponsoren ------------------ */

body#sponsoren ul li h3.sponsor {
		position: relative;
		top: 0.2em;
		left: 220px;
		margin-bottom: 0;
		display: inline;
		font-size: 1.2em;
		color: #1b65c8;     /* hintergrundblau */
		color: #98bd07;     /* hellgrün */
}

body#sponsoren ul li p {
		position: relative;
		left: 220px;
		line-height: 1.4em;
}

/* -------------- end adressen sponsoren */

body#sponsoren h3.dank {
		margin: 2em 0 1em 0;
}

body#sponsoren #content ul {
		width: 650px;
		height: 1%;
}

/* --- seite links --- */

body#links #content ul h3 {
		margin-top: 1em;
		font-size: 1.2em;
}

body#links #content ul li {
		list-style: disc outside;
		margin-left: 1.3em;
		padding-bottom: 4em;
		border-bottom: 1px dotted #1b65c8;  /* hintergrundblau */
		color: #2f2f2f;
}

/* --- impressum --- */

#impressum h3 {
		margin: 2em 0 0.3em 0;
}

/* --- footer --- */
		
		#footer {
		clear: both;
		height: 3em;
		margin-top: 30px;
		padding-top: 5px;
		padding-bottom: 2em;
		border-top: 1px solid #000000;
}

#footer p.bottom_right {
		float: right;
}

#footer p {
		font-size: 0.9em;
}

#footer a_impressum {
		font-size: 0.9em;
		color: #98bd07;     /* hellgrün */
}

#footer a:visited {
		color: #003393;     /* dunkleres blau */
}

#footer a:hover {
		color: #98bd07;     /* hellgrün */
}

#footer a:focus {
		outline: none;
}