/*	==============
	=== INHALT ===
	==============
	
	--------------------------------------------
	1. Allgemeines
		- html
		- body
		- p 
		- a
		- h1
		- h2
	--------------------------------------------
	2. Seitenaufbau
		2.1 Wrapper
		2.2 Header
		2.3 Navigation
		2.4 Subnavigation
		2.5 Content
		2.6 Header
	--------------------------------------------
	3. Diverses
		3.1 Logo
		3.2 Back h2
		3.3 Notdienst
		3.4 Bild klein
		3.5 Bild
	--------------------------------------------  */	
	
/*
	EM - PX 
	10px = 0.6em
	12px = 0.76em
	14px = 0.9em
	16px = 1.0em
	18px = 1.12em
	22px = 1.38em
	26px = 1.63em
*/


/*  ======================
	=== 1. Allgemeines ===
	======================  */

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

html, body {
	text-align:center;
	font-size:100.01%;
	margin:0 auto;
}

body {
	font:12px/16px Arial, sans-serif;
	color:#000;
	background:url(../images/body.png) repeat-x 0 0;
	background-color:#4D73B1;
}
p {
	padding:0 0 10px 0;
}
a {
	color:#4D73B1;
	text-decoration:none;
}
a:hover {
	color:#FFB400;
	background-color:#7D9AC5;

}
a.aktuell {
	color:#F95809;
}
h1, h2, h3 {
	font-family:Tahoma, Arial, Sans-Serif;
}
h1 {
	font:1.6em Tahoma, Arial, Sans-Serif;
	line-height:normal;
	color:#4D73B1;
	height:40px;
}
h2 {
	font-size:1.2em;
	font-weight:normal;
	color:#4D73B1;
	width:100%;
	height:18px;
	margin:0 0 20px 0;
	padding:20px 0 0 0;
	border-bottom:1px solid #E1E9F0;
	clear:left;
}
h3 {
	font-size:1.2em;
	line-height:1.4em;
	color:#000;
	padding:10px 0 10px 0;
}
h4 {
	font-size:1.0em;
	color:#000;
	height:20px;
}
h5 {
	font-size:1.2em;
	font-weight:normal;
	color:#4D73B1;
	width:100%;
	height:18px;
	
}


/*  =======================
	=== 2. Seitenaufbau ===
	=======================  */

/*  -------------------
	--- 2.1 Wrapper ---
	-------------------  */

#wrap {
	width:960px;
	margin:0 auto;
	position:relative;
}

#sponsoren {
	width:100px;
	position:absolute;
	left: 0px;
	top: 20px;
}
#sponsoren ul {
	list-style:none;
}
#sponsoren ul li {
	padding:0 0 15px 0;
}
#sponsoren ul li a {
	display:block;
	text-indent:-9999px;
}
#sponsoren2 {
	width:100px;
	position:absolute;
	left: 870px;
	top: 20px;
}
#sponsoren2 ul {
	list-style:none;
}
#sponsoren2 ul li {
	padding:0 0 15px 0;
}
#sponsoren2 ul li a {
	display:block;
	text-indent:-9999px;
}

#wrapper {
	width:760px;
	margin:0 auto;
	text-align:left;
	background:url(../images/wrapper.png) repeat-y 0 0;
	background-color:#E8EEF4;/*#A8BED8;*/
	position:relative;
}

/*  ------------------
	--- 2.3 Header ---
	------------------  */
	
#header {
	width:760px;
	height:188px;
	background:url(../images/header.jpg) no-repeat 0 0;
}


/*  -------------------------
	--- 2.4 Menue ---
	-------------------------  */
	
ul#menue {
	float:left;
	width:139px;
	height:auto;
	list-style:none;
	background:url(../images/menue.png) no-repeat 0 0;
	border-left:1px solid #fff;
}
#menue li {
	text-align: left;
	list-style:none;
	border-bottom:1px solid #A8BED8;
}
#menue li a {
	display:block;
	text-decoration: none;
	width:129px;
	height:21px;
	padding:3px 0 0 10px;
	color:#EEF2F7;
	background:url(../images/btn-menue.png) no-repeat 0 0;
}
#menue li a:hover,#menue a.current {
	background:url(../images/btn-menue.png) no-repeat 0 -24px;
}
#menue .schwimmclub {
	border:none;
}
#menue .schwimmclub a {
	background:url(../images/Stev-Theloke-Schwimmverein.png) no-repeat 0 0;
	width:120px;
	height:116px;
	margin:20px 0 0 8px;
	text-indent:-9999px;
}
#menue .schwimmclub a:hover {
	background:url(../images/Stev-Theloke-Schwimmverein.png) no-repeat 0 0;
}
.spacer_blau {
	width:139px;
	height:5px;
	line-height:1px;
	font-size:1px;
	background:url(../images/spacer_blau.png) no-repeat 0 0;
}


/*  -------------------
	--- 2.5 Content ---
	-------------------  */
	
#content {
	width:441px;
	height:auto;
	float:left;
	background:url(../images/content.png) no-repeat 0 0;
	padding:20px 20px 20px 20px;
}
#content ul {
	list-style:url(none) none outside;
	padding:0 0 10px 0;
}
#content ul li {
	padding:0 0 2px 0;
}
.picture_right {
	float:right;
	margin:3px 0 10px 15px;
}
.picture_left {
	float:left;
	margin:3px 15px 10px 0;
	display:block;
}
ul#presse {
	list-style:none;
}
#presse li {
	float:left;
}
#presse li a {
	display:block;
	text-decoration: none;
	width:220px;
	height:37px;
	text-indent:-9999px;
}
#presse .presse_aktuell a {
	background:url(../images/presse_aktuell.png) no-repeat 0 0;
}
#presse .presse_07 a {
	background:url(../images/presse_07.png) no-repeat 0 0;
} 
#presse .presse_06 a {
	background:url(../images/presse_06.png) no-repeat 0 0;
}
#presse .presse_05 a {
	background:url(../images/presse_05.png) no-repeat 0 0;
	margin:0 0 30px 0;
}
#presse .presse_04 a {
	background:url(../images/presse_04.png) no-repeat 0 0;
}

ul#presseartikel {
	list-style:none;
}
ul#presseartikel li {
	display: block;
	margin:18px 0 0 0;
	padding:0 0 20px 20px;
	background:url(../images/ico_presse.png) no-repeat 0 0;
	border-bottom:1px solid #E1E9F0;
}

/* --- Fanartikel --- */

.fanartikel {
	clear:both;
	float:left;
	width:420px;
	height:auto;
	padding:10px 20px 20px 0;
}
.fanartikel h3 {
	font-size:1.2em;
	line-height:1.4em;
	color:#4D73B1;
	padding:0 0 10px 0;
}
#content .fanartikel li {
	padding:0 0 5px;
}
.fanartikel li a {
	padding:3px 5px;
	background:#92D925;
	color:#fff;
	border:1px solid #86FF0D;
}

.fanartikel input {
	display: block;
	width:300px;
	float: left;
	background-color: #fff;
	margin:2px;
	padding:2px;
	border: 1px solid #DAE2E9;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:normal;
}
.fanartikel input #nummer {
	width:100px;
}
.fanartikel select {
	float:left;
	width:40px;
	background-color:#fff;
	margin:2px;
	padding:1px 0;
	border:1px solid #DAE2E9;
}
.fanartikel textarea {
	display: block;
	width:300px;
	float: left;
	background-color: #fff;
	margin: 2px;
	padding: 2px;
	border:1px solid #DAE2E9;
}

.fanartikel label {
	width:50px;
	float:left;
	text-align: right;
	padding-top:5px;
	padding-right:2px;
}
.fanartikel #send input {
	width:70px;
	height:18px;
	border:none;
	padding:0;
	margin:0 0 0 1px;
}



/*  ------------------------
	--- 2.6 Column right ---
	------------------------  */
	
#column_right {
	width:139px;
	height:auto;
	float:left;
	padding:60px 0 0 0;
	background:url(../images/column_right.png) no-repeat 0 0;
	text-align:center;
}
#column_right ul {
	list-style:none;
}
#column_right ul li {
	padding:0 0 15px 0;
}
#column_right ul li a {
	
}

/*  ------------------
	--- 3.0 Footer ---
	------------------  */

ul#footer {
	clear:left;
	width:760px;
	height:52px;
	background:url(../images/footer.png) no-repeat 0 0;
	background-color:#4D73B1;
	font:10px/10px Arial, Helvetica, sans-serif;
	color:#f9f9f9;
	padding:30px 0 0 0;
	list-style: none;
}
#footer li {
	float: left;
	padding:0 24px 0 0;	
}
#footer li a {
	color:#fff;
}
#footer li a:hover {
	color:#FFB400;
}
#footer .auftauchen a {
	background:url(../images/btn_auftauchen.png) no-repeat 0 0;
	display:block;
	width:77px;
	height:15px;
	text-indent:-9999px;
	float:right;
}
.gruen {
	color:#408080;
	font-weight:700;
}
.orange {
	color:#F95809;
}
/*  -------------------------
	--- 3.0 Bildergalerie ---
	-------------------------  */

.bildergalerie {
	float: left;
	text-align: left;
}
.bildergalerie img {
	margin:0 10px 5px 0;
}

/*  -----------------------------
	--- 4.0 Sponsoren Content ---
	-----------------------------  */

.logo {
	clear:both;
	float: left;
	width:160px;
	padding-bottom:40px;
}
.logo img {
	
}
.sponsorencontainer {
	float:left;
	width:280px;
	height:auto;
	text-align:left;
	padding-bottom:40px;
	border-bottom:1px solid #E1E9F0;
	
}

/*  ---------------------------------
	--- 5.0 Formatierung Formular ---
	---------------------------------  */
form, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
}
#form {
	padding:31px 5px 40px 5px;
	background:url(../images/form.png) no-repeat 0 0;
}
#form2 {
	padding:31px 5px 40px 5px;
	background:url(../images/form2.png) no-repeat 0 0;
}
form br {
	clear: left;
}
form p {
	padding:0;
}

#form input {
	display: block;
	width: 12em;
	float: left;
	background-color: #fff;
	margin: 2px;
	padding: 2px;
	border: 1px solid #DAE2E9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
}
#form2 input {
	display: block;
	width: 12em;
	float: left;
	background-color: #fff;
	margin: 2px;
	padding: 2px;
	border: 1px solid #DAE2E9;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 130%;
}
select {
	float:left;
	background-color:#fff;
	margin:2px;
	padding:1px 0;
	border:1px solid #DAE2E9;
}
textarea {
	display: block;
	width: 19em;
	float: left;
	background-color: #fff;
	margin: 2px;
	padding: 2px;
	border:1px solid #DAE2E9;
}

#form label {
	width:9em;
	float:left;
	text-align: right;
	padding-top:5px;
	padding-right:2px;
}
#form2 label {
	width:6em;
	float:left;
	text-align: right;
	padding-top:5px;
	padding-right:2px;
}
#send input {
	width:70px;
	height:18px;
	border:none;
	padding:0;
	margin:0 0 0 1px;
}

#spacer_send {
	padding-left:103px;
}
#spacer_send2 {
	padding-left:69px;
}


/*  ----------------------
	--- 9.0 Rico Zeugs ---
	----------------------  */


.fliesstext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
}
.special_table_ueber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align: left;
	
}
.table_ueber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: left;
	
}
.ueberschrift {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.fliesstext_weiss {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
}
.tabellenstil {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #A8BED8;
	padding: 5px;
	color: #000000;
	text-align:left;
}
.tabellenstilaktiv {

	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #A8BED8;
	background-color: #FFB400;
	padding: 5px;
	text-align:left;
}
.tabellenstilaktiv a:hover {
	color:black;
}
.warnung {


	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FF0000;
	text-decoration: none;
}

/*	-------------------------------------------
	--- Ein-/Ausblenden Newslettereintragen ---
	------------------------------------------- */

#stretch {
    height: 0;
    overflow: hidden;
} 	
#newsletter { 
    background: url(../images/newsletter.png) no-repeat 0 bottom; 
    width:250px;
    height:auto;
    padding:8px 15px 10px 0;
    color: #fff;
    text-align: right;
}
#newsletter label{ 
	font-size:11px;
   	margin:0;
   	padding:0 5px 0 0;
   	clear: both;
}
#btn_newsletter a {
    background:url(../images/btn_newsletter.png) no-repeat 0 0;
    width:103px;
    height:26px;
    margin-left: 163px;
	display: block;
    text-indent:-9999px;
}
/*#btn_newsletter a { 
    width:103px;
    height:26px;
    
}*/
	
#quotes {
    position:absolute;
    left:300px; 
    width:280px;
    height:93px;
}
#btn_newsletter a:hover {
	background:url(../images/btn_newsletter.png) no-repeat 0 0;
}

#ufoDemo {
	text-align:center;
	margin:20px 0;
	width:434px;
	height:209px;
	text-align:left;
	padding:7px 0 0 7px;
	background:url(../images/back_video.jpg) no-repeat 0 0;
}