/* CSS Document Jaworowski Schuhtechnik*/

* {
	margin:0;
	padding:0;
}

body {
	background-color:#DADADA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#wrapperbox {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 900px;
}

/*------Headerbox mit Logo------------------------
---------------------------------------------------------------------------------*/

#headerbox {
	height: 105px;
	background-color: #FFFFFF;
}

#headerbox_logo img{
	position:absolute;
	behavior: url("../pngbehavior.htc"); /* einmal mehr ein hack für Alphatransparenz im IE 5.5+  */
}

/*------Inhaltsbereich in der Mitte------------------------
---------------------------------------------------------------------------------*/

#mainbox {
	width:444px;
	float:left;
	background-color:#FFFFFF;
	margin-left: 5px;
}

#mainbox_content {
	padding: 10px 40px 20px 40px;
	color:#333333;
	font-size: 75%;
	line-height: 160%;
	min-height: 280px;
}

#mainbox_content_picbox {
	padding: 3px 0 0 3px;
}

#mainbox_content_picbox_welle {
	width: 438px;
	height: 55px;
	margin-top: -45px;
	padding:0 0 0 3px;
}

#mainbox_content_picbox_welle img {
	behavior: url("../pngbehavior.htc"); /* einmal mehr ein hack für Alphatransparenz im IE 5.5+  */
}

#mainbox_content h1 {
	background-image:url(bilder/layout/h1_border.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	color:#FC9F14;
	font-weight:bold;
	font-style:italic;
	font-size: 150%;
	margin-left: -40px;
	padding-left: 40px;
}

#mainbox_content h2 {
	background-image:url(bilder/layout/h2_border.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	color:#3D7883;
	font-size: 130%;
	padding-left: 40px;
	margin: 20px 0 8px -40px;
	lineheight: 125%;
}

#mainbox_content h3, #mainbox_content h4 {
	font-size: 110%;
}

#mainbox_content p {margin: 0 0 8px 0;}

#mainbox_content li {margin: 0 0 0 15px;}

#newsbox h1 {
	color: #6DA7A7;
	font-weight:bold;
	font-style:italic;
	font-size: 140%;
	background-image:none;
}

#newsbox {
	border: 1px dotted #6DA7A7;
	padding: 5px 5px 5px 10px;
	margin-top: 10px;
}

/*------Subnavigation in der Mainbox-Content------------------------
---------------------------------------------------------------------------------*/
#subnavigation {
	padding: 5px 0 5px 0;
	color:#448793;
	font-size: 90%;
}

#subnavigation li {
	display:inline; margin: 0;
}

#subnavigation ul li.subnavi_lo {
	padding-right: 10px;
}

#subnavigation ul li.subnavi_lo a {
	color:#448793;
	text-decoration:none;
}

#subnavigation ul li.subnavi_hi {
	/*background-image:url(bilder/layout/arrow_right_orange.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 15px;*/
	padding-right: 10px;
}

#subnavigation ul li.subnavi_hi a, #subnavigation ul li.subnavi_lo a:hover {
	color:#FC9803;
	text-decoration:underline;
}

/*------Navigation auf der linken Seite------------------------
---------------------------------------------------------------------------------*/

#leftbox {
	float:left;
	width: 220px;
	height:auto;
}

#navibox {
	background-color:#F7F7F7;
	margin-top:5px;
	font-size:70%;
}

#navibox ul {
	color: #FFFFFF;
	font-weight:bold;
}

#navibox ul a {
	color: #FFFFFF;
}

#navibox li {
	list-style-type:none;
}

#navibox ul li.navi_lo {
	background-color: #FABE65;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	height: 45px;
	padding: 10px 0 0 10px;
}

#navibox ul li.navi_lo a{
	text-decoration:none;
}

#navibox ul li.navi_hi {
	background-color: #FC9803;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	height: 45px;
	padding: 10px 0 0 10px;
}

/*------"Über die Firma Jaworowski" Navigationspunkt------------------------
---------------------------------------------------------------------------------*/

#navibox ul#navi_ueberuns li.navi_hi {
	background-color: #7BB6B6;
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	font-weight:bold;
	text-decoration:underline;
	height: 45px;
	padding: 10px 0 0 10px;
}

#navibox ul#navi_ueberuns li.navi_lo {
	background-color: #C1D5D9;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	height: 45px;
	padding: 10px 0 0 10px;
}

/*------"Startseite" Navigationspunkt------------------------
---------------------------------------------------------------------------------*/
ul#navi_home li.navi_lo  {
	background-image:url(bilder/layout/arrow_right.gif);
	background-position: left;
	background-repeat:no-repeat;
	background-color: #F7F7F7;
	color:#448793;
	height: 20px;
	font-weight:normal;
	padding-left: 15px;
}

ul#navi_home li.navi_lo a {
	color:#448793;
}

ul#navi_home li.navi_hi  {
	background-image:url(bilder/layout/arrow_right.gif);
	background-position: left;
	background-repeat:no-repeat;
	background-color: #F7F7F7;
	color:#448793;
	height: 20px;
	font-weight:bold;
	padding-left: 15px;
}

ul#navi_home li.navi_hi a {
	color:#448793;
}

/*------Menüpunkte "Sitemap, Impressum+Datenschutz, AGBs"------------------------
---------------------------------------------------------------------------------*/
ul#metamenu  {
	background-color:#F7F7F7;
	color: #72A4AD;
	font-size:60%;
	font-family:Tahoma, Arial, sans-serif, Verdana;
	padding: 5px;
	text-align:center;
}

ul#metamenu li {
	display:inline;
}

ul#metamenu a {
	color: #72A4AD;
	text-decoration:none;
}

ul#metamenu li.navi_hi a{
	text-decoration:underline;
}

/*------Footerbox------------------------
---------------------------------------------------------------------------------*/
#footer {
	color:#FFFFFF;
	background-color:#6DA7A7;
	font-size: 70%;
	width: 444px;
	text-align: right;
	border-top: 4px solid #DADADA;
	padding: 10px 0 10px 0;
	font-family:Tahoma, Arial, sans-serif, Verdana;
}

#footer a {
	color:#FFFFFF;
}

/*------Infobox auf der rechten Seite------------------------
---------------------------------------------------------------------------------*/

#infobox { /*rechte box*/
	float:left;
	width: 220px;
	height: 100px;
	margin-left: 5px;
}

#infobox_adress {
	background-color:#FFFFFF;
	background-image:url(bilder/layout/infobox_adress_hg.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#448793;
	font-family:Tahoma, Arial, sans-serif, Verdana;
	font-size: 70%;
	line-height: 140%;
	padding: 10px 20px 10px 20px;
}

#infobox_adress ul li {
	list-style-type:none;
}

ul#kontakt_navi li.navi_lo {
	background-image:url(bilder/layout/arrow_right.gif);
	background-position: 0 15px;
	background-repeat:no-repeat;
	padding: 10px 0 0 20px; 
	color:#448793;
	text-decoration:none;
}

ul#kontakt_navi li.navi_hi {
	background-image:url(bilder/layout/arrow_right.gif);
	background-position: 0 15px;
	background-repeat:no-repeat;
	padding: 10px 0 0 20px; 
	color:#448793;
	text-decoration:underline;
}

ul#kontakt_navi li.navi_lo a{
	color:#448793;
	text-decoration:none;
}

ul#kontakt_navi li.navi_hi a{
	color:#448793;
	text-decoration:underline;
}


/*------Infobox auf der rechten Seite------------------------
---------Bildbereich------------------------------------------------------------------------*/

#infobox_pic {
	font-size: 65%;
	width: 220px;
	background-color: #FFFFFF;
	text-align:center;
	padding: 2px 0 2px 0;
	margin: 5px 0 5px 0;
}

.body_ee_list .picbox_pic, #infobox_aktuell .picbox_pic {
    float:right;
	font-size: 80%;
  }

/*------Infobox auf der rechten Seite------------------------
---------Aktuelles Bereich------------------------------------------------------------------------*/

#infobox_aktuell {
	width: 200px;
	background-color: #FFFFFF;
	padding: 10px;
	font-size: 65%;
	color:#448793;
}

#infobox_aktuell h1 {
	color:#FC9803;
	font-size: 120%;
	margin: 0 0 6px 0;
}

#infobox_aktuell h2 {
	color:#448793;
	font-size: 120%;
	line-height: 130%;
	margin: 2px 0 2px 0;
}

#infobox_aktuell h2 a{
	color:#448793;
}
 
#infobox_aktuell .preis {
	color:#FC9803;
	background-image:none;
	padding-left: 0;
}

/*------Sonstige Formatierungen------------------------
---------------------------------------------------------------------------------*/
.mehr_button {
	background-image:url(bilder/layout/arrow_right.gif);
	background-position: 0 12px;
	background-repeat:no-repeat;
	padding: 10px 0 0 20px;
	font-size: 85%;	
}

a.mehr_button {
	color: #448793;
	text-decoration:none;
}

.zurück_button {
	background-image:url(bilder/layout/arrow_left.gif);
	background-position: left;
	background-repeat:no-repeat;
	padding: 0 0 0 20px;
	font-size: 85%;
	margin: 10px 0 0 0;
}

a.zurück_button  {
	color: #448793;
}

.top_button {
	background-image:url(bilder/layout/arrow_top.gif);
	background-position: 0;
	background-repeat:no-repeat;
	padding: 0 0 0 10px;
	margin: 15px 0 0 40px;
	font-size: 65%;
	color: #FFFFFF;
	position:absolute;
}

.top_button a {
	color: #FFFFFF;
	text-decoration:none;
}

/* tabellenformatierung
----------------------------------------------*/
table {
	border-collapse: collapse;
	border: 1px solid #BDBDBD;
	font-size: 95%;
	color:#666666;
}

td {
	border: 1px solid #BDBDBD;
	padding: 3px;
}

th {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #6DA7A7;
	padding: 5px;
}

/* easy-edit
----------------------------------------------*/
.body_ee {
	margin: 0 0 6px 0;
}

.body_ee ul li {
	list-style-type: disc;
	background-color: none;
	margin: 5px;
	padding: 0 5px;
}

.body_ee_list {
	padding: 0 5px 5px 18px;
	background-color:#F7F7F7;
	border: 1px solid #E1EAEC;
	margin: 10px 0 0 0;
}

.body_ee ul, .body_ee_list ul {
	margin: 2px 0 2px 16px;
	font-size:90%;
}

 .body_ee dl, .body_ee_list dl {
	margin: 0;
	font-size:90%;
}

.body_ee_list p{
	font-size: 90%;
	line-height: 140%;
}

.body_ee_list a {
	color: #000000;
}

.body_ee a {
	color: #000000;
}

h3.titel_ee a {
	color: #FC9803;
	text-decoration: underline;
}

h3.titel_ee {
	font-size: 120%;
	padding: 0 0 0 5px;
	margin: 0 0 0 -18px;
	text-align: left;
	color: #FC9803;
	border-left: 12px solid #FC9803;
}

#newsbox h3.titel_ee {
	margin: 5px 0 0 -10px;
}

.body_ee .teaser_ee {
	font-weight: bold;
	font-size: 100%;
	margin: 0;
}

.body_ee_list .teaser_ee {
	font-weight: normal;
	font-size: 90%;
	line-height: 140%;
	margin: 5px 0 0 0;
}

.text_ee {
	font-size: 85%;
	margin: 0;
	padding: 0;
}

.link_ee a {
	color:#000000;
}

.link_ee {
	font-weight:bold;
	padding: 0 0 0 3px;
	border-left: 8px solid #6DA7A7;
	margin-top:10px;
}

.datei_ee a {
	color:#000000;
}

.datei_ee {
	padding: 0 0 0 3px;
	margin-top:10px;
}

.picbox_pic {
	text-align: center;
	font-size: 80%;
}

.picbox_pic_text {
	text-align: center;
}

.picbox_pic_text a {
	color:#666666;
	text-decoration:none;
}

div.picbox_pic img {
	margin: 5px;
	border: 1px solid #000000;
	font-size: 80%;
}

.date_ee {
	font-weight: bold;
	font-size: 95%;
	display: none; /* ausgeblendet */
	padding: 0 5px 2px 4px;
	margin-left: -10px;
	border-left: 13px solid #FC9803;
	color:#000000;
	background-color: #FFFFFF;
}

.preis {
	background-image:url(bilder/layout/arrow_right.gif);
	background-position: left;
	background-repeat:no-repeat;
	color:#6DA7A7;
	padding-left: 15px;
	font-weight:bold;
}

.bilderseite {
	text-align:center;
}

hr.clear_both {
	clear:both;
	color:#F7F7F7;
	height: 0;
	margin: 3px 0 0 0;
	padding:0;
	border:none;
	border-bottom:1px dotted #ccc;
}