/* Styles for Elégance Website */



* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100.1%;
}



/* Die Farbangabe im |#wrapper| sorgt dafuer, dass im Contentbereich
eine durchgaengige Hintergrundfarbe inkl. rechter |border| angezeigt
wird, auch wenn das Menue laenger als der Text ist ... */
#wrapper {

	/*height: 1%; Buggy IE needs this */
	width: 996px;

	background-position:0px 0px;
	background-repeat:no-repeat;

}
/* Wenn man sicher ist, dasz der Text IMMER laenger als das Menue
oder die Farbe dieselbe wie der Hintergrund ist, kann man diesen Div
komplett streichen. Die |border|s kann man dann bei Bedarf den
anderen |div|s zuweisen ... */

/* -- header -- */
#header {
	padding: 14px 25px 0px 40px;
	width: 930px;
	height: 61px;
	visibility: hidden;
	display: none;
}
#headerLogo{
	float: left;
	padding: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	text-align: left;
	width: 147px;
	height: 53px;
}

#headerShoppingBasket {
	float: left;
	padding: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	text-align: right;
	width: 270px;
	height: 32px;
}
.headerShoppingBasketSymbol {
	float: right;
	padding-top: 0px;
}
.headerShoppingBasketTxt {
	float: right;
	padding-top: 13px;
	padding-left: 10px;
}

#headerNaviContainer {
	padding: 0px;
	padding-top: 2px;
	padding-left: 0px;
	margin-bottom: 0px;
	text-align: left;
	text-align: right;
	float:right;
	width: 765px;
}
#headerMetaNavi {
	padding-top: 12px;
}



/* -- main menue-- */
#mainmenue {
	float: right;
	padding: 0px 0px 0px 0px;
	padding-left: 190px;
	margin-left: 0px;
	margin-right: 0px;
	height: 20px;
	text-align: left;

	visibility: hidden;
	display: none;
}
#mainmenueInner {
	margin-right: 0px;
}
#mainmenue img {
	margin: 0px;
	padding: 0px;
	border: 0px solid blue;
}





/* -- contentAll -- */
#contentAllOuter {
	float: left;
	border: 0px solid;
	margin-left: 25px;
	margin-right: 26px;
	width: 945px;
	display: inline;


}

#contentAllInner {

}


/* -- leftmenue -- */
#leftMenueContainerOuter {
	float: left;
	width: 180px;

	visibility: hidden;
	display: none;

}
#leftMenueContainerInner {

}
#LeftsubTitle {
	padding-top: 18px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 4px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	height: 20px;
	min-height: 20px;
	max-height: 20px;
}




/* -- content -- */
#contentOuter {
	float: left;
	width: 765px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	display: inline;

	min-height: 465px;
	_height: 465px;
	border-bottom: 1px solid blue;
}

#contentOuter2 {
	float: left;
	width: 765px;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	display: inline;
	min-height: 405px;
	_height: 405px;
}



#contentA {
	width: 765px;
}

#contentAinner {
	width: 755px;
	margin-left: 10px;
}


#contentBinner{
	float: left;
}

#contentCinner{
	float: left;
}
/*
#contentDinner{
	width: 755px;
}
*/

#contentAinner p, #contentBinner p, #contentCinner p{
padding: 0px 0px 20px 0px;
}

#contentInnerTitle {
	float: left;
	padding-left: 20px;
	height: 25px;
	border-bottom: 1px solid red;
}
#contentInnerTitleHalfSize {
	padding-left: 20px;
	height: 10px;
}
/* see definition in content_main.css */
#contentNormal {
}

#contentSpecialAbsolute {
	position: absolute;
	margin-left: 0px;

}


/* -- footer -- */
#footer {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;

	visibility: hidden;
	display: none;
}
#footer p {
	padding: 16px 32px 12px 0px;
	text-align: right;
}
#footer a {
	text-decoration: none;
	background-color: transparent;
	border: 0 none;
}
#footer a:hover {
	background-color: transparent;
}

/* ---- */
.invis {
	display: none;
}





/* -------------------------------------------------------------------- */
/* -------------- site specific styles: Service Teaser  ---------------- */
/* -------------------------------------------------------------------- */
#miniTeaser1 {
	position: absolute;
	top: 45px;
	left: 530px;
	height: 130px;
	width: 235px;
}
#miniTeaser2 {
	position: absolute;
	top: 190px;
	left: 530px;
	height: 130px;
	width: 235px;
}
.serviceContainer {
	float: right;
	width: 755px;
}



#serviceTeaserContainer {
	float: left;
	width: 755px;
	margin-left: 10px;
	padding-top: 10px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #D6D6D6;

	visibility: hidden;
	display: none;
}

#teaserBottom {
	visibility: hidden;
	display: none;
}

.shoppingBasketButtonBarTop {
	visibility: hidden;
	display: none;
}


.hiddenPrintDiv {
	visibility: hidden;
	display: none;
}


#serviceTeaserContainerInner {
	width: 755px;
	float: left;
	background-position:0px 0px;
	background-repeat: repeat-y;
	background-image: url('../img/background/serviceTeaserBg.gif');
}


#serviceTeaser {
	float: left;
	width: 225px;
	height: 70px;
	max-height: 90px;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 10px;
}


/* ################################################################## */

@charset "iso-8859-1";

/*******************************************************************************
*  skidoo_too_print.css : 2004.11.26
* -----------------------------------------------------------------------------
*  Print media stylesheet that removes the left and right columns as well as
*  the horizontal navigational element from a printed copy of the webpage.
*******************************************************************************/

#leftColumn, #rightColumn, #contentColumn, #SOWrap
{
	float: none;	/* since left and right columns are being hidden,
			   there's no need to float any columns. */
}
html>body #SOWrap
{
	width: auto;	/* help Opera out */
}
#rightColumn, #leftColumn, .hnav, .printHide
{
	display: none;	/* hide the left and right columns as well as the
			   horizontal navigation element(s). also hide any
			   designated elements that should not be pritned */
}
#outerColumnContainer, #innerColumnContainer, #pageWrapper
{
	border-width: 0;	/* hide various borders, including those used
				   to create the backgrounds for the left and
				   right columns */
}
#masthead, #footer
{
	border: solid 1px #000;
	border-width: 1px 0;
	padding: 1px;		/* add some borders to the masthead and footer
				   for presentation */
}
* html #footer
{
	/* \*/
		margin-top:	1em;
	/* help IE print space between the content and footer */
}
a, a:link, a:visited
{
	text-decoration: none;
	background-color: inherit;
	color: inherit;		/* we're printing, so there's no need to
				   differentiate links from regular text. so
				   remove any formatting the links get. */
}
body *
{
	background-color: #fff;
	color: #000;		/* simple catch-all to make sure we have no
				   colored items in the print out. delete this
				   if you want. */
}

/******************************************************************************/


html, body, div, p, span, h1, h2, h3, h4, h5, h6, a {
	font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 11px;
}

a {
	text-decoration: underline;
}

p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.noWrap {
	white-space: nowrap;
}
hr {
	font-size: 0px;
	line-height: 0.1px;
	border:solid #d6d6d6 0px;
	background-color:#D6D6D6;
	color:#D6D6D6;
	height: 1px;
}

img {
	vertical-align: bottom;
	border: 0px none;
	padding: 0px;
	margin: 0px;
}
/* OVERRIDE CSS STYLED CONTENT  */
div.csc-textpic-imagewrap {
	border-width: 0px;
	border-style: solid;
}

.clear{
	clear: both;
	/*padding-bottom: 1px;	 for Gecko-based browsers */
	/*margin-bottom: -1px;	 for Gecko-based browsers */
}



/* OVERRIDE CSS STYLED CONTENT Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }

/* OVERRIDE CSS STYLED CONTENT  set color in main_clr_schema0x.css*/
h1.csc-firstHeader{
	font-size: 22px;
}


.letSpace_3{
	letter-spacing: -0.03em;
}

.fTiny {
	font-size:9px;
}
.fTinyB {
	font-size:9px;
	font-weight:bold;
}
.fSmall {
	font-size:10px;
}
.fSmallB {
	font-size:10px;
	font-weight:bold;
}
.fCopy {
	font-size:11px;
}
.fCopyB {
	font-size:11px;
	font-weight:bold;
}
.fMedium {
	font-size:12px;
}
.fMediumB {
	font-size:12px;
	font-weight:bold;
}
.fLarge {
	font-size:18px;
}
.fLargeB {
	font-size:18px;
	font-weight:bold;
}
.fXLarge {
	font-size:22px;
}
.fXLargeB {
	font-size:22px;
	font-weight:bold;
}

form { display: inline; margin:0px; padding:0px; }
input { font-family: verdana; font-size: 11px; }
input[type='image'] { border:none; }  /* FUNKTIONIERT NICHT IM IE!! Daher class noBorder eingesetzt*/
select { font-family: verdana; font-size: 10px; }
textarea { font-family: verdana; font-size: 10px; margin: 0px; height: 60px; width: 245px; border: 1px solid; }
.noBorder { border:none; }
.noBorder_float_right {border:none; float:right; }

/* form div classes */
.form_div		{ padding: 1px; float: left; }
.form_div5		{ padding: 1px; float: left; width: 5px; }
.form_div10		{ padding: 1px; float: left; width: 10px; }
.form_div15		{ padding: 1px; float: left; width: 15px; }
.form_div20		{ padding: 1px; float: left; width: 20px; }
.form_div25		{ padding: 1px; float: left; width: 25px; }
.form_div30		{ padding: 1px; float: left; width: 30px; }
.form_div40		{ padding: 1px; float: left; width: 40px; }
.form_div50		{ padding: 1px; float: left; width: 50px; }
.form_div60		{ padding: 1px; float: left; width: 60px; }
.form_div70		{ padding: 1px; float: left; width: 70px; }
.form_div80		{ padding: 1px; float: left; width: 80px; }
.form_div90		{ padding: 1px; float: left; width: 90px; }
.form_div100	{ padding: 1px; float: left; width: 100px; }
.form_div120	{ padding: 1px; float: left; width: 120px; }
.form_div140	{ padding: 1px; float: left; width: 140px; }
.form_div160	{ padding: 1px; float: left; width: 160px; }
.form_div170	{ padding: 1px; float: left; width: 170px; }
.form_div180	{ padding: 1px; float: left; width: 180px; }
.form_div190	{ padding: 1px; float: left; width: 190px; }
.form_div200	{ padding: 1px; float: left; width: 200px; }
.form_div220	{ padding: 1px; float: left; width: 220px; }
.form_div250	{ padding: 1px; float: left; width: 250px; }
.form_div260	{ padding: 1px; float: left; width: 260px; }
.form_div480	{ padding: 1px; float: left; width: 480px; }
.form_div650	{ padding: 1px; float: left; width: 650px; }
.form_noPadding	{ padding: 0px; }
.form_textAlignLeft { text-align: left; }
.form_textAlignCenter { text-align: center; }
.form_textAlignRight { text-align: right; }

/* input elements... */
.w5 { width: 5px; }
.w10 { width: 10px; }
.w15 { width: 16px; }
.w20 { width: 18px; }
.w40 { width: 38px; }
.w45 { width: 43px; } /* in use */
.w50 { width: 48px; }
.w60 { width: 58px; }
.w65 { width: 63px; } /* in use */
.w70 { width: 70px; } /* in use */
.w80 { width: 78px; }
.w85 { width: 83px; } /* in use */
.w100 { width: 98px; } /* in use */
.w105 { width: 105px; } /* in use search in header */
.w120 { width: 118px; }
.w135 { width: 133px; } /* in use */
.w140 { width: 140px; }
.w150 { width: 150px; } /* in use */
.w160 { width: 158px; }
.w170 { width: 168px; }
.w185 { width: 183px; }/* in use */
.w200 { width: 198px; }
/* the widest element on the page, so please leave this in origial width, other inputs have to be smaller than wanted, */
/* beacause the box model strict.dtd shows input elements bigger (in width) than supposed */
.w220 { width: 218px; }
.w250 { width: 249px; }
.w260 { width: 258px; }
.w480 { width: 478px; }

.h18 { height: 16px; }

/* marin and paddings */
/* marin-top */
.mt1 { margin-top: 1px; }
.mt2 { margin-top: 2px; }
.mt3 { margin-top: 3px; }
.mt4 { margin-top: 4px; }
.mt5 { margin-top: 5px; }
.mt6 { margin-top: 6px; }
.mt7 { margin-top: 7px; }
.mt8 { margin-top: 8px; }
.mt9 { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt11 { margin-top: 11px; }
.mt12 { margin-top: 12px; }
.mt13 { margin-top: 13px; }
.mt14 { margin-top: 14px; }
.mt15 { margin-top: 15px; }
.mt16 { margin-top: 16px; }
.mt17 { margin-top: 17px; }
.mt18 { margin-top: 18px; }
.mt19 { margin-top: 19px; }
.mt20 { margin-top: 20px; }

/* marin-left */
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
.ml3 { margin-left: 3px; }
.ml4 { margin-left: 4px; }
.ml5 { margin-left: 5px; }
.ml6 { margin-left: 6px; }
.ml7 { margin-left: 7px; }
.ml8 { margin-left: 8px; }
.ml9 { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml11 { margin-left: 11px; }
.ml12 { margin-left: 12px; }
.ml13 { margin-left: 13px; }
.ml14 { margin-left: 14px; }
.ml15 { margin-left: 15px; }
.ml16 { margin-left: 16px; }
.ml17 { margin-left: 17px; }
.ml18 { margin-left: 18px; }
.ml19 { margin-left: 19px; }
.ml20 { margin-left: 20px; }

/* marin-right */
.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr3 { margin-right: 3px; }
.mr4 { margin-right: 4px; }
.mr5 { margin-right: 5px; }
.mr6 { margin-right: 6px; }
.mr7 { margin-right: 7px; }
.mr8 { margin-right: 8px; }
.mr9 { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr11 { margin-right: 11px; }
.mr12 { margin-right: 12px; }
.mr13 { margin-right: 13px; }
.mr14 { margin-right: 14px; }
.mr15 { margin-right: 15px; }
.mr16 { margin-right: 16px; }
.mr17 { margin-right: 17px; }
.mr18 { margin-right: 18px; }
.mr19 { margin-right: 19px; }
.mr20 { margin-right: 20px; }

/* marin-bottom */
.mb1 { margin-bottom: 1px; }
.mb2 { margin-bottom: 2px; }
.mb3 { margin-bottom: 3px; }
.mb4 { margin-bottom: 4px; }
.mb5 { margin-bottom: 5px; }
.mb6 { margin-bottom: 6px; }
.mb7 { margin-bottom: 7px; }
.mb8 { margin-bottom: 8px; }
.mb9 { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb11 { margin-bottom: 11px; }
.mb12 { margin-bottom: 12px; }
.mb13 { margin-bottom: 13px; }
.mb14 { margin-bottom: 14px; }
.mb15 { margin-bottom: 15px; }
.mb16 { margin-bottom: 16px; }
.mb17 { margin-bottom: 17px; }
.mb18 { margin-bottom: 18px; }
.mb19 { margin-bottom: 19px; }
.mb20 { margin-bottom: 20px; }

/* padding-top */
.pt1 { padding-top: 1px; }
.pt2 { padding-top: 2px; }
.pt3 { padding-top: 3px; }
.pt4 { padding-top: 4px; }
.pt5 { padding-top: 5px; }
.pt6 { padding-top: 6px; }
.pt7 { padding-top: 7px; }
.pt8 { padding-top: 8px; }
.pt9 { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt11 { padding-top: 11px; }
.pt12 { padding-top: 12px; }
.pt13 { padding-top: 13px; }
.pt14 { padding-top: 14px; }
.pt15 { padding-top: 15px; }
.pt16 { padding-top: 16px; }
.pt17 { padding-top: 17px; }
.pt18 { padding-top: 18px; }
.pt19 { padding-top: 19px; }
.pt20 { padding-top: 20px; }
.pt21 { padding-top: 21px; }
.pt22 { padding-top: 22px; }
.pt23 { padding-top: 23px; }
.pt24 { padding-top: 24px; }
.pt25 { padding-top: 25px; }

/* padding-left */
.pl1 { padding-left: 1px; }
.pl2 { padding-left: 2px; }
.pl3 { padding-left: 3px; }
.pl4 { padding-left: 4px; }
.pl5 { padding-left: 5px; }
.pl6 { padding-left: 6px; }
.pl7 { padding-left: 7px; }
.pl8 { padding-left: 8px; }
.pl9 { padding-left: 9px; }
.pl10 { padding-left: 10px; }
.pl11 { padding-left: 11px; }
.pl12 { padding-left: 12px; }
.pl13 { padding-left: 13px; }
.pl14 { padding-left: 14px; }
.pl15 { padding-left: 15px; }
.pl16 { padding-left: 16px; }
.pl17 { padding-left: 17px; }
.pl18 { padding-left: 18px; }
.pl19 { padding-left: 19px; }
.pl20 { padding-left: 20px; }
.pl21 { padding-left: 21px; }
.pl22 { padding-left: 22px; }
.pl23 { padding-left: 23px; }
.pl24 { padding-left: 24px; }
.pl25 { padding-left: 25px; }

/* padding-right */
.pr1 { padding-right: 1px; }
.pr2 { padding-right: 2px; }
.pr3 { padding-right: 3px; }
.pr4 { padding-right: 4px; }
.pr5 { padding-right: 5px; }
.pr6 { padding-right: 6px; }
.pr7 { padding-right: 7px; }
.pr8 { padding-right: 8px; }
.pr9 { padding-right: 9px; }
.pr10 { padding-right: 10px; }
.pr11 { padding-right: 11px; }
.pr12 { padding-right: 12px; }
.pr13 { padding-right: 13px; }
.pr14 { padding-right: 14px; }
.pr15 { padding-right: 15px; }
.pr16 { padding-right: 16px; }
.pr17 { padding-right: 17px; }
.pr18 { padding-right: 18px; }
.pr19 { padding-right: 19px; }
.pr20 { padding-right: 20px; }
.pr21 { padding-right: 21px; }
.pr22 { padding-right: 22px; }
.pr23 { padding-right: 23px; }
.pr24 { padding-right: 24px; }
.pr25 { padding-right: 25px; }

/* padding-bottom */
.pb1 { padding-bottom: 1px; }
.pb2 { padding-bottom: 2px; }
.pb3 { padding-bottom: 3px; }
.pb4 { padding-bottom: 4px; }
.pb5 { padding-bottom: 5px; }
.pb6 { padding-bottom: 6px; }
.pb7 { padding-bottom: 7px; }
.pb8 { padding-bottom: 8px; }
.pb9 { padding-bottom: 9px; }
.pb10 { padding-bottom: 10px; }
.pb11 { padding-bottom: 11px; }
.pb12 { padding-bottom: 12px; }
.pb13 { padding-bottom: 13px; }
.pb14 { padding-bottom: 14px; }
.pb15 { padding-bottom: 15px; }
.pb16 { padding-bottom: 16px; }
.pb17 { padding-bottom: 17px; }
.pb18 { padding-bottom: 18px; }
.pb19 { padding-bottom: 19px; }
.pb20 { padding-bottom: 20px; }
.pb21 { padding-bottom: 21px; }
.pb22 { padding-bottom: 22px; }
.pb23 { padding-bottom: 23px; }
.pb24 { padding-bottom: 24px; }
.pb25 { padding-bottom: 25px; }


/* floates */
.floatL {
	float: left;
}
.floatR {
	float: right;
}