@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:13px/20px "Trebuchet MS", Arial, Verdana;
	color:#ffffff;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #000 url(../images/bg.jpg) repeat-x top center;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/icon-pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}

h1 {
	font: bold 29px "Trebuchet MS", Arial, Verdana;
	color: #ffffff;
	padding: 0 0 20px 0;
}
h2 {
	font: normal 15px "Trebuchet MS", Arial, Verdana;
	color: #ffffff;
	padding: 0 0 20px 0;
}
h3 {
	font: bold 13px "Trebuchet MS", Arial, Verdana;
	color: #ffb72b;
	padding: 0 0 10px 0;
}
h4 {
	font: bold 11px "Trebuchet MS", Arial, Verdana;
	color: #555;
	padding: 0 0 10px 0;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.clear { clear:both; float:none; }

.float-left { float:left;	margin: 4px 8px 4px 0; }
.float-right { float:right; margin: 4px 0 4px 8px; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:auto;
	width: 980px;
	position:relative;
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 980px;
	height:397px;
	background:url(../images/bg-header.jpg);
	position:relative;
}

h1#branding a {
	display:block;
	width:245px;
	height:150px;
	text-indent:-5000px;
	left:98px;
	top:58px;
	position:absolute;
}

#header .btn-shop a {
	position:absolute;
	width:114px;
	height:104px;
	display:block;
	text-indent:-9999px;
	left: 852px;
	top: 44px;
}
#header .btn-shop a:hover {
	background:url(../images/btn-shop.gif);
}

/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar {
	width:265px;
	float:right;
	padding:36px 75px 0 2px;
	background:url(../images/bg-content-sidebar.jpg) 0 0 no-repeat;
}
#content-sidebar p { margin-bottom:7px; }

#content-sidebar h3 { width:259px; height:33px; text-indent:-6000px;  }
#content-sidebar h3.kontaktdaten { background:url(../images/h3/bg-kontaktdaten.gif) no-repeat; }
#content-sidebar h3.newsletter { background:url(../images/h3/bg-newsletter.gif) no-repeat; margin-top:20px; }
#content-sidebar h3.oeffnungszeiten { background:url(../images/h3/bg-oeffnungszeiten.gif) no-repeat; margin-top:20px;}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi {
	width:928px;
	height:60px;
	padding-left:52px;
	background:url(../images/bg-navi.jpg);
}
#navi ul {width:928px;}
#navi li {
	float:left;
}
#navi li a {
	display:block;
	height:60px;
	text-indent:-9999px;
}
#navi li.n1 a { width:178px; }
#navi li.n2 a { width:186px; }
#navi li.n3 a { width:188px; }
#navi li.n4 a { width:160px; }
#navi li.n5 a { width:186px; }

#navi li.n1 a:hover { background:url(../images/bg-navi.jpg) -52px -60px; }
#navi li.n2 a:hover { background:url(../images/bg-navi.jpg) -230px -60px; }
#navi li.n3 a:hover { background:url(../images/bg-navi.jpg) -416px -60px; }
#navi li.n4 a:hover { background:url(../images/bg-navi.jpg) -604px -60px; }
#navi li.n5 a:hover { background:url(../images/bg-navi.jpg) -764px -60px; }


/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/
ul#navi-add {
	position:absolute;
	right:95px;
	top:15px;
}
ul#navi-add li {
	float:left;
}
ul#navi-add li a {
	display:block;
	padding:3px;
	color:#fff;
	text-decoration:none;
	margin-right:10px;
	font-size:18px;
}

ul#navi-add li a:hover { background:#a40500; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:518px;
	float:left;
	padding:30px 50px 20px 70px;
	background:url(../images/bg-content-main.jpg) no-repeat;
}
#content-main .spalte { width:160px; float:left; margin-right:15px; }
#content-main .spalte-last { width:160px; float:left; }
#content-main .linie { width:518px; margin:15px 0 15px 0; border-bottom:1px solid #666666; }

/*------------------ Überschrift h1 ------------------*/

#content-main h1 { width:500px; height:40px; text-indent:-6000px; }
#content-main h1.index { background:url(../images/h1/bg-index.gif) no-repeat -5px 0; }
#content-main h1.news { background:url(../images/h1/bg-news.gif) no-repeat -5px 0; }
#content-main h1.ueberuns { background:url(../images/h1/bg-ueberuns.gif) no-repeat -5px 0; }
#content-main h1.tischtennisschule { background:url(../images/h1/bg-tischtennisschule.gif) no-repeat -5px 0; }
#content-main h1.umag { background:url(../images/h1/bg-umag.gif) no-repeat -5px 0; }
#content-main h1.mondsee { background:url(../images/h1/bg-mondsee.gif) no-repeat -5px 0; }
#content-main h1.waizenkirchen { background:url(../images/h1/bg-waizenkirchen.gif) no-repeat -5px 0; }
#content-main h1.sponsoring { background:url(../images/h1/bg-sponsoring.gif) no-repeat -5px 0; }
#content-main h1.vereine { background:url(../images/h1/bg-vereine.gif) no-repeat -5px 0; }
#content-main h1.spieler { background:url(../images/h1/bg-spieler.gif) no-repeat -5px 0; }
#content-main h1.galerie { background:url(../images/h1/bg-galerie.gif) no-repeat -5px 0; }
#content-main h1.events { background:url(../images/h1/bg-events.gif) no-repeat -5px 0; }
#content-main h1.partner { background:url(../images/h1/bg-partner.gif) no-repeat -5px 0; }
#content-main h1.kontakt { background:url(../images/h1/bg-kontakt.gif) no-repeat -5px 0; }
#content-main h1.danke { background:url(../images/h1/bg-danke.gif) no-repeat -5px 0; }
#content-main h1.impressum { background:url(../images/h1/bg-impressum.gif) no-repeat -5px 0; }
#content-main h1.anfahrt { background:url(../images/h1/bg-anfahrt.gif) no-repeat -5px 0; }
#content-main h1.fehler { background:url(../images/h1/bg-fehler.gif) no-repeat -5px 0; }
#content-main h1.newsletter { background:url(../images/h1/bg-newsletter.gif) no-repeat -5px 0; }

/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	border:1px solid #666666; 
	padding:4px; 
	background:#fff;
}

/*---------------- Textformatierungen ----------------*/

#content-main p { 
	margin: 0 0 10px 0px; 
}

#content-main ul {
	margin-bottom:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 10px no-repeat; 
	padding:0 0 0 23px; 
	margin-left:20px;
	line-height:25px; 
}

/*------------------ Bildformatierungen ------------------*/

#content-main .image {
	border: 1px solid #666;
	padding: 3px;
    outline: none;
}

/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	margin:auto;
	width:828px;
	height:163px;
	background:url(../images/bg-footer.jpg);
	padding:37px 0 0 152px;
}
#footer ul { float:left; width:160px; }
#footer a { color:#828282; font-size:12px; text-decoration:none; }
#footer a:hover { color:#fff;}
/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #ffb72b;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#ffb72b;
}