/* globale Defaultwerte */
body, td, p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

img     { border: none }
a, a:hover, a:active, a:visited, *:focus { text-decoration:none;  outline: none  !important; }
a, a:hover, a:active, a:visited { color: #f93; font-weight: bold; }
a:hover { color: #060; }
                
div, .current   { position: relative; top: 0; left: 0; display: block }

h1 { font-weight: bold; font-size: 20px; color: #060; margin-top: 12px; margin-bottom: 8px; }
h2 { font-weight: normal; font-size: 18px; font-style: italic; margin-top: 12px; margin-bottom: 6px; }
h3 { font-weight: bold; font-size: 14px; margin-top: 12px; margin-bottom: 4px }
h4 { font-weight: normal; font-size: 13px;  font-style: italic; margin-top: 8px; margin-bottom: 4px }
h5 { font-weight: bold; font-size: 12px; margin-top: 4px; margin-bottom: 4px }
h6 { font-weight: bold; font-size: 12px;margin-top: 4px; margin-bottom: 4px;text-align: justify;}
p   { margin: 0px; margin-bottom: 4px; padding: 0px; font-weight: normal; }
.indented { margin-left: 12px; }
ul  { padding: 0; margin: 3px 0px 3px 24px; } /* top right bottom left (uhrzeigersinn) */
li   { padding: 0; margin-top: 2px; margin-bottom: 2px; display: inline; }
td  { vertical-align: top; padding: 0px; margin:0px; }
#center td  { padding: 3px 12px; }
#center div.markt-daten td { padding: 0 0 8 0; }


/* spezielle Formatierungen */
.img-center { margin: 12px 0px; }
.img-left { float: left; margin: 0px 12px 12px 0px; }
.img-right { float: right; margin: 0px 0px 12px 12px;  }
h2.markt-slogan { font-weight: bold; font-size: 20px; color: #f93; font-style: italic; margin-top: -4px; margin-bottom: 6px; }
.markt_logo { float:right;}
.markt-img { float: right; margin: -5px 0px 12px 12px;  }
.markt-daten { display: block;}
.markt-daten-britz { display: block;  font-size: 11px;}
.markt-anschrift { top: -8px; font-size: 13px; }
.markt-zeiten { font-size: 13px; font-weight: bold; line-height: 16px; }
.markt-zeiten h3 {font-weight: normal}
.markt-zeiten-hermann { font-size: 11px; font-weight: normal; line-height: 14px; }
.markt-zeiten-hermann h3 {font-weight: bold}
.markt-zeiten-rudow {top: 6px; font-weight: bold; font-size: 13px;}
.markt-anfahrt {font-weight: bold}
.markt-angebote {font-size: 11px; font-weight: bold}
.markt-info {font-size: 11px; font-weight: normal}
.column { float:left; display:block; }
.h-separator { float:left; display:block;  width:24px; }
.clear {clear:both;}
.markt-daten .column { width:210px; }
.markt-daten .h-separator+.column { width:256px; }


/**************** Seitenstruktur **************************/
body { margin: 10px; margin-bottom: 8px; overflow-y: scroll; }
* html body { margin-bottom: 16px }
#margin                         { width: 100%  }
#inner, #page-structure   { width: 944px }  
#col-1, #header-left, #home-left, #menu-left                          { width: 204px }
#col-2, #header-right, #home-right, #content, #inner-structure { width: 740px }
#col-2-1, #center        { width: 474px; }
#col-2-2, #menu-right  { width: 178px; }
#col-2-3, #min-height   { width: 2px; } 

#page-structure, #inner-structure { XXtable-layout: fixed; }

#header-left, #header-right   { height: 112px;  border-bottom: 8px solid #F93 !important }
#home-left, #home-right       { height:  53px;  }
#menu-left, #content            {border-top: 1px solid #060 }
#min-height                        { height: 416px; }


#menu-right   { border-left: 12px solid #060; padding: 12px 0px 24px 18px; font-weight: bold;  } 
#menu-left     { padding: 16px 0px 0px 24px;  font-weight: bold;  }     
#home-left     { cursor: hand; }

#content    { padding-top: 24px; }
#center, #center-wide         { padding: 0px 20px 24px 36px; border-bottom: 8px solid white; }                                                   
.homepage #center { padding: 0px 12px 0px 23px; }


/* hintergrundfarben */
body, #page-structure { background: white }
#menu-left, #header, #trennbalken {background: #060}


/* bilder */
#slogan { position: absolute; left: 264px; top: 62px; width: 292px; height: 40px; background: url(bilder/slogan.gif) }

#logo    { float: right; right:0px; margin-right: 36px;
              top: 4px; width: 111px; height: 99px; background: url(bilder/marktlogo.png) }

#home-title { left: 14px; top: 12px; width: 54px; height: 24px; background: url(bilder/home5.jpg) }

#home-btn  { position: absolute; 
                   left: 166px; top: 16px; width:18px; height:18px; background: url(bilder/home-button.jpg) }

/* kategorieabhängige bilder */
.homepage #header-left {background:  url(bilder/homewochenmaerktekasten.jpg) bottom left;}
.homepage #home-right {background: url(bilder/homewochenmaerkteband.jpg) bottom right;}

.wochenmaerkte #header-left {background:  url(bilder/homewochenmaerktekasten.jpg) bottom left;}
.wochenmaerkte #home-right {background: url(bilder/homewochenmaerkteband.jpg) bottom right;}

.aktuell #header-left {background:  url(bilder/aktuelleskasten.jpg) bottom left;}
.aktuell #home-right {background: url(bilder/aktuellesband.jpg) bottom right;}

.marktverwaltung #header-left {background:  url(bilder/marktverwaltungkasten.jpg) bottom left;}
.marktverwaltung #home-right {background: url(bilder/marktverwaltungband.jpg) bottom right;}

.kontakt #header-left {background:  url(bilder/kontaktkasten.jpg) top left no-repeat;  border-bottom: 8px solid #F93 }
.kontakt #home-right {background: url(bilder/kontaktband.jpg) bottom right;}

.haendler #header-left {background:  url(bilder/haendlerkasten.jpg) bottom left;}
.haendler #home-right {background: url(bilder/haendlerband.jpg) bottom right;}






        /* (default-werte) */
            #header-left {background:  url(bilder/beispielphoto.jpg) bottom left;}
            #home-right {background: url(bilder/blumenkohl.jpg) bottom right;}


/* menu links */
#menu-left a            { position: relative; display: block; height: 20px; margin-top: 24px;  color:#F93;  font-weight: bold; }
#menu-left .level2 a   { padding-left: 16px;  margin-top: 4px; }
#menu-left a:hover,  #menu-left a.current {color:#FFF;}

.hidden { height:1px; width:1px; visibility: hidden } /* nur für blinde hörbar - hoffentlich */

#menu-left .pfeil       { position: absolute; top: 0; left: 142px; height: 22px; width: 30px; 
                                background:  #060 url(bilder/pfeil-pur.jpg) 0 0 no-repeat; }
#menu-left a:hover .pfeil {background-image:  url(bilder/pfeil-im-kreis-w.jpg)  }

/* menu links bilder */
#menu-left a   { background-position: 0 0; background-repeat: no-repeat; }

#aktuelles      { background-image: url(bilder/aktuelles1.gif); }
#aktuelles.current , 
#aktuelles:hover  { background-image: url(bilder/aktuelles2.gif); }
#wmarkt         { background-image: url(bilder/wochenmaerkte1.gif); }
#wmarkt.current, 
#wmarkt:hover { background-image: url(bilder/wochenmaerkte2.gif); }
#haendler       { background-image: url(bilder/haendler1.gif); }
#haendler.current , 
#haendler:hover { background-image: url(bilder/haendler2.gif); }
#marktverwaltung      { background-image: url(bilder/marktverwaltung1.gif); }
#marktverwaltung.current, 
#marktverwaltung:hover { background-image: url(bilder/marktverwaltung2.gif); }
#kontakt            { background-image: url(bilder/kontakt1.gif); }
#kontakt.current, 
#kontakt:hover { background-image: url(bilder/kontakt2.gif); }

/* menu rechts */
#menu-right a {color: #f93;  display: block; margin-top: 4px; padding-left: 24px; }
#menu-right a.level1 {color: #060;  margin-top: 12px;  padding-left: 0px; }
#menu-right a:hover, #menu-right a.current {color: #060}


/* karte */
#map { float: none; width: 495px; height: 398px; background: url(bilder/planmitbezirkfarbe.jpg) no-repeat; }
#map a {position: absolute; z-index: 2; width: 16px; height: 16px; display:block}
#map a:hover  {background:  url(bilder/pfeil16.gif) no-repeat;}
/*nico*/

/*nico ende*/

#anton {left: 253px; top: 154px}
#arkona {left: 222px; top: 184px}
#maybach {left: 246px; top: 225px}
#hermann {left: 257px; top: 236px}
#schiller {left: 244px; top: 254px}
#karl {left: 265px; top: 258px}
#fritz {left: 265px; top: 277px}
#britz {left: 255px; top: 292px}
#rotraut {left: 285px; top: 295px}
#pierosser {left: 300px; top: 313px}
#elckner {left: 345px; top: 260px}

/* karte-neukoelln */
#mapn { float: left; width: 270px; height: 398px; background: url(bilder/neukoelln1.jpg) no-repeat; }
#mapn a {position: absolute; z-index: 2; width: 16px; height: 16px; display:block}
#mapn a:hover  {background:  url(bilder/pfeil16.gif) no-repeat;}


#nmaybach {left: 40px; top: 32px}
#nhermann {left: 66px; top: 32px}
#nschiller {left: 45px; top: 90px}
#nkarl {left: 74px; top: 92px}
#nfritz {left: 79px; top: 153px}
#nbritz {left: 75px; top: 179px}
#nrotraut {left: 137px; top: 190px}
#npierosser {left: 162px; top: 213px}



.mlog_britz {background-attachment: fixed;
	background: url(bilder/logo_britz.jpg);
	background-repeat: no-repeat;
	background-position: 425px 0px;}
.mlog_fritz {background-attachment: fixed;
	background: url(bilder/logo_fritz.jpg);
	background-repeat: no-repeat;
	background-position: 425px 0px;}
.mlog_maybach {background-attachment: fixed;
	background: url(bilder/logo_maybach.jpg);
	background-repeat: no-repeat;
	background-position: 425px 0px;}
.mlog_rudow {background-attachment: fixed;
	background: url(bilder/logo_rudow.jpg);
	background-repeat: no-repeat;
	background-position: 425px 0px;}
.mlog_wutzky {background-attachment: fixed;
	background: url(bilder/logo_wutzky.jpg);
	background-repeat: no-repeat;
	background-position: 425px 0px;}	



/*******presentation only************************************/
#stylemenu, #stylemenu ul {position: relative; padding:0; margin:0; list-style-type: none; z-index: 15; }
#stylemenu li {float:left; display:block; position:relative; top:0; left:0; width:160px; height:100%; line-height:22px; 
                         font-size:11px;  font-weight:bold; color:#000; text-decoration:none; text-indent:5px; 
                        cursor:hand; margin: 0; z-index: 15; }
#stylemenu>li:hover { background:#666; color:white; }
#stylemenu ul li { background:#aaa; border-top: 1px solid #ddd ; }
#stylemenu ul li:hover  {background:#ccc; color:#00c;}
#stylemenu li ul {display: none; }
#stylemenu li:hover > ul {display:block; position:absolute; left:0; top:22px;}