@charset "UTF-8";

/* CSS Dokument
  ===============================
        Allgemeine angaben
  ===============================*/

* {
	margin:0;
	padding:0;
	
}

/* HTML Mass */
html {
	height: 100%;
}


* img {
	border:0px;
}

a:link {
  outline: none;
			}

a:link, a:visited {
	color: #545454;
	
}


.clearing {
	clear:both;
}



/* Body-Style */
body {
	height: auto;
	background: #fff url(bilder/bg_farbfeld.jpg) repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#545454;
	font-size: 12px;
	text-align: center;
	min-width: 960px;
	}



h1 {
	font-weight:400;
	font-size:1.3em;
	padding:0 0 1.0em 0;
	line-height:1.2em;
	letter-spacing: 0.1em;
}

h3 { font-weight:bold;
	padding:0.75em 0 0 0;
	font-size:1em;
}

p{ margin:0 0 1em 0;


}


/* ===============================
         Kopf
   =============================== */

div#kopf{
	width:960px;
	padding:0;
	margin:0;
	background-color:#fff;
}



/* ===============================
         Hauptbox
   =============================== */
   

/* Site container, page width, centered, fixed width */
div#hauptbox {
	text-align:left;
	position: relative;
	width: 960px;
	/*min-height: 600px;*/
	margin: 0 auto 0 auto;
	padding:0;
	background: #fff url(bilder/bg_content.gif) 50% 0px no-repeat; 	/*bg position min-width for Firefox */
	}



#flashcontent {
	width: 960px;
	height: 590px;
	background:none;
	border-left: 1px solid #666666;
	border-top:none;
	border-bottom:none;
	z-index:3;
	padding:0;
	margin:0;
	}
	
#kollektionstitel {
	position: absolute;
	top:166px;
	left:613px;
	width:200px;
	height:24px;
	z-index:2;
	padding:0;
	margin:0;
}


#submenu {
	position: absolute;
	top:602px;
	left:602px;
	width:304px;
	height:134px;
	z-index:2;
	padding:0;
	margin:0;

}

#zusatztitel {
	position: absolute;
	top:493px;
	left:602px;
	width:304px;
	height:100px;
	z-index:2;
	padding:0;
	margin:0;

}


/* ===============================
     NAVI
   =============================== */

#navigation{
	float:left;
	margin: 20px 0 0 20px;
	color:#000000;
	font-size:1em;
	background-color:#fff;
}

#navigation li {
  float:left; /* Listenelemente nebeneinander */
  list-style-type: none; /* Aufzählungszeichen entfernen */
  margin: 0 0 0 0;
  padding: 1.1em 0.7em 0 0.7em;
  /*line-height:45px;*/
  vertical-align: middle;
  height: 45px;
  color:#000000;
  background: url(bilder/trennstrich.jpg) top right no-repeat;
}

#navigation a:link, #navigation a:visited {
	color: #000000;
	text-decoration:none;
}

	
#hauptbox #kopf #navigation li.noline{
	background:none;
}


.active {
	font-weight:bold;
	}

* html .active {
letter-spacing:1px!important; }

/* ===============================
     LOGO
   =============================== */

#logobox{
	float:right;
	margin: 20px 0 0 0;
	padding:0 56px 0px 0px;
	height:76px;
	background-color:#fff;
}

/* ===============================
     BAUCH
   =============================== */
#bauch {
	padding:0;
	margin:0;
	border:0;
}
/* ===============================
     LEFTCOL
   =============================== */

#leftcol {
	position:relative;
	float:left;
	width:560px;
	padding:0;
	margin:0;
}

/* ===============================
     RIGHTCOL
   =============================== */

#rightcol {
	position:relative;
	float:right;
	width:400px;
	padding:0;
	margin:0;
	border:0;
	height:614px;
}

/* ===============================
    TEXTBOX rechts
   =============================== */

#textbox {
	position:relative;
	font-size:1em;
	line-height:1.3em;
	padding:40px 65px 0px 55px;
	letter-spacing: 1px;
	word-spacing: 1px;
	font-weight:300;
	color:#484848;
	background-color:#fff;
	margin:0;
	height:auto;
}


#textbox2 {
	position:relative;
	font-size:1em;
	line-height:1.3em;
	padding:40px 55px 0px 55px;
	letter-spacing: 1px;
	word-spacing: 1px;
	font-weight:300;
	color:#484848;
	background-color:#fff;
	margin:0;
	height:274px;
}


/* ===============================
    BILDBOX rechts
   =============================== */

#bildbox{
	border:none;
	height:auto;
	padding: 0px;
	margin:0;
	position:absolute;
	bottom:0px;
	background-color:#FFFFFF;
	border:0px;
	width: 400px;
	overflow:hidden;
}




/* ===============================
         KOLLEKTIONEN
   =============================== 
*/

#großebox {
float:left;
width:248px;
height:614px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
background-color:#fff;
}


#topleft{
float:left;
height:307px;
width:154px;
border-right: 1px solid #999999;
margin:0;
padding:0;
background-color:#fff;
}

#topright{
float:right;
height:307px;
width:154px;
border-right: 1px solid #999999;
margin:0;
padding:0;
background-color:#fff;
}

#bottomleft{
float:left;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
height:306px;
width:154px;
margin:0;
padding:0;
background-color:#fff;
}

#bottomright{
float:right;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
height:306px;
width:154px;
margin:0;
padding:0;
background-color:#fff;
}





* html #topright {
 float:left; margin-left:0px!important; margin-right:0 px!important; margin-bottom:0 px!important; margin-top:0px!important;   }

* html #bottomright {
 float:left; margin-left:0px!important; margin-right:0 px!important; margin-bottom:0 px!important; margin-top:0 px!important;  }

* html #großebox {
 float:left; margin-left:0px!important; margin-right:0 px!important; margin-bottom:-3 px!important; margin-top:0 px!important;  }


/* =============
      FORMULAR
   =============
*/

.weitweg {
position:absolute; left:-400em;}

.datenschutz{
			font-size:0,95em;
			line-height:1.2em;
			letter-spacing:normal;
			color:#666666
			}