/*
	image-kampagne.de

history:
2009-06-03, cw, created

Farbtöne:
	Blau: #178fcb (vormals #efefef;, background allgemein)
	Rot: #dd004f (vormals: #f60, background Text)
	Weiss: #fffeff (Textfarbe)
	Schwarz: #1a181b (Background kleine Texte)

Anpassen:
	#menuBox
	.spezMenu
	#searchBox

/images/mhHeader_hgr.jpg
/images/mhHeader_hgr.jpg
/images/hgr_main.gif
/images/bullet_navigation.gif
/images/bullet_navigation_aktiv.gif
/images/bullet_metanavigation.gif
/images/bullet_login.gif
/images/bullet_wKorb.gif

*/

*
{
	margin: 0;
	padding: 0;
}
html
{
	height: 100%;
}
body
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background: #e0e0e0;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	height: 100%;
}

/*
	Allgemeine Styles 	
*/
img
{
	border: 0;
}
.imgLeft
{
	float: left;
	margin: 4px 10px 2px 0;
}
.imgRight
{
	float: right;
	margin: 4px 0 2px 10px;
}

table
{
	border: 0;
}
td, th
{
	font-size: 11px;
}

h1, h2
{
	font-size: 14px;
	color: #666666;
	font-weight: bold;
	letter-spacing: 0.2em;
}
h3
{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 0 5px 0;
}
h1
{
	margin-bottom: 1.5em;
}

p
{
	line-height: 1.9em;
	margin: 0 0 5px 0;
}
form
{
	font-size: 10px;
}

a
{
	color: #000;
	text-decoration: none;
}
a:hover, a.underline
{
	text-decoration: underline;
}
a.download
{
	padding: 2px 2px 2px 0px;
}
a.pdf
{
	background: transparent url(/imggen/media_pdf.gif) no-repeat;
}
a.ppt
{
	background: transparent url(/imggen/media_ppt.gif) no-repeat;
}
a.txt
{
	background: transparent url(/imggen/media_txt.gif) no-repeat;
}
a.doc
{
	background: transparent url(/imggen/media_doc.gif) no-repeat;
}
a.xls
{
	background: transparent url(/imggen/media_xls.gif) no-repeat;
}
a.zip
{
	background: transparent url(/imggen/media_zip.gif) no-repeat;
}
a.swf
{
	background: transparent url(/imggen/media_swf.gif) no-repeat;
}
a.mov
{
	background: transparent url(/imggen/media_mov.gif) no-repeat;
}
a.mp3
{
	background: transparent url(/imggen/media_mp3.gif) no-repeat;
}

.textRight, .right /* für td-Elemente */
{
	text-align: right;
}

#pageHolder
{
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 782px;
	background: #fff url(/include/config/ik2_hgr_main.gif) repeat-y;
	min-height: 100%;
	border-right: solid 1px #178fcb;
	border-left: solid 1px #178fcb;
}

/* Header */
#header
{
	padding: 0;
	margin: 0;
	height: 142px;
	background: #fff url(/include/config/ikHeader_hgr.jpg) no-repeat;
}

/* Menue */
#menuBox
{
	padding: 50px 0 0 0;
	/* background-color: #178fcb; */
	background-image: urll(/include/config/ik_hgr_main.gif) no-repeat;
	width: 200px;
	height: 90%;
	float: left;
	min-height: 90px;
}
#menuBox ul
{
	list-style: none;
}

#headerMenu a
{
	text-decoration: none;
	font-family: Courier;
	color: White;
}
/* Menülisten */
div.menu, div.spezMenu
{
	padding: 10px 0 10px 18px;
}

div.menu, div.menu a
{
	color: #000;
}
div.menu li, div.spezMenu li
{
	background: transparent url(/images/bullet_navigation.gif) no-repeat 0 7px;
	padding: 2px 0 2px 12px;
}
div.menu li.active
{
	background: transparent url(/images/bullet_navigation_aktiv.gif) no-repeat 0 7px;
}
div.menu a, div.spezMenu a
{
	text-decoration: none;
	color: White;
}
div.menu a:hover, div.spezMenu a:hover
{
	text-decoration: underline;
}

/* roter Hintergrund */
div.spezMenu
{
	background-color: #dd004f;
	padding: 10px 0 10px 18px;
}
div.spezMenu, div.spezMenu a
{
	color: #fff;
}
div.spezMenu li
{
	background: transparent url(/images/bullet_metanavigation.gif) no-repeat 0 7px;
}

.spezList
{
	margin-bottom: 10px;
}

#loginLink
{
	background: transparent url(/images/bullet_login.gif) no-repeat 0 4px;
}
#wKorbLink
{
	background: transparent url(/images/bullet_wKorb.gif) no-repeat 0 4px;
	font-weight: bold;
}

/* Suchfeld */
#searchBox
{
	background: #dd004f;
	padding-left: 18px;
	padding-top: 10px;
}

#labelSearch
{
	display: block;
	color: #fff;
	font-size: 11px;
}
#txtSearch
{
	height: 15px;
	width: 120px;
}
#lblSearch
{
	position: relative;
	top: 2px;
}



/*
	Kontext
*/
#content
{
	color: Black;
	width: 380px;
	float: left;
	padding-left: 10px;
}

#content ul
{
	margin: 1em 2.6em;
}

#content h2 {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 0 5px 0;	
}

#content h3 {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 0 5px 0;	
}

#content h4 {
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin: 0 0 5px 0;	
}


/* Pfadnavigation */
.breadCrumb
{
	font-size: 10px;
	color: #666;
	height: 62px;
}
.breadCrumb a
{
	color: #666;
}


/* Shop */
#subNav
{
	clear: both;
	margin: 2em 0;
}

/* Artikel */

a.button
{
	font-size: 0.9em;
	font-weight: normal;
	color: #fff;
	line-height: 1em;
	display: block;
	text-decoration: none;
	padding: 0.2em;
	border: solid 1px #666666;
	background-color: #dd004f;
	border-color: #178fcb #666666 #666666 #178fcb;
}
a:hover.button
{
	/*border-color: #666666 #178fcb #178fcb #666666; 		padding: 0.2em 0.1em 0.2em 0.3em;*/
	text-decoration: none;
}

/* Artikelliste */

.shopItem
{
	float: left;
	width: 100%;
	padding-bottom: 2em;
	line-height: 1.4em;
	margin-bottom: 20px;
	clear:both;	
}
span.newShopItem
{
	display: block;
	color: #dd004f;
	font-size: 10px;
}
span.shopItemRub
{
	color: #666;
	font-size: 10px;
}
.shopItem h3
{
	font-size: 11px;
	color: #666666;
}
.itemOpt
{
	margin-top: 0.5em;
}
.itemOptMore
{
	/* float: left; */
	padding-right: 1em;
	
}
.itemOptOrder
{
	float: left; 
	padding-top: 10px;
	
}
.itemOptOrder img
{
	position: relative;
	top: 8px;
}
.itemOptExtOrder
{
	clear: right;
}

/* Artikeldetail */
#artTextBlock
{
	float: left;
	width: 100%;
}

.imgArtikel
{
	float: left;
	margin: 3px 10px 5px 5px;
	border: solid 1px #999;
}


/* zurück zur Liste */
a.linkBack
{
	margin-top: 3em;
	width: 110px;
	padding-left: 20px;
	background: #dd004f url(/images/btn_back_dbl_hgr.gif) no-repeat 0.5em 0.4em;
}
a:hover.linkBack
{
	/*padding-left: 21px; 		background-position:  0.6em 0.4em;*/
}

/* in Warenkorb legen */
a.linkBasket
{
	width: 110px;
	padding-left: 20px;
	background: #dd004f url(/images/btn_wKorb_hgr.gif) no-repeat 0.5em 0.4em;
}
a:hover.linkBasket
{
	/*padding-left: 21px; 		background-position:  0.6em 0.4em;*/
}


/* --- A bis Z --- */

#lblIndexAbisZBox
{
	margin-bottom: 1.5em;
}
#lblIndexAbisZ
{
	background: #178fcb;
	padding: 2px;
	line-height: 1.2em;
}
#lblIndexAbisZ a
{
	border: solid 1px #666;
	border-color: #178fcb #666 #666 #178fcb;
	background: #dd004f;
	padding: 0.1em 0.4em;
	text-decoration: none;
	font-weight: bold;
	color: #fff;
}
#lblIndexAbisZ a:hover
{
	border-color: #666 #178fcb #178fcb #666;
}
#lblIndexAbisZ span
{
	padding: 0 0.4em;
}
#lblIndexAbisZ span.active
{
	font-weight: bold;
	padding: 0.1em 0.4em;
	border: solid 1px #666;
	border-color: #fff #666 #666 #fff;
	color: #dd004f;
}


/*
	Kontext
*/

.context
{
	padding: 0;
	padding-top: 62px;
	background-color: #fff;
	color: Black;
	width: 178px;
	height: 90%;
	float: right;
	min-height: 90px;
}
.context .contextItem
{
	text-align: center;
	float: left;
	margin-bottom: 10px;
}

.context h2
{
	font-size: 11px;
	font-weight: bold;
	color: #dd004f;
	line-height: 17px;
	border-bottom: 1px dotted #cccccc;
	border-top: 1px dotted #cccccc;
	padding: 5px 1px;
	text-align: left;
}


.context .contextItem p
{
	text-align: left;
	padding: 10px 2px;
}
.context .contextItem p a
{
	float: right;
}

/*
	Footer
*/

#footer
{
	clear: both;
	padding-left: 210px;
	padding-right: 10px;
	text-align: right;
	margin-top:20px;
}

#pwByWebtop
{
	color: #666;
	font-size: 10px;
}

/*
	Formulare Bestellprozess
*/


th
{
	text-align: left;
	background: #178fcb;
	color: #fff; /* #7C7C7C;*/
	padding-left: 1em;
}
td
{
	padding: 2px 0 2px 10px;
	vertical-align: top;
}


input.textField, textarea
{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	border: solid 1px #666;
}

/* --- Login --- */
.formSet
{
	float: left;
	width: 100%;
	margin-bottom: 0.5em;
}
.formSet label
{
	float: left;
	font-size: 11px;
	width: 100px;
}
.formSet input
{
	width: 140px;
}

/* --- Warenkorb --- */

#tab_wKorb, #orderListWkorb
{
	width: 98%;
	border-collapse: collapse;
	border: none;
}

#tab_wKorb th, #orderListWkorb tr.wkorb th
{
	color: #7C7C7C;
	background: transparent;
}

#tab_wKorb td, #orderListWkorb td
{
	padding: 2px 0 2px 10px;
}


/* --- Rechnungs- und Lieferanschrift --- */

#orderAdress, #orderZahlung, #orderListWkorb
{
	width: 100%;
}

#bankeinzug, #kreditkarte
{
	width: 100%;
	display: none;
	background: #178fcb;
}


/* --- Bestellung abschicken --- */

/*Anschrift ändern*/
a.linkChangeAddress, a.linkChangeArticle, a.linkChangePayment
{
	width: 110px;
	padding-left: 20px;
	background: #dd004f url(/images/btn_back_dbl_hgr.gif) no-repeat 0.5em 0.4em;
}
a:hover.linkChangeAddress, a:hover.linkChangeArticle, a:hover.linkChangePayment
{
	/*padding-left: 21px; 		background-position:  0.6em 0.4em;*/
}

.tdSpacer, .tdSpacer0
{
	height: 19px;
	background: transparent url(/images/hgr_tdSpacer.gif) repeat-x center;
}
.tdSpacer0
{
	height: 3px;
}
div.tdSpacer, div.tdSpacer0
{
	float: left;
	width: 100%;
}
/* Bild zum Artikel in Artikel-Liste */
.imgArticleMini
{
	float:left;
	margin-right:20px;
}