/* Facebook LikeBox auf Startseite */
.startContainer
{
    overflow: hidden; 
    height: auto;
}

.startFaceBookLikeBox
{
    float: right; 
    width: 296px; 
    margin-left: -300px; 
}

.startContent
{
    margin-right: 300px; 
}

/* Formmasken */
div.divcoloredback
{
    background-color: Transparent;
}

div.contentintrocolumn
{
    width: 190px;
    padding: 5px;
    float: left;
    background-color: #fff;
}

div.contentformcolumn
{
    width: 440px;
    padding: 5px;
    margin-left: 10px;
    float: left;
    background-color: #fff;
}

/* Checkout */
div.checkoutNavContainer
{
    width: 660px;
}
div.checkoutNavLeft
{
    background-color: #e8e8e8;
    border: solid 1px #ccc;
}
div.checkoutNavRight
{
}
div.checkoutNavElement
{
    float: left;
    padding: 5px 5px 5px 5px;
    border-right: solid 1px #ccc;
    font-size: 8pt;
    color: #666;
    font-family: Verdana;
}
div.checkoutNavButton
{
    float: right;
    width: 100px;
    margin: 2px 0px 0px 2px;
    padding: 2px 5px 2px 5px;
    border: solid 1px #bbb;
    background-color: #ccc;
    text-align: center;
}
a.checkoutNavButton:link, a.checkoutNavButton:visited, a.checkoutNavButton:active
{
    color: #000;
    text-decoration: none;
}
a.checkoutNavButton:hover
{
    text-decoration: underline;
}

/* Suche */
a.searchlink
{
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

a.searchlink:hover
{
    font-weight: bold;
    color: #000;
    text-decoration: underline;
}

/* Kategorien */
div.listHeader
{
    background-image: url('../Images/Icons/tabHeader.gif');
    height: 20px;
    padding-top: 5px;
    background-repeat: repeat-x;
    text-align: center;
    border-left: solid 1px #ccc;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    color: #777;
    font-size: 8pt;
    font-weight: bold;
}

a.listHeader, a.listHeader:visited, a.listHeader:active
{
    color: #fff;
    text-decoration: none;
}
a.listHeader:hover
{
    color: #fff;
    text-decoration: underline;
}

div.listBody
{
    border: solid 1px #ccc;
}

.categoryElement
{
    border-bottom: solid 1px #ccc;
}

/* Kategorien DetailTyp 3*/
table.categorygridtable {
	width: 660px;
}
td.categorygridtd 
{
    width: 200px;
	background-color: #eeeeee;
	border: 1px solid #ffffff;
	padding: 10px;
}
td.categorygridtdempty {
	background-color: Transparent;
	border: none;
	padding: 10px;
}
.categoryheading
{
    padding: 0px;
    color: #ccc;
    text-decoration: none;
    min-height: 40px;
}
.categoryheading a
{
    color: #ccc;
    text-decoration: none;
}
.categoryheading a:hover
{
    color: #cc0000;
    text-decoration: none;
}

div.categorygridimage {
	border: 1px solid #666666;
	text-align: center;
}

div.categorygriddescription {
	font-size: 80%;
}

div.categorygridlink 
{
    float: right;
    margin-top: 10px; 
	font-size: 90%;
}

div.categorygridlink a
{
    color: #000000;
    text-decoration: none;
}
div.categorygridlink a:hover
{
    color: #cc0000;
    text-decoration: none;
}

/* Kategorie Galerie Kategorytyp 3 */
td.categorygallery3
{ 
    background-color: #eeeeee;
	border: 1px solid #ffffff;
	padding: 10px;    
    text-align: center;
}

.categoryimage
{
    border: solid 1px #666666;
    margin: 0px 5px 0px 5px;
    min-height: 166px;
    text-align: center;
}

div.categorygallerytitle3
{
    padding: 5px;
    color: #ccc;
    text-decoration: none;
}

/* Kategorie Galerie Kategorytyp 4 */
td.categorygallery4
{ 
	border: 1px solid #e8e8e8;
	padding: 2px;    
    text-align: center;
}

.categoryimage4
{
    /*border: solid 1px #666666;*/
    margin: 0px 2px 0px 2px;
    /*min-height: 166px;*/
    text-align: center;
}

/* Produkte */
/* ============ Ab hier Content-Bereich Produkt Detailtyp 2=============   */

#contentlayout
{
    border: 1px solid #aaaaaa;
    width: 650px;
    border-spacing: 0px;
}

#contentlayout a
{
    color: #000099;
    text-decoration: none;
}
#contentlayout a:hover
{
    color: #ff0000;
    text-decoration: none;
}

#objectgallery
{
    background-color: #cccccc;
}

div.horizontalgallery
{
    width: 650px; /* erzwingt Scollbalken */
    overflow: auto;
    white-space: nowrap;
    padding: 4px;
    vertical-align: top;
}

.objectgallerypic
{
    border: 1px solid #999999;
    margin: 0px 3px 0px 3px;
}

#contentcolumnleft
{
    float: left; /* background-color: #eeeeee; */
    color: #444444;
    width: 430px;
    vertical-align: top;
    padding: 10px;
    margin: 0px;
}
#contentcolumnleft h1, h2, h3, h4, h5, h6
{
    color: #666666;
    margin-top: 1em;
    margin-bottom: 0.25em;
}

#contentcolumnright
{
    float: right;
    background-color: #e8e8e8;
    width: 180px;
    vertical-align: top;
    padding: 0px;
    border-left: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
}

.columnrightheading
{
    background-color: #bbbbbb;
    color: #ffffff;
    padding: 4px;
    margin: 0px;
}
.columnrighttext
{
    background-color: #e8e8e8;
    padding: 4px;
    color: #444444;
    font-size: 90%;
}
.columnleftseparator
{
    padding-top: 10px;
    border-bottom: 1px solid #cccccc;
}

/* ============ Ab hier Content-Bereich Produkt Detailtyp 3=============   */

#contentlayout3
{
    width: 686px;
}

div.horizontalgallery3
{
    width: 450px;
    padding: 0px;
}

.objectgallerypic3
{
    padding-bottom: 25px;
    margin: 0px;
}

#contentcolumnleft3
{
    float: left;
    background-color: #fff;
    width: 200px;
    vertical-align: top;
}

.columnleftheading3
{
    background-color: #bbbbbb;
    color: #ffffff;
    padding: 4px;
    margin: 0px;
}
.columnlefttext3
{
    background-color: #e8e8e8;
    padding: 4px;
    color: #444444;
    font-size: 90%;
}

.columnleftseparator3
{
    font-size: 0pt;
    height: 16px;
    width: 200px;
}

#contentcolumnright3
{
    float: right;
    background-color: #fff;
    color: #444444;
    width: 450px;
    vertical-align: top;
    padding: 10px;
    margin: 0px;
}

#contentcolumnright3 h1, h2, h3, h4, h5, h6
{
    color: #666666;
    margin-top: 1em;
    margin-bottom: 0.25em;
}

/* Newsbereich */
.newsadminlabel
{
    font-size: 8pt;
    font-family: Verdana;
    width: 150px;
    margin-bottom: 3px;
    vertical-align: top;
    background-color: #f5f5f5;
    text-align: left;
}

.newsadminitem
{
    width: 650px;
    margin-bottom: 3px;
    background-color: #fff;
    text-align: left;
}

.newsAdminSign
{
    border: dashed 1px #888;
}

.newsAdminTable
{
    width: 100%;
    border-bottom: dashed 1px #888;
}

.newsImageTD
{
    width: 100%;
    padding-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.newsTextTD
{
    width: 100%;
    padding-left: 10px;
    padding-bottom: 10px;
    border-bottom: dashed 1px #ccc;
}

.newsSeperator
{
    height: 10px;
}

/* Preisdarstellungen */
.pricetitle
{
    font-size: 8pt;
    font-weight: bold;
    color: #000;
}
.pricelabel
{
    font-size: 8pt;
    font-weight: bold;
    color: #000;
}
.priceinfo
{
    font-size: 8pt;
    font-weight: normal;
    color: #000;
}
.price, .retailprice, .rabattPreis, .rabattOurprice
{
    font-size: 8pt;
    font-weight: bold;
    color: #000;
}
.retailprice
{
    text-decoration: line-through;
}
.rabattPreis
{
    color: #339900;
}
.rabattOurprice
{
    color: #b22222;
    text-decoration: line-through;
}

.rabattText
{
    font-size: 10pt;
    font-weight: normal;
    color: #339900;
}

/* Kalkulatoren */
table.mainKalkulatorTable
{
    margin-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 400px;
    border: solid 1px #ccc;
}

/* Standardmaske farbige Labels */

div.addressRow
{
    float: left;
    width: 380px;
}

div.addressLabel
{
    float: left;
    width: 100px;
    font-size: 8pt;
    color: #666;
    font-family: Verdana;
}

div.addressInput
{
    float: right;
    width: 260px;
}

div.contentTableDivWrapper
{
    width: 622px;
    margin-top: 10px;
    border: 1px solid #ccc;
}
div.contentTableDivWrapperHeader
{
    width: 612px;
    padding: 5px;
    background-color: #eee;
    border-bottom: solid 1px #ccc;
}

div.contentTableDiv
{
    width: 600px;
    margin-top: 1em;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    text-align: center;
}
div.contentTableRowDiv
{
    width: 600px;
    border-bottom: solid 1px #ccc;
}

a.contentTableDiv:link, a.contentTableDiv:visited, a.contentTableDiv:active
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
}
a.contentTableDiv:hover
{
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}

div.contentHeaderDiv
{
    width: 100%;
    text-align: center;
    background-color: #ccc;
    color: #003399;
    padding: 5px 0px 5px 0px;
}

div.contentColoredLabelDiv
{
    float: left;
    width: 145px;
    height: 25px;
    padding: 3px 0px 0px 5px;
    vertical-align: top;
    background-color: #efefef;
    color: #000;
    text-align: left;
    font-size: 0.8em;
}

div.contentColoredItemDiv
{
    float: right;
    padding-top: 3px;
    width: 440px;
    text-align: left;
    font-size: 0.8em;
}

/* Content Tables z.B. Umkreissuche */
.contenttable {
	border:				1px solid #cccccc;
	margin-bottom:			16px;
}
.contentth {
	background-color:		#dddddd;
	text-align:			left;
}
.contentthheading {
	padding:				0px;
	margin:				2px;
}
.contenttdheading 
{
    border-bottom: solid 1px #000;
    padding: 3px 6px 3px 6px;
    margin: 2px 0px 2px 0px;   
}
.contenttd {
	color:					#666666;
	background-color:		#e8e8e8;
	padding:				2px 6px 2px 6px;
}
.contenttdlight {
	color:					#666666;
	background-color:		#ebebeb;
	padding:				2px 6px 2px 6px;
}
.contenttddark {
	color:					#666666;
	background-color:		#e4e4e4;
	padding:				2px 6px 2px 6px;
}
.contenttr {
	border-bottom:		1px solid #ff0000;
}

.imgicon {
	border:				1px solid #999999;
}

/* Anfang CSS Tiled ListView */
.itemStyle, .altItemStyle, .selItemStyle, .altSelItemStyle, .adressenItemStyle
{
    border-style: solid;
    border-width: 1px;
    border-color: #ccc #333333 #333333 #ccc;
    float: left;
    display: block;
    width: 130px;
    padding: 4px;
    font-size: 9px;
    overflow: visible;
    height: 120px;
    margin: 5px;
    text-align: center;
}

.adressenItemStyle
{
    width: 160px;
}

.emptyAdressenItemStyle
{
    border: none;
}

.altItemStyle
{
    background-color: #eee;
}

.selItemStyle
{
    width: 115px;
}

.altSelItemStyle
{
    width: 115px;
    background-color: #eee;
}

.emptyItemStyle
{
    border: none;
}

.emptySelItemStyle
{
    width: 115px;
    border: none;
}


.groupSeperator
{
    clear: left;
    margin-bottom: 1px;
}

.layoutRegion
{
    background-color: White;
}

.photoHeading
{
    font-size: large;
    font-weight: bold;
}

/* Ende CSS Tiled ListView */

/* Anfang Rounded Corners mit Schatten */
.roundcornerLO
{
    width: 25px;
    height: 25px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(../Images/Icons/rc/shadowLO.png);
}
.roundcornerO
{
    height: 25px;
    float: right;
    background-repeat: repeat-x;
    background-image: url(../Images/Icons/rc/shadowO.png);
}
.roundcornerRO
{
    width: 25px;
    height: 25px;
    float: right;
    background-repeat: no-repeat;
    background-image: url(../Images/Icons/rc/shadowRO.png);
}

.roundcornerL
{
    width: 25px;
    float: left;
    background-repeat: repeat-y;
    background-image: url(../Images/Icons/rc/shadowL.png);
}
.roundcornerM
{
    float: right;
    background-color: #fff;
}
.roundcornerR
{
    width: 25px;
    float: right;
    background-repeat: repeat-y;
    background-image: url(../Images/Icons/rc/shadowR.png);
}

.roundcornerLU
{
    width: 25px;
    height: 25px;
    float: left;
    background-repeat: no-repeat;
    background-image: url(../Images/Icons/rc/shadowLU.png);
}
.roundcornerU
{
    height: 25px;
    float: right;
    background-repeat: repeat-x;
    background-image: url(../Images/Icons/rc/shadowU.png);
}
.roundcornerRU
{
    width: 25px;
    height: 25px;
    float: right;
    background-repeat: no-repeat;
    background-image: url(../Images/Icons/rc/shadowRU.png);
}
/* Ende Rounded Corners mit Schatten */

/* BreadCrumb */
#breadcrumbdiv
{
    font-size: 8pt;     
    color: #666;
    font-family: Verdana;  
    margin: 0em 0em 1em 0em;
}

#breadcrumbdiv div.breadcrumbpfeil
{
    width: 4px;
    height: 7px;
    background-repeat: no-repeat;
    background-image: url(../Images/Icons/arrow-right.gif);
}

/* Sitemap */
#sitemap
{
    margin-top: 25px;
    margin-bottom: 25px;
}

#sitemap div.siteMapContainer0
{
    padding-left: 20px;     
}

#sitemap ul.siteMap0
{
    display: block;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

#sitemap a.siteMap0
{
    color: #333333;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 0px 5px 10px;
}

#sitemap a.siteMap0:hover
{
    color: #ccc;
    background-color: #333;
    font-weight: bold;
    text-decoration: none;
}

/* SiteMap erste Unterebene */
#sitemap div.siteMapContainer1
{
    padding-left: 20px;
}

#sitemap ul.siteMap1
{
    font-size: 100%;
    list-style-type: none;
    padding-left: 0px;
    margin-left: 0px;
}
#sitemap a.siteMap1
{
    color: #333333;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding: 5px 0px 5px 25px;    
}
#sitemap a.siteMap1:hover
{
    color: #ccc;
    background-color: #333;
    font-weight: bold;
    text-decoration: none;
}