@charset "UTF-8";

* {
margin:0;
padding:0;

}

ul {
margin: 0; 
	padding: 0;
}

li {
	list-style: none;
	text-decoration: none;
}
body {
	background-image: url(../img/bohnjuwelen-03.jpg);
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 140%;
	color: #FFFFFF;
	
}



#container {
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 860px;
	height: 400px;


}


#logo, #divNavi {
	float:left;

}

a img {
	border: none;
	}

#left {
	height: 345px;
	width: 335px;
	float: right;
	margin-right: 15px;
	
}

#left img {
	border: 10px solid #FFFFFF;
	
	
}



#right {
	height: 345px;
	width: 510px;
	float: right;
	background-image: url(../img/pink-bg.png);
	background-repeat: repeat;
	

}


#content-container {
	clear:both;
	margin-top: 30px;
	padding-top: 30px;
}


a:link {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
a:visited { font-weight:bold; color:silver; text-decoration:none; }
a:focus {
	font-weight:bold;
	color:#F172AB;
	text-decoration:underline;
}
a:hover {
	font-weight:bold;
	color:#F172AB;
	text-decoration:underline;
}
a:active {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}



/* footer */

#footer {
	text-align: right;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	padding-top:5px;

}

#footer ul li {
display:inline;
padding-top:5px;
margin-right: 6px;

}


#footer li a {
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	font-family: "Times New Roman", Times, serif;
	text-decoration: none;
}

#footer li a.current {
	text-decoration: underline;
	color: #F172AB;
}


#right p {
	margin-top: 30px;
	margin-left: 30px;
	width: 460px;

}


/*--- Navi ---*/



#divNavi {
	position: relative;
	top: 50px;
	left: 280px;
	width: 431px;
	height: 36px;
	z-index: 1000;
}

#navul {
	width: 431px;
	height: 36px;
	background: transparent url(../img/bohnjuwelen_navi.gif) no-repeat;
	padding: 0;
}

#divNavi li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
}


#divNavi li, #divNavi a {
	height: 36px;
	display: block;
}

.strich {color: #9A9892}


#menu01 {left: 0px; width: 73px;}
#menu02 {left: 101px; width: 87px;}
#menu03 {left: 216px; width: 69px;}
#menu04 {left: 315px; width: 115px;}


#menu01 a:hover {background: transparent url(../img/bohnjuwelen_navi.gif) 0px -36px no-repeat;}
#menu02 a:hover {background: transparent url(../img/bohnjuwelen_navi.gif) -101px -36px no-repeat;}
#menu03 a:hover {background: transparent url(../img/bohnjuwelen_navi.gif) -216px -36px no-repeat;}
#menu04 a:hover {background: transparent url(../img/bohnjuwelen_navi.gif) -315px -36px no-repeat;}


.hidden { 
display:none;
}


#menu01 a:active {background: transparent url(../img/bohnjuwelen_navi.gif) 0px -36px no-repeat;}
#menu03 a:active {background: transparent url(../img/bohnjuwelen_navi.gif) -101px -36px no-repeat;}
#menu03 a:active {background: transparent url(../img/bohnjuwelen_navi.gif) -216px -36px no-repeat;}
#menu04 a:active {background: transparent url(../img/bohnjuwelen_navi.gif) -315px -36px no-repeat;}

body.Home #menu01, body.Home #aHome:hover {background: transparent url(../img/bohnjuwelen_navi.gif) 0px -72px no-repeat;}
body.About #menu02, body.About #aAbout:hover {background: transparent url(../img/bohnjuwelen_navi.gif) -101px -72px no-repeat;}
body.Shop #menu03, body.Shop #aShop:hover {background: transparent url(../img/bohnjuwelen_navi.gif) -216px -72px no-repeat;}
body.Kontakt #menu04, body.Kontakt #aKontakt:hover {background: transparent url(../img/bohnjuwelen_navi.gif) -315px -72px no-repeat;}