html, body {margin: 0px;padding: 0px;}

body {
	background-color: #363636;
	font-size: 14px;
	color: #000000;
	text-align: justify;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	scrollbar-base-color: #2b2b2b;
	background-image: url(grafx/az_body_bg.jpg);
	background-position: center;
	background-repeat: repeat-x;
	background-attachment: fixed;
}
h1.cthd {
	font-size: 30px;
	text-align: center;
	line-height: 34px;
	margin-top: 0px;
}
#content h2 {font-size: 16px; font-weight: bold;}
hr.sub {	color:#ef6b00; background-color:#ef6b00; height:3px; text-align:center; border:1px double #ef6b00; width:145px; text-align:center;}
hr.mt {
	background-color: #ff917d;
	height: 3px;
	text-align: center;
	border: 1px double red;
	width: 195px;
	text-align: center;
}
hr.adwl {border:1px solid #FFFFFF;}
h4 {font-size: 20px; font-weight: bold;margin: 0;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color:#ed6a00;}

.imgdeko {text-align: center;border: 10px ridge #8B0000;}

/* Container */
#cnt_body {position: relative;z-index: 2; padding: 0px;width: 600px;text-align:center;	color: #000000; }
#content {position: relative;	width: 1000px;}

#wrapper {position: relative;text-align: center;background-color: #fefcd6;width: 1000px;min-height: 650px;
	height: auto !important; /* für moderne Browser */height: 650px; /*für den IE */
	padding: 0px;margin: 0px;border: 1px solid #000000;background-image: url(grafx/yin-yang_bg.jpg);background-repeat: repeat-x;}

#footer {position: relative; width: 1000px; height: 50px; font-size: 10px;font-weight: normal;background-color:#dedac1;color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

#pixline {position: relative; padding-top: 8px; width: 1000px; height: 150px; font-size: 10px;font-weight: normal;background-color:#eae6cb;color: #7C0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;border-top: 1px solid #550000;}	

#footer_tab {width: 1000px; font-weight: bold; font-size: 12px;	font-family: Arial;
	 height: 38px;	vertical-align: middle;background-image: url(grafx/subbar_middle.jpg);background-position: right;background-repeat: repeat-x;}
		
#header 	 {position: width: 1000px;	height: 334px; background-image: url(grafx/yin-yang_header_neu.jpg);background-position: center;	background-repeat: no-repeat;}
#header_t {position: width: 1000px;	height: 8px; background-image: url(grafx/yy_header_tp.png);background-position: top center;	background-repeat: no-repeat;padding: 0px;font-size:7px;}
#header_b {position: width: 1000px;	height: 30px; background-image: url(grafx/yy_header_bt.png);background-position: top center;	background-repeat: no-repeat;padding: 0px; padding-top: 8px; color:#550000;}

#headup {position: relative;height: 20px;width:800px;}
#hdl {position: relative;height: 30px;width: 1000px;}

#menulist {color:#ef6b00;font-weight: bold;text-align:left;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 5px 10px 5px 10px;}

#submenu {position: relative;	width: 800px;	height: 20px; text-align: left; background-color: #f7e0a8;color: #000000;border-top: 2px solid #052b55;border-bottom: 2px solid #052b55;}
#submenu td {vertical-align: middle;line-height: 20px;font-size: 12px;font-weight: bold;}

#az_ordner {position: absolute; top: 100px; left: 15px;}

.headpic {width:249px; height:250px; background-image: url(grafx/az_header_hilfe.jpg); background-repeat: no-repeat; border-left: 3px solid #FFFFFF;}
.headlogo { height: 188px; background-image: url(grafx/az_header_logo_bg.jpg); background-repeat: no-repeat; border-top: 3px solid #052b55;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; color: #000000;}
.headbbh { height: 60px; background-image: url(grafx/az_header_bbh_bg.jpg); background-repeat: no-repeat; text-align: center;
	padding: 5px 0px 0px 60px; font-size: 13px; font-weight: normal;line-height: 16px;}

.az_firma {font-family: "Times New Roman", Times, serif; font-size: 44px; padding-left: 120px;}
.az_name {font-family: Arial, Helvetica, sans-serif;font-size: 28px;font-weight: bold;color: #ff8c00;padding-left: 140px;}	
.az_adr {font-size: 13px; padding-left: 115px; line-height: 26px;}

.menu_aktiv {background-color: #052b55;	color: #FFFFFF;}
.menu_passiv {background-color: #f9c446;}
.menu_passiv, .menu_aktiv {width:100px; border-left: 1px solid #FFFFFF;border-right: 2px solid #FFFFFF; text-align:center;}

.preisliste {font-size: 14px; font-weight: bold;color: #7c0000;}
.schwarz {color: #000000;}

.agbpg {font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.agbtxt {font-size: 12px;font-weight: normal;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;text-align: justify;}
.adw {padding: 10px;color:#FFFFFF;background-image: url(grafx/angbg2.png); background-repeat: repeat; border: 5px ridge #CCCCCC;}
.atd {color: #FFFFFF;font-size: 24px;line-height: 32px;}
.ato {color: #FFFFFF; font-size: 16px;font-weight:normal;}
.bild {border: 5px ridge #ed6a00;margin-top:20px;}
.bild2 {border: 5px double #FFD700;}
.bild_det {border: 15px ridge #ed6a00;}
.bild_adw {padding-right:10px;padding-bottom:5px;}
.leftpic {padding: 0px 10px 5px 0px;}
.rightpic {padding: 0px 0px 5px 10px;}
.fotoalbum {line-height: 50px;font-size: 24px;}
.adwhl {font-size:24px;color: #004c01;text-align: center; font-weight: bold;}
.adwtxt {font-size: 18px;}
.adwprc {font-size: 30px;font-weight: bold;text-align: right;color: #004c01;}
.adwdesc {font-size:18px;line-height:24px;color: #004c01;font-weight: bold;}
.oldprc {font-size: 20px; font-weight: bold;color: #FFFFFF;}
.small {font-size:18px;font-weight: normal;padding-right: 5px;color: #004c01;}
.small2, .ib_small {font-size: 12px;font-weight: normal;padding-right: 5px;color: #FFFFFF;}
.ib_small {color: #000000;}
.hl {font-size: 32px;font-weight: bold;padding-top: 10px;}
.ntd {color: #FFFFFF;font-size: 30px;line-height: 60px;}
.nto {color: #FFFFFF; font-size: 18px;font-weight:normal;}
.content {text-align: center;font-size: 20px;color: #FFFFFF;}
.padb {padding-bottom: 25px;width:220px;text-align: center;}
.linkinfo {color: #FFFFFF;text-align:center; font-weight:bold;}

.paragraph{font-size: 12px;color: #000000;text-align: justify;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.paragraph2{font-size: 14px;color: #000000;text-align: justify;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.parahead{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #820404;
	font-family: Arial, Helvetica, sans-serif;
}

.submenu {
	border-left: 2px solid #FFFFFF; border-right: 1px solid #FFFFFF;
}

.texttable {
	font-size: 12px;
	color: #000000;
	padding: 10px;
	border: 5px double #820404;;
	background-color: #ffebcc;
}
.terminabsprache {
	width: 225px;
	height: 170px;
	background-image: url(grafx/yy_terminabsprache2.gif);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
	margin: 5px 0px 5px 0px;
}

.geschenkbox {
	width: 225px;
	height: 175px;
	border: 1px solid #000000;
	overflow: hidden;
}

.infobox {
	width: 225px;
	border: 1px solid #000000;
	background-image: url(grafx/yy_preisvorteil2.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

.infoboxtext {
	padding: 80px 5px 15px 5px;
	text-align: center;
	font-weight: bold;
}
.ibt_big {
	font-size: 24px;
	color: #7c0000;
}

.menutable {
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	color: #f4a460;
	font-weight: bold;
}

td.date {width: 200px;text-align: right;padding-right: 20px;}

td.boxt {background-image: url(grafx/box_top.jpg);background-position: top;}
td.boxc {
	background-image: url(grafx/box_ct.jpg);
	background-position: center;
	background-repeat: repeat-y;
	height: 100px;
	vertical-align: top;
	text-align: center;
	padding: 0px 5px 0px 5px;
	color: #ef6b00;
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
td.boxb {background-image: url(grafx/box_bot.jpg);background-position: bottom;}

td.boxt, td.boxb {background-repeat: no-repeat;height:15px;}

td.headdate {width:400px;font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;padding-left: 27px;color: #f3dfac;}
td.headlinks {width:600px;font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;height: 30px;padding-right: 30px; text-align: right;color: #8c3504;}

td.mct {
	background-image: url(grafx/yy_menu_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	padding: 5px 0px 5px 0px;
}

td.mtt {
	background-image: url(grafx/yy_menu_t.png);
	background-position: top center;
	background-repeat: no-repeat;
	height:15px;
}

td.mtb {
	background-image: url(grafx/yy_menu_b.png);
	background-position: top center;
	background-repeat: no-repeat;
	height:15px;
}

td.sidebar {width: 225px;vertical-align: text-top;	padding: 10px 10px 20px 27px;}

td.sbl {background-image: url(grafx/subbar_left.jpg);background-position: left;padding-left: 10px;}
td.sbr {background-image: url(grafx/subbar_right.jpg);background-position: right;padding-right: 10px;text-align:right;}
td.sbm {text-align: center; width:340px;}

td.sbl, td.sbr {
	width: 330px;background-repeat: no-repeat;
}
td.txttab {padding: 0px 10px 0px 10px;height:25px;font-weight:bold;vertical-align:top;font-size: 14px;color: #000000;}
td.menuside {width: 30px;}
td.wrapbody {
	vertical-align: top;
	padding: 10px 40px 25px 20px;
	width: 635 px;
	color: #7c0000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	min-height: 400px;height: auto !important; /* für moderne Browser */height: 400px; /*für den IE */
}

td.wrapbody li {
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 16px;
	text-indent: 10px;
	list-style-type: upper-roman;
}

td.wraptabmenu {width: 200px;vertical-align: top;padding-top: 15px;padding-bottom: 120px;text-align: center;}

/* LINKS */
a:link {text-decoration:none;}
a:visited{text-decoration:none;}

a.link, a.link:active {color: #000000;}
a.link:hover {color: #820404;}

a.fotolink, a.fotolink:active	{color: #EA7C0D;}
a.fotolink {font-weight: bold;font-size: 24px;font-family: "Times New Roman", Times, serif;
	text-align: left;font-variant: normal;}	
a.fotolink:hover {color: #B22222;}

a.hd_links, a.hd_links:active {color: #f3dfac;}
a.hd_links:hover {color: #000000;}

a.ft_links, a.ft_links:active {color: #820404;}
a.ft_links:hover {color: #000000;}

a.mn_links, a.mn_links:active {color: #FFFFFF;font-size: 13px;font-weight: bold;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
a.mn_links:hover {color: #f4a460;}

a.implink, a.implink:active	{color: #EA7C0D;unicode-bidi:bidi-override; direction: rtl;}
a.implink {font-weight: bold;font-size: 14px;font-family: "Times New Roman", Times, serif;
	text-align: left;font-variant: normal;unicode-bidi:bidi-override; direction: rtl;}	

a.meli, a.meli:active, a.meli:hover {color: #ef6b00;font-weight:bold;}

a.nav_link, a.nav_link:active {color: #ef6b00;font-size:24px;font-weight:bold;}
a.nav_link:hover {color: #ef6b00;}

a.pageswitch {color:#ed6a00;}
a.pageswitch:active, a.pageswitch:hover {color: #F4A460;}

a.ref_tab,a.ref_tab:active,a.ref_tab:hover,td.sideswitch {font-size:16px;font-weight: bold;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;color:#FFFFFF;}
a.ref_tab,a.ref_tab:active {color: #ed6a00;}
a.ref_tab:hover {color: #B22222;}

/* CAROUSEL */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 250px; /*Width of Carousel Viewer itself*/
height: 150px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px; /*margin around each panel*/
	width: 212px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* CSS-Grundgerüst für einen Tooltip */
.tooltip_col {
	width: 220px;
	padding-left: 5px;	
	line-height: 20px;
}

a.tooltip:hover {
    position: relative;        /* Bezug für span, IE: erst bei :hover setzen */
    background: #FFFFFF;   /* IE, Farbe egal */
}  

a.tooltip span {
	position: absolute;        /* aus Textfluß herausnehmen */
   visibility: hidden;        /* normal: unsichtbar */
   width: 10em;               /* FF: kein Leerzeichen vor Einheit */
   top: -2px; left: 43px;     /* Tooltip-Position, sollte man festlegen */
	width: 250px;
}

a.tooltip:hover span {
	visibility: visible;   }   /* hover: sichtbar */

a.tooltip {
	text-decoration: none;
	color: #7c0000;
	border: 1px solid #7c0000;
	font-size: 10px;
	padding: 2px 5px 2px 5px;
	background-color: #FFFFFF;
}

a.tooltip span {
	background: #ffffdd;
   border: 1px solid #aaaaaa;
   padding: 7px;
	font-size: 12px;
}

a.tooltip span b { 
	display: block;
   font-weight: bold;
   border-bottom: 1px solid #888888;
   margin-bottom: 5px;
}