﻿
/* Die Seitenaufteilung folgt in der jetzigen Form dem Buch "Der CSS Probleml�ser", Problem 88,
   "Wie erstelle ich ein zentriertes, zweispaltiges Seitenlayout mit fester Breite", S. 248ff
   Vorher war das Design an festen Bildschirmpositionen gefixt. vorteil: Header und Unternavi
   wurden nicht mit gescrollt, sondern nur der Seiteninhalt.
   Nachteil: eventuell ist letzteres auf kleinen Bildschrimen nicht immer w�nschenswert.
   Au�erdem konnte so der Inhalt nicht zentriert werden. Letzteres w�re aber evtl. durch einen
   Wrapper m�glich.
*/

@font-face {
    font-family: owayoFont;
	src: url(fonts/owayo14-regular-webs.woff);
	font-style: normal;
	font-weight: normal;  
}

@font-face {
    font-family: owayoFont;
    src: url(fonts/owayo14-regularitalic-webs.woff);
	font-style: italic;
	font-weight: normal;
}

@font-face {
    font-family: owayoFont;
    src: url(fonts/owayo14-bold-webs.woff);	
	font-style: normal;
	font-weight: bold;
}

@font-face {
    font-family: owayoFont;
    src: url(fonts/owayo14-bolditalic-webS.woff);	
	font-style: italic;
	font-weight: bold;
}

#wrapper      { position: relative;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		padding-top: 64px;
		width: 950px;
		background-color: #ffffff;
		}

#OwayoLogoBereich {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 190px;
		height: 140px;
		padding:0px; margin:0px;
		body: #F0F8FF;
		background-image: url("pics/buttons/hintergrund_header.jpg"); 
		background-repeat: repeat-x;
		}

#OwayoLogoBereich2 {
		position: absolute;
		top: 0px;
		left: 690px;
		width: 260px;
		height: 64px;
		padding:0px; margin:0px;
		color: #FFFFFF;
		font-size: 1.5em;
		line-height:1.2em;
		text-align: center;
		background-color: #0066CC;
		}

.blueText {
		font-weight: bold;
		text-align: center;
		color: #0066CC;
		font-size: 0.8em;
		padding-top: 0.8em;
		padding-bottom: 0.3em;
		}

.ueberschriftBlue {
		font-weight: bold;
		color: #0066CC;
		font-size: 1.2em;
		padding-top: 0.4em;
		padding-bottom: 0.3em;
		}
		
.ueberschriftBlueZwei {
		font-weight: bold;
		color: #0066CC;
		font-size: 1.3em;
		text-align: center;
		line-height: 1.3em;
		padding-top: 0.6em;
		padding-bottom:0.3em;
		}
		

		

h2 {
		font-weight: bold;
		color: #0066CC;
		font-size: 1.2em;
		}

.tabelleReferenzenLandingpage {
		margin: 0px;
		padding: 0px;
		}

.tabelleReferenzenLandingpage td {
		background-color: E3E5E4;
		}

.tabelleReferenzenLandingpage td.firstrow {
		font-size: 1.2em;
		padding: 5px;
		color: FFFFFF;
		font-weight: bold;
		background-color: AAAAAA;
		}


/* Definition Hauptnavigation*/

#HauptNavigationsBereich {
		position: absolute;
		top: 0px;
		left: 190px;
		height: 140px;
		width: 760px;
		padding:0px; margin:0px;
		body: #F0F8FF;
		background-image: url("pics/buttons/hintergrund_header.jpg"); 
		background-repeat: repeat-x;
		}	

#BildOben {
		left: 0px;
		top: 0px;
		width: 500px;;
		}		

	#HauptNavigationsUnterBereich {
		position: absolute;
		top: 37px;
		left: 210px;
		width: 500px;
		padding:0px; margin:0px;
		body: #F0F8FF;
		background-color: #EAEAEA;
		}


	#HauptNavigationsUnterBereich ul {
		margin:0;
		padding:5px 0px 0 0px;
		list-style:none;
		}


	#HauptNavigationsUnterBereich li {
		display:inline;
		margin:0;
		padding:0;
		}


	#HauptNavigationsUnterBereich a {
		float:left;
		background:url("pics/buttons/tableftJ2.gif") no-repeat left top;
		margin:0;
		padding:0 0 0 1px;
	/* 	Vorsicht IE reagiert allergisch auf H�henangaben an dieser Stelle
		height: 24px;*/
		text-decoration:none;
		}


	#HauptNavigationsUnterBereich a span {
		float:left;
		display:block;
		background:url("pics/buttons/tabrightJ2.gif") no-repeat right top;
		padding:3px 13px 4px 12px;
	/* 	Vorsicht IE reagiert allergisch auf H�henangaben an dieser Stelle
		height: 17px;*/
		color:#333333;
		}


    	/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#HauptNavigationsUnterBereich a span {float:none;}
    	/* End IE5-Mac hack */


	#HauptNavigationsUnterBereich a:hover span {
		color:#0066CC;
      		}


	#HauptNavigationsUnterBereich a:hover {
      		background-position:0% -42px;
      		}


	#HauptNavigationsUnterBereich a:hover span {
      		background-position:100% -42px;
      		}


	#HauptNavigationsUnterBereich #current a {
                background-position:0% -42px;
       	 }


	#HauptNavigationsUnterBereich #current a span {
                background-position:100% -42px;
                color:#0066CC;
        }


	#HauptnavigationsLieferzeitBereich {
		position: absolute;
		top: 15px;
		left: 494px;
		width: 233px;
		height: 22px; 
		}

	#HauptnavigationsLieferzeitBereichItalia {
		position: absolute;
		top: 42px;
		left: 664px;
		width: 286px;
		height: 22px; 
		background-color: #0066CC;
		color: #FFFFFF;
		}

	#HauptnavigationsLieferzeitBereiText {
		position: absolute;		
		top: 25px;
		left: 498px;
		width: 225px;
		height: 15px; 
		color: #FFFFFF;
		}


	#HauptnavigationsLieferzeitBereiTextItalia {
		position: absolute;		
		font-size: 0.75em;
		top: 46px;
		left: 711px;
		width: 235px;
		height: 15px; 
		color: #FFFFFF;
		}


/* Definition Button */


	#ButtonImText ul {
		position:relative;
		left:0px;
		width:400;
		margin:0;
		padding:5px 0px 15px 0px;
		list-style:none;
		}


	#ButtonImText li {
		float:left;
		line-height: 1.8em;
		font-weight: bold;
		display:inline;
		margin:0;
		padding:0;
		}


	#ButtonImText a {
		float:left;
		margin:0;
		padding:0 0 0 1px;
		text-decoration:none;
		}


	#ButtonImText a span {
		float:left;
		display:block;
		color:#FFFFFF;
		border-style:solid;
		border-width:1;
		border-color:#444444;
		font-size:1.2em;
		background-color:#0066CC;
		background-image: url("pics/buttons/Buttonback.jpg"); 
		padding:3px 13px 4px 12px;
		}


    	/* Commented Backslash Hack hides rule from IE5-Mac \*/
		#ButtonImText a span {float:none;}
    	/* End IE5-Mac hack */


	#ButtonImText a:hover span {
		color:#0066CC;
		background-color:#EEEEEE;
		border-style:solid;
		border-width:1;
		border-color:#0066CC;
		background-image: none; 
      		}

	#ButtonImText #current a span {

                color:#0066CC;
        }

	

#UnterNavigationsBereich {
                position: absolute;
                top: 84px;
                left: 15px;
		background-color: #FFFFFF;
		width:175px;
		}

#MainBereichMitUnternavi {
		position: absolute;
		top: 150px;
		left: 190px;
		width: 760px;
		padding-top: 5px;
		/*background-color: #ffffff;*/
		}




#MainBereichHomepage {
		position: absolute;
		top: 118px;
		left: 310px;
		width: 300px;
		padding-top: 5px;
		/*background-color: #ffffff;*/
		}


#MainBereichHomepageOben {
		position: absolute;
		top: 58px;
		left: 0px;
		width: 660px;
		padding-top: 5px;
		/*background-color: #ffffff;*/
		}



#MainBereichHomepageBreit {
		position: absolute;
		top: 148px;
		left: 210px;
		width: 450px;
		padding-top: 5px;
		}

#MainBereichTextLinks {
		position: absolute;
		left: 0px;
		top: 155px;
		line-height:1.5;
		width: 165px;

		}

#MainBereichTextFacebook {
		position: relative;
		margin-top:10px;
		line-height:1.5;
		width: 165px;
		border-width:1px;
		border-style:solid;
		border-color:#AAAAAA;
		padding:10px;
		}

#MainBereichTextFacebookAktiv {
		position: relative;
		margin-top:10px;
		line-height:1.5;
		width: 165px;
		border-width:1px;
		border-style:solid;
		border-color:#AAAAAA;
		background-color: #F0F892;
		padding:10px;
		}

#MainBereichTextKontakt {
		position: relative;
		margin-top:10px;
		line-height:1.5;
		width: 185px;
		border-width:1px;
		border-style:solid;
		border-color:#AAAAAA;
		}

#MainBereichTextKontaktHome {
		position: relative;
		margin-top:10px;
		line-height:1.5;
		width: 165px;
		border-width:1px;
		border-style:solid;
		border-color:#AAAAAA;
		padding:10px;
		}			
		
#MainBereichTextKontaktDrunter {
		position: relative;		
		line-height:1.5;
		width: 165px;
		padding:10px;
		}		

#MainBereichTextKunden {
		position: relative;
		line-height:1.5;
		width: 165px;
		border-width:1px;
		border-style:solid;
		border-color:#AAAAAA;
		padding:10px;
		}

#MainBereichKastenImText {
		position: relative;
		padding: 5px;
		top: 10px;
		border-width:1px;		
		border-style:solid;
		border-color:#AAAAAA;
		background-image: url("pics/buttons/hintergrund_header_2.jpg");
		}

#MainBereichKastenImText ul {
		position:relative;
		left: 0px;	
		background: transparent;
		background-color: transparent;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-right: 0px;
		padding-left: 0px;
		}

#MainBereichKastenImText li {	
		font-size:1.0em;
		font-weight: bold;
		color: 444444;
		line-height: 1.8em;
		list-style-image: url(pics/buttons/haeckchen_gruen.gif);
		background: transparent;
		background-color: transparent;
		}


#MainBereichText {
		position: relative;
		left: 0px;
		width: 490px;
		border-width:1px;
		border-style:solid;
		border-color:#AAAAAA;
		padding:5px;
		}

#MainBereichTextRechts {
		position: absolute;
		top: -5px;
		left: 505px;
		width: 240px;
		}
		
#MainBereichTextRechts a {
		font-weight: bold;
		color: #0066CC;
		font-size: 1.2em;
		text-align: center;
		line-height: 1.4em;
		padding-top: 0.6em;
		padding-bottom:0.3em;
		}
		
		

#MainBereichTextRechtsText {
		margin-top:10px;
		position: relative;
		width: 240px;
		border-width:1px;
		border-style:solid;
		border-color:#AAAAAA;
		padding:5px;
		}
		
#MainBereichTextRechtsTextOhneRahmen {
		margin-top:-7px;
		position: relative;
		width: 240px;
		padding:7px;
		}		

#MainBereichTextohneUnternavi {
		position: relativ;
		left: 210px;
		width: 480px;
		}

#MainBereichBildzwei {
		position: absolute;
		top: 72px;
		left: 494px;
		width: 233px;
		}

#MainBereichBildzweiA {
		position: absolute;
		top: 94px;		
		left: 494px;
		width: 233px;
		}

#MainBereichBildDrei {
		position: absolute;
		top: 344px;
		left: 494px;
		width: 233px;
		}

#MainBereichBildDreiA {
		position: absolute;
		top: 424px;
		left: 494px;
		width: 233px;
		}


#MainBereichBildVier {
		position: absolute;
		top: 611px;
		left: 494px;
		width: 233px;
		}

#MainBereichBild {
		position: absolute;
		top: 21px;
		left: 494px;
		width: 233px;
		}


#MainBereichHomepageBild {
		position: absolute;
		top: 21px;
		left: 680px;
		width: 233px;
		}


#MainBereichMitUnternavi ul {
		margin-Top: 15px;
		margin-Bottom: 5px;
		padding-right: 5px;
		padding-left: 40px;
		list-style-type: none;
		}

#MainBereichMitUnternavi ul li{
		list-style-type: none;
		}


#MainBereichMitUnternavi ul.featuredobject {
		margin-Top: 5px;
		margin-Bottom: 5px;
		padding-right: 5px;
		padding-left: 40px;
		background-color: #ffffff;
		list-style-type: none;
		}

#MainBereichMitUnternavi ul li.featuredobject{
		background-color: #ffffff;
		line-height: 1.5em;
		list-style-type: none;
		}



#MainBereichOhneUnternavi {
		position: absolute;
		top: 89px;
		left: 0px;
		width: 950px;
		padding:0px; margin:0px;
		background-color: #ffffff;
		}


	.ro {
		background:url(pics/buttons/roundedbox_ro.gif) top right no-repeat;
	}

	.lo {
		background:url(pics/buttons/roundedbox_lo.gif) top left no-repeat;
	}

	.ru {
		background:url(pics/buttons/roundedbox_ru.gif) bottom right no-repeat;
	}

	.lu {
		background:url(pics/buttons/roundedbox_lu.gif) bottom left no-repeat;
	}

	.inhalt {
		margin:0;
		padding:0.5em 0.5em 1.5em 0.5em;
	}

	.lieferzeitAktuell
	{
		text-align: center;
		font-weight:600;
/*		font-size: 1.2em;*/
		padding-top: 0.3em;
		padding-bottom: 0.1em;
		line-height: 1.5em;
		}

	.lieferzeitTime
	{
		text-align: center;
		font-weight:bold;
/*		font-size: 3em;*/
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		}

	.lieferzeitInfo
	{
		text-align: center;
/*		font-size: 0,7em;*/
		padding-top: 0.2em;
		padding-bottom: 0.3em;
		}



.designUnselected {
                border-color: white;
                }

.designSelected {
                background-color: #cccccc;
                color: navy;
                border-color: #999999;
                /* font-weight: bold; */
                }


.designansicht
		{
		border-style: dashed;
		border-color: #AFAFAF;
		border-width: 1px 0 1px 0;		
		}


.designtabelle {
		}


.designtabelle td
		{
		border-style: dashed;
		border-color: #AFAFAF;
		border-width: 0 0 1px 0;
		}


.designtabelle td.firstrow 
		{
		border-style: dashed;
		border-color: #AFAFAF;
		border-width: 1px 0 1px 0;
		}
		
.Sportartikeltabelle td.SportartikeltabelleTD a , .SportartikeltabelleKlein td.SportartikeltabelleTD a{
	color: #333333;
	font-weight: bold;
}		

		
.Sportartikeltabelle td.SportartikeltabelleTD a span {
		float:left;
		display:block;
/*		padding:15px 21px 12px 20px; */
		padding-left: 18px;
		padding-top: 19px;
		padding-bottom: 15px;
		padding-right: 18px;
		}
		
.Sportartikeltabelle td.SportartikeltabelleTD a span:hover, .SportartikeltabelleKlein td.SportartikeltabelleTD a span:hover {
	background-color: #E5E5E5;
}		
		
.Sportartikeltabelle td.SportartikeltabelleTD {
	height: 160px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

.SportartikeltabelleKlein td.SportartikeltabelleTD {
	height: 120px;
	vertical-align: middle;	
	margin: 0px;
	padding: 0px;
}

.SportartikeltabelleKlein td.SportartikeltabelleTD a span {
		float:left;
		display:block;
/*		padding:15px 21px 12px 20px; */
		padding-left: 12px;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-right: 12px;
		}		

#normalrow 	{
		}


body            { font-family: owayoFont, Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px;
		color: #333333;
		text-align: center;
                line-height: 1.25em;
                }

body a:link,
body a:active {
		text-decoration: none;
		color: #0066CC;
		}

body a:visited {
		text-decoration: none;
/*		color: #87B8FD;*/
		color: #5EB7FD;
		}

body a:hover {
		text-decoration: underline;
		color: #0066CC;
		}



/*#MainBereichMitUnternaviLink a:link {color: #0066CC;}

#MainBereichMitUnternaviLink a:visited,
#MainBereichMitUnternaviLink a:hover {
		color: #99CCFF;
		}*/


table         { font-size: 1em;
                line-height: 1.25em;
                }


#breadcrumb   {
		font-family: owayoFont, Arial, "Verdana", Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		position: absolute;
		top: 5px;
		left: 223px;
		width: 500px;
		padding:0px; margin:0px;
		background-color: #EAEAEA;
		color: #666666;
		}


#breadcrumb a:link,
#breadcrumb a:visited,
#breadcrumb a:active
		{
		text-decoration: none;
		color:#666666;
		}


#breadcrumb a:hover   {
		text-decoration: underline;
		color: #0066CC;
		}



#breadcrumb b { font-size:0.75em;
		font-weight:bold;
		}


#sprache   {
		position: absolute;
		top: 5px;
		left: 697px;
		width: 200px;
		padding:0px; margin:0px;
		background-color: #EAEAEA;
		font-size:0.75em;
		color: #666666;
		}

#sprache  a:link,
#sprache  a:visited,
#sprache  a:active {
		text-decoration: none;
		color: #666666;
		}

#sprache  a:hover {
		text-decoration: underline;
		color: #0066CC;
		}


#faqs	      { background-color: #FFFFCC;
		width: 480px;
                font-size: 0.8em;
		}

#faqs a:link,
#faqs a:visited,
#faqs a:active	{
                text-decoration: none;
		color: #333333;
                }

#faqs a:hover   {
                text-decoration: none;
		color: #0066CC;
		}


#footersmall	{ clear: both;
		width: 760px;
		margin-top: 40px;
		margin-left: 190px;
		background-color: #FFFFFF;
		border-top: dashed 1px #666666;
		font-size:0.75em;
		color:#666666;
		line-height:170%;
		}

#ChatLogoBereichFooter {
		position: relative;
		top: -42px;
		left: 510px;
		width: 246px;
		height: 34px;
		padding:0px; margin:0px;
		body: #F0F8FF;
		background-color: #FFFFFF;
		}			


#footersmall a:link,
#footersmall a:active,
#footersmall a:visited {
		color:#666666;
		text-decoration: none;
		}

#footersmall a:hover   {
		text-decoration: underline;
		color: #0066CC;
		}

#footerbroad	{ clear: both;
		position: relative;
		width: 742px;
		left: 208px;
		margin-top: 40px;
		background-color: #FFFFFF;
		border-top: dashed 1px #666666;
		font-size:0.75emem;
		color:#666666;
		line-height:170%;
		}

#footerbroad a:link,
#footerbroad a:active,
#footerbroad a:visited {
		color:#666666;
		text-decoration: none;
		}

#footerbroad a:hover   {
		text-decoration: underline;
		color: #0066CC;
		}

.footertext {
		margin-top: 4px;
		}


#flags {
	position: absolut;
	left: 522px;
	}

#flags a:link, #flags a:visited {
		color:white;
		}

.flag_selected {
                /*border: solid #ccccff;
                border-width: 1px;
                background-color: ccccff; */
                }

.flag_unselected {
                border: solid #FFFFFF;
                border-width: 0px 0px 2px 0px;
                }


.SportUeberschrift {
		font-family: owayoFont, Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 1.3em;
		font-weight: bold;
		padding-top: 1.0em;
		padding-bottom: 1.0em;
		color:#0066CC;
		}





.KontaktUeberschrift {
		font-size: 1.4em;
		}


.KontaktGroesser {
		font-weight:bold;
		font-size: 1.3em;
		}

.KontaktKleiner {		
		font-size: 0.75em;
		}



.SeitenUeberschrift {
		font-family: owayoFont, Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 1.3em;
		font-weight: bold;
		padding-top: 0.35em;
		color:#0066CC;
		}

h1 {
		font-family: owayoFont, Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 1.3em;
		font-weight: bold;
		padding-bottom: 0.2em;
		color:#0066CC;
		}

.SeitenUeberschriftLanding {
		font-family: owayoFont, Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 1.3em;
		font-weight: bold;
		line-height: 1.5em;
		padding-top: 0.35em;
		padding-bottom: 0.5em;
		color:#0066CC;
		}
		
.SeitenUeberschriftLandingJob {
		font-family: owayoFont, Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 2em;
		font-weight: bold;
		line-height: 1.5em;
		padding-top: 0.35em;
		padding-bottom: 0.5em;
		color:#0066CC;
		}		

.SeitenUeberUeberschrift {
		font-family: owayoFont, Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 1.3em;
		font-weight: bold;
		color: #999999;
		padding-bottom: 0.1em;
		}

.absatzTopLanding {
		font-weight: bold;
		font-size: 1.0em;
		line-height: 1.5em;
		}


.designlinien_erlaeuterung {
                padding: 0.7em 0em 0.7em 0.5em;
                border-style: solid;
                border-width: 0 0 1px 0;
                border-color: #BBBBBB;
                }


.designlinien_erlaeuterung_firstline {
                border-top-width: 1px;
                }

.designlinien_border_left {
                border-left-width: 1px;
                }

.designlinien_border_right {
                border-right-width: 1px;
                }


#designlinien_erlaeuterung a:link,
#designlinien_erlaeuterung a:visited {
		color:white;
		}






.faq_ueberschrift {
		color: #0066CC;
		padding-left: 13px;
		margin-top: 5px;
		line-height: 0.5em;
			}

.faq_antwort
 		{
		padding-left: 14px;
		padding-bottom: 10px;
		padding-right:14px;
		color: #666666;
		}


.faq_frage,
.faq_frage i  {
		padding-left: 14px;
		padding-bottom: 10px;
		color: #0066CC;
		}


.faq_benutzungsHinweis {
                font-size: 0.9em;
		padding-left: 13px;
		color: #666666;
                padding-bottom: 1em;
                font-style: normal;
                }


.faq_frage 	{
		font-weight:normal;
                font-size: 1.2em;
		color: #0066CC;
		}


.faq_ueberschrift {
		font-weight:bold;
		padding-bottom:4px;
		padding-top: 5px;
/*		border-bottom:1px solid gray;*/
                font-size: 1.3em;
		}


.faq_antwort 	{
/*		background-color: FFFFEC;*/
		padding-left: 40px;
		color: #666666;
                font-size: 1.2em;
		}


.agb_caption  { font-weight:bold;
		padding-top: 5px; }


.groessen     {
		}


.groessentitel  {
		font-weight: bold;
		}


.tabellenUeberschrift {
                font-weight: bold;
		}


.qualitaetsueberschrift {
		font-weight:bold;
		}


.farbe		{
		font-size: 0.9em;
		color: black;
		text-align: center;
                /*font-weight:bold;*/
		padding-top:0px;
                /*line-height:0.5em;*/
                padding-bottom: 0.5em;
		}

.farbeSelected  {
                font-weight: bold;
                border-width: 1px;
                background-color: #DDDDDD;
                }

.farbPreviewText{
                font-weight: bold;
                }


.farbPalettenTitel {
                font-size: 1.1em;
                font-weight: bold;
                padding: 0.2em 0px 0px 0.3em;
                }


.statistiken, .statistiken table tr td 	{ font-size:9pt;
		}


.preisliste   { border-width: 1px;
                border-color: #cccccc;
                border-style: solid;
                }


.preisliste tr  {
                padding: 0px 5px 0px 5px;
                }


.preistabelle	{
		border-collapse: collapse;
		}

.preistabelle th.preiskategorie {
                /*padding-top: 10px;*/
                font-weight: bold;
		border-top: 1px solid #AFAFAF;
		border-bottom: 1px dashed #AFAFAF;
                }


.preistabelle th.preiskategorieZwei {
                /*padding-top: 10px;*/
                font-weight: bold;
		border-top: 1px solid #AFAFAF;
		border-bottom: 1px solid #AFAFAF;
                }

.preistabelle th.preiskategorieDrei {
                /*padding-top: 10px;*/
                font-weight: bold;
		border-top: 1px solid #AFAFAF;
		border-bottom: 1px solid #AFAFAF;
		border-left: 1px solid #AFAFAF;
                }

.preistabelle td.preiskategorie {
                font-size:0.95em;
                font-weight: normal;
		border-bottom: 1px dashed #AFAFAF;
                }

.preistabelle td.preiskategorieLeft {
                font-size:0.95em;
                font-weight: normal;
		border-bottom: 1px solid #AFAFAF;
                }

.preistabelle td.preiskategorieDrei {
                font-size:0.95em;
                font-weight: normal;
		border-bottom: 1px solid #AFAFAF;
		border-left: 1px solid #AFAFAF;
                }


input.eText {
		font-size: 0.85em;
                background-color: #FFFFFF;
                border: 1px inset #00008B;
                width: 230px;
                }

input.eTextKlein {
		    font-size: 0.85em;
                background-color: #FFFFFF;
                border: 1px inset #00008B;
                width: 120px;
                }

input.eTextMini {
		    font-size: 0.85em;
                background-color: #FFFFFF;
                border: 1px inset #00008B;
                width: 80px;
                }


input.eTextWini {
		    font-size: 0.85em;
                background-color: #FFFFFF;
                border: 1px inset #00008B;
                width: 40px;
                }

input.bText  {
                background-color: #FAFDC4;
                border: 1px inset #00008B;
                width: 200px;
                }

input.bTextKlein  {
		    font-size:0.85em;
                background-color: #FAFDC4;
                border: 1px inset #00008B;
                width: 120px;
                }

input.submit {
		background-color: #0066CC;
		color: #FFFFFF;
		width: 450;
		font-size: 1.1em;
		}

textarea.cText {
                background-color: #FFFFFF;
                border: 1px inset #00008B;
		    width: 200px;
		    height: 100px;
                }

form p label  { float: left;
                width: 25%;
                font: bold 0.9em;
                }

form p        { clear: left;
                margin: 3px;
                padding: 0;
                padding-top: 5px;
                }

fieldset      { border: 1px dotted #CCCCCC;
                margin-left: 20px;
                margin-right: 20px;
                margin-top: 16px;
                padding: 10px;
                }

legend        { font: bold 1em;
                color: #000000;
                background-color: #FFFFFF;
                }


h3 {
		font-weight:bold;
		font-size: 1.0em;
		padding-bottom: 0.3em;
		margin-bottom: -0.2em;
		}

h4, h5, h6 {
		font-weight:bold;
		font-size: 1.0em;
		padding-top: 0.5em;
		padding-bottom: 0.3em;
		margin-bottom: -0.2em;
		}



.ErstUeberschrift {
		font-weight:bold;
		font-size: 1.0em;
		padding-bottom: 0.3em;
		}

.ZwischenUeberschriftRef {
		font-weight:bold;
		font-size: 1.0em;
		padding-top: 0.5em;
		padding-bottom: 0.3em;
		}

.ekomi_bewertung {
		font-size: 0.75em;
		font-weight: normal;
		padding-top: 3.4em;	
		text-align:center;		
		align=center;		
		}

#ekomi_bewertung_percentage {
		position: absolute;
		top: -10px;
		left: 0px;		
		width: 160px;
		height:60px;		
		font-size: 2.6em;
		font-weight: bold;
		text-align:center;					
		align=center;		
		}		

#ekomi_bewertung_percentage_zwei{
	position:absolute;
	top:0;
	left:0;
	width:140px;
	height:80px;
	padding:10px;
	font-size:1.5em;
	font-weight:400;
	text-align:center
}		
		
.ekomi_votes {
		font-size: 0.75em;
		font-weight: normal;
		padding-top: 0em;	
		text-align:center;		
		color:#4E9A3F;
		align=center;
		}		
		
#EkomiWidgetneu {
		position: absolute;		
		top: 116px;
		left: 10px;		
		width: 160px;
		height:60px;
		padding:0px; margin:0px;
		background:url("pics/buttons/widget_background.gif");	
		}

#EkomiWidgetneu a, a hover{
		color: #000000;
		text-decoration: none;
		}	
				
.ZwischenUeberschrift {
		font-weight:bold;
		font-size: 1.0em;
		padding-top: 1.5em;
		padding-bottom: 0.3em;
		}

.weihnachtstext {
		padding:4px;
		font-size:0.8em;
		line-height: 1.2em;
	}

.weihnachtstext2 {
		padding-left:10px;
		padding-top:14px;
		font-size:0.9em;
		font-weight:bold;		
	}

.eingabetabelle {
		border: 1px dashed #564b47;
		}

.Schriftartentabelle {
		border: dashed 1px
		}

.Schriftartentabelle td.normal {
		padding-left: 12px;
		line-height: 0.25em;
		}


.Schriftartentabelle td.designUnselected {
                border-color: white;
		padding-left: 12px;
		line-height: 0.25em;
                }

.Schriftartentabelle td.designSelected {
                background-color: #cccccc;
                color: navy;
                border-color: #999999;
		padding-left: 12px;
		line-height: 0.25em;
                }


.designanfragentabelle {
		border-collapse: collapse;
		}

.designanfragentabelle td {
		border-style: dashed;
		border-color: #564b47;
		border-width: 1px 1px 1px 1px;
		padding-left: 10px;
		}




.featurestabelle {
		border-collapse: collapse;
		}




.featurestabelle td.leftcell {
		border-style: dashed;
		border-color: #564b47;
		border-width: 1px 0px 1px 1px;		
		padding-left: 12px;
		}



.featurestabelle td.rightcell {
		border-style: dashed;
		border-color: #564b47;
		border-width: 1px 1px 1px 0px;		
		padding-right: 12px;
		}

.tabelle td {
		border-style: none;
		padding-left: 0px;
		}

.eingabetabelle td {
		/*padding: 4px;*/
		}

.Aufzaehlung  { margin-top:  0.5em;
                margin-left: 1em;
                }

.kleineueberschrift {
		font-size: 0.8em
		}

.submitbutton {
		background-color: #0066CC;
		}

.BestellformularUntertitel {
		font-size: 0.8em;
		}

.FeedbackUnderline {
		margin-top: 3px;
		margin-left: 40px;
		color: #666666;
		}

.FeedbackUnderlinezwei {
		margin-left: 40px;
		color: #666666;
		}

#aufzaehlungbullet { margin-top:  0em;
                margin-left: 1em;
                }

#aufzaehlungbullet ul {
		list-style-type: square;
		}


ul.Featureaufzaehlung li {
		margin-Top: 0px;
		margin-Bottom: 0px;
		padding-right: 5px;
		padding-left: 5px;
		background-color: #ffffff;
		list-style-type: square;
		}

#aufzaehlungbullet ul li {
		list-style-type: square;
		}

}

#OwayoSucheBereich {
		position: absolute;
		top: 20px;
		left: 0px;
		width: 300px;
		padding:0px; margin:0px;
		background-color: #FFFFFF;
}


#unternavi_sporthome, #unternavi_sporthome_lieferzeit {
		width: 187px;
		background-color: #FFFFFF;
        	}
			
#unternavi_produkthome_lieferzeit {
		width: 186px;
		background-color: #CCB871;
        	}			

        	
#unternavi     {
		width: 168px;
		background-color: #FFFFFF;
        	}


#unternavi ul, #unternavi_sporthome ul, #unternavi_sporthome_lieferzeit ul, #unternavi_produkthome_lieferzeit ul {
		list-style: none;		
		left: 3px;
		margin: 0;
		padding: 0;
		}

#unternavi_produkthome_lieferzeit ul .first {
	 text-align: center;
	 background-color: #CCB871; 
		border-style: solid;
		border-color: #FFFFFF;
		border-width: 1px 0px 0px 0px;
		padding-top: 4px;
 }

#unternavi_produkthome_lieferzeit ul li {
		text-align: center;
		background-color: #CCB871; 
		border-style: solid;
		border-color: #FFFFFF;
		border-width: 0px 0px 1px 0px;
		padding-bottom: 7px;
		padding-top: 4px;
 }

#unternavi_produkthome_lieferzeit ul li.first {
	 text-align: center;
	 background-color: #CCB871; 
		border-style: solid;
		border-color: #FFFFFF;
		border-width: 1px 0px 1px 0px;
 }

#unternavi_produkthome_lieferzeit .first a:link, #unternavi_produkthome_lieferzeit .first a:visited,
#unternavi_produkthome_lieferzeit .first a:active, #unternavi_produkthome_lieferzeit .first a:hover
		{
		border-width: 1px 0 1px 0px;
		}

#unternavi_produkthome_lieferzeit ul {
	 text-align: center;
	 background-color: #CCB871; 
 }


#unternavi a, #unternavi_sporthome a, #unternavi_sporthome_lieferzeit a {  width: 100%;
		display: block;
		padding: 2px 2px 2px 0.5em;
		text-decoration: none;
		}
		
#unternavi a, #unternavi_sporthome a, #unternavi_sporthome_lieferzeit a {		
		color: #333333;
		}
		
#unternavi_produkthome_lieferzeit a {
	color: #FFFFFF;
	background-color: #CCB871;
}		


#unternavi ul li a, #unternavi_sporthome ul li a {
                font-weight: bold;
		font-size: 12px;
		line-height: 1.4;
		color: #333333;
		border-style: solid;
		background-color: #FFFFFF;
		border-color: #AFAFAF;
		border-width: 0px 0px 1px 0px;
		}

#unternavi_produkthome_lieferzeit ul li a {
		background-color: #CCB871;
	}

#unternavi_sporthome_lieferzeit ul li a {
    font-weight: normal;
		font-size: 12px;
		line-height: 1.4;
		color: #333333;
		border-style: solid;
		background-color: #FFFFFF;
		border-color: #AFAFAF;
		border-width: 0px 0px 1px 0px;
		}

#unternavi_produkthome_lieferzeit ul li a {
     font-weight: normal;
		font-size: 12px;
		line-height: 1.4;
		color: #ffffff;
		background-color: #CCB871; 
		}


#unternavi .first a:link, #unternavi .first a:visited,
#unternavi .first a:active, #unternavi .first a:hover,
#unternavi_sporthome .first a:link, #unternavi_sporthome .first a:visited,
#unternavi_sporthome .first a:active, #unternavi_sporthome .first a:hover,
#unternavi_sporthome_lieferzeit .first a:link, #unternavi_sporthome_lieferzeit .first a:visited,
#unternavi_sporthome_lieferzeit .first a:active, #unternavi_sporthome_lieferzeit .first a:hover
		{
		border-width: 1px 0 1px 0px;
		}


#unternavi .last a:link, #unternavi .last a:visited,
#unternavi .last a:active, #unternavi .last a:hover,
#unternavi_sporthome .last a:link, #unternavi_sporthome .last a:visited,
#unternavi_sporthome .last a:active, #unternavi_sporthome .last a:hover,
#unternavi_sporthome_lieferzeit .last a:link, #unternavi_sporthome_lieferzeit .last a:visited,
#unternavi_sporthome_lieferzeit .last a:active, #unternavi_sporthome_lieferzeit .last a:hover,
		{
		border-width: 0px 0 0px 0px;
		}


#unternavi ul ul li a, #unternavi_sporthome ul ul li a {
                font-weight: bold;
		font-size: 12px;
		line-height: 1.1;
		color: #555555;
		background-color: #FFFFFF;
		border-style: dotted;
		border-color: #AFAFAF;
		border-width: 0px 0px 1px 0px;
		}


#unternavi ul ul ul li a, #unternavi_sporthome ul ul ul li , #unternavi_sporthome_lieferzeit ul ul ul li {
                font-weight: normal;
		font-size: 12px;
		line-height: 1.1;
		color: #333333;
		border-style: dotted;
		border-color: #AFAFAF;
		border-width: 0 0 1px 0px;
		}




#unternavi ul li a:hover, #unternavi_sporthome ul li a:hover, #unternavi_sporthome_lieferzeit ul li a:hover{               
		background-color: #E5E5E5;
/*		color: #0066CC; */
		}


#unternavi .selected a:link,
#unternavi .selected a:visited,
#unternavi .selected a:active,
#unternavi .selected a:hover,
#unternavi_sporthome .selected a:link,
#unternavi_sporthome .selected a:visited,
#unternavi_sporthome .selected a:active,
#unternavi_sporthome .selected a:hover,
#unternavi_sporthome_lieferzeit .selected a:link,
#unternavi_sporthome_lieferzeit .selected a:visited,
#unternavi_sporthome_lieferzeit .selected a:active,
#unternavi_sporthome_lieferzeit .selected a:hover {
		border-width: 1px 0 1px 0px;
		border-color:#0066CC;
		}


html>body #unternavi ul li a, html>body #unternavi_sporthome ul li a, html>body #unternavi_sporthome_lieferzeit ul li a {
		width: auto;
		}



#unternavi ul ul, #unternavi_sporthome ul ul, #unternavi_sporthome_lieferzeit ul ul {
		margin-left: 15px;
		}




#unternavi .unternaviSelected a:link, #unternavi .unternaviSelected a:visited,
#unternavi_sporthome .unternaviSelected a:link, #unternavi_sporthome .unternaviSelected a:visited,
#unternavi_sporthome_lieferzeit .unternaviSelected a:link, #unternavi_sporthome_lieferzeit .unternaviSelected a:visited {
		border-color: #0066CC;
		border-style: solid;
		border-width: 1px 0 1px 0px;
		color: #0066CC;
                }
				

#hauptnavi_zweite_zeile a {
       color: #E8FBF6; 
       text-decoration:none;

    }
	
/**
 * Default theme
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 1em;
  width: auto;
}
.cse .gsc-control-wrapper-cse,
.gsc-control-wrapper-cse {
  width: 100%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border: block;
}
table.gsc-search-box td.gsc-input {
  padding-right: 12px;
}
input.gsc-input {
  border-color: #D9D9D9;
  font-size: 13px;
  padding: 1px 6px;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  padding: 0 8px;
  height: 20px;
  min-width: 54px;
  background-color: #CECECE;
  border: 1px solid #666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result,
.gsc-imageResult-column,
.gsc-imageResult-classic {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-results .gsc-imageResult-classic:hover,
.gsc-results .gsc-imageResult-column:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gsc-webResult.gsc-result.gsc-promotion,
.gsc-webResult.gsc-result.gsc-promotion {
  background-color: #FFFFFF;
  border-color: #336699;
}
/* Promotion links */
.cse .gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link,
.cse .gs-promotion a.gs-title:link *,
.gs-promotion a.gs-title:link *,
.cse .gs-promotion .gs-snippet a:link,
.gs-promotion .gs-snippet a:link {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited,
.cse .gs-promotion a.gs-title:visited *,
.gs-promotion a.gs-title:visited *,
.cse .gs-promotion .gs-snippet a:visited,
.gs-promotion .gs-snippet a:visited {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover,
.cse .gs-promotion a.gs-title:hover *,
.gs-promotion a.gs-title:hover *,
.cse .gs-promotion .gs-snippet a:hover,
.gs-promotion .gs-snippet a:hover {
  color: #0000CC;
}
.cse .gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active,
.cse .gs-promotion a.gs-title:active *,
.gs-promotion a.gs-title:active *,
.cse .gs-promotion .gs-snippet a:active,
.gs-promotion .gs-snippet a:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion .gs-snippet,
.gs-promotion .gs-snippet,
.cse .gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right,
.cse .gs-promotion .gs-title .gs-promotion-title-right *,
.gs-promotion .gs-title .gs-promotion-title-right * {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl {
  color: #008000;
}
/* Style for auto-completion table
 * .gsc-completion-selected : styling for a suggested query which the user has moused-over
 * .gsc-completion-container : styling for the table which contains the completions
 */
.gsc-completion-selected {
  background: #EEE;
}
.gsc-completion-container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  background: white;
  border: 1px solid #CCC;
  border-top-color: #D9D9D9;
  margin-left: 0;
  margin-right: 0;
  /* The top, left, and width are set in JavaScript. */
}
.gsc-completion-title {
  color: #0000CC;
}
.gsc-completion-snippet {
  color: #000000;
}

/* Full URL */
.gs-webResult div.gs-visibleUrl-short,
.gs-promotion div.gs-visibleUrl-short {
  display: none;
}
.gs-webResult div.gs-visibleUrl-long,
.gs-promotion div.gs-visibleUrl-long {
  display: block;
}

/* Facet box css */
.gsc-context-box {
  font-size: 83%;
  margin-top: 3px;
  border-collapse: collapse;
}

.gsc-context-box .gsc-col {
  padding:1px 0;
  white-space: nowrap;
  vertical-align: middle;
}

.gsc-context-box .gsc-facet-label {
  width: 65px;
  padding-left: 2px;
  text-decoration: underline;
  color: #15C;
  cursor: pointer;
}

.gsc-context-box .gsc-chart {
  width: 32em;
  padding: 3px;
  border-left: 1px solid #6A9CF3;
  border-right: 1px solid #6A9CF3;
}

.gsc-context-box .gsc-top {
  border-top: 1px solid #6A9CF3;
}

.gsc-context-box .gsc-bottom {
  border-bottom: 1px solid #6A9CF3;
}

.gsc-context-box .gsc-chart div {
  background: #6A9CF3;
  height: 9px;
}

.gsc-context-box .gsc-facet-result {
  color: #15C;
  width: 30px;
  text-align: right;
  padding-right: 5px;
}

/* Universal one box css. */
.gsc-usr-group-thumbnail {
  display: inline-block;
  max-width: 72px;
  max-height: 72px;
}
.gsc-usr-group-thumbnail img {
  max-height: 72px;
  overflow: hidden;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-heading {
  color: #15C;
  cursor: pointer;
}
.gsc-usr-group {
  min-height: 100px;
  zoom: 1;
  display: block;
  line-height: 1.24;
  margin-top: -7px;
  margin-bottom: -7px;
  margin-left: 20px;
}
.gsc-usr-group-content {
  padding-top: 1px;
  padding-bottom: 3px;
}
.gsc-usr-group-content-thumbnail {
  display: inline-block;
  vertical-align: top;
}
.gsc-usr-group-head-result {
  display: inline-block;
  padding-left: 6px;
}
.gsc-usr-group-snippet {
  width: 100%;
  height: 3.6em;
  overflow: hidden;
}
.gsc-usr-group-content-results {
  font-size: 12px;
  padding-left: 1px;
  width: 80%;
  padding-top: 7px;
}
.gsc-usr-group-head-results {
  display:inline-block;
  font-size: 13px;
  padding-left: 6px;
  width: 80%;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-all-results {
  font-size: 11px;
  line-height: 10px;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-all-results
b {
  font-size: 14px;
  font-weight: 600;
}
.gs-webResult .gs-title
.gs-title.gsc-usr-group-heading
b {
  color: #15C;
}
.sportartikelZeileEins {
	font-size:1.1em;
	font-weight:700;
}

.sportartikelZeileZwei{
	font-size:.8em;
	font-weight:400;
}

.sportartikelZeileDrei{
	font-size:1em;
	font-weight:700;
	color:#06C;
}