/***********************************************/
/* indole.design.css                         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Tahoma, Trebuchet MS, Arial, Verdana, Lucida Grande;
	color: #000000;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	background-color: #F7C631;
}

a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

a:hover{
	color: #555555;
	text-decoration: none;
}

#label a:hover {
	color: #FFDE84;
}

.itemize a.menu1:hover {
	color: #F7C631;
}

.itemize_deactivated a.menu1:hover {
	color: #F7C631;
}

h1 {
	font-size: 160%;
	font-weight: bold;
	color: #000000;
	margin: 0px;
	padding: 9px 0px 12px 0px;
	text-align: center;
}

h2 {font-size: 130%;font-weight: bold;color: #000000;margin: 0;padding: 6px 0px 2px 0px;}

h3 {font-size: 120%;font-weight: bold;color: #333333;margin: 0px;padding: 3px 0px 6px 0px;}

h4 {font-size: 105%;font-weight: bold;color: #666666;margin: 0px;padding: 3px 0px 6px 0px;}

h5 {font-size: 105%;font-weight: bold;color: #000066;margin: 0px;padding: 3px 0px 6px 0px;}

h6 {font-size: 105%;font-weight: bold;color: #990000;margin: 0px;padding: 3px 0px 6px 0px;}

#quicknews h2 { font-size: 90%; }

#quicknews_deactivated h2 { font-size: 90%; }

ul {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	list-style-position: outside;
	list-style-type: square;
}

ul ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 6px;
	list-style-position: inside;
	list-style-type: none;
	list-style-image: url(../frontend/pics/layout/ecke_666666.gif);
}

ul ul ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 12px 12px;
	list-style-image: url(../frontend/pics/layout/ecke_ff9900.gif);
	list-style-position: inside;
}

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

img {
	border: 0;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#master{
	width: 950px;
	height: auto;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	clear: both;
}


#masterhead{
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 0px solid #cccccc;
}

#masterbody{
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	clear: none;
	background-image: url(../frontend/pics/ci/ecke_long.gif);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}

#masterleft{
	width: 800px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#masterright{
	width: 180px;
	float: right;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	clear: right;
	border-left: 1px solid #C8E0CD;
}

#logo{
	padding: 0px;
	width: 100%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	clear: both;
	float: none;
}

.logo img{
	padding: 0px;
	margin: 0px 0px -10px 0px;
}

#navBar{
	width: 280px;
	padding: 0px;
	margin: 0px;
	float: left;
	height: auto;
}

.navBar pic{
	padding: 0px;
	margin: 0px;
}

.globalpic{
	margin: 0px;
	padding: 0px -10px 0px -10px;
	height:160px;
	width: 100%;
}


#content_start{
	float: left;
	width: 100%;
	text-align: left;
	color: #333333;
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.content_start p{
	padding: 6px 6px 6px 6px;
	margin: 0px;
}


#content{
	float: left;
	text-align: left;
	clear: none;
	width: 650px;
	margin-top: 47px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.content p{
	padding: 3px 0px 6px 0px;
	margin: 0px;
}

#content_0{
	float: left;
	width: 776px;
	text-align: left;
	color: #333333;
	clear: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 12px 0px 12px;
}

.content_0 p{
	padding: 3px 0px 6px 0px;
	margin: 0px;
}

#content_shop{
	width: 550px;
	text-align: left;
	color: #333333;
	margin: 0px 0px 0px 0px;
	float: left;
	padding: 0px 12px 0px 12px;
	clear: none;
}

.content_shop p{
	padding: 3px 0px 6px 0px;
	margin: 0px;
}

.content_shop form{
	padding: 0px;
	margin: 0px;
}


#content_print{
	float: left;
	width: 95%;
	text-align: left;
	color: #333333;
	clear: none;
	margin: 0px 0px 0px 20px;
}

content_print p{
	padding: 3px 0px 6px 0px;
	margin: 0px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#menu_shop {
	font-size: 100%;
	width: 100%;
	padding: 0px 0px 0px 0px;
	color: #333333;
	margin: 9px 0px 24px 0px;
	clear: both;
	text-align: left;
	border-bottom: 1px solid #cccccc;
}

.menu_shop p{
	padding: 3px 0px 1px 0px;
	margin: 0px;
}


a.menu_shop1{
	color:#990000;
	display: block;
	padding: 6px 0px 6px 0px;
	font-weight: bold;
	font-size: 110%;
	border-top: 1px solid #cccccc;
}

a.menu_shop1:hover{color:#000000;}

a.menu_shop2{
	color:#000000;
	display: block;
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	font-size: 100%;
	border-top: 0px dotted #C8E0CD;
}

a.menu_shop2:hover{color:#666666;}

a.menu_shop3{
	color:#666666;
	border-bottom: 0px solid #C8E0CD;
	display: block;
	padding: 3px 0px 3px 0px;
	font-weight: bold;
	font-size: 100%;
}

a.menu_shop3:hover{color:#CCCCCC;}

a.menu_shop4{
	color:#333333;
	border-bottom: 0px dotted #C8E0CD;
	display: block;
	padding: 2px 12px 2px 0px;
	font-size: 90%;
}

a.menu_shop4:hover{color:#cccccc;}

a.menu_shop5{
	color:#666666;
	border-bottom: 0px solid #C8E0CD;
	display: block;
	padding: 2px 12px 2px 0px;
	font-size: 90%;
}

a.menu_shop5:hover{color:#000000;}

/*************** #menu1 styles | Aktionsmenu **************/

#menu1{
	width: 100%;
	padding: 12px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	text-align: right;
	color: #FFDE84;
	font-size: 90%;
	clear: both;
}

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

a.menu1 {text-decoration:none;font-weight:normal;color:#000000;}

a.menu1:hover {color:#FFDE84;}

a.menu1_active {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

a.menu1_active:hover {
	color:#FFDE84;
}


/*************** #menu2 styles **************/

#menu2{
	font-size: 130%;
	text-align: left;
	padding: 0px 0px 12px 0px;
	color: #666666;
	margin: 0px 0px 6px 0px;
	clear: both;
	background-color: #000000;
}

.menu2 p{
	padding: 12px 0px 6px 0px;
	margin: 0px;
}

.menu2 a{
	text-decoration:none;
	font-weight:bold;
	color:#F7C631;
	display: block;
	margin: 0px;
	padding: 3px 6px 3px 24px;
}

.menu2 a:hover {color:#FFDE84;}

a.menu2_active {
	text-decoration:none;
	font-weight:bold;
	color:#F7C631;
	display: block;
	margin: 0px;
	padding: 3px 6px 3px 24px;
}

a.menu2_active:hover {
	color:#FFDE84;
}

.menu2 li {
	display: inline;
}

/*************** #menu3 styles **************/

#menu3{
	font-size: 100%;
	width: 100%;
	padding: 0px 0px 0px 0px;
	color: #999999;
	margin: 0px 0px 0px 0px;
	clear: both;
	border-right: 0px solid #cccccc;
}

.menu3 p{
	padding: 3px 0px 9px 0px;
	margin: 0px;
}

a.menu3 {
	text-decoration:none;
	font-weight:bold;
	color:#FFDE84;
	padding: 2px 6px 2px 36px;
	display: block;
	margin: 0px;
	font-size: 90%;
}

a.menu3:hover {
	color:#F7C631;
}

a.menu3_active {
	text-decoration:none;
	font-weight:bold;
	color:#FFDE84;
	padding: 2px 6px 2px 36px;
	display: block;
	margin: 0px;
	font-size: 90%;
}

a.menu3_active:hover {
	color:#F7C631;
}

/*************** #menu4 styles **************/

#menu4{
	font-size: 90%;
	color: #FFDE84;
	width: 100%;
	padding: 0px;
	margin: 5px 0px 0px 0px;
	clear: both;
	text-align: left;
	border-top: 0px solid #cccccc;
}

.menu4 p{
	padding: 6px 0px 6px 0px;
	margin: 0px;
}

a.menu4 {text-decoration:none;font-weight:normal;color:#000000;}

a.menu4:hover {color:#FFDE84}

a.menu4_active {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

a.menu4_active:hover {
	color:#FFDE84;
}

/*************** #pageName styles **************/

#pageName{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	clear: both;
	/*background-color: #FFDE84;*/
}

.pageName p{
	padding: 6px 0px 3px 20px;
	margin: 0px;
}

/************** .itemize styles *****************/

.itemize{
	padding: 12px 10px 12px 10px;
	margin: 0px 0px 0px 0px;
	float: none;
	clear: both;
	color: #333333;
	background-color: #FFDE84;
}

.itemize p{
	padding: 3px 0px 6px 0px;
	line-height: 1.3em;
	margin: 0px;
}

.itemize img{
	padding: 0px 0px 0px 0px;
	border: 0px solid #cccccc;
	margin: 0px 0px 0px 0px;
}

.itemize blockquote {
	padding: 3px 6px 3px 6px;
	line-height: 1.3em;
	margin: 6px 6px 6px 12px;
}

.itemize li {
	margin-bottom: 8px;
}

/************** .itemize_deactivated styles *****************/

.itemize_deactivated{
	padding: 12px 10px 12px 10px;
	margin: 0px 0px 0px 0px;
	float: none;
	clear: both;
	color: #333333;
	border: 2px solid #FF0000;
	height: auto;
}

.itemize_deactivated p{
	padding: 3px 0px 6px 0px;
	line-height: 1.3em;
	margin: 0px;
}

.itemize_deactivated img{
	padding: 0px 0px 0px 0px;
	border: 0px solid #cccccc;
	margin: 0px 0px 12px 0px;
}

.itemize_deactivated table{
	padding: 0px;
	font-size: 100%;
	margin: 12px 0px 9px 0px;
}

.itemize_deactivated th{
	text-align:left;
	background-color:#eeeeee;
	padding: 6px 9px 3px 0px;
	font-weight: bold;
	border-top: 1px solid #cccccc;
}

.itemize_deactivated td{
	padding: 3px 9px 3px 0px;
	border-top: 0px dotted #cccccc;
}

.itemize_deactivated tr{
	vertical-align: top;
}

.itemize_deactivated blockquote {
	padding: 3px 6px 3px 6px;
	line-height: 1.3em;
	margin: 6px 6px 6px 12px;
}

.itemize_deactivated a {
	color: #000000;
}

.itemize_deactivated a:hover {
	color: #555555;
}

/************** .comments styles *****************/

.comments {
	margin: 25px 0px 0px 0px;
}

/************** .pic styles *****************/

.pic_100_150 {
	width: 100px;
	height: 150px;
	float: left;
	clear: none;
	text-align: center;
	padding: 3px 3px 3px 3px;
	margin: 1px 1px 1px 1px;
}

/************** .gallery styles *****************/

.gallery{
	padding: 0px 0px 24px 0px;
	margin: 0px 0px 6px 0px;
	width: 100%;
	float: none;
	clear: both;
	border-bottom: 1px dotted #cccccc;
	color: #333333;
}

.gallery p{
	padding: 3px 0px 6px 0px;
	line-height: 1.3em;
	margin: 0px;
}

.gallery img{
	padding: 0px;
	margin: 0px 0px 12px 0px;
}

.gallery table{
	padding: 0px;
	font-size: 100%;
	margin: 6px 0px 9px 0px;
}

.gallery th{
	text-align:left;
	background-color:#eeeeee;
	padding: 6px 9px 3px 6px;
	font-weight: bold;
	border-top: 1px solid #cccccc;
}

.gallery td{
	padding: 3px 9px 3px 6px;
	border-top: 1px dotted #cccccc;
}

.gallery tr{
	vertical-align: top;
}

/************** .root styles *****************/

#root{
	padding: 0px;
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	width: 100%;
	clear: both;
	float: none;
	height: auto;
}

.root p{
	padding: 3px 0px 6px 0px;
	margin: 0px;
}

.root a{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}

/************* .quicknews styles ***************/

#quicknews{
	text-align: left;
	padding: 6px 12px 6px 12px;
	margin: 0px 0px 0px 0px;
	clear: both;
	background-color: #FFDE84;
	color: #333333;
}

.quicknews p{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.3em;
	font-size: 90%;
}

a.aqnhead{text-decoration:none;font-weight:bold;color:#000000;}

a.aqnhead:hover {color:#FF0000;}

a.aqncontent {font-weight:bold;color:#000000;}

a.aqncontent:hover {color:#F7C631;}

/************* .quicknews_deactivated styles ***************/

#quicknews_deactivated{
	text-align: left;
	padding: 6px 12px 6px 12px;
	margin: 0px 0px 0px 0px;
	clear: both;
	color: #333333;
	border: 2px solid #FF0000;
}

.quicknews_deactivated p{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.3em;
	font-size: 90%;
}

/************* #search styles ***************/

#search{
	padding: 24px 0px 24px 24px;
	font-size: 90%;
	margin: 6px 0px 0px 0px;
	height: auto;
	clear: both;
	border-bottom: 0px solid #cccccc;
	background-color: #FFDE84;
	text-align: left;
}

.search form{
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

.search label{
	display: block;
	margin: 0px;
	padding: 0px;
}

.search_result_marker {
	font-weight: bold;
}

/************* #language styles ***************/

#language{
	text-align: right;
	padding: 3px 0px 3px 0px;
	border-bottom: 0px solid #000000;
	margin: 0px;
	width: 840px;
	display: block;
}

a.language {
	color: #F76800;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 12px 3px 12px;
	background-color: #FFFFFF;
	clear: none;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

a.language:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CCCCCC;
}

a.language_passiv {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 12px 3px 12px;
	background-color: #CCCCCC;
	clear: none;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

a.language_passiv:hover{
	color: #F76800;
	text-decoration: none;
	background-color: #FFFFFF;
}


/************* #domain styles ***************/

#domain{
	text-align: left;
	padding: 3px 0px 3px 20px;
	margin: 0px 0px 0px 0px;
	width: auto;
	clear: none;
	float: left;
	font-size: 80%;
}

a.domain {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 12px 3px 12px;
	background-color: #999999;
	clear: none;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

a.domain:hover{
	color: #666666;
	text-decoration: none;
	background-color: #CCCCCC;
}

a.domain_passiv {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 12px 3px 12px;
	background-color: #f1f1f1;
	clear: none;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

a.domain_passiv:hover{
	color: #FFFFFF;
	text-decoration: none;
	background-color: #FF0000;
}


/************* #newsletter styles ***************/

#newsletter{
	padding: 6px 6px 6px 6px;
	font-size: 80%;
	width: 100%;
}

.newsletter p{
	padding: 0px 0px 0px 0px;
	line-height: 1.3em;
}

.newsletter form{margin: 0px;padding: 0px;}

/************* .artikel_liste styles **************/

#artikel_liste {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	width: 100%;
	text-align: left;
	height: auto;
	margin: 0px 0px 6px 0px;
	float: left;
	border: 1px solid #cccccc;
	clear: both;
	background-color: #FFFFFF;
}

.artikel_liste h1{
	padding: 3px 3px 3px 120px;
	clear: none;
	display: block;
	text-align: left;
	margin: 0px;
	font-size: 110%;
	color: #000000;
}

.artikel_liste h2{
	padding: 3px 20px 3px 120px;
	text-align: left;
	color: #990000;
}

.artikel_liste p{
	padding: 3px 3px 3px 120px;
	line-height: 1.3em;
	clear: none;
	margin: 0px;
	font-size: 90%;
}

.artikel_liste img{
	float: left;
	padding: 6px;
	clear: none;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}

.artikel_liste a {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
}

.artikel_liste a:hover{color: #FF0000;text-decoration: none;}

/************* .artikel_box styles **************/

#artikel_box {
	padding: 0px 0px 0px 0px;
	font-size: 100%;
	width: 200px;
	text-align: left;
	height: 430px;
	margin: 0px 6px 6px 0px;
	border: 1px solid #cccccc;
	float: left;
	clear: none;
	background-color: #FFFFFF;
}

.artikel_box h1{
	padding: 3px 3px 3px 3px;
	clear: both;
	display: block;
	text-align: left;
	height: 50px;
	font-size: 110%;
	color: #000000;
}

.artikel_box h2{
	padding: 3px 3px 3px 3px;
	clear: both;
	display: block;
	text-align: left;
	color: #990000;
}

.artikel_box p{
	padding: 6px 3px 6px 3px;
	line-height: 1.3em;
	margin: 0px;
	font-size: 90%;
}

.artikel_box img{
	float: none;
	padding: 0px;
	border: 0px solid #cccccc;
	clear: both;
	display: block;
	background-color: #FFFFFF;
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

.artikel_box a {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
}

.artikel_box a:hover{color: #FF0000;text-decoration: none;}

/************* .artikel styles **************/

#artikel{
	padding: 0px;
	font-size: 100%;
	width: 100%;
	text-align: left;
	height: auto;
	margin: 0px;
	float: left;
	border: 0px solid #cccccc;
}

.artikel h1{
	padding: 3px 0px 12px 0px;
	clear: both;
	display: block;
	text-align: left;
	height: auto;
	font-size: 130%;
}

.artikel h2{
	padding: 9px 0px 3px 0px;
	clear: both;
	display: block;
	text-align: left;
	color: #990000;
}

.artikel p{padding: 0px 0px 0px 0px;line-height: 1.3em;}

.artikel img{
	float: left;
	padding: 0px;
	border: 0px solid #cccccc;
	margin: 0px;
}

/************* .artikeldata styles **************/

#artikeldata{
	padding: 0px 0px 0px 9px;
	font-size: 100%;
	margin: 0px 0px 0px 0px;
	width: 200px;
	float: right;
	clear: right;
	height: auto;
	border-left: 1px solid #CCCCCC;
	color: #333333;
}

.artikeldata p{
	line-height: 1.3em;
	padding: 3px 0px 9px 0px;
	font-size: 90%;
	margin: 0px;
}

/************* .preis styles **************/

#preis{
	padding: 0px;
	clear: both;
	display: block;
	text-align: left;
	color: #FF0000;
	margin: 0px;
	width: 100%;
}
.preis p{
	padding: 3px;
	text-align: left;
	margin: 0px;
	font-size: 130%;
}

/************* .zusatzbeschreibung styles **************/

#zusatzbeschreibung{
	padding: 0px;
	font-size: 100%;
	margin: 0px;
	width: 100%;
	float: left;
	clear: both;
}

.zusatzbeschreibung h3{
	padding: 12px 0px 3px 0px;
	clear: both;
	display: block;
	text-align: left;
	height: auto;
	margin: 0px;
}

.zusatzbeschreibung p{
	line-height: 1.3em;
	padding: 3px 0px 6px 0px;
	margin: 0px;
}

.zusatzbeschreibung img{
	padding: 6px;
	border: 0px solid #cccccc;
}

.zusatzbeschreibung table{
	font-size: 100%;
	color: #333333;
	margin: 0px;
	padding: 6px;

}

.zusatzbeschreibung th{
	font-size: 100%;
	margin: 0px;
	padding: 3px;
	border-top: 0px solid #A0091D;
	background-color: #cccccc;
	font-weight: bold;
	text-align: left;
	color: #A0091D;

}

.zusatzbeschreibung td{
	font-size: 90%;
	margin: 0px;
	padding: 3px;
	color: #333333;
	background-color: #f1f1f1;
	border-top: 0px solid #cccccc;
}


/************* .blaettern styles **************/

#blaettern{
	padding: 0px;
	font-size: 80%;
	margin: 0px 0px 0px 0px;
	width: 100%;
	float: none;
	clear: both;
	height: auto;
}

.blaettern p{
	padding: 6px;
	text-align: left;
	font-weight: normal;
	margin: 0px;
}

.blaettern form{
	padding: 6px 0px 3px 0px;
	margin: 0px;
}

.blaettern select{
	padding: 0px;
	margin: 0px;
}

/************* #Warerkorb styles ***************/

#warenkorb{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 10px 0px;
	border-top: 0px solid #C8E0CD;
	font-size: 100%;
}

.warenkorb h2{
	clear: both;
	display: block;
	text-align: left;
	color: #FF0000;
}

.warenkorb p{
	margin: 0px;
	padding: 6px 0px 3px 0px;
	line-height: 1.3em;
}

.warenkorb table{
	padding: 0px;
	font-size: 90%;
	margin: 0px;
	border: 0px;
}

.warenkorb th{
	background-color:#f4f4f4;
	padding: 6px 3px 3px 3px;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}

.warenkorb td{
	border-bottom: 1px dotted #cccccc;
	padding: 3px;
}

/************* #Warerkorb_pre styles ***************/

#warenkorb_pre{
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 80%;
	clear: none;
	float: none;
	height: auto;
}

.warenkorb_pre h2{
	clear: both;
	display: block;
	text-align: left;
	color: #FF0000;
}

.warenkorb_pre p{
	margin: 0px;
	padding: 3px 0px 6px 0px;
	line-height: 1.3em;
}

.warenkorb_pre table{
	padding: 0px;
	font-size: 90%;
	margin: 0px;
	border: 0px;
}

.warenkorb_pre th{
	background-color:#f4f4f4;
	padding: 6px 3px 3px 3px;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}

.warenkorb_pre td{
	border-bottom: 1px dotted #cccccc;
	padding: 3px;
}

/************* #label styles ***************/

#label{
	font-size: 90%;
	color: #000000;
	padding: 0px;
	margin: 0px;
	height: 50px;
	width: 100%;
	text-align: left;
	border-top: 0px solid #cccccc;
}

.label p{
	padding: 3px 0px 3px 0px;
	margin: 0px;
}

/*************** #infobox styles **************/

.infobox{
	padding: 12px 10px 12px 10px;
	margin: 6px 0px 6px 0px;
	width: auto;
	clear: both;
	background-color: #FFDE84;
	border: 3px solid #FF0000;
}

.infobox p{
	padding: 3px 0px 6px 0px;
	margin: 0px;
}

/************* #spacer styles ***************/

.spacer100{
	padding: 0px;
	margin: 0px;
	clear: both;
	height: 100px;
	width: 100%;
}

.spacer3{
	padding: 0px;
	margin: 0px;
	clear: both;
	height: 3px;
	width: 100%;
}

.spacer300{
	padding: 0px;
	margin: 0px;
	clear: none;
	height: 300px;
	width: 100%;
}

.spacer150{
	padding: 0px;
	margin: 0px;
	clear: none;
	height: 150px;
	width: 100%;
}

/************** #spezielle styles **************/

.input_20{
	margin: 0px;
	padding: 0px;
	width: 20%;
}

.input_40{
	margin: 0px;
	padding: 0px;
	width: 40%;
}

.input_60{
	margin: 0px;
	padding: 0px;
	width: 60%;
	border: 1px solid #cccccc;
}

.input_80{
	margin: 0px;
	padding: 0px;
	width: 80%;
}

#pageinfo{
	background-color: #FFD055;
	color:#FF0000;
	font-size: 90%;
	margin: 10px 0px 0px 0px;
}

.pageinfo p{
}

.pageinfo table{
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	width: 100%;

}

.pageinfo th{
	font-size: 100%;
	margin: 0px;
	padding: 3px;
	font-weight: bold;
	text-align: left;
	color: #FF0000;
}

.pageinfo td{
	font-size: 100%;
	margin: 0px;
	padding: 3px;
	color: #000000;
}

.pageinfo a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;

}

.pageinfo a:hover {
	text-decoration: none;
	color: #555555;

}

.action{
	width: 100%;
	font-size: 90%;
	margin: 0px;
	padding: 0px;
	color: #333333;
	clear: both;
	text-align: left;
}

.action p{
	padding: 3px 0px 3px 0px;
	color: #000000;
}

.action img{
	padding: 0px;
	margin: 0px;
}

a.action{
	font-weight:normal;
	color:#999999;
	font-style: italic;
}

a.action:hover{
	color:#D26E00;
	font-style: italic;
}


/************* .counter styles ***************/

#counter{
	text-align: left;
	padding: 12px 12px 12px 12px;
	margin: 6px 0px 0px 0px;
	clear: both;
	background-color: #FFDE84;
	color: #333333;
}

.counter p{
	margin: 0px;
	padding: 3px 0px 3px 0px;
	line-height: 1.3em;
	font-size: 85%;
}


/**************** menu2v3 styles ***********************/

#menu2v3{
font-size: 130%;
width: 100%;
text-align: left;
padding: 0px;
color: #666666;
margin: 0px;
clear: both;
background-color: #000000;
float: left;
}

#menu2v3 ul {
list-style: none;
margin: 0px;
padding: 0px 0px 12px 0px;
z-index: 1;
float: right;
}

#menu2v3 ul li {
	float: left;
	display: block;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

#menu2v3 ul li a {
	display: block;
	padding: 3px 52px 3px 52px;
	color: #F7C631;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#menu2v3 ul li a:hover {
color: #FFDE84;
}


#menu2v3 p{
position: absolute;
padding: 12px 0px 6px 0px;
margin: 0px;
}

#menu2v3 p a:link, #menu2v3 p a:visited {
text-decoration: none;
color: #76abc9;
}

#menu2v3 p a:hover, #menu2v3 p a:active {
text-decoration: underline;
color: #76abc9;
}

#menu2v3 ul li a.active {
color: #F7C631;
text-decoration: none;
background-position: bottom left;
}

#menu2v3 ul li ul {
	list-style: none;
	position: absolute;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: auto;
	z-index: 9;
	display: none;
	font-size: 80%;
	background-repeat: repeat;
	background-image: url(../HS/pics/ci/transweiss.png);
}

#menu2v3 ul li ul li {
float: none;
display: block;
padding: 0px 0px 0px 0px;
width: 100%;
margin: 0px 0px 0px 0px;
}


#menu2v3 ul li ul li a {
display: block;
padding: 3px 5px 3px 5px;
color: #FFDE84;
margin: 0px 0px 0px 0px;
background-image: url(../HS/pics/ci/transweiss.png);
background-repeat: repeat;
}

#menu2v3 ul li ul li a:hover {
color: #F7C631;
}


#menu2v3 ul li ul li a.active {
display: block;
padding: 3px 5px 3px 5px;
color: #005194;
}

#menu2v3 ul li ul li a.maincat {
display: block;
height: 21px;
padding: 6px 0px 3px 6px;
background-color: #AAAAAA;
color: #FFCC00;
}

#menu2v3 ul li ul li a.maincat_active {
display: block;
height: 21px;
padding: 6px 0px 3px 6px;
background-color: #AAAAAA;
color: #000000;
}

#menu2v3 #menu2v3 ul li ul li a:active {
color: #000000;
text-decoration: none;
}

#menu2v3 ul li:hover ul { /* Hover aktivieren */
	display: block;
	/* Dave's alterations - Fix dropdowns */
position: absolute;
	margin-left: 200px;
	margin-top: -27px;
}

#menu2v3 a{
	text-decoration:none;
	font-weight:bold;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#menu2v3 a:hover {}

#menu2v3 li {
display: inline;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
}

/********** Joomla!-Spezifisches **********/
.componentheading {
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

.contentheading {
	font-size: 130%;
	font-weight: bold;
	/*text-align: center;*/
	margin-bottom: 5px;
}

.small {
	font-size: 90%;
	font-variant: small-caps;
	font-family: serif;
}

.createdate {
	font-size: 90%;
	font-family: serif;
	font-style: italic;
}

#breadcrumbs {
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

/********** System Message **********/
#system-message dd.message { color: #0055BB; background-color: #C3D2E5; }
#system-message dd.message ul { margin: 0; }

/********** Tooltips **********/

.tool-tip {
	background-color: #EFEFEF;
	border: 1px solid #ACACAC;
	color: #000000;
	padding: 5px;
	
}

.tool-title {
	font-weight: bold;
}

.tool-text {
	/* nichts */
}

/*** Men�s ***/
.moduletable_menu ul a {
	text-decoration:none;
	font-weight:bold;
	color:#F7C631;
	display: block;
	margin: 0px;
	padding: 3px 6px 3px 24px;
}

.moduletable_menu ul a:hover {
	color:#FFDE84;
}

.moduletable_menu ul ul a {
	text-decoration:none;
	font-weight:bold;
	color:#FFDE84;
	padding: 2px 6px 2px 36px;
	display: block;
	margin: 0px;
	font-size: 90%;
}

.moduletable_menu ul ul a:hover {
	color:#F7C631;
}

.moduletable {
	padding: 10px;
}

/********** #form-login **********/

#form-login {
	margin-bottom: 5px;
}

#form-login>div {
	text-align: center;
	padding: 5px;
	font-size: 120%;
}

#form-login ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#form-login ul li {
	padding: 0;
	margin: 0;
	margin-left: 10px;
}

.left2 {
	background-color: #FFDE84;
	padding: 10px;
}

/********** Kategorieansicht **********/

.sectiontableentry1 td, .sectiontableentry2 td {
	white-space: nowrap;
	vertical-align: middle;
	width: auto;
}

.sectiontableentry1 td br, .sectiontableentry2 td br {
	display: none;
}

.sectiontableentry1 img, .sectiontableentry2 img {
	padding-left: 2px;
	padding-right: 2px;
}

.sectiontableheader, .sectiontableentry1 td, .sectiontableentry2 td {
	text-align: left;
}

/********** Shoutbox **********/

#chatoutput {
	border: 0;
	height: 270px;
	color: #000000;
	background-color: #F8F8F8;
}

#chatoutput li {
	width: 95%;
}

#chatoutput span {
	font-size: 1em;
	color: #000000;
}

#chatoutput #outputList span {
	font-size: 1em;
	font-weight: bold;
}

#lastMessage {
	border-bottom: 1px solid #EFEFEF;
}

#chatForm {
	padding: 8px;
}

#shoutboxname {
	width: 95%;
}

#chatbarText {
	width: 90% !important;
	height: 20pt !important;
}

#chatForm label {
	display: none;
}

.contentpaneopen {
	width: 100%;
}

.left2 {
	text-align: left;
}

.left2 ul {
	text-align: left;
	list-style: none;
}

.left2 strong {
	font-weight: normal;
}

/********** uddeIM **********/

#uddeim {
	
}

#uddeim-pagenav span, #uddeim-pagenav a {
	/*padding-left: 2px;
	padding-right: 2px;*/
}

#uddeim .sectiontableentry1 td, #uddeim .sectiontableentry2 td {
	white-space: nowrap;
	vertical-align: middle;
	width: auto;
}

#uddeim .sectiontableentry1 td br, #uddeim .sectiontableentry2 td br {
	display: none;
}

#uddeim .sectiontableentry1 img, #uddeim .sectiontableentry2 img {
	padding-left: 2px;
	padding-right: 2px;
}

#uddeim .sectiontableheader, #uddeim .sectiontableentry1 td {
	text-align: left;
}

#uddeim-module .uddeim-module-head {
	font-weight: bold;
	padding-bottom: 5px;
}

#uddeim-overview tr td img {
	
}

/********** Div mit border **********/

.border {
	border: 1px solid #F7C631;
	padding: 10px;
	margin-bottom: 10px;
}

img.story {
	margin-left: 10px;
	margin-bottom: 10px;
}