/* general formatting */

* {
	font-family: Verdana, sans-serif;
	font-size: small;
	color: #000000;
}

body {
	margin: 0px;
	padding: 0px;
  background: #FFF; /* url('./img/flower_bg.png') no-repeat fixed top center; */
}

img{
	padding: 0px;
	margin: 0px;
	border-style: none;
}

a, a:visited, a:active, a span{
    text-decoration: underline;
    color: #425900;
}

a:hover, a:hover span{
    text-decoration: underline;
    color: #698D00; /* F00 */
}

h1 {
	font-size: 115%;
	font-weight: bold; 
	color: #425900; /* 900 */
}

h2 {
    font-size: 110%;
	font-weight: bold; 
	color: #425900;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

h3 {
	font-weight: bold; 
	color: #425900;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

p {
    margin-top: 0px;
    padding-top: 0px;
}

.klein{
    font-size: 10px;
}

.low_width{
    width: 400px;
}

span.klein_brackets{
    font-size: 80%;
}

span.klein_brackets:before{
    content: "(";
}

span.klein_brackets:after{
    content: ")";
}

ul{
    list-style-type: circle;
}

/* special */


/* special positioning of images / collection-entries */

/* images that are located on the right border */

div.bgimage, div.kontakt_rfloat{ 
    position: relative;
    padding-top: 20px;
	float: right;
	padding-left: 20px;
	border: 0px;
    width: 140px;
}

div.kontakt_rfloat{
    width: 400px;
}

div.kontakt_rfloat img{
    float: left;
    padding-right: 10px;
}

/* div elements containing an image and text (kollektionen) */

div.koll_elem{
    position: relative;
    float: left;
    padding-top: 10px;
	padding-bottom: 10px;
    width: 240px;
    height: 240px;
}

div.koll_elem img{
    padding-bottom: 10px;
}

/* when using float content, the parent div will not get bigger and the
   floated content will spill out of the box.
   with putting this element after the float content, the
   parent box gets automatically resized */
div.clearfix{
    clear: both;
}


/* the main area where all the content is */

div#container{
	position: relative;
	margin: 0px auto 0px auto;

	width: 760px;
	padding: 0px;

	overflow: hidden;
}

/* for the special start page */

div#top{
	position: relative;
	margin-top: 30px;
	text-align: center;
}

/* the xiling-logo on the upper right */

div#logo{
	position: relative;
	margin-top: 30px;
	text-align: right;
}

/* the mainmenu (nav) */

div#nav{
	/* background: #900;   // note possible due to the IE png bug */
    background-image: url('./img/menu/hnav_bg.png');
    background-repeat: repeat;
    height: 25px;
}

/* the submenu (subnav) */

div#subnav{
	/* background: #F93; // note possible due to the IE png bug */
    background-image: url('./img/menu/subnav_bg.png');
    background-repeat: repeat;
    height: 25px;
}

div#show{
    position: relative;
    width: 760px;
    height: 223px;
    overflow: hidden;
    padding: 0px;
    margin: 0px;
}

/* the content area */

div#content{
    position: relative;
    background-color: #FEE9CC; /* D8CBA9 */
	  padding: 10px;
    /* position: relative for content and koll_elem 
       are necessary to avoid the peekaboo-bug in IE, 
       because content contains floats on some pages, and in that case
       the text on the page will be invisible */
}

/* the footer (Seide-Glueck auf der Haut) */

div#footer{
    /* background: #900; // note possible due to the IE png bug */
    background-image: url('./img/menu/hnav_bg.png');
    background-repeat: repeat;
	text-align: right;
}

div#shopfooter {
  padding-top: 3px;
}

/* impressum (only visible on the start-page */

div#impressum, div#impressum_hidden{
    text-align: right;
    font-size: 10px;
}

div#impressum_hidden{
    visibility: hidden;
}

/* formatting for the buttons in the nav / subnav 
   and the pictures on the home-site (show) which are 
   stored in an unnumbered list*/

div#nav ul, div#subnav ul, div#show ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-style: none;
}

div#nav ul, div#subnav ul {
	height: 25px;	/* as high as one button!! */
}

div#nav li, div#subnav li, div#show li {
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	border-style: none;	
}

div#nav li a, div#subnav li a{
	display: inline;
	padding: 0px;
	margin: 0px;
	border-style: none;
}

div#nav li a img, div#subnav li a img, div #show li img{
	display: inline;
	padding: 0px;
	margin-left: 0px;
	border-style: none;
    vertical-align: bottom;
}