/* 
================================
Styles by weblotion.ch
================================
*/
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* letter-spacing: 0.1em; */
	line-height: 1.3em;
}

body {
}

.vspacer
{
	float:left;
	width: 492px;
	height: 15px;
}

UL {
	text-indent: 0px;
	LIST-STYLE-TYPE: none;
    list-style-image: url(./img/minus.gif);
}

a {
	color: #000;
	text-decoration: none;
}

a:link {
	color: #c06;
}

a:hover {
	color: #c06;
}

#wrapper {
	text-align: left;
	float:left;
	margin: 0px auto;
	padding: 0px;
	width: 936px;
	/* border:1px solid #f0f; */
}

#ModuleWrapper /* dnn module wrapper, overrides the center style */
{
	float:left;
	text-align:left;
}

/* Header */
#header {
	background-color: transparent;
	background-image: url(./img/logo.png);
	background-repeat: no-repeat;
	background-position: 121px 10px;
	height:80px;
	/*
	background-position: 121px 23px;
	height:98px;
	*/
}

#headernav {
	background-color: transparent;
	width:180px;
	height:67px;
	float:left;
	padding:0px 15px 15px 15px;
	margin:0px 0px 1px 0px;
	line-height: 0.8;
	/* border:1px solid #f0f; */
}

#headernav a {
	color: #c6ff00;
	text-decoration:none;
}

#headernav a:hover {
	color: #c06;
}

#headernav ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0pt 0pt 0pt 0pt;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

#headerbox-rechts {
	/*background-color: #7F8083;*/
	width:155px;
	height:58px;
	float:right;
	padding:38px 15px 0px 15px;
	/*padding:15px 15px 15px 15px;*/
	margin:0px 0px 1px 0px;
}

#headerbox-rechts ul {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0pt 0pt 0pt 0pt;
	text-align: left;
	/*padding: 6px 0px 0px 0px;*/
	padding: 2px 0px 0px 0px;
}

#headerbox-rechts input {
	width:155px;
	border: 1px solid #ccc;
}

#headerbox-rechts a {
	color:#fff;
}

#headerbox-rechts a:hover {
	color:#c06;
}


/* Linke Spalte */
#spalte-links {
 	float: left;
/*	width: 196px;*/
	width: 211px;
	background-color: #fff;
/*	padding:5px 15px 11px 15px; */
	padding:5px 0px 11px 15px;
}

#spalte-links-top {
	float: left;
/*	width: 100%;*/
	width: 196px;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #ccc;
}

#spalte-links-top a {
	color:#000;
}

#spalte-links-top a:hover {
	color:#c06;
}

.spalte-links-top-aktiv {
	color:#c06;
}

.spalte-links-top-grau {
    color:#666;
}

.spalte-links-top-grau:hover {
    color:#c06;
}

.spalte-links-top-grau-klein {
    font-size:10px;
    color:#666;
}

.spalte-links-top-grau-klein:hover {
    color:#c06;
}

#spalte-links-navigation {
	float: left;
	width: 100%;
	padding:5px 0px 5px 0px;
	line-height: 1.5em;
}


/* Inhalts Spalte */
#inhalt 
{
	float: left;
	width: 493px;
	background-color: #fff;
	margin:0px 1px 0px 1px;
	padding:5px 15px 9px 15px;
}

#inhalt-navigation {
	float: left;
	text-align:right;
	width: 100%;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #ccc;
}

.hn a {
	color: #000;
	text-decoration:none;
}

.hn a:visited {
	color: #000;
	text-decoration:none;
}

.hn a:hover {
	color: #c06;
}

.hnsel a {
	color: #c06;
	text-decoration:none;
}

.hnsel a:visited {
	color: #c06;
	text-decoration:none;
}

.hnsel a:hover {
	color: #c06;
}

#inhalt-navigation a {
	color:#666;
	font-weight: bold;
}

#inhalt-navigation a:hover {
	color:#c06;
	font-weight: bold;
}

#inhalt-navigation-anordnung {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0pt 0pt 0pt 0pt;
	text-align: right;
	padding: 0pt 0pt 0pt 0pt;
}

#inhalt-navigation-anordnung li {
	display:inline;
}

#inhalt-grayline {
	float: left;
	width: 492px;
	margin: 20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	height: 0px;
	border-bottom: 1px solid #ccc;
	line-height: 0px;
}

#inhalt-fullline 
{
	float: left;
	width: 492px;
}

#inhalt-verlauf {
	float: left;
	text-align:left;
	width: 100%;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #ccc;
	color:#666;
}

#inhalt-verlauf li {
	padding-right:3px;
}

#inhalt-verlauf a {
	color:#666;
}

#inhalt-verlauf a:hover {
	color:#c06;
}

#inhalt-verlauf-anordnung {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0pt 0pt 0pt 0pt;
	text-align: left;
	padding: 0pt 0pt 0pt 0pt;
}

#inhalt-verlauf-anordnung li {
	display:inline;
}

#inhalt-inhalt-links {
	float: left;
	text-align:left;
	width: 286px;
	padding:0px 15px 5px 0px;
	border-right:1px solid #ccc;
}

#inhalt-inhalt-detail-links {
	float: left;
	text-align:left;
	width: 364px;
	padding:0px 15px 5px 0px;
	border-right:1px solid #ccc;
}

#inhalt-inhalt-detail-links p {
	margin: 17px 0px 0px 0px;
}

.inhalt-inhalt-links-aktualisiert {
	color:#666;
	font-size: 11px;
}

#inhalt-inhalt-links-footer {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0pt 0pt 0pt 0pt;
	text-align: left;
	padding: 10pt 0pt 0pt 0pt;
}

#inhalt-inhalt-links-footer li {
	display:inline;
}

#inhalt-inhalt-links-footer a {
	text-decoration:underline;
	padding-right:5px;
}

#inhalt-inhalt-rechts {
	float: right;
	text-align:left;
	width: 176px;
	padding:0px 0px 0px 15px;
}

.inhalt-inhalt-detail-rechts-topspacer
{
	width: 0px;
	float: left;
	height: 0px;
}

.inhalt-inhalt-detail-rechts-topspacer2
{
	height: 17px;
}

.inhalt-inhalt-detail-rechts-spacer
{
	height: 10px;
}


#inhalt-inhalt-detail-rechts img 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px -3px 0px;
}

#inhalt-inhalt-detail-rechts {
	float: right;
	text-align:left;
	width: 98px;
	padding:0px 0px 0px 15px;
}

#inhalt-inhalt-rechts a {
	text-decoration: none;
	color: #000;
}

#inhalt-inhalt-rechts-aktiv {
	color: #c06;
}

#inhalt-inhalt-rechts-aktiv a {
	text-decoration: none;
	color: #c06;
}


/* Rechte Spalte */
#rightpane {
	float: right;
	text-align:left;
	width: 185px;
	/*height:500px;*/
}

#spalte-rechts-weiss {
	text-align:left;
	background-color: #fff;
	padding:5px 15px 6px 15px;
	margin:0px 0px 1px 0px;
}

#spalte-rechts-weiss2 {
	text-align:left;
	background-color: #fff;
	padding:5px 15px 6px 15px;
	margin:0px 0px 1px 0px;
}

#spalte-rechts-weiss a {
    color: #c06;
    text-decoration: underline;
}

#spalte-rechts-weiss a:hover {
    color: #c06;
    text-decoration: underline;
}

#spalte-rechts-suchen-titel {
	width: 100%;
	padding:0px 0px 3px 0px;
}

#spalte-rechts-kontakt-titel {
	width: 100%;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #ccc;
}

#spalte-rechts-kontakt-adresse {
	width: 100%;
	text-align:left;
	padding:0px 0px 0px 0px;
	color: #000;
}

#kontakt-link {
    color: #c06;
}

#kontakt-link a {
    color: #000;
    text-decoration: none;
}

#kontakt-link a:hover {
    color: #000;
    text-decoration: none;
}

#spalte-rechts-kontakt-adresse a {
    color: #000;
    text-decoration:none;
}

#spalte-rechts-kontakt-adresse a:hover {
    color: #000;
    text-decoration:none;
}

/*
#spalte-rechts-thema-link {
	width: 100%;
	text-align:left;
	padding:5px 0px 5px 0px;
	color: #000;
	border-top:1px solid #CCC;
}

#spalte-rechts-thema-link a {
    color: #c06;
    text-decoration:underline;
}

#spalte-rechts-thema-link a:hover {
    color: #000;
    text-decoration:none;
}
*/

#spalte-rechts-warenkorb {
	text-align:left;
	background-color: #7F8083;
	padding:5px 0px 8px 15px;
	color: #fff;
}

#spalte-rechts-warenkorb a {
	color: #fff;
}

#spalte-rechts-warenkorb a:hover {
	color: #000;
}

#spalte-rechts-transparent {
	text-align:left;
	background-color: transparent;
	padding:5px 15px 5px 15px;
	margin:0px 0px 1px 0px;
}

#spalte-rechts-newsletter {
	width: 100%;
	padding:0px 0px 6px 0px;
	/*border-bottom:1px solid #fff;*/
	color: #ccff00;
}

#spalte-rechts-newsletter a {
	color: #ccff00;
	text-decoration:underline;
}

#spalte-rechts-newsletter a:hover {
	color: #ccff00;
}

#spalte-rechts-sonstiges {
	width: 100%;
	padding:5px 0px 5px 0px;
	font-weight:bold;
	color: #fff;
}

#spalte-rechts-sonstiges p {
	font-weight:normal;
}

#spalte-rechts-sonstiges a {
	color: #ccff00;
	text-decoration:underline;
}

#spalte-rechts-sonstiges a:hover {
	color: #ccff00;
}


/* Sitemap */
#sitemap 
{
}

#sitemap a {
	color: #000;
}

#sitemap a:hover {
	color: #c06;
}

.sitemap-subtitle
{
	margin-left: 3px;
}

.sitemap-summary0
{
	color: gray;
	margin-left: 0px;
}

.sitemap-summary1
{
	color: gray;
	margin-left: 10px;
}

.sitemap-summary2
{
	color: gray;
	margin-left: 20px;
}



/* Footer */
#footer {
	clear: both;
	background-color: transparent;
	padding: 10px 0px 15px 242px;
	text-align: left;
	font-size: 11px;
	letter-spacing: 1px;
	color: #fff;
	width: 500px;
}

#footer a {
	font-size: 11px;
	letter-spacing: 1px;
	color: #fff;
}

#footer a:hover {
	font-size: 11px;
	letter-spacing: 1px;
	color: #ccff00;
}

#footer img {
	padding-right:15px;
}


/* Navigation */
.TreeNode 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	padding-left: 1px;
	text-decoration: none;
}

.TreeNodeOver 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #de1873; 	
	text-decoration: none; 
	cursor: pointer;
	cursor: hand;
	padding-left: 1px;
}

.TreeNodeSelect 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #de1873;
    cursor: pointer;
	cursor: hand;
	margin-left: 1px;	
}

.TreeNodeDisabled
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: gray;	
	padding-left: 1px;
	text-decoration: none;
	cursor: default;
}


/* Dyn. Content managed by DNN */
.contentpane 
{
	float: left;
	text-align:left;
	width: 100%;
	padding: 15px 0px 5px 0px;
}

.contentpane a {
	color: #c06;
}

.contentpane a:hover {
	color: #c06;
}

.basketpane {
	text-align:left;
	background-color: #fff;
	padding:5px 0px 8px 15px;
	color: #000;
}

.basketpane a {
	color: #c06;
	text-decoration:underline;
}

.basketpane a:hover {
	color: #c06;
	text-decoration:underline;
}



/* 
================================
Styles for DotNetNuke
================================
*/   
.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}

.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 10px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}

.skinheader {
}

.skingradient {
	background-image: url(gradient_DkBlue.jpg); 
	height:30px;
}

.ControlPanel {
	width: 936px;
	background-color: #fefefe;
}

.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}


/* error validation on inputforms */
.error
{	
	color:#c06;
}

.error ul
{
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	list-style-image: none;
}

.errorfield
{
	color: #ffffff; 
}

.error li
{
	color: #c06; 
}

.validationsummary ul{
	margin-top: 0px;
	color: #c06;
}


/* artikelliste */
#inhalt-inhalt-bottom-border {
	float: left;
	border-bottom:1px solid #ccc;
	margin:0px 0px 15px 0px;
}

#inhalt-inhalt-artikel-links {
	float: left;
	text-align:left;
	width: 364px;
	padding:0px 15px 5px 0px;
}

#inhalt-inhalt-artikel-rechts {
	float: right;
	text-align:left;
	width: 98px;
	padding:0px 0px 0px 15px;
	
}

#inhalt-inhalt-artikel-rechts a {
	text-decoration:underline;
	
}


/* artikelliste detail */
#inhalt-inhalt-artikeldetail-links {
	float: left;
	text-align:left;
	width: 273px;
	padding:0px 15px 5px 0px;
	border-right:1px solid #ccc;
}

#inhalt-inhalt-artikeldetail-rechts {
	float: right;
	text-align:left;
	width: 189px;
	padding:0px 0px 0px 15px;
}

#inhalt-inhalt-artikeldetail-rechts a {
	text-decoration:underline;
	color:#c06;
	
}

#inhalt-inhalt-artikeldetail-rechts a:hover {
	text-decoration:underline;
	color:#000;
	
}


/* staff main */
#inhalt-inhalt-staff-links {
	float: left;
	text-align:left;
	width: 262px;
	padding:0px 15px 5px 0px;
}

#inhalt-inhalt-staff-links a {
	text-decoration:none;
	color:#000;
}

#inhalt-inhalt-staff-links a:hover {
	color:#c06;
}

.inhalt-inhalt-staff-links-aktiv { 
	color:#c06;
}

#inhalt-inhalt-staff-rechts {
	float: right;
	text-align:left;
	width: 200px;
	padding:0px 0px 0px 15px;
	
}

#inhalt-inhalt-staff-rechts a {
	text-decoration:none;
	color:#000;
	
}

#inhalt-inhalt-staff-rechts a:hover {
	text-decoration:none;
	color:#c06;
	
}

#inhalt-inhalt-breit {
	float: left;
	text-align:left;
	width: 477px;
	padding:0px 15px 5px 0px;
}


/* warenkorb */
#inhalt-wk {
	float: left;
	text-align:left;
	width: 477px;
	padding:0px 15px 5px 0px;
	border-bottom:1px solid #ccc;
}

#inhalt-wk-vspacer {
	height: 5px;
}

.inhalt-wk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.inhalt-wk-gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#b4b4b4;
}

.inhalt-wk a {
	text-decoration:none;
	color:#c06;
	
}

.inhalt-wk a:hover {
	text-decoration:none;
	color:#c06;
	
}

#inhalt-wk-graybackgrnd 
{
	padding-top: 2px;
	padding-bottom: 1px;
	background-color: #e8e8e8;
}

#inhalt-wk-information,
.inhalt-wk-information
{
	padding-top: 2px;
	padding-bottom: 3px;
}

.inhalt-wk-bestellablauf-trenner
{
	width: 32px;
	height: 10px;
	background-repeat: no-repeat;
	background-image: url(./img/arrow.gif);
}

.AddressEditOK
{
	float: right;
	width: 91px;
}

.InputField
{
	position: relative; 
	left: 5px; 
	width: 240px; 
	border-top: 1px solid #0099cc; 
	width: 251px;
}

.InputLabel
{	
	position: absolute; 
	left: 300px; 
	text-align: right;
}

.ModuleWrapper
{
	float:left;
	text-align:left;
}

.item-header
{
	float: left;
	border: 0px;
	margin-top: 18px;
	width: 492px;
    background-color: #e8e8e8;
    padding: 2px 0px 1px 0px;
}

.item-header-font
{
    color: Gray;
}

.item0
{
	float: left;
	width: 242px;
    padding: 4px 0px 0px 0px;
}

.item1
{
    text-align: right;
	float: left;
	width: 47px;
    padding: 4px 0px 0px 0px;
}

.item2
{
	float: left;
    padding: 0px 0px 0px 10px;
  	width: 55px;
}

.item2h
{
	text-align: right;
	float: left;
    padding: 4px 5px 0px 0px;
  	width: 60px;
}

.item3
{
	float: left;
    padding: 4px 0px 0px 0px;
  	width: 80px;
}

.item3 a {
	text-decoration:none;
	color:#c06;
}

.item3 a:hover {
	text-decoration:none;
	color:#c06;
}

.item3 a:link {
	text-decoration:none;
	color:#c06;
}

.item4
{	
	text-align: right;
	float: left;
    padding: 4px 0px 0px 0px;
  	width: 57px;
}

.item4t
{	
	text-align: right;
	float: left;
    padding: 4px 0px 0px 0px;
  	width: 249px;
}

.tbq
{
	margin: 0px;
	width: 50px;
}

.total-line
{
	float: left;
	width: 492px;
	padding:0px;
	margin-top: 0px;
	border-bottom:1px solid #ccc;
}

.header 
{ 
}

.update-left-spacer
{
	float: left;
	margin-left: 366px;
	margin-bottom: 2px;
}

.StartButton
{	
   text-align: center;
   display: block;
   float: left;
   border: 0px solid transparent;
   color: #ffffff !important;
   overflow: visible;
   padding: 6px 5px 4px -1px;
   background: #de1d72 none; 
   font-weight: normal;
   width: 80px;
   margin: 5px 0px 0px 412px;
   cursor:pointer;
}

.NextButton
{	
   text-align: center;
   display: block;
   float: left;
   border: 0px solid transparent;
   color: #ffffff !important;
   overflow: visible;
   padding: 6px 5px 4px -1px;
   background: #de1d72 none; 
   font-weight: normal;
   width: 80px;
   margin-top: 5px;
   cursor:pointer;
}

.BackButton
{
   text-align: center;
   display: block;
   float: left;
   border: 0px solid transparent;
   color: #ffffff !important;
   overflow: visible;
   padding: 6px 5px 4px -1px;
   background: #de1d72 none; 
   font-weight: normal;
   width: 80px;
   cursor:pointer;
   margin: 5px 10px 0px 322px;
}

#links1 
{ 
	float: left; 
	padding-left: 256px;
	padding-right: 15px;
    margin-bottom: 10px;
}

#rechts1 
{
    margin-bottom: 10px;
}

.navspacer
{
	float: left;
	width: 50px;
	margin-left: 50px;
}

.whl
{
	width: 82px;
	float: left;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	border-bottom:1px solid #ccc;
	margin-bottom: 20px;
}

.whr
{
	width: 410px;
	float: left;
	padding: 0px 0px 5px 0px;
	margin: 0px;
	border-bottom:1px solid #ccc;
	margin-bottom: 20px;
}

.suml
{	
	width: 340px;
	float: left;
	padding: 0px;
	margin: 0px;
}

.sumr
{
	width: 140px;
	float: right;
	text-align: right;
	padding: 0px 1px 0px 0px;
	margin: 0px;
}

.suma0
{
	width: 192px;
	float: left;
	padding: 0px;
	margin: 0px;
	line-height: 1.8em;
}

.suma1
{
	width: 164px;
	float: left;
	padding: 0px;
	margin: 0px;	
	line-height: 1.8em;
}

.suma2
{
	width: 136px;
	float: left;
	padding: 0px;
	margin: 0px;
	line-height: 1.8em;
}

.sumhr0
{	
	float: left;
	width: 492px;
	border-bottom:1px solid #ccc;
	margin: 0px 0px 2px 0px;
}

.sumhr2
{	
	float: left;
	margin: 26px 0px 0px 0px;
	width: 492px;
    background-color: #e8e8e8;
    padding: 2px 0px 1px 0px;
}

.whr a:hover
{
	color: #c06;
}

.whr a:link
{
	color: #c06;
}

.whr a:visited
{
	color: #c06;
}

.wh0
{
	float: right;
	color: #b4b4b4;
	font-weight: bold;
    padding: 0px 0px 0px 0px;
}

.wh1
{
	float: right;
	color: #b4b4b4;
    padding: 0px 0px 0px 26px;
    background: url('./img/wkablaufseparator.gif') 12px 4px no-repeat;
}

.wh2
{
	float: right;
	color: #b4b4b4;
    padding: 0px 0px 0px 26px;
    background: url('./img/wkablaufseparator.gif') 12px 4px no-repeat;
}

.wh3
{
	float: right;
	color: #b4b4b4;
    padding: 0px 0px 0px 26px;
    background: url('./img/wkablaufseparator.gif') 12px 4px no-repeat;
}

.wh4
{
	float: right;
	color: #b4b4b4;
    padding: 0px 0px 0px 26px;
    background: url('./img/wkablaufseparator.gif') 12px 4px no-repeat;
}

.xxx
{
	    width: 492px;
}


/* Announcements */
#spalte-rechts-announcement {
	width: 100%;
	padding:5px 0px 5px 0px;
	color: #fff;
}

.announcement-titel
{
	border-top: 1px white solid;
	padding: 5px 0px 0px 0px;
	margin: 4px 0px 6px 0px;
}

.announcement-legende
{
	margin: 6px 0px 0px 0px;
}