﻿@import url("textFormate.css");
@import url("ElementTemplate.css");
@import url("screen.css");
*
{
	padding: 0px;
	margin: 0px;
}

body
{
	
	font: 12px/17px "Lucida Grande", Arial, Verdana, sans-serif;
} 



/*** STRUCTURE ***/

.bodybg
{
	background-color:#808080; /*#97989C;*/
	background-image: url(../images/bg_tt.png);
}
.clear
{
	clear: both;	
}
#wrapper
{
	position: relative; 
	width: 986px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #ffffff;
	overflow: hidden;
	
}
	#wrapperContainerBody
	{
		position: relative;
		height: 100%;
		/*background-color: #E8E8E8;	*/
	}
		.wrapperBodyContainerLeftNavi
		{
			float: left;
			text-align: left;
			font-family: Trebuchet, Arial;
			font-size: 12px;
			width: 186px;
			margin-right: 4px;
			overflow: hidden;
			/*background-color: Green;*/
			
		}
			#leftNavigation_leftnavi
			{
				margin-top: 33px;
				margin-bottom: 28px;
				padding-left: 5px;
				width: 180px;
				/*border-right: solid 1px #CDCDCD;*/
				border-bottom: solid 1px #CDCDCD;
			}
		.wrapperBodyContainerEditcontent
		{
			float: left; 
			width: 570px;
			margin:3px 15px 10px 20px;
			height: 100%;
			padding: 0px;
			color: #333;
			text-align: left;
			overflow: hidden;
		}
	#wrapperHomeContainerBody
	{
		float: left;	
	}
		.wrapperHomeBodyContainerEditcontent
		{
			float: left;
			
		text-align: left; 
			width: 760px;/*760*/
			margin: 0px 15px 10px 20px;
			padding: 0px;
			color: #333;
		}
			.brotkrumel
			{
				margin: 0px 0px 25px 0px;
			}
			.wrapperBodyContainerEditcontent table,
			.wrapperBodyContainerEditcontent a,
			.wrapperBodyContainerEditcontent a:visited,
			.wrapperBodyContainerEditcontent a:active,
			.wrapperBodyContainerEditcontent a:hover
			{
				color: #646464;
			}

			.wrapperBodyContainerEditcontent b, .wrapperBodyContainerEditcontent strong
			{
				color: #666666;
			}
		
		.wrapperBodyContainerKey
		{
			float: left;
			text-align: left;
			width: 190px;
			padding: 0;
			margin-top: 33px;
			margin-right: 0px;
			margin-left: -6px;
			font-size: 11px;
			line-height: 15px;
		}
			.wrapperBodyContainerKey table,
			.wrapperBodyContainerKey table a,
			.wrapperBodyContainerKey table a:active,
			.wrapperBodyContainerKey table a:visited,
			.wrapperBodyContainerKey table a:hover
			{
				text-decoration: none;
			}
	
	.wrapperContainerFooter
	{
		width: 986px;
		/*background-image: url(../images/bottombg.jpg);
		background-repeat: no-repeat;*/
		vertical-align: baseline;
		color: #5A5A5A;	
		background-color: #E5E5E5;
		text-align:center;
	}

		.footernavigation
		{
			width: 986px;
			/*background-color: #E5E5E5; */
			margin: 0px;
			font-size: 11px;
			padding: 7px 0px 4px 0px;
		}

		.wrapperContainerFooter a, 
		.wrapperContainerFooter a:visited, 
		.wrapperContainerFooter a:active
		{
			vertical-align: baseline;
			color: #5A5A5A;
			line-height: 16px;
			text-decoration: none;
		}

		.wrapperContainerFooter a:hover, 
		.wrapperContainerFooter a.active, 
		.wrapperContainerFooter a.active:visited, 
		.wrapperContainerFooter a.active:hover, 
		.wrapperContainerFooter a.active:active
		{
			vertical-align: baseline;
			color: #5A5A5A;
			line-height: 16px;
			text-decoration: none;
		}
		.footSeoPlaceholder
		{
			padding: 3px 0px;
			text-align: center;
			background-color: #f6f6f6;
			color: white;
		}


/*** Header ***/

#header
{
	float: left;
	text-align: left;
	background-color: #ffffff;	
}
.imgNoBorder
{
	border: 0px;
}
	#header_headTicker
	{
		font-size: 11px;
		font-weight: bold;
		width: 986px;
		height: 12px;
		border-bottom: solid 1px #eee;
		margin-bottom: 4px;
	}
	#headLinks
	{
		font-size: 13px;
		margin: 5px 0px 0px 0px;
		padding-bottom: 2px;
		float: right;
		right: 2px;
		height: 20px;
		background-color: #ffffff;
		border-bottom: solid 1px #cccccc;	
	}
		.headerLinksElements
		{
			background-image: url(../images/pfeil.gif);
			background-position: 0px bottom;
			background-repeat: no-repeat;
			padding-left: 25px;
			padding-right: 30px;	
		}
		

		.headerLinksElements a,
		.headerLinksElements a:visited
		{
			text-decoration: none;	
		}
	.headerLinksShop
		{
			background-image: url(../Images/wagen.png);
			background-position: 0px bottom;
			background-repeat: no-repeat;
			padding-left: 25px;
			padding-right: 30px;	
		}
		.headerLinksShop a,
		.headerLinksShop a:visited
		{
			text-decoration: none;	
		}

	.headeremail
	{
		background-image: url(../images/email.gif);
		background-position: 0px bottom;
		background-repeat: no-repeat;
		padding-top: 6px;
		padding-left: 20px;
		width:120px;	
	}

	.headeremail a,
	.headeremail a:visited,
	.headeremail a:hover
	{
		padding-left: 6px;
		text-decoration: none;
	}
#Logo
{
	float: left;
	width: 100%;
}

.homeimage
{
	float: left;
	padding-left: 25px;
}
.headshop
{
	float: right;
	padding-right: 25px;
	padding-top: 12px;
	width: 216px;
	height: 41px;
	background-color: #fff;
}
#headerToolsDiv
{	
	float: left;
	width: 100%;
	padding-left: 0px;
	padding-top: 0px;
	height: 27px;
	background-color: #eee;
	background-image: url(../images/bg_toolsDiv.gif);
	background-repeat:repeat-x;
}
#werbepartner
{
	float:left;
	width: 650px;
	padding-left: 5px;
}
	#headSearch
	{
		float: left;
		margin-left: 5px;
	}
	#headSite
	{
		float: right;
		margin-right: 20px;
		padding-top: 3px;	
	}
	#headSite a
	{
		text-decoration:none;
	}
	input.searchinput
	{
		float: left;
		height: 20px;
		padding: 0 2px 0px 2px;
		color: #646464;
		border: 0;
		border-top: solid 1px #CDCDCD;
		border-bottom: solid 1px #CDCDCD;
		border-left: solid 1px #CDCDCD;
	}



/*** TOPNAVIGATION ***/
.topnavigation
{
	float: left;
	width: 986px;
	background-color: #ffffff;
	/*border-top: solid 1px #E5E5E5;
	border-bottom: solid 1px #CCCCCC;		*/
}

.topnavigationcontainer
{
	position: relative;
	width: 135px;
	text-align: center;
}
.naviWagen
{
	border: 0px;
	margin:0px 10px -5px 0px;
	padding: 0px;
}

.divTopNavi
{
	margin-left:283px;
}

#header_topNavigation_unterTopnavi
{
	border-top: solid 1px #e5e5e5;
	height: 15px;
	width: 100%;
}



/*** CONTENT ***/


.locatortable
{
	border-bottom: solid 1px #E5E5E5;
	margin-bottom: 20px;
	color: #767676;
}

.locatortable a,
.locatortable a:visited,
.locatortable a:active
{
	color: #767676;	
	text-decoration: none;
}

.locatortable a:hover
{
	text-decoration: none;
}

.locatortable a.highlightunderline,
.locatortable a.highlightunderline:visited,
.locatortable a.highlightunderline:active,
.locatortable a.highlightunderline:hover
{
	color: #CC0000;
	text-decoration: none;
}

.locatordistance
{
	height: 9px;
	line-height: 9px;
}

.searchdetailtable
{
	width: 100%;
}

.searchtable,
.searchtable a,
.searchtable a:active,
.searchtable a:visited,
.searchtable a:hover
{
	line-height: 12px;
	font-size: 9px;
	text-decoration: none;
}

.searchdetailtable td
{
	padding-top: 5px;
	padding-bottom: 1px;
}

.bottomdistance
{
	height: 25px;
	background-image: url(../images/bottomshadow.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	background-position: bottom left;
	width: 972px;
}

/*** STRUCTURE ***/

.lineitem
{
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	border-bottom-color: #CDCDCD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.lineitem_hover
{
	background-color: #E4E4E4;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	border-bottom-color: #CDCDCD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.lineitemgrey
{
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	border-bottom-color: #CDCDCD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #F3F3F3;
}


.keyheader
{
	float: left;
	width: 180px;
	height: 3px;
	margin: 0px;
	background-image: url(../images/keytop.gif);
	background-repeat: none;
}
.keyhead
{
	width: 168px;
		padding: 5px;
	font-size: 11px;
	line-height: 24px;
	color: #CC0000;
	
	text-transform: uppercase;
	font-weight: bold;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;	
	border-bottom: solid 1px #CDCDCD;
}

.keycontent
{	
	width: 168px;
	padding: 5px;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
.keyfooter
{
	float: left;
	width: 180px;
	height: 3px;
	margin: 0px;
	background-image: url(../images/keybottom.gif);
	background-position: bottom;
	background-repeat: none;
}
.searchDivLinks
{
	float: left;
	margin-top: 30px;
	width: 200px;
}
.searchDivRechts
{
	float:left;
	width: 510px;
	margin-top: 30px;
	margin-left: 30px;	
}


select.inputstyle
{
	height: 17px;
	padding: 0;
	line-height: 12px;
	color: #646464;
}

input.inputstyle
{
	height: 18px;
	padding: 0 2px 0px 2px;
	line-height: 12px;
	color: #646464;
}

input.button
{
	text-align: center;
}

/*** LIST ***/

.rsscontainer
{
	width: 100%;
	height: 19px;
	text-align: right;
	display: block;
}

.keyitemborder
{
	border-bottom-color: #CDCDCD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.keyitem_hover
{
	background-color: #F3F3F3;
	cursor: pointer;
}

.keyitemborder_hover
{
	background-color: #F3F3F3;	
	border-bottom-color: #CDCDCD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: pointer;
}

.listitemborder
{
	border-bottom-color: #CDCDCD;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.listitem_hover
{
	background-color: #F3F3F3;
	cursor: pointer;
}

.listitemborder_hover
{
	background-color: #F3F3F3;	
	border-bottom-color: #CDCDCD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: pointer;
}

.keytext
{
	width: 100%;
	padding-top: 4px;
	padding-left: 2px;
	padding-bottom: 5px;
	padding-right: 2px;
}

.keymore
{
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 5px;
	padding-right: 0;
	vertical-align: bottom;
}

.keyheadline
{
	font-weight: bold;
	display: block;
}

.listtext
{
	width: 100%;
	padding-top: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
	font-size: 12px;
}

.listmore
{
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 7px;
	padding-right: 0;
	vertical-align: bottom;
}

.listheadline,
a.listheadline,
a.listheadline:active,
a.listheadline:visited,
a.listheadline:hover
{
	padding-top: 0px;	 
	padding-bottom: 2px;
	display: block;
	font-weight: bold;
	color: #767676;
	text-decoration: none;
}
.listheadline h2
{
	
	display: block;
	font-size: 12px;
	color: #333;
	text-decoration: none;
}

.thumbnail
{
	padding-right: 0;
	padding-left: 7px;
	padding-bottom: 7px;
	padding-top: 7px;
	width: 106px;
}

.downloadtext
{
	width: 100%;
	padding-top: 12px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 4px;
}

.downloadicon
{
	padding-top: 15px;
	padding-bottom: 5px;
	padding-right: 10px;
}

ul.press
{
	margin-top: 5px;
	margin-bottom: 5px;
}

ul.press li
{
	list-style: square url(../images/li.gif) outside;	
	vertical-align: baseline;
	letter-spacing: normal;
	text-align: left;
}





/*** SITEMAP ***/

.sitemaptable
{
	margin-top: 10px;
	margin-right: 40px;
	margin-bottom: 10px;
	margin-left: 40px;
}

.sitemaptable a,
.sitemaptable a:active,
.sitemaptable a:visited
{
	display: block;
	line-height: 18px;
	text-decoration: none;
}

.sitemaptable a:hover
{
	display: block;
	color: #cc0000;
	line-height: 18px;
	text-decoration: none;
}

.sitemaplevel0
{
	text-decoration: none;
}

.sitemaplevel1
{
	padding-left: 20px;
	text-decoration: none;
}

.sitemaplevel2
{
	padding-left: 40px;
	text-decoration: none;
}

/* NAVIGATION */

a.firstlevel, 
a.firstlevel:visited, 
a.firstlevel:active
{	
	color: White;
	font-family: Verdana;
	letter-spacing: 1px;
	border-right-color: #fff;/*#e5e5e5;*/
	border-right-width: 1px;
	border-right-style: solid;

	
	line-height: 22px;
	height: 24px;
	display: block;
	text-transform: uppercase;	
	text-decoration: none;	
	white-space: nowrap;
}

a.firstlevel:hover, 
a.firstlevel_active,
a.firstlevel_active:visited, 
a.firstlevel_active:active,
a.firstlevel_active:hover
{
	color: White;
	font-size: 13px;
	letter-spacing: 1px;
	border-right-color: #fff;/*#e5e5e5;*/
	border-right-width: 1px;
	border-right-style: solid;
	
	
	background-color: #f4f4f4;
	line-height: 22px;
	height: 24px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	
	white-space: nowrap;	
}

.secondlevelcontainer 
{ 
	position: absolute;
	top: auto;
	display: none;
	left: -4px;
	z-index: 99;
	
	width: 180px;
	padding-bottom: 1px;	
	
	background-color: #EEEEEE;
	border: solid 1px #CCCCCC;
}

.thirdleveltopcontainer,
.thirdlevelcontainer,
.leftthirdlevelcontainer
{
	z-index: 99;
	float: left;
	display: none;	
	width: 180px;
	padding-bottom: 1px;
	
	background-color: #EEEEEE;	
	border: solid 1px #CCCCCC;  
}

.thirdleveltopcontainer
{	
	left: 176px;	
	border-top: solid 1px #FFFFFF; 
}
	
.thirdlevelcontainer,
.leftthirdlevelcontainer
{	
	padding-top: 2px;	
	border-top: solid 1px #CCCCCC;  
}

.thirdlevelcontainer
{
	left: 176px;
}

.leftthirdlevelcontainer
{
	left: 165px;
	
}

.leftthirdlevelcontainer a
{ 
	line-height: 16px;
}

a.secondlevel,
a.secondlevel:visited,
a.secondlevel:active,
a.secondlevelchildren,
a.secondlevelchildren:visited,
a.secondlevelchildren:active,
a.thirdlevel,
a.thirdlevel:visited,
a.thirdlevel:active,
a.leftthirdlevel,
a.leftthirdlevel:visited,
a.leftthirdlevel:active
{
	background-color: #ffffff;
	margin-right: 3px;
	margin-left: 3px;
	
	padding-top: 1px;
	padding-bottom: 2px;	
	
	display: block;
	text-decoration: none;
	
	border: none;
	height: auto;
	text-transform: none;
}

a.secondlevel:hover,
a.secondlevel_active,
a.secondlevel_active:visited,
a.secondlevel_active:active,
a.secondlevel_active:hover,
a.secondlevelchildren:hover,
a.secondlevelchildren_active,
a.secondlevelchildren_active:visited,
a.secondlevelchildren_active:active,
a.secondlevelchildren_active:hover,
a.thirdlevel:hover,
a.thirdlevel_active,
a.thirdlevel_active:visited,
a.thirdlevel_active:active,
a.thirdlevel_active:hover,
a.leftthirdlevel:hover,
a.leftthirdlevel_active,
a.leftthirdlevel_active:visited,
a.leftthirdlevel_active:active,
a.leftthirdlevel_active:hover
{
	color: #CC0000;
	background-color: #f4f4f4;
	
	margin-right: 3px;
	margin-left: 3px;
	
	padding-top: 1px;
	padding-bottom: 2px;	
	
	display: block;
	text-decoration: none;
	
	border: none;
	height: auto;
	text-transform: none;
}

a.secondlevel,
a.secondlevel_active,
a.secondlevelchildren,
a.secondlevelchildren_active
{
	padding-left: 8px;
}

a.secondlevelchildren,
a.secondlevelchildren:visited,
a.secondlevelchildren:active
{
	background-image: url(../images/secondnav_inactive.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
}

a.secondlevelchildren:hover,
a.secondlevelchildren_active,
a.secondlevelchildren_active:visited,
a.secondlevelchildren_active:active,
a.secondlevelchildren_active:hover
{
	background-image: url(../images/secondnav_active.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
}

a.thirdlevel,
a.thirdlevel:visited,
a.thirdlevel:active
{
	background-image: url(../images/thirdnav_inactive.gif);
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-left: 18px;	
}

a.thirdlevel:hover,
a.thirdlevel_active,
a.thirdlevel_active:visited,
a.thirdlevel_active:active,
a.thirdlevel_active:hover
{
	background-image: url(../images/thirdnav_active.gif);
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-left: 18px;	
}

a.leftthirdlevel,
a.leftthirdlevel:visited,
a.leftthirdlevel:active
{
    z-index:99;
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 18px;	
	margin-left: 20px;
	background-image: url(../images/thirdnav_inactive.gif);
	background-position: left 8px;
	background-repeat: no-repeat;
	padding-left: 18px;	
}

a.leftthirdlevel:hover,
a.leftthirdlevel_active,
a.leftthirdlevel_active:visited,
a.leftthirdlevel_active:active,
a.leftthirdlevel_active:hover
{
	padding-top: 1px;
	padding-bottom: 3px;
	padding-left: 18px;	
	
	background-image: url(../images/thirdnav_active.gif);
	background-position: left 8px;
	background-repeat: no-repeat;
	padding-left: 18px;	
}

.dropdownnavigationseperator
{
	height: 2px;
	background-image: url(../images/dropdownseperator.gif);
	background-repeat: repeat-x;
	margin-right: 3px;
	margin-left: 3px;
}


.leftnavigationseperator
{
	height: 1px;
	background-image: url(../images/greywhiteborder.gif);
	background-repeat: repeat-x;
}

a.leftnavigationlink, 
a.leftnavigationlink:visited
{	
	display: block;
	background-color: #fff;
	width: 165px;
	height: 20px;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 14px;
	background-image: url(../images/nav_inactive.gif);
	background-repeat: no-repeat;
	background-position: left 8px;
	text-decoration: none;
}
 a.leftnavigationlinkTop_active,
a.leftnavigationlinkTop_active:active,
a.leftnavigationlinkTop_active:visited, 
a.leftnavigationlinkTop_active:hover
{	
	display: block;
	height: 20px;
	padding-top: 5px;
	color: #fff;
	text-decoration: none;
	padding-right: 0;
	padding-left: 14px;	
	/*background-image: url(../images/nav_active.gif);
	background-repeat: no-repeat;
	background-position: left 8px;*/ 	
}
a.leftnavigationlink_active,
a.leftnavigationlink_active:active,
a.leftnavigationlink_active:visited, 
a.leftnavigationlink_active:hover
{	
	display: block;
	background-color: #bbb;
	height: 20px;
	
	width: 165px;
	padding-top: 5px;
	color: #fff;
	text-decoration: none;
	padding-right: 0;
	padding-left: 14px;	
	/*background-image: url(../images/nav_active.gif);
	background-repeat: no-repeat;
	background-position: left 8px;*/
}


/* CONTENTNAVIGATION */

.contentnavigationtable
{
	margin-top: 15px;
	line-height: 16px;
	width: 100%; 
}

.contentnavigationleft
{
	padding-right: 30px;
	width: 50%; 
}

.contentnavigationright
{ 
	border-left: dashed 1px #C8C8C8;
	padding-left: 8px;
	padding-right: 30px;
	width: 50%; 
}

.contentnavigationitem
{
	padding-bottom: 15px;
}

a.contentnavigationheadline,
a.contentnavigationheadline a,
a.contentnavigationheadline:visited,
a.contentnavigationheadline:active,
a.contentnavigationheadline:hover
{
	font-weight: bold;
	color: #767676;
	line-height: 16px;
}

a.contentnavigationmore,
a.contentnavigationmore a,
a.contentnavigationmore:visited,
a.contentnavigationmore:active,
a.contentnavigationmore:hover
{
	color: #ED0B16;
	padding-right: 12px;
	
	background-image: url(../images/contentnavigationmore.gif);
	background-repeat: no-repeat;
	background-position: right center;	
	text-decoration: none;
	line-height: 16px;
}

/**** HOMEPAGE ***/

.hometopdistance
{
	height: 25px;
	background-image: url(../images/navigationhomeshadow.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

/*.homecontent
{
	padding: 10px 20px 10px 20px;
	background-color: #FFFFFF;
	width: 732px;	
	border-right: solid 1px #CDCDCD;
}*/

.logintable
{
	width: 100%;
}

.logintd
{
	width: 100px;
}

.logintextbox
{
	width: 200px;
}
.eingabe
{
	float: left;
	width: 90px;
	margin-right: 40px;	
}

.actionpanel
{
	width: 100px;
	text-align: right;
}

.actiontable td
{
	padding-left: 5px;
	padding-right: 5px;	
}

.actionborder
{
	border-right: solid 1px #7F97B9;
}

.contactcell
{
	width: 100px;
	padding-top: 4px;
}

.contactmodulediv
{
	float: none;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.articlecontent
{
	padding-top: 10px;
}

.teaser
{
	font-style: italic;
}
.home
{
	background-color: #999999;
}
.home1
{
	background-color: #eee;
}
.inaktiv
{
	background-color: #fefefe;
	color: #fff;
}
.tischtennis
{
	background-color: #009050;
	color: #fff;
}
.billard
{
	background-color: #0B4499;
	color: #fff;
}
.dart
{
	background-color: #B10021;
	color: #fff;
}
.kicker
{
	background-color: #FFB515;
	color: #fff;
}
.gubler
{
	background-color: #AFAEAE;
	color: #fff;
}
.shop
{
	background-color: #AFAEAE;
	color: #ff7000;
}
