/* Standard CSS für www.walserhaus.ch 
	Copyright G.Caprez 2006 */

/* Wichtige Farben: */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Geneva, Arial, sans-serif;
}

html, body {
	background: #fff url(holderbg.jpg)repeat-x top left;
  	min-height: 100%; /* Required */
	font-size: 101%;
	text-align: center;
}


/* formatierung grundelemente */
/* ========================== */

p a:link {
	color: #0066cc;
	text-decoration: underline; 
}

p a:hover {
	color: #0099ff;
	text-decoration: underline;
}

p a:visited	{
	color:#006699;
	text-decoration: underline;	
}

p a:active	{
	color:#ff0000;
	text-decoration: underline;	
}


strong {
	font-weight:bold;
}
.klein {
	font-size: 0.7em;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.top {
	vertical-align: top;
}

#linktop {
	text-decoration:none;
	color:#a8a8a8;
	padding: 0 0 0 2px;
	font-size:1.1em ;
}
.clear {
	clear:both;
}
.rottit {
	color:#ff0000;
	text-decoration:underline;
}
.blautit {
	color:#0033cc;
	text-decoration:underline;	
}
.gruentit {
	color:#339900;
	text-decoration:underline;	
}
.rot {
	color:#ff0000;
}
.blau {
	color:#0033cc;
}
.gruen {
	color:#339900;
}
img {
	border: 0;
}
table {
	font-size:0.8em ;
	color: #000066;
	margin: 0 30px 10px 5px;
	/* color: #006600; */
}

th { 
	/* color: #006600; */
	text-decoration:underline;	
}
/*
td {
	color: #006600;
}*/

.pergtd { 
	padding-left:20px;
 }

h3 {
	font-size:1.0em ;
	color: #0066cc;
	margin: 20px 30px 15px 25px;
	border-bottom: 1px solid #bbb;
}
h4 {
	font-size:0.85em ;
	color: #006699;
	margin: 25px 30px 4px 25px;
	/* border-bottom: 1px solid #bbb;*/
}

h5 {
	font-size:0.8em ;
	color: #336699;
	margin: 15px 30px 4px 25px;
	/* margin: 15px 30px -5px 25px; */
}


th {
	font-weight:bold;
	font-size:1.0em ;
	text-decoration:none;	
	color: #336699;
}

.utitel {
	font-weight:bold;
	font-size:1.1em ;
	color: #336699;
}

p, ul {
	font-size:0.75em ;
	line-height: 1.5em;
	color: #000066;
	margin: 0px 30px 10px 25px;
}

.shopArticle p {
	font-size:1em;
	color:#000000;
	line-height:1em;
}

hr {
	margin: 10px 30px 10px 25px;
}
.legende {
	margin: 0 0 0 3px;
	font-size:0.7em ;
	color: #888;
	line-height: 12px;
}

.space {
	margin: 35px 30px 10px 25px;
}

blockquote {
	padding: 40px 30px 10px 0;
}

/* formatierung der Inhaltselemente (divs) */
/* ======================================= */

/*
body {
	background: #fff url(bgtest.jpg) repeat-y 50% 0 ;
}
*/
#container-page {
	margin: auto;
	width:770px;
	text-align: left;
	/*position: relative;*/
	min-height: 100%;  /* For IE */
  	/* float: left; */
	background: #fff url(bgtest.jpg) repeat-y ;
}
/* a welches sich in h1 befindet */
h1 a {
	height:130px;
	display:block;
	background: url(header.jpg) no-repeat top left;
	text-decoration: none;
}
h1 a span {
	visibility:hidden;
	display:none;
}

#content {
	width:586px;
	float:right;
	text-align: left;
	background: #fff url(contentBG2.jpg) repeat top left;
}

#contentheadbg {
	height: 15px;
	background: #fff url(cont_headbg.jpg) no-repeat top left;
}


/* Menü Beginn */
/* ============== */

#container-men {
	height: 340px;
	width: 184px;
	float: left;
	background: url(men.jpg) no-repeat top left;
}

#men {
	padding: 42px 0 0 13px;
}

#container-men ul {
 	margin: 0;
	list-style: none;
}

#container-men ul li {
	width:171px;
}

#men ul li a {
/* Hauptmenü inaktiv */
	display:block;
	line-height: 30px;
	background: url(men03.jpg) 0 6px no-repeat;
	text-decoration: none;
	color:#fff;
	font-size:1.2em;
	padding: 0 0 0 20px;
}

#men ul li a:hover {
/* Hauptmenü over */
	color: #fff;
	text-decoration: none;
	background-position: -172px 6px;
}

/* Hauptmenü aktiv (diese Farbe wird in IE übernommen)*/
#men ul li.current_page_item a	{
	color:#ffffff;
	font-weight: bold;
	background-position: -343px 6px;
}

#men ul li.current_page_item ul li a	{
	color:#000;
	font-weight: normal;
}

/* Hauptmenü aktiv over */
#men ul li.current_page_item a:hover	{
	font-weight: bold;
	background-position: -343px 6px;
}

/* Untermenü */
.page_item .page_item {
	padding-top:0px;
}

/* Untermenü Hintergrund */
#men ul ul {
	padding: 5px 0 10px 0;
	background: url(perg03.jpg) 0 0 no-repeat;
}

#men ul ul a {
	color:#000;
	line-height: 18px;
	background:none;
}

/* Rubrik von Untermenü bei aktivem Untermenü */
#men ul li.current_page_ancestor a {
	font-weight: bold;
	background-position: -343px 6px;
}

#men ul li ul li.page_item a {
/* Untermenue firefox ok */
	color:#000000;
	font-weight:normal;
}

#men ul li ul li.page_item a:hover {
/* Untermenue over */
	color: #09f;
	/* font-weight:normal; */
}

#men ul li ul li.current_page_item a {
/* aktives Untermenü */
	color: #0066cc;;
	font-weight:bold;
}

#men ul li ul li.current_page_item a:hover {
/* aktives Untermenü over */
	color: #0066cc;;
	font-weight:bold;	
}


#holzbox {
	clear: both; /* clearing the content floats */
	height: 70px;
}

/* formatierung der Bilder */
/* ======================================= */

#container-content img.links {
	float: left;
	margin: 19px 15px 0 -2px;
}
#container-content img.linkstop {
	float: left;
	margin: 0 15px 0 -2px;
}
#container-content img.rechts {
	float: right;
	margin: 19px 0 0 10px;
}
#container-content img.rechtstop {
	float: right;
	margin: 0 0 0 15px;
}
#container-content img.mitte {
	text-align: center;
	display: block;
	margin: 15px auto;
}

.prop {
  height: 100%;
  float: right;
  width: 1px;
  margin: 0 0 -100px 0;
}

.container-foot {
  clear:both;
  width:770px;
  height:120px;
  background: #fff url(fusszeileBg.jpg) no-repeat;
}


#footadr {
	margin: 0;
	padding: 100px 0 0 10px;
	line-height: 20px;
	font-size:0.7em ;
	color: #666;
	text-align: left;
}

/* Kontaktformular Rubriken */
label {
	font-size:0.8em;
}

.shopArticle {
	margin-top:1em;
	padding-left:20px;
	width:550px;
	float:left;
}

.shopTitle{
	
}

h6 {
	font-size:0.8em ;
	color: #0066cc;
	margin: 0px 0px 5px 191px;
	border-bottom: 1px solid #bbb;
	padding-top:5px;
}

.articleHR {
	width:333; 
	margin-right:0px;	
	margin-left:0px;
	margin-top:1.5em;
	margin-bottom:3px;
	color:#BBBBBB;
}

.articlePic{
	float:left;
	margin: 0 5px 0 -2px
}

.articlePrice{
	font-size:0.7em;
}