/*************************************************************************************
Webtech AG
Lehnplatz 10, 6460 Altdorf, Schweiz
Tel. +41 (0)41 874 30 30, E-Mail mail[at]webtech[dot]ch
All rights reserved, all graphics copyrighted.
**************************************************************************************/



/* Main ******************************************************************************/
* {
	margin: 0;
	padding: 0;
}

body {
	text-align: center; /* Zentrierung fuer IE */
	font-size: 100.00%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #C7C7C7;
	overflow: -moz-scrollbars-vertical; /* Seitaertsverschiebung im Firefox verhindern */
}
body.newsletter {
	text-align: left; /* Zentrierung fuer IE */
	font-size: 100.00%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: none;
	overflow: -moz-scrollbars-vertical; /* Seitaertsverschiebung im Firefox verhindern */
}

a:link    {text-decoration:none;color:#a62345 }     /* noch nicht besuchter Link */
a:visited {text-decoration:none;color:#a62345}    /* schon besuchter Link   */    
a:hover   {text-decoration:underline;color:#a62345} 	  /* Benutzer 'hovert'     */    
a:active  {text-decoration:underline;color:#a62345 }    /* Link wird ausgewaehlt   */

/* Main end **************************************************************************/ 



/* Page area **************************************************************************/
#page {
	width: 980px;
	margin: 0 auto;		/* Horizontale Zentrierung */
	margin-top: 20px;
	text-align: left;		/* Seiteninhalt wieder links ausrichten */
	background-color: #FFFFFF;
}
/* Page area end **********************************************************************/



/* Background *************************************************************************/
/* Weil Firefox, Opera und Safari den Background von Page nicht �¼bernehmen */
#background {
	float: left;
	margin-bottom: 10px;
	background-color: #FFFFFF;
}
/* Background end *********************************************************************/



/* Left area **************************************************************************/
#siteLeft {
	float: left;
	width: 180px;
	background-color: #FFFFFF;
}
/* Left area end **********************************************************************/



/* Logo *******************************************************************************/
#logo {
	float: left;
	width: 180px;
	height: 130px;
	background-image: url(/img/logo.gif);
	background-repeat: no-repeat;
}
/* Logo end ***************************************************************************/



/* Search *****************************************************************************/
#searchBox {
	float: left;
	width: 170px;
	background-color: #FEFCD9;
	font-size: 0.7em;
	border-top: 4px solid #a62345;
	border-bottom: 4px solid #a62345;
}

#searchBox input {
	color: #D3A194;
	width: 120px;
	border: 1px solid black;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-left: 2px;
} 

#searchBox p {
	color: #000000;
	font-size: 1em;
	padding-left: 15px;
	padding-bottom: 8px;
	line-height: 1.3em;
}

#searchBox a {
	color: #000000;
	text-decoration: none;
	background-image: url(/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
}

#searchBox a:hover {
	color: #a62345;
	color: #a62345;
	text-decoration: underline;
}
#livesearch{
    width:230px;
	z-index:9999;
	line-height:150%;
	position:absolute;
    display:none;
    margin:-6px 0px 0px 15px;
    background-color:#F7D9E1;
}
#livesearch ul{
    margin:3px 3px 3px 0px;
	list-style-type:none;
}
#livesearch a{
    background-image:none;
}
#livesearch #article{
	float:left;
	padding-left:6px;
}
#livesearch #year{
	float:right;
	margin-right:3px;
}
#searchText{
    margin:0px;
}

/* Search end *************************************************************************/
/* Basket start *************************************************************************/
table.livebasket{
	border-collapse:collapse;
}
span.hover:hover{
cursor:pointer;
}
/* Basket end *************************************************************************/



/* Sub nav ****************************************************************************/
#subNav {
	float: left;
	width: 170px;
	font-size: 0.7em;
	color: #000000;
	background-color: #F4E4BB;
	border-bottom: 4px solid #a62345;
	padding-top: 5px;
	padding-bottom: 6px;
}

/* Level 2 - vertical */
#subNav ul {
	list-style-type: none;
}

#subNav li {
	padding-left: 15px;
}

#subNav li a {
	color: #000000;
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 2px;
	text-decoration: none;
	height: 100%;
	border-bottom: 1px solid #a62345;
}

#subNav ul li a:hover {
	color: #000000;
	background-color: #FEFCD9;
}

#subNav ul li a.active, #subNav ul li a.active:visited {
	color: #000000;
	font-weight: bold;
}

/* Level 3 - vertical */
#subNav ul ul {
	list-style-type: none;
	padding-bottom: 3px;
}

#subNav ul ul li {
	padding-left: 10px;
}

#subNav ul ul li a {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	text-decoration: none;
	height: 100%;
	background-color: #F6DEAC;
	border-bottom: 1px solid #a62345;
}

#subNav ul ul li a:hover {
	color: #000000;
	background-color: #FEFCD9;
}

#subNav ul ul li a.active, #subNav ul ul li a.active:visited {
	color: #000000;
	font-weight: bold;
}

/* F�¼gt eine Trennlinie ein */
.seperator {
	height: 4px;
	border-top: 4px solid #a62345;
	margin-top: 4px;
	font-size: 1px;
}
/* Sub nav end ************************************************************************/



/* Right area *************************************************************************/
#siteRight {
	float: right;
	width: 800px;
	background-color: #FFFFFF;
}
/* Right area end *********************************************************************/



/* Header area ************************************************************************/
#headerArea {
	float: left;
	width: 800px;
	height: 180px;
}
/* Header area end ********************************************************************/



/* Header *****************************************************************************/
#header {
	float: left;
	width: 800px;
	height: 132px;
	background-repeat: no-repeat;
}
/* Header end *************************************************************************/



/* Main nav ***************************************************************************/
#nav {
	float: left;
	width: 565px;
	height: 48px;
	font-size: 0.7em;
}

/* Level 1 - vertical */
#nav ul {
	list-style-type: none;
}

#nav li {
	display: block;
	float: left;
	position: relative;
	width: 93px;
	height: 38px;
	background-image: url(/img/main-nav_passiv.gif);
	background-repeat: no-repeat;
}

#nav li a {
	color: #a62345;
	color: #a62345;
	text-align: center;
	text-decoration: none;
	display: block;
	width: 93px;
	height: 38px;
	padding-top: 6px;
	/* font-weight: bold; */
}

#nav ul li a:hover {
	color: #000000;
	background-image: url(/img/main-nav_aktiv.gif);
	background-repeat: no-repeat;
}

#nav ul li a.active, #nav ul li a.active:visited {
	color: #000000;
	font-weight: bold;
	padding-top: 15px;
	height: 27px;
	background-image: url(/img/main-nav_aktiv.gif);
	background-repeat: no-repeat;
}
/* Main nav end ***********************************************************************/



/* navHelp ****************************************************************************/
#navHelp {
	float: left;
	width: 162px;
	padding-left: 4px;
	font-size: 0.7em;
	padding-top: 3px;
}

/* Level 1 - horizontal */
#navHelp ul {
	list-style-type: none;
}

#navHelp li {
	display: inline;
	color: #000000;
	padding-right: 7px;
}

#navHelp a {
	color: #000000;
	text-decoration: none;
}

#navHelp a:hover {
	color: #000000;
}

#navHelp ul li a.active, #navHelp ul li a.active:visited {
	color: #000000;
}

#navHelp img {
	border: none;
}
/* navHelp ****************************************************************************/



/* Language ***************************************************************************/
#language {
	float: right;
	width: 50px;
	margin-top: 12px;
	padding-right: 10px;
	text-align: center;
	font-size: 0.7em;
}

/* Level 1 - horizontal */
#language ul {
	list-style-type: none;
}

#language li {
	display: inline;
	color: #a62345;
	color: #a62345;
}

#language a {
	color: #a62345;
	color: #a62345;
	text-decoration: none;
}

#language a:hover {
	color: #000000;
	text-decoration: underline;
}

#language ul li a.active, #language ul li a.active:visited {
	color: #000000;
	font-weight: bold;
}

#language .selected {
	color: #000000;
	font-weight: bold;
}
/* Language end ***********************************************************************/



/* Site area **************************************************************************/
#siteRight {
	float: left;
	width: 800px;
}
/* Site area end **********************************************************************/



/* Content ****************************************************************************/
#content {
	float: left;
	width: 555px;
	margin-top: 10px;
	padding-left: 5px;
	font-size: 0.7em;
}

#content h1 {
	margin-bottom: 15px;
	color: #a62345;
	color: #a62345;
	font-size: 1.8em;
	font-weight: normal;
}

#content h2 {
	margin-top: 10px;
	padding-bottom: 5px;
	color: #a62345;
	color: #a62345;
	font-size: 1.1em;
	font-weight: bold;
}

#content p {
	color: #404040;
	font-size: 1em;
	line-height: 1.4em;
	padding-bottom: 15px;
}

#content table {
	padding-bottom: 2px;
}

#content td p {
	padding-bottom: 2px;
	line-height: 1.2em;
}

#content ul, #content ol {
	padding-left: 30px;
	margin-bottom: 15px;
	color: #404040;
}

#content ul li {
	padding-bottom: 4px;
}

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

#content a:hover {
	color: #a62345;
	color: #a62345;
	color: #a62345;
	color: #a62345;
	text-decoration: underline;
	font-weight: bold;
}

#content a.active:link, #content a.active:visited {
	color: #a62345;
	color: #a62345;
	color: #a62345;
	color: #a62345;
	text-decoration: underline;
	font-weight: bold;
}

#content img {
   /* margin-bottom: 10px; /*zerstört unser ganzes layout! wenn unbedingt nötig, bitte den selektor anpassen*/
	text-decoration: none;
	border:none;
}

#content .csc-textpic-imagerow img {
   margin-bottom: 10px;
	text-decoration: none;
	border:none;
}

#content .csc-textpic-imagewrap img {
   margin-bottom: 10px;
	text-decoration: none;
	border:none;
}

#content .csc-textpic-imagewrap {
	padding-right: 15px;
}


/* Formular Style */
.csc-mailform {
	border: none; /* Rand ausschalten */
}

.csc-mailform-field label {
	float: left;
	clear: both;
	display: block;
	width: 170px;
	padding-left: 0px;
	margin-bottom: 2px;
}

.csc-mailform-field input, 
.csc-mailform-field textarea, 
.csc-mailform-field select {
	margin-bottom: 10px;
}

.csc-mailform-radio {
	border: none;
}

#csc-mailform-radio {
	border: none;
}

csc-mailform-radio {
	border: none;
}

.csc-mailform-radio legend {
	display:none;
}

.csc-mailform-submit {
	/* Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
	margin-top: 10px;
	margin-left: 0px; 
	/* Float wieder abschalten */
	clear: both;
}

/* Sitemap */
.csc-sitemap ul li a:link, .csc-sitemap ul li a:visited{
	text-decoration: none !important;
	border-bottom: none !important;
}
table{
border-collapse:collapse;
}
.small  td{
padding-left:5px;
font-size:7pt;
}
.details td{
padding-bottom:10px;
}
.errmsg{
font-size:7pt;
color:#F00;
line-height:95%;
}
.message{
color:#F00;
}
/* Content end ************************************************************************/



/* Right box **************************************************************************/
#rightBox {
	float: right;
	width: 230px;
	margin-top: 10px;
	font-size: 0.7em;
}

.line {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;
	margin-top: 3px;
	margin-bottom: 3px;
	border-top: 1px solid #a62345;
}

#rightBox h2 {
	font-size: 1em;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 5px;
}

#rightBox h3 {
	font-size: 1.0em;
	font-weight: normal;
}

#rightBox p {
	font-size: 1em;
}

#rightBox h2 a, #rightBox p a {
	color: #000000;
	text-decoration: none;
	background-image: url(/img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 14px;
}

#rightBox h2 a:hover, #rightBox h3 a:hover, #rightBox p a:hover {
	color: #a62345;
	color: #a62345;
	text-decoration: underline;
}

#rightBox h3 a{
	color: #000000;
	line-height:140%;
	text-decoration: none;
}

#newsletter h2 {
	font-weight: normal;
}



#login, #cart, #special, #news, #newsletter, #info, #new_offers {
	float: right;
	width: 215px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	border-top: 4px solid #a62345;
	background-color: #FEFCD9;
}
#news_en{
border-top:0px;
}

#special, #news, #newsletter, #info {
	background-color: #F4E4BB;
}



#info {
	border-bottom: 4px solid #a62345;
	font-size: 0.8em;
}

#info a {
	color: #000000;
	text-decoration: none;
	background-image: none;
	padding-left: 0px;
}

#info a:hover {
	color: #000000;
}

#info p a {
	background-image: none;
	padding-left: 0px;
}
/* Right box end **********************************************************************/



/* Footer *****************************************************************************/
#footer {
	float: left;
	width: 980px;
	margin-top: 10px;
	padding-bottom: 6px;
	font-size: 0.65em;
	border-top: 1px solid #a62345;
}

#footer p {
	padding-top: 5px;
	color: #404040;
	text-align: center;
}

#footer a {
	color: #404040;
	text-decoration: none;
}

#footer a:hover {
	color: #404040;
	text-decoration: underline;
}

#footer p img {
	padding-right: 5px;
}
/* Footer end *************************************************************************/



/* Copy *******************************************************************************/
#copy {
	width: 980px;
	margin: 0 auto; /* Horizontale Zentrierung */
	text-align: right;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #BFBFBF;
	font-size: 0.6em;
}

#copy a {
	color: #BFBFBF;
	text-decoration: none;
}

#copy a:hover{
	color: #000000;
	text-decoration: underline;
}
/* Copy end ***************************************************************************/



/* Special ****************************************************************************/
.clear {
	clear: both;
}

.hide { 
	display: none; 
}
/* Special end ************************************************************************/

/* Images ************************************************************************/
.bildRechts{
	float: right;
	margin:0px 0px 10px 10px;
}

.bildLinks{
	float: left;
	margin:0px 10px 10px 0px;
}
/* Images end ************************************************************************/
/* Select Inputs **********************************************************************/
select {
	border:     1px solid black;
}
/* Select Inputs end ******************************************************************/
/* Search Fields **********************************************************************/
.search {
	width:      250px;
}
/* Search Fields end ******************************************************************/