/*

dunkelblau = #1B2A96
hellblau = #478BDA
hover-blau = #D6E3F7

*/

	table, tr, td, p {
	text-decoration: none !important;
	}

	a:visited, td .box1 a:visited {
	text-decoration: none !important;
	color: #1B2A96;
	}
	
	a:link, td .box1 a:link {
	text-decoration: none !important;
	color: #1B2A96;
	}


/*		für Hauptmenus ohne Unterrubriken (Forum - Suchen)	*/
		td .boxalone a:link,
		td .boxalone a:visited {
   font-weight: bold;
   font-size: 11px;
   line-height: 22px;
   font-family: arial, helvetica, verdana, sans-serif;
		text-decoration: none !important;
		color: #1B2A96;
   width: 160px;
		display: block;
   background: url("http://www.schtifti.ch/web/images/button1.gif") no-repeat;
		background-color: white;
	}
	
		td .boxalone a:hover,
		td .boxalone a:visited:hover {
   font-weight: bold;
   font-size: 11px;
   line-height: 22px;
   font-family: arial, helvetica, verdana, sans-serif;
		text-decoration: none !important;
		color: #478BDA;
   cursor: pointer;
   width: 160px;
		display: block;
   background: url("http://www.schtifti.ch/web/images/button1.gif") no-repeat;
		background-color: white;
	}


    body {
	background: #FFFFFF url("http://www.schtifti.ch/web/images/shops-logo-orange.gif") no-repeat;
		margin: 10px;
    }
    .click-menu {
    }
    .click-menu .box1 {
   background: url("http://www.schtifti.ch/web/images/button1.gif") no-repeat;
		background-color: white;
   color: #1B2A96;
		line-height: 22px;
		text-decoration: none !important;
/*   border-bottom-color: #1B2A96;
   border-bottom-width: thin;
   border-bottom-style: dotted;
*/
    }
    .click-menu .box1-hover {
   background: url("http://www.schtifti.ch/web/images/button1.gif") no-repeat;
		background-color: white;
   color: #478BDA;
		line-height: 24px;
    }
    .click-menu .box1-open {
   background: url("http://www.schtifti.ch/web/images/button1-click.gif") no-repeat;
		background-color: white;
   color: #478BDA;
    }
    .click-menu .box1-open-hover {
   background: url("http://www.schtifti.ch/web/images/button1-click.gif") no-repeat;
		background-color: white;
   color: #478BDA;
    }


	.click-menu .box1 {
		color: #1B2A96;
/*   text-indent: 12px;*/
   font-weight: bold;
   font-size: 11px;
   line-height: 22px;
   font-family: arial, helvetica, verdana, sans-serif;
   cursor: pointer;
   width: 160px;
		text-decoration: none !important;
	}

	.click-menu .box1-open {
   color: #478BDA;
/*   text-indent: 12px;*/
   font-weight: bold;
   font-size: 11px;
   line-height: 22px;
   font-family: arial, helvetica, verdana, sans-serif;
   cursor: pointer;
   width: 160px;
	}

	.click-menu .box1-hover,
    .click-menu .box1-open-hover {
/*   text-indent: 12px;*/
   font-weight: bold;
   font-size: 11px;
   line-height: 22px;
   font-family: arial, helvetica, verdana, sans-serif;
   cursor: pointer;
   width: 160px;
   color: #478BDA;
    }



    .click-menu .section {
   background-color: #FFFFFF;
   font-family: arial, helvetica, verdana, sans-serif;
		
   font-size: 11px;
   line-height: 16px;
/*   padding: 0 0 5px 10px;*/
		padding: 0;
/*		margin-left: 10px;*/
   display: none;
		color: #478BDA;
		margin-top: 3px;
    }

	.click-menu .section a, 
	.click-menu .section a:link, 
	.click-menu .section a:visited {
   color: #478BDA !important:
   text-decoration: none;
   white-space: nowrap;
    }

.section a:link {
	color: #478BDA;
}

.section a:visited {
	color: #478BDA;
}

    .click-menu .section a:hover {
   color: #478BDA;
   text-decoration: none;
   white-space: nowrap;
    }



	.click-menu .box2 {
		padding: 1px 0 2px 6px;
		margin-left: 3px;
/*		background-image: url("http://www.schtifti.ch/tests/menu/images/underline-both-sides.gif") !important;
		background-repeat: no-repeat;*/
		cursor: pointer;
    }

	.click-menu .box2 a:link {
/*		background-image: url("http://www.schtifti.ch/tests/menu/images/underline-both-sides.gif") !important;
		background-repeat: no-repeat;*/
		cursor: pointer;
    }

	
	.click-menu .box2-hover {
   padding: 1px 0 2px 6px;
		background-color: #D6E3F7;
/*		background-image: url("http://www.schtifti.ch/tests/menu/images/underline-both-sides.gif") !important;
		background-repeat: no-repeat;*/
		margin-left: 3px;
   cursor: pointer;
    }


	.click-menu .box2 a:hover {
		background-color: #D6E3F7;
/*		background-image: url("http://www.schtifti.ch/tests/menu/images/underline-both-sides.gif") !important;
		background-repeat: no-repeat;*/
   cursor: pointer;
    }



form {
	display: inline;
	background: transparent;
	text-decoration: none !important;
}


.searchinput {
	background: #CCF;
	margin: 0;
	color: #1B2A96;
	font-family: Arial, Helvetica, verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	height: 18px;
	width: 160px;
	text-decoration: none !important;
}




#spalte1 {
position: absolute;
top: 20px;
left: 200px;
width: 342px;
border-left-style: dotted; 
border-left-color: #1B2A96; 
border-left-width: 1px;
background-color: transparent !important;
padding-left: 20px;
voice-family: "\"}\"";
voice-family:inherit; 
width:300px;
}

html>body #spalte1 {
  width:300px;
} 

#spalte2 {
position: absolute;
top: 20px;
left: 540px;
width: 342px;
border-left-style: dotted; 
border-left-color: #1B2A96; 
border-left-width: 1px;
border-right-style: dotted; 
border-right-color: #1B2A96; 
border-right-width: 1px;
background-color: transparent !important;
padding-left: 20px;
padding-right: 20px;
voice-family: "\"}\"";
voice-family:inherit; 
width:300px;
}



#belowFlash {
position: absolute;
top: 340px;
left: 200px;
width: 680px;
overflow: visible;
border-left-style: dotted; 
border-left-color: #1B2A96; 
border-left-width: 1px;
border-right-style: dotted; 
border-right-color: #1B2A96; 
border-right-width: 1px;
background-color: transparent !important;
padding-left: 20px;
padding-right: 20px;
voice-family: "\"}\"";
voice-family:inherit; 
width:640px;
}


#spalte3 {
position: absolute;
top: 360px;
left: 200px;
width: 342px;
border-left-style: dotted; 
border-left-color: #1B2A96; 
border-left-width: 1px;
background-color: transparent !important;
padding-left: 20px;
voice-family: "\"}\"";
voice-family:inherit; 
width:300px;
}


#spalte4 {
position: absolute;
top: 360px;
left: 540px;
width: 342px;
border-left-style: dotted; 
border-left-color: #1B2A96; 
border-left-width: 1px;
border-right-style: dotted; 
border-right-color: #1B2A96; 
border-right-width: 1px;
background-color: transparent !important;
padding-left: 20px;
padding-right: 20px;
voice-family: "\"}\"";
voice-family:inherit; 
width:300px;
}



html>body #spalte2 {
  width:300px;
} 


/*
#spaltebreit {
position: absolute;
top: 20px;
left: 200px;
width: 762px;
overflow: visible;
border-left-style: dotted; 
border-left-color: #1B2A96; 
border-left-width: 1px;
border-right-style: dotted; 
border-right-color: #1B2A96; 
border-right-width: 1px;
background-color: transparent !important;
padding-left: 20px;
padding-right: 20px;
voice-family: "\"}\"";
voice-family:inherit; 
width:722px;
}



html>body #spaltebreit {
  width:722px;
} 

*/


#spaltebreit {
position: absolute;
top: 20px;
left: 200px;
width: 680px;
overflow: visible;
border-left-style: dotted; 
border-left-color: #1B2A96; 
border-left-width: 1px;
border-right-style: dotted; 
border-right-color: #1B2A96; 
border-right-width: 1px;
background-color: transparent !important;
padding-left: 20px;
padding-right: 20px;
voice-family: "\"}\"";
voice-family:inherit; 
width:640px;
}

html>body #spaltebreit {
  width:640px;
} 



#skyscraper {
position: absolute;
top: 20px;
left: 882px;
width: 94px;
border: 0;
background-color: transparent !important;
padding-left: 20px;
}


.hrgif {
margin-bottom: 20px;
margin-top: 20px;
display: block;
}




/* altes CSS:	 */

#spaltebreit, #spalte1, #spalte2, #spalte3, #spalte4 {
	color: #1B2A96;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	background-color: #FFF;
}


#spalte1, 
#spalte2, 
#spalte1 p, 
#spalte2 p, 
#spalte1 table, 
#spalte2 table, 
#spalte1 table, 
#spalte3 table, #spalte4 table, 
#spalte3 tr, #spalte4 tr, 
#spalte3 td, #spalte4 td, 
#spalte2 tr, 
#spalte1 td, 
#spalte2 td, 
blockquote {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
}



form {
display: inline;
background: transparent;
}


input, select, textarea {
	color: #1B2A96;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
}


textarea {
	background: #CCF;
}

.radio {
	background: transparent;
}

.myinput {
	background: #CCF;
}

.mybutton {
	background: #CCF;
}

.cartbutton {
	background: #CCF;
	width: 170px;
}



.header {
	color: #1B2A96;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 18px;
	background-color: transparent;
	margin-bottom: 10px;
	display: inline;
}


#spacer {
width: 300px;
height: 10px !important;
display: block;
background: transparent;
margin: 0;
padding: 0;
}


.spacer {
line-height: 10px;
}


.spacer1010 {
margin-top: 10px; 
margin-bottom: 10px;
}


span {
display: inline;
}

#spaltebreit a:active,
#spalte1 a:active,
#spalte2 a:active {
	color: #FF00CC;
	font-size: 12px;
	line-height: 15px;
	text-decoration: underline;
	background-color: #D6E3F7;
}

#spaltebreit a:hover,
#spalte1 a:hover,
#spalte2 a:hover,
#spalte3 a:hover,
#spalte4 a:hover {
	color: #3F83D1;
	text-decoration: underline;
	background-color: #D6E3F7;
}



#spaltebreit a:link,
#spalte1 a:link,
#spalte2 a:link,
#spalte3 a:link,
#spalte5 a:link {
	color: #3F83D1;
	font-size: 12px;
	line-height: 15px;
	text-decoration: underline;
}

#spaltebreit a:visited,
#spalte1 a:visited,
#spalte3 a:visited,
#spalte4 a:visited,
#spalte2 a:visited {
	color: #65A4EE;
	font-size: 12px;
	line-height: 15px;
	text-decoration: underline;
}



/*	Untertitel kleiner als Header, auch fett*/

h1 {
	color: #1B2A96;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
	margin-top: 0;
	margin-bottom: 0px;
}





/*	 custom class: */

.bodytext {
	color: #1B2A96;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	margin-left: 20px;
	margin-top: 0px;
	margin-bottom: 0px;
}





#logo {
position: absolute;
top: 0;
left: 21px;
width: 160px;
height: 151px;
background: white;
}


#mainnav {
position: absolute;
top: 151px;
left: 21px;
width:160px;
}



#mainnav2 {
position: absolute;
top: 450px;
left: 21px;
width: 160px;
}



#vlinie {
position: absolute;
top: 0px;
left: 186px;
width: 41px;
height: 600px;
}


#maincontent {
position: absolute;
top: 6px;
left: 225px;
width: px;
}



/*
table {
border: 0;
padding: 0;
margin:0;
}
*/


img, 
#spalte1 img, 
#spalte3 img, 
#spalte4 img, 
#spalte2 img, 
#spaltebreit img {
border:0;
/*display: inline;
margin:0;
padding:0;
*/
}


img hover, 
img a:hover, 
td img hover,
td img a:hover,

#spalte1 img, 
#spalte1 img hover, 
#spalte1 img a:hover, 

#spalte2 img, 
#spalte2 img hover, 
#spalte2 img a:hover, 

#spalte3 img, 
#spalte3 img hover, 
#spalte3 img a:hover, 

#spalte4 img, 
#spalte4 img hover, 
#spalte4 img a:hover, 

#spaltebreit img, 
#spaltebreit img hover, 
#spaltebreit img a:hover {
background: transparent !important;
background-color: transparent !important;
display: inline;
}


.Stil2 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Verdana, Helvetica, sans, sans-serif;
}



.shopsubnav, 
.shopsubnav option,
.shopsubnav select  {
font-weight: bold; 
font-size: 12px; 
font-family: arial, helvetica, sans-serif;
}

.navlangs {
color: #666666;
font-size: 12px;
font-weight: bold;
display: block;
visibility: visible;
font-family: Arial, Verdana, Helvetica, sans, sans-serif;
}