@charset "UTF-8";

/*
------------------------------------------------
MAIN
HOLDERS
------------------------------------------------
*/

* { margin:0; padding:0; }

html, body { width:100%; height:100%; }

html { background:#474a51 url(../images/main_bg.jpg) no-repeat top center; overflow:hidden; }

body { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#fff; overflow:auto; }


#container_holder { margin:0 auto; width:812px; height:578px; margin-top:126px; background:url(../images/main_content.png) no-repeat top center; }

#container_holder { _background:url(../images/main_content.gif) no-repeat top center; }

#content_holder { float:left; clear:none; margin:34px 0 0 126px; _margin:34px 0 0 63px; width:652px; height:500px; }

/* content BGS ------------------------------------------------  */
.content_info { background:url(../images/img_info.jpg) no-repeat top right; }
.content_fachgeschaefte { background:url(../images/img_karte.gif) no-repeat 0 70px; }
.content_kontakt { background:url(../images/img_kontakt.jpg) no-repeat top right; }
.content_jobs { background:none; }

/* NAVI ------------------------------------------------  */

#navi_holder { float:left; clear:none; margin:14px 0 0 190px; _margin:14px 0 0 80px; width:560px; height:30px; }

#navi_holder ul { margin: 0; padding: 0; }

#navi_holder ul li { display:inline; }

#navi_holder ul li a { float:left; clear:none; width: 138px; height: 0; padding-top: 30px; overflow: hidden; margin-right:2px; }

#navi_holder ul li a { background-image: url(../images/navi_main.png); background-repeat: no-repeat; }

#navi_holder ul li#gn-info a { background-position: 0 0; }
#navi_holder ul li#gn-fachgeschaefte a { background-position: -140px 0; }
#navi_holder ul li#gn-jobs a { background-position: -280px 0; }
#navi_holder ul li#gn-kontakt a { background-position: -420px 0px; }

#navi_holder ul li#gn-info a:hover { background-position: 0 -30px; }
#navi_holder ul li#gn-fachgeschaefte a:hover { background-position: -140px -30px; }
#navi_holder ul li#gn-jobs a:hover { background-position: -280px -30px; }
#navi_holder ul li#gn-kontakt a:hover { background-position: -420px -30px; }

#navi_holder ul.info li#gn-info a { background-position: 0 -60px; !important; }
#navi_holder ul.fachgeschaefte li#gn-fachgeschaefte a { background-position: -140px -60px; !important; }
#navi_holder ul.jobs li#gn-jobs a { background-position: -280px -60px; !important; }
#navi_holder ul.kontakt li#gn-kontakt a { background-position: -420px -60px; !important; }

#navi_holder ul.info li#gn-info a:hover { background-position: 0 -90px; !important; }
#navi_holder ul.fachgeschaefte li#gn-fachgeschaefte a:hover { background-position: -140px -90px; !important; }
#navi_holder ul.jobs li#gn-jobs a:hover { background-position: -280px -90px; !important; }
#navi_holder ul.kontakt li#gn-kontakt a:hover { background-position: -420px -90px; !important; }

/* TYPO ------------------------------------------------  */

h1 { font-size:18px; padding-top:10px; padding-bottom:20px; }

h2 { font-size:14px; line-height:1.4em; padding-bottom:0.8em; padding-top:0.8em; }

p { line-height:1.5em; padding-bottom:0.8em; }

p.small { font-size:11px; line-height:1.5em; padding-bottom:0.8em; }

a { text-decoration:underline; color:#d6d920; }

a:hover { text-decoration:none; color:#d6d920; }

hr { border:none; border-bottom:1px solid #b0bc00; }

/* Copys ------------------------------------------------  */

#copy_info { float:left; clear:none; overflow:auto; width:310px; height:460px; }

#copy_kontakt { float:left; clear:none; overflow:auto; width:280px; height:460px; }


#copy_jobs { float:left; clear:none; overflow:auto; width:642px; height:360px; padding-left:12px; padding-right:14px; }

#copy_jobs ul { margin:0; padding:0; margin-left:18px; margin-bottom:0.8em; list-style:square; }

#copy_jobs li { margin:0; padding:2px 0 2px 4px; }


#copy_fachgeschaefte { float:right; clear:none; overflow:auto; width:280px; height:380px; background:url(../images/list_bg.png) no-repeat top center; border:#FFF solid 1px; overflow-y:scroll;}

#copy_fachgeschaefte ul { margin:0; padding:0; list-style:none; }

#copy_fachgeschaefte li { margin:0 16px; padding:6px 0 8px 42px; border-bottom:#999 solid 1px; }

#copy_fachgeschaefte li h3 { font-size:14px; font-weight:normal; }

#copy_fachgeschaefte li span.point { float:left; clear:none; width:29px; height:29px; margin-left:-42px; _margin-left:-21px; margin-top:4px; display:block;
									background:url(../images/list_point.png); _background:url(../images/list_point.gif); 									
								 	color:#474a51; font-weight:bold; line-height:30px; text-align:center; font-size:12px; }
									
/*--------------------------------------------------------------------*/
/*accordion*/

#accordion { float:left; clear:none; width:624px; margin:12px 0px 8px 0px; padding:0; }

#accordion h2.toggler { float:left; clear:none; cursor: pointer; width:606px; height:36px; margin: 0; padding:0; padding-left:18px; 
						font-size: 12px; line-height:32px; color: #fff;  
						background:url(../images/accordion-top.gif) no-repeat top left; }
						
#accordion h2:hover.toggler { background:url(../images/accordion-top.gif) no-repeat bottom left; }						
						
#accordion div.element { float:left; clear:none; margin:0; width:588px; padding:0px 18px 8px 18px; margin:0; background:url(../images/accordion-bg.gif) repeat-y; color:#FFF; line-height:1.3em; }

#accordion div.bottom { float:left; clear:none; width:100%; height:10px; margin:0; padding:0; _margin-top:-6px; background:url(../images/accordion-bottom.gif) no-repeat bottom left; margin-bottom:4px; }

#accordion h4 { font-size:1.4em; color:#965f65; font-weight:normal; padding:10px 0 6px 0; }

#accordion h2.toggler span.date { float:right; clear:none; font-size:10px; padding-right:15px; _margin-top:-25px; }

#accordion div.element a { color:#FFF; font-weight:bold; }	

#accordion div.element p { padding-top:0.6em; }	



/*--------------------------------------------------------------------*/
/* coupons */
.content_info { background:none; }

#copy_info { width:300px; }

#copy_coupon { float:left; clear:none; width:350px; height:495px; }

#copy_coupon a { float:left; clear:none; width:350px; height:495px; background:url(../images/info_coupon.jpg) no-repeat 0% 100%;  }
#copy_coupon a:hover { background:url(../images/info_coupon.jpg) no-repeat 100% 100%; }