/* 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.
*/


#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: 64px;
		padding:0px; margin:0px;
		body: #F0F8FF;
		background-color: #FFFFFF;
		}




/* Definition Hauptnavigation*/

#HauptNavigationsBereich {
		position: absolute;
		top: 0px;
		left: 190px;
		height: 64px;
		width: 760px;
		padding:0px; margin:0px;
		body: #F0F8FF;
		background-color: #EAEAEA;
		}	

	#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/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/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:-40px;
		width:600;
		margin:0;
		padding:5px 0px 15px 0px;
		list-style:none;
		}


	#ButtonImText li {
		float:left;
		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;
		font-size:1.4em;
		background-color:#0066CC;
		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;
      		}

	#ButtonImText #current a span {

                color:#0066CC;
        }

	

#UnterNavigationsBereich {
                position: absolute;
                top: 84px;
                left: 15px;
		background-color: #FFFFFF;
		width:175px;
		}



#MainBereichMitUnternavi {
		position: absolute;
		top: 68px;
		left: 210px;
		width: 705px;
		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;
		/*background-color: #ffffff;*/
		}

#MainBereichText {
		position: relative;
		left: 0px;
		width: 480px;
		}

#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;
		background-color: #ffffff;
		list-style-type: none;
		}

#MainBereichMitUnternavi ul li{
		background-color: #ffffff;
		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/roundedbox_ro.gif) top right no-repeat;
	}

	.lo {
		background:url(pics/roundedbox_lo.gif) top left no-repeat;
	}

	.ru {
		background:url(pics/roundedbox_ru.gif) bottom right no-repeat;
	}

	.lu {
		background:url(pics/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;
		}


#normalrow 	{
		}


body            { font-family: 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: 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:10pt;
		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.9em;
		}

#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: 725px;
		margin-top: 40px;
		background-color: #FFFFFF;
		border-top: dashed 1px #666666;
		font-size:10px;
		color:#666666;
		line-height:170%;
		}


#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:10px;
		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: Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 16px;
		font-weight: bold;
		padding-top: 1.0em;
		padding-bottom: 1.0em;
		color:#0066CC;
		}


h2 {
		font-family: Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 16px;
		font-weight: bold;
		padding-top: 0.1em;
		color:#0066CC;
		margin-bottom:-0.3em;
		}

h1 {
		font-family: Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 16px;
		font-weight: bold;
		color: #999999;
		padding-bottom: 0.1em;
		margin-top:-0.2em;
		margin-bottom:-0.5em;
		}



.SeitenUeberschrift {
		font-family: Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 16px;
		font-weight: bold;
		padding-top: 0.35em;
		color:#0066CC;
		}

.SeitenUeberUeberschrift {
		font-family: Arial, "Helvetica", Verdana, Helvetica, sans-serif;
                letter-spacing: 0.04em;
		font-size: 16px;
		font-weight: bold;
		color: #999999;
		padding-bottom: 0.1em;
		}


.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: 12px;
		color: #0066CC;
		}


.faq_ueberschrift {
		font-weight:bold;
		padding-bottom:4px;
		padding-top: 5px;
/*		border-bottom:1px solid gray;*/
                font-size: 13px;
		}


.faq_antwort 	{
/*		background-color: FFFFEC;*/
		padding-left: 40px;
		color: #666666;
                font-size: 12px;
		}


.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: 13px;
		padding-bottom: 0.3em;
		margin-bottom: -0.2em;
		}

h4, h5, h6 {
		font-weight:bold;
		font-size: 13px;
		padding-top: 0.5em;
		padding-bottom: 0.3em;
		margin-bottom: -0.2em;
		}



.ErstUeberschrift {
		font-weight:bold;
		font-size: 13px;
		padding-bottom: 0.3em;
		}

.ZwischenUeberschrift {
		font-weight:bold;
		font-size: 13px;
		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;
}