/* ************ Navigation-Style *************** */
@import url("./navi.css");	/* Import Navigation styles */

html, body { margin: 0px; padding: 0px; background-color: #f3f3f3; font: 12px Arial, Helvetica, sans-serif; color: #000000; }


/* ************ Page-Zones ************ */
#page_container { margin-top: 30px; margin-left: auto; margin-bottom: 0px; margin-right: auto; width: 900px; }

#claim { margin: 0px; padding: 0px; text-align: center; height: 40px; background-color: #ffffff; 
	background-image: url(../images/claim.png); background-repeat: no-repeat; background-position: 252px 50%; border-top: 1px #cacaca solid;
	border-left: 1px #cacaca solid; border-right: 2px #cacaca solid; border-bottom: 1px #cacaca solid; }

#desire {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	height: 120px;
	border-top: 1px #cacaca solid;
	border-left: 1px #cacaca solid; 
	border-right: 2px #cacaca solid; 
	border-bottom: 1px #cacaca solid;
	background-image: url('../aktuell/images/verlauf_logo_898.jpg');
	background-repeat: no-repeat;
	background-position: left top;
}

#basic_zone { margin: 0px; padding: 0px; background-color: #ffffff;  height: 413px; 
	border-left:1px #cacaca solid; border-top:1px #cacaca solid; border-bottom: 2px #cacaca solid; border-right: 2px #cacaca solid; }

#content_box { margin: 0px; padding: 0px; height: 413px; /* display: block; */ }


#elemente { margin: 0px; padding: 0px; width: 897px; height:413px;  }


#wave_box { position:relative; margin: 0px; top:-162px; height: 162px; background: URL(../images/wave.png) no-repeat; } 


#content { float:left; position: absolute; margin: 0px; padding: 20px 15px 15px 30px; width: 486px; height: 320px; overflow: visible; 
		overflow: auto; overflow-x: hidden; z-index:30;  }

#content_map { float:left; position: absolute; margin: 0px; padding: 20px 15px 15px 30px; width: 486px; height: 320px; overflow:hidden; z-index:30;  }


#footer_zone { margin: 8px 0px 8px 0px; padding-left: 2px; width: 900px; }

.art_nav { margin: -18px 0px 18px -28px; }

/* ******* Image-Declarations ******** */
#start_image { margin: 0px; padding: 0px; position: relative; width:897px; height:413px; background: URL(../images/noschbild.jpg); }

#bild_01 { float: right; width: 364px; height:360px; background: url(../profil/images/rubrikbild.jpg); }
#bild_011 { float: right; width: 364px; height:360px; background: url(../profil/images/nobild_02.jpg); }
#bild_012 { float: right; width: 364px; height:360px; background: url(../profil/images/nobild_03.jpg); }
#bild_013 { float: right; width: 364px; height:360px; background: url(../profil/images/nobild_04.jpg); }

#bild_02 { float: right; width: 364px; height:360px; background: url(../aktuell/images/rubrikbild.jpg); z-index:20; }
#bild_021 { float: right; width: 364px; height:360px; background: url(../aktuell/images/nobild_22.jpg); z-index:20; }
#bild_022 { float: right; width: 364px; height:360px; background: url(../aktuell/images/nobild_23.jpg); z-index:20; }
#bild_023 { float: right; width: 364px; height:360px; background: url(../aktuell/images/nobild_24.jpg); z-index:20; }
#bild_025 { float: right; width: 364px; height:360px; background: url(../aktuell/images/nobild_25.jpg); z-index:20; }
#bild_027 { float: right; width: 364px; height:360px; background: url(../aktuell/images/nobild_27.jpg); z-index:20; }
#bild_028 { float: right; width: 364px; height:360px; background: url(../aktuell/images/nobild_28.jpg); z-index:20; }
#bild_029 { float: right; width: 364px; height:360px; background: url(../aktuell/images/nobild_29.jpg); z-index:20; }
#bild_030 { float: right; width: 364px; height:99px; background: url(../aktuell/images/nobild_30.gif); z-index:20; }
#bild_131 { float: right; width: 364px; height:360px; background: url(../aktuell/images/nobild_131.gif); z-index:20; }
#bild_132 { float: right; width: 364px; height:197px; background: url(../aktuell/images/nobild_132.gif); z-index:20; }

#gallery_01 { float: right; width: 364px; height:360px; z-index:20;}

#bild_03 { float: right; width: 364px; height:360px; background: url(../sortiment/images/rubrikbild.jpg); z-index:20; }
#bild_031 { float: right; width: 364px; height:360px; background: url(../sortiment/images/marken_fassung.png); z-index:20; }
#bild_032 { float: right; width: 364px; height:360px; background: url(../sortiment/images/blank.gif); z-index:20; }
#bild_033 { float: right; width: 364px; height:360px; background: url(../sortiment/images/marken_sonnen.png); z-index:20; }


#bild_04 { float: right; width: 364px; height:360px; background: url(../augen/images/rubrikbild.jpg); z-index:20; }
#bild_041 { float: right; width: 364px; height:360px; background: url(../augen/images/nobild_41.jpg); z-index:20; }
#bild_042 { float: right; width: 364px; height:360px; background: url(../augen/images/nobild_42.jpg); z-index:20; }

#bild_05 { float: right; width: 364px; height:360px; background: url(../service/images/rubrikbild.jpg); z-index:20; }

#bild_06 { float: right; width: 364px; height:360px; background: url(../linsen/images/rubrikbild.jpg); z-index:20; }
#bild_061 { float: right; width: 364px; height:360px; background: url(../linsen/images/nobild_61.jpg); z-index:20; }
#bild_062 { float: right; width: 364px; height:360px; background: url(../linsen/images/nobild_62.jpg); z-index:20; }
#bild_063 { float: right; width: 364px; height:360px; background: url(../linsen/images/nobild_63.jpg); z-index:20; }

#bild_07 { float: right; width: 364px; height:360px; background: url(../fachwissen/images/motiv_wissen.jpg); z-index:20; }

#team_image04 { margin: 0px; padding: 0px; position: relative; width:530px; height:320px; background: URL(../team/images/teambild04KI.jpg); }
#team_image06 { margin: 0px; padding: 0px; position: relative; width:530px; height:339px; background: URL(../team/images/teambild06IH.jpg); }
#team_image09 { margin: 0px; padding: 0px; position: relative; width:530px; height:258px; background: URL(../team/images/teambild09DS.jpg); }

#hint_zone { float: right; width: 304px; height:300px; padding:30px; z-index:20; }

.brand_drei { padding:26px 0 0 50px; display:inline-block; }

/* ****************** Font-Styling ******************* */
h2 { margin: 0px; padding: 0px; font-size: 22px; font-family: "Times New Roman", serif; color: #4b4d50; }
p { font-size: 13px; line-height: 18px; }
p.oh { margin: 0px; }
p a { font-weight: bold; font-size: 11px; color:#4b4d50; }
p.sml { font-size: 11px; line-height:18px; } 
p.adress { margin:10px 0 14px 0; font-size: 13px; line-height: 15px; }
ul { margin:6px; padding:0 0 0 14px; }
ul li { font-size: 13px; line-height: 18px; }
ul a, p a.dwl { font-weight: bold; font-size: 13px; color:#4b4d50; }
p.hint { font-size: 12px; line-height: 16px; }
strong.grey { color:#4b4d50; }
.arrow { list-style-image: url(../images/arrowlink.gif); }
p.adress-box-big { margin: 4px 0 0 0; padding:2px 4px 2px 6px; background-color: #d6dadd; font-size:11px; height:10px; border:1px #a6aeb2 solid; 
		line-height:10px; }

span.right { position: absolute; right: 0; }
.adress-box { margin: 0; padding:2px 4px 2px 6px; width:260px; background-color: #d6dadd; font-size:11px; height:10px; border:1px #a6aeb2 solid; 
		line-height:10px; }
.adress img { width: 29px; height:13px; border:none; }

.staff { margin:4px 0 0 0; font-size:12px; line-height: 18px; }
.staff a { text-decoration:none; font-weight:normal; }

.prepix { float: left; margin: 0px 10px 0px 0px; }


/* ****************** Icons ********************* */

ul#phone { list-style-position: outside; margin-left: 4px; }
#phone li { list-style-image: url(../kontakt/images/phone.gif); } 
ul#time { list-style-position: outside; margin-left: 4px; }
#time li { list-style-image: url(../kontakt/images/uhr.gif); }


/* **************** Form-Style ****************** */
form#tsf { padding:10px; background-color: #d6dadd; height:154px; border:1px #a6aeb2 solid; }
#abo { float: right; margin:0px; width: 180px; }
#abo .hint { margin:0 0 4px 4px; font-size: 11px; }
/* #abo input { margin:0px; } */
#custom { float:left; width:250px; }
#custom input { width:240px; margin-bottom:4px; }


/* ******* Footer *********** */
#copy { position: relative; float: left; font-size: 11px; color: #909597; }
#hint a { position: relative; float: right; padding: 0px 4px 0px 0px; font-size: 11px; font-weight: bold; color: #909597; text-decoration: none; }


.clear { clear: both; height: 1px; overflow: hidden; }

/******* Galleries ******** */
.gallery { float: right; width: 364px; height:360px; z-index:20; margin-top: 45px;z-index:1000;position: relative;}
.gallerythumb, .gallery img {
  border: 1px solid #d1d3d5;
  padding: 2px;
  margin-bottom:3px;
  margin-left:3px;
}