body { 
	font: 0.75em/1.5em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif; 
	word-spacing:2px; 
	color:#444; 
	background-image: url(../images/bg_dunkel.gif);
	 background-repeat: repeat; 
	background-attachment: scroll; 
	background-position: 0 0; 
	min-height: 101%; 
	margin:20px; 
	}


* {
	margin:0;
	padding:0;
	}


#wrapper { 
	background:#fff; 
	width: 90%; 
	border:solid 4px #b4deff; 
	margin:15px auto auto; 
	}


* html #wrapper {
	w\idth: expression(document.documentElement.clientWidth > 1200 ? "1200px" : "auto");
	}


#innerwrapper { 
	background-color: #fff; 
	background-repeat: repeat-x; 
	background-attachment: scroll; 
	background-position: 50% top; 
	margin:1px; 
	padding:20px; 
	border: solid 1px #6a92b5; 
	}


#bildkopf { 
	background-image: url(../images/zernikopf1369.jpg); 
	width: auto; 
	height: 120px; 
	border-bottom: 1px solid #fff; 
	}


#stadt { 
	width: 372px; 
	height: 100px; 
	filter:progid:DXImageTransform.Microsoft.AlpaImageLoader(src='zerni_schrift.png',sizingMethod='scale'); 
	background-color: transparent; 
	background-image: url(../images/zerni_schrift.gif); 
	position: absolute; 
	top: 50px; 
	right: 100px; 
	}


/*-------------------------Hauptmenue----------------------*/


.mainmenu li{
	display: inline;
	}


.mainmenu li a{
	float: left;
	color: white;
	padding: 9px 11px;
	text-decoration: none;
	border-right: 1px solid white;
	}


.mainmenu li a:hover, .mainmenu li .active{ 
	color: #0e3e6e; 
	background-image: url(../images/blockactive-gelb.gif); 
	background-repeat: repeat-x; 
	background-attachment: scroll; 
	background-position: center; 
	}


.mainmenu{ 
	margin: 0; 
	padding: 0; 
	float: left; 
	font: bold 13px Arial; 
	background-image: url(../images/blockdefault-blau.gif); 
	background-repeat: repeat-x; 
	background-attachment: scroll; 
	background-position: center; 
	width: 100%; 
	list-style: none; 
	}


.mainmenu li a:active{ 
	color: #fff; 
	background-image: url(../images/blockactive-gelb.gif); 
	}



/*-----------------------------Inhalt links-----------------*/


#sidebar { 
	background:transparent; 
	width:170px; 
	padding:15px 20px 20px 0; 
	float:left; 
	color:#666; 
	}
#sidebar h2 { 
	font:1.25em Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	color:white; 
	background-color: #0e3e6e; 
	width: auto; 
	margin:10px 0; 
	padding: 5px 5px 5px 10px; 
	border-style: none; 
	}
	

#sidebar h3 {
	color:#0e3e6e;
	font:bold 1em Verdana;
	letter-spacing:1px;
	margin:0 0 -10px;
			}
			

#sidebar p {
	margin:15px 0;
	}


#sidebar p.news { 
	color: #4a4a4a; 
	font-size: 1em; 
	line-height: 1.5em; 
	background:transparent; 
	}


#sidebar p.news a.mehr {
	color:#0e3e6e;
	display:block;
	text-align:right;
	font:1em Verdana;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	padding:10px 0;
					}
					
#sidebar p.news a:hover {
	color:#f00;
	}
	
	
#schmuck { 
	background-image: url(../images/kirchezlogo.gif); 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	width: 70px; height: 50px; 
	margin-top: 20px; 
	margin-left: 50px; 
	padding-bottom: 10px; 
	border: solid 4px #ababab; 
	}
	
	
/*---------------------------Submenue----------------*/


.submenu { 
	list-style-type: none; 
	margin: 5px 0; 
	padding: 0; 
	width: 170px; 
	border-top: 1px solid #b4deff; 
	}


.submenu li a{ 
	font: 1em "Lucida Grande", Verdana, Helvetica, sans-serif; 
	color: #0e3e6e; 
	background-color: white; 
	background-repeat: no-repeat; 
	background-attachment: scroll; 
	background-position: 2px center; 
	display: block; 
	width: auto; 
	padding: 3px 0 3px 20px; 
	text-decoration: none; 
	border-bottom: 1px solid #b4deff; 
	}


* html .submenu li a{ /*IE only */
	width: 150px;
	}
	
	
.submenu li a:hover{
	color: black;
	background-color: #b4deff; 
	}
	
	
.submenu li a:active{ 
	color: #f90; 
	background-color: #b4deff; 
	}
	
	
#sidebar .subnav li a:hover b {
	display:inline;
	}


#sidebar input {
	padding:4px;
	background:#f6f6f6;
	border:solid 1px #b4deff;
	color:#777;
	font:90% Verdana;
	width:190px;
	}
	
	

/*----------------------Inhalt rechts--------------------*/


#sidebarright { background: url(../images/hg_rechts.jpg) no-repeat left 25px; width:170px; float:right; min-height: 450px; padding:15px 0 0 20px; }


#sidebarright p {
	font:1em/1.5em Verdana;
	color:#0e3e6e;
	margin:10px 0;
	}
	
	
#sidebarright h2 { 
	font:1.25em Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	color:white; 
	background-color: #0e3e6e; 
	width: auto; 
	margin:10px 0; 
	padding: 5px 5px 5px 10px; 
	border-style: none; 
	}
	
	
#sidebarright ul { 
	margin:10px 0 10px 15px; 
	font:1em Verdana; 
	list-style-type: none; 
	}


#sidebarright ul li {
	margin:5px 0;
	}
	
	
#sidebarright a { 
	color:#0e3e6e; 
	text-decoration:none; 
	}
	

#sidebarright a:hover { 
	color: #f00; 
	}
	


/*--------------------Inhalt Mittelteil--------------*/


#content { 
	background-color: transparent; 
	min-height: 450px; 
	margin:0 210px 0 200px; 
	padding:60px 0 0 20px; 
	}
.contenth3 { font-size: 1.75em; padding-left: 1em; margin-top: 1.5em; margin-bottom: 1.5em; color: #f90; font-family: sans-serif; border-left: 18px solid #f90; }
#content .pic { 
	float: right;
	margin: 1em 0 1em 2em;
	}
	
	
#contentnorightbar {
	margin:0 0 0 240px;
	padding:20px 0 0 20px;
	}
	
	
#content ul { 
	margin:15px 0; 
	line-height:2em; 
	color:#0e3e6e; 
	padding-right: 0; 
	padding-bottom: 15px; 
	padding-left: 15px; 
	list-style-type: none; 
	}
	
	
#contentnorightbar ul span {
	color:#444;
	}
	
	
#content ul li { 
	color: #f00; 
	}
	
	
/*----------- Schriftauszeichnungen -----------*/


p { 
	color: #4a4a4a; 
	font-size: 1.25em; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	line-height:1.5em; margin: 5px 0 15px; 
	}
	
	
p.klein { 
	color: #4a4a4a; 
	font-size: 1em; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	line-height:1.5em; 
	margin-right: 0; 
	margin-bottom: 15px; 
	margin-left: 150px; 
	}
	
	
p.img { 
	float: right;
	margin: 1em 0 1em 2em;
	}
	
	
.stil1 { 
	color: #4a4a4a; 
	font-family: "Monotype Corsiva"; 
	font-size: 1.35em; 
	font-weight: bold; 
	line-height: 1.5em; 
	}
	
	
.ueberschrift { 
	color: #0e3e6e; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-weight: bold; 
	margin-top: 2em; 
	}
	
	
.ueberschrift2 { 
	color: #c03; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-weight: normal; 
	margin-top: 1em; 
	}
	
	
.ueberschrift3 { 
	color: #0e3e6e; 
	font-weight: bold; 
	}
	
	
.kursiv { 
	color: #0e3e6e; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-style: italic; 
	}
	
	
hr { 
	color: #b4deff;
	}
	
	
h1 { 
	color: #0e3e6e; 
	font-size: 1.8em; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-style: normal; 
	line-height: 1.5em; 
	text-align: center; 
	margin-bottom: 1em; 
	}
	
	
h2 {
	font:1.25em/1.5em Arial;
	color:#0e3e6e;
	background-color: #b4deff;
	margin-bottom: 20px;
	border-bottom: 1px solid #6a92b5;
	border-left: 5px solid #0e3e6e;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	}
	
	
h3 {
	color: #0e3e6e;
	font:1.75em Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	margin-top: 1.75em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0;
	
	}
	
	
h4 {
	color: #0e3e6e;
	font-size: 1.5em;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	line-height: 1.2em;
	padding-top: 15px;
	border-left-style: none;
	}
	
	
h5 { 
	color: #0e3e6e; 
	font-size: 2em; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-weight: bold; 
	}
	
	
h6 { 
	color: #0e3e6e; 
	font-size: 2em; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
	font-weight: bold; 
	font-style: italic; 
	line-height: 1.25em; 
	margin-top: 1em; 
	margin-bottom: 1em; 
	}
	
	
h2 a:hover {
	color:#5F9128;
	}
	
	
/*-----------------------------Footer---------------------------*/


#footer { 
	color: #0e3e6e; 
	font-size: 0.8em;
	background-repeat: repeat-x; 
	text-align: center; 
	clear:both; 
	padding:15px 10px 5px; 
	margin:30px 0 0; 
	border-top: 1px solid #6a92b5; 
	}
	

a { 
	color:#0e3e6e; 
	font-size: 1em; 
	text-decoration: none; 
	}
	
	
a:hover { 
	color: #f00; 
	text-decoration:none; 
	}
	
	
img {
	padding:1px;
	background:#ccc;
	border:4px solid #f6f6f6;
	}

p img {
	float:left;
	margin:0 10px 0 0;
	}
	
	
blockquote p {
	font:160% Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	color:#aaa;
	padding:0 10% 0 0;
	line-height:30px;
	}
	
	
/*-----------------------------Bildergalerie---------------------*/


div.pic {
	margin: 10px; 
	padding: 0;
  	clear: left; 
  	width: 350px;
  	}
  	
  		
div.pic a.tn {
	float: left;
	}
	

div.pt a.tn { 
	width: 100px; 
	margin-left: 32px; 
	}
	

div.ls a.tn {
	width: 132px;
	}
	

a.tn img { 
	border-width: 1px 2px 2px 1px; 
	margin: 0 0 1em; 
	border-color: #8b8b8b; 
	border-style: solid; 
	}
	

div.pic ul {
	margin: 0 0 0 140px; 
	padding: 0 0 0 0.5em;
	}
	

div.pic li {
	list-style: none; 
	font-size: small;
	}
	

div.pic li.title {
	font: bold small Arial, Verdana, sans-serif;
	padding-top: 0.5em; 
	border-bottom: 1px solid;
	}
	
				  
div.pic li.catno {
	color: #776; 
	text-align: right;
	}
	

div.pic li.price {
	color: #776; 
	text-align: right;
	font-style: italic;
	}
	
				  
.hoverbox {
	cursor: default;
	list-style: none;
	}
	

.hoverbox a {
	cursor: default;
	}
	

.hoverbox a .preview {
	display: none;
	}
	

.hoverbox a:hover .preview {
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
	}
	

.hoverbox img {
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
	}


.hoverbox li {
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
	}
	

.hoverbox .preview {
	border-color: #000;
	width: 200px;
	height: 150px;
	}