/* ************************************************************************** */
/* Stylesheet für www.teamsport-philipp.de                                    */
/*                                                                            */
/* Version 1.0 - 28.11.2009                                                   */
/*                                                                            */
/* (c) Copyright 2009 by Impression Media Dorsten - www.impressionmedia.de    */
/* ========================================================================== */
/* Versionshistorie                                                           */
/* (N = Neu; F = Fix; V = Verbesserung)                                       */
/* -------------------------------------------------------------------------- */
/* 1.0 - 28.11.2009: erste Fassung                                            */
/* ========================================================================== */
/* Outline                                                                    */
/* -------------------------------------------------------------------------- */
/* 01 | RESET | Basisstyles                                                   */
/* 02 | verwendete Farben                                                     */
/* 03 | Layout                                                                */
/* 04 | Typographie                                                           */
/* ************************************************************************** */



/* ************************************************************************** */
/* 01 | Reset & Basisstyles                                                   */
/* ************************************************************************** */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus {
	outline: 0;
	}

body {
	line-height: 1;
	color: black;
	background: white;
	}

ol, ul {
	list-style: none;
	}

table {
	border-collapse: separate;
	border-spacing: 0;
	}

caption, th, td {
	text-align: left;
	font-weight: normal;
	}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}

blockquote, q {
	quotes: "" "";
	}

html {
	font-size: 100.01%; /* alle Schriftgrößen auf Standard (16 Pixel) zurücksetzen */
	height: 101%;
	}

body {
	background: #999 url(../img/bg-body.jpg) center center;
	color: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 81.25%;
	line-height: 1.5em;
	text-align: center;
	}

#page-wrapper {
	margin: 0 auto;
	text-align: left;
	width: 940px;
	}

/* ************************************************************************** */
/* 02 | Farben                                                                */
/* ************************************************************************** */


#header {
	background: transparent;
	border-top: #000 2px solid;
	height: 109px;
	position: relative;
	}

#header img#logo {
	left: 6px;
	position: absolute;
	top: 20px;
	}

#header img#claim {
	height: 42px;
	left: 196px;
	position: absolute;
	top: 52px;
	width: 
	}

#header img#masthead {
	left: 416px;
	position: absolute;
	top: 0;
	}

#menu-container {
	border-top: #fff 1px solid;
	background: transparent;
	overflow: hidden;
	padding: 2px 0 1px 0;
	}

#menu-container span {
	background: #000;
	display: block;
	float: left;
	line-height: 31px;
	margin-right: 1px;
	padding: 0 10px 0 6px
	}

ul#main-menu {
	border-right: 40em #000 solid;
	float: left;
	margin-right: -40em;
	}

u\l#main-menu li {
	background: #666;
	filter: alpha(opacity=35);
	float: left;
	line-height: 31px;
	margin-right: 1px;
	}

html>body ul#main-menu li {
	background: rgba( 102, 102, 102, 0.35 );
	float: left;
	line-height: 31px;
	margin-right: 1px;
	}

ul#main-menu li a {
	background: transparent;
	color: #fff;
	display: block;
	padding: 0 14px 0 14px;
	text-decoration: none;
	}

u\l#main-menu li a {
	filter: alpha(opacity=100);
	position: relative;
	}

ul#main-menu li a:hover,
#bochum ul#main-menu li#tab-bochum a, 
#essen ul#main-menu li#tab-essen a, 
#gladbeck ul#main-menu li#tab-gladbeck a, 
#hagen ul#main-menu li#tab-hagen a, 
#lembeck ul#main-menu li#tab-lembeck a, 
#recklinghausen ul#main-menu li#tab-recklinghausen a,
#oldenburg ul#main-menu li#tab-oldenburg a {
	background: transparent url(../img/bg-nav-hover.gif) top left repeat-x;
	}

#main-content-wrapper {
	clear: both;
	margin-top: 18px;
	}

* html #main-content-wrapper {
	margin-top: 8px;
	}

#main-content {
	background: #000;
	border: #51B60E 5px solid;
	border-left: #51B60E 6px solid;
	border-right: #51B60E 6px solid;
	height: 574px;
	position: relative;
	}

#row1_col1,
#row1_col2,
#row1_col3,
#row1_col4,
#row2_col1,
#row2_col2,
#row2_col3,
#row2_col4,
#row3_col1,
#row3_col2,
#row3_col3 {
	background: #000;
	color: #fff;
	height: 123px;
	position: absolute;
	top: 0;
	width: 218px;
	}

#row2_col1,
#row2_col2,
#row2_col3,
#row2_col4 {
	height: 164px;
	top: 142px;
	}

#row3_col1,
#row3_col2,
#row3_col3 {
	top: 325px;
	}

#row1_col1,
#row2_col1,
#row3_col1 {
	left: 0;
	}

#row1_col2,
#row2_col2 {
	left: 238px;
	}

#row1_col3,
#row2_col3 {
	left: 476px;
	}

#row1_col4,
#row2_col4 {
	left: 714px;
	}

#row3_col1,
#row3_col3 {
	width: 344px;
	}

#row3_col2 {
	left: 364px;
	width: 204px;
	}

#row3_col3 {
	left: 588px;
	}

p {
	padding: 36px 24px 24px 24px;
	}

p#marken-headline {
	height: 20px;
	margin: 44px 9px 11px 9px;
	padding: 0;
	}

ul#marken {
	margin-left: 7px;
	}

ul#marken li {
	float: left;
	line-height: 51px;
	margin-left: 2px;
	}

ul#marken li.first {
	margin-left: 0;
	}

#f\ooter {
	background: #000;
	filter: alpha(opacity=50);
	clear: both;
	color: #989898;
	font-weight: bold;
	height: 45px;
	margin-top: 6px;
	overflow: hidden;
	}

html>body #footer {
	background: rgba( 0, 0, 0, 0.5 );
	clear: both;
	color: #989898;
	font-weight: bold;
	height: 45px;
	margin-top: 6px;
	overflow: hidden;
	}

#footer ul {
	float: left;
	margin: 8px 0 0 12px;
	}

#footer ul li {
	float: left;
	margin-left: 46px;
	}

#footer ul li.first {
	margin-left: 0;
	}

#footer ul li a {
	color: #989898;
	text-decoration: none;
	}

#f\ooter ul li a {
	filter: alpha(opacity=100);
	position: relative;
	}

#footer ul li a:hover {
	color: #51B60E;
	}

#col-right {
	position: absolute;
	left: 628px;
	top: 24px;
	width: 280px;
	}

#col-right p {
	margin-top: 8px;
	padding: 0;
	}

#col-right h2,
#col-right h3 {
	color:#FFFFFF;
	font-size:153.846%;
	font-style:italic;
	font-weight:bold;
	line-height:1.2em;
	margin:0;
	padding:0;
	}

#col-right h3 {
	font-weight:normal;
	}