* {
	margin:0;
	padding:0;
}
#footer, .noprint,           /* elemente, die nicht gedruckt werden sollen, zB zurueck-Links... */ .hidden {
	display: none;
}
html, body {
	height: 100%;
}
body {
	font: 10pt "Arial", Helvetica, sans-serif;
	color: #000;
	background-color: transparent;
	background-image: none;
	margin: 0;
	padding: 0;
}
img {
	border:0 none;
}
a {
	color:#000;
	text-decoration: underline;
	text-transform: none;
}
h2 {
	font-size:11pt ;
	padding:5px 0 10px 340px;
}
/* ---------------------------------------- */

#box {
	position: absolute;
  width: 100%;
  top: 0; left: 0;
  margin: 0; padding: 0;
  background-color: transparent;
}
#head {
	height:276px;
	background:url(../img/karte-header.png) no-repeat left top;
	margin:0;
	padding:0;
}
#head a {
	display:block;
}
#head a img {
	margin:0;
	padding:23px 0 0 42px;
}
/* ---------------------------------------- navigation */

#menu {
	line-height:1.5;
	float:left;
	padding:0 10px 0 400px;
	margin:-30px 0 0 0;
}
#menu ul {
	position:relative;
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu ul li {
	position:relative;
	font-weight:bold;
	padding:5px 32px 5px 0;
	margin:0;
	float:left;
}
#menu ul li ul li {
	font-weight:normal;
	margin:0;
	padding:0;
	float:none;
}
/* submenues: default versteckt */
#menu ul li ul {
	position:absolute;
	top:23px;
	left:0px;
	display:none;
	padding:6px 0 0 0;
	margin:0;
}
/* zeige das Submenue (ul ul) bei hover ueber ein li des Hauptmenues 
   zeige jeweils das Submenu mit der ID '#aktiv' */
#menu ul li ul#aktiv, #menu ul li:hover ul {
	display:block;
}
/* menue colors */
#menu a {
	text-decoration:none;
	display:block;
	color:#000000;
}
#menu a:hover, #menu a:active, #menu a.current {
	color:#c9402e;
}
/* ---------------------------------------- middle */

#middle {
	width:820px;
	min-height:280px;
	background:url(../img/karte.png) repeat-y 0 0;
}
#content, #impressum {
	padding:0px 60px;
}
#impressum h2 {
	padding:10px 0px;
}
#ohrringe {
	padding:18px 60px 0 60px;
}
#ohrringe p {
	padding:10px 0;
}
#grundpreis {
	padding: 30px 0 0 30px;
	font-size: 13px;
}
/* ------------------------------------------  content */
#content a, #content a:visited, #impressum a, #impressum a:visited {
	color:#666;
}
#content a:hover, #content a:active {
	color:#c9402e;
}
#content p {
	padding:10px 0 0 340px;
}
#content img {
	float:left;
	padding:10px 0 10px 0;
}
#content ul {
	padding:10px 0 0 360px;
	list-style-type:disc;
}
#content ul li {
	padding-top:40px;
}
#content ul li a img {
	margin: 0px;
	padding: 0;
	position: relative;
	top: 3px;
	float: none;
}
#content a:after, #content a:link:after, #content a:visited:after { /* fuer links im print als ganzer Pfad */
	content:" ("attr(href)")";
	color:#888;
	background-color:inherit;
	font-style:italic;
	font-size:80%;
	padding-top: 30px;
	left: 435px;
	position: absolute;	

}
#content #barbaramap a:after, 
#content #barbaramap a:link:after, 
#content #barbaramap a:visited:after,
#content #nicolemap a:after, 
#content #nicoleamap a:link:after, 
#content #nicoleamap a:visited:after { /* fuer links im print als ganzer Pfad */
	content:" ("attr(href)")";
	color:#888;
	background-color:inherit;
	font-style:italic;
	font-size:80%;
	padding-top: 30px;
	left: 585px;
	position: absolute;	

}
/*---------------------------------------- divs für Ohrringe nur home */
#home1 {
	position:relative;
	left:70px;
	top:0px;
	float:left;
}
#home2 {
	position:relative;
	left:130px;
	top:0px;
	float:left;
}
/* ---------------------------------------- Beschrieb für Ohrringe alle Kollektionen */
.beschrieb {
	position:absolute;
	bottom:10px;
	left:340px;
	font-size:13px;
	margin:0;
	padding:0;
}
/* ---------------------------------------- classen für Abstand Ohrringe*/
.abstand00, .abstand10, .abstand20, .abstand30, .abstand40, .abstand50, .abstand60 {
	position:relative;
	padding-top:0;
}
#ohrringe .abstand00,
#ohrringe .abstand10,
#ohrringe .abstand20,
#ohrringe .abstand30,
#ohrringe .abstand40,
#ohrringe .abstand50,
#ohrringe .abstand60 {
	padding:0 0 0 1px;
}

/* ---------------------------------------- über uns  */
#barbara {
	position: static;
	float: left;
	padding: 10px;
}
#barbara p {
	padding:0;
}
#nicole {
	position: static;
	float: left;
	padding: 10px;
}
#nicole p {
	padding:0;
}
/* ---------------------------------------- kontaktformular  */
#kontaktform fieldset {
	font-size: 0.9em;
	border:0 none;
	margin:0;
	padding:0;
}
#kontaktform label {
	display:block;
	float:left;
	width:100px;
	margin:2px 0 0 26px;
	clear:both;
}
#kontaktform input.ipt, #kontaktform textarea {
	width:240px;
	margin:2px 0;
}
#kontaktform input.submit {
	width:245px;
	margin:15px 0 0 124px;
}
/* bk2::honey  */
#kontaktform #mywebsite {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0;
	height:0;
	overflow:hidden;
	display:inline;
}
.error {
	color:red;
	background:inherit;
}
/* ---------------------------------------- google map  */

#karte {
	margin: 20px 0 0 0;
}
.line-height {
	line-height: 50px;
}
#barbaramap {
	padding: 175px 0 0 420px;
}
#barbaramap p {
	padding:0;
}
#nicolemap {
	padding: 200px 0 20px 420px;
}
#nicolemap p {
	padding:0;
}
#nicolemap p img {
	display: none;
	padding: 7px 0 0 0;
}
/* ------------------------------------------  footer */
#footer {
	height:70px;
	width:760px;
	background:url(../img/karte-footer.png) no-repeat 0 0;
	padding:20px 0 0 50px;
}
#footer p {
	float:right;
	font-weight:bold;
	padding:0 50px 0 60px;
}
/* ---------------------------------------- belweb */
#belweb {
	margin:0 0 20px 0;
	height:60px;
}
#belweb img {
	float:right;
	padding-right:63px;
}
/* ---------------------------------------- general */
.clearleft {
	clear:left;
	margin:0;
	padding:0;
	height:0;
	overflow:hidden;
}
.clearboth {
	clear:both;
	margin:0;
	padding:0;
	height:0;
	overflow:hidden;
}