@charset "UTF-8";

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

* { margin:0; padding:0; }

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

html { background:#b3071b url(../images/main_bg.png) repeat-x; }

body { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; }

#container_holder { margin:0 auto; width:800px; height:887px; background:url(../images/bg-shadow.png) no-repeat center 84px; _background:none; }

#container { margin:0 auto; width:800px; height:887px; background:url(../images/bg-incopy.jpg) no-repeat center 127px; }

#top_logo_claim { float:left; clear:none; width:800px; height:84px; background:url(../images/main_logo_claim.png) no-repeat top center; }

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

#navi_holder { float:left; clear:both; margin:0 0 0 30px; _margin:0 0 0 15px; width:680px; height:43px; }

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

#navi_holder ul li { display:inline; }

#navi_holder ul li a { float:left; clear:none; height: 0; padding-top: 43px; overflow: hidden; }

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

#navi_holder ul li#gn-info a { width:168px; background-position: 0 0; }
#navi_holder ul li#gn-kontakt a { width:156px; background-position: -324px 0; }
#navi_holder ul li#gn-fachgeschaefte a { width:188px; background-position: -480px 0px; }
#navi_holder ul li#gn-karriere a { width:156px; background-position: -168px 0px; }

#navi_holder ul li#gn-info a:hover { background-position: 0 -43px; }
#navi_holder ul li#gn-kontakt a:hover { background-position: -324px -43px; }
#navi_holder ul li#gn-fachgeschaefte a:hover { background-position: -480px -43px; }
#navi_holder ul li#gn-karriere a:hover { background-position: -168px -43px; }

#navi_holder ul.info li#gn-info a { background-position: 0 -86px; !important; }
#navi_holder ul.kontakt li#gn-kontakt a { background-position: -324px -86px; !important; }
#navi_holder ul.fachgeschaefte li#gn-fachgeschaefte a { background-position: -480px -86px; !important; }
#navi_holder ul.karriere li#gn-karriere a { background-position: -168px -86px; !important; }

#navi_holder ul.info li#gn-info a:hover { background-position: 0 -129px; !important; }
#navi_holder ul.kontakt li#gn-kontakt a:hover { background-position: -324px -129px; !important; }
#navi_holder ul.fachgeschaefte li#gn-fachgeschaefte a:hover { background-position: -480px -129px; !important; }
#navi_holder ul.karriere li#gn-karriere a:hover { background-position: -168px -129px; !important; }


/* content BGS ------------------------------------------------  */

#content_holder { float:left; clear:none; margin:2px 0 0 32px; _margin:1px 0 0 16px; width:737px; min-height:600px; _height:600px; }

.content_info { background:url(../images/img_info.jpg) no-repeat top right; }

.content_fachgeschaefte { background:url(../images/img_karte.jpg) no-repeat 1px 144px; }

.content_kontakt { background:url(../images/img_kontakt.jpg) no-repeat top right; }

.content_karriere { background:none; }

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

h1 { font-size:32px; padding:80px 0 20px 44px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#8e040f; }

h2 { font-size:18px; line-height:1.4em; padding:0.8em 0 0.8em 44px; color:#333; }

p { line-height:1.4em; padding:0.8em 0 0.8em 44px; }

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

a { text-decoration:underline; color:#8e040f; }

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

hr { border:none; border-bottom:1px solid #fff; margin:0.8em 0 0.8em 0; }

.content_karriere h1 { padding:30px 0 20px 44px; }

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

#copy_info { float:left; clear:none; overflow:auto; width:390px; height:600px; }

#copy_kontakt { float:left; clear:none; overflow:auto; width:390px; height:600px; }

#copy_karriere { float:left; clear:none; overflow:auto; width:662px; height:576px; padding-right:30px; padding-left:44px; }

#copy_karriere p, #copy_karriere h2 { padding:0.4em 0 0.6em 0; }

#copy_karriere ul { margin:0; padding:0; list-style:disc; margin-bottom:0.8em; }

#copy_karriere li { margin:0 16px; padding:0.2em 0 0.4em 0; }

#copy_fachgeschaefte { float:right; clear:none; overflow:auto; width:280px; height:488px; background:#fff; border:#8e040f solid 2px; }

#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.last { border-bottom:none; }

#copy_fachgeschaefte li h3 { font-size:16px; font-weight:bold; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#8e040f; }

#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.gif) no-repeat; color:#fff; font-weight:bold; line-height:30px; text-align:center; font-size:14px; }
									
								
/*--------------------------------------------------------------------*/
/*accordion*/

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

#accordion h2.toggler { float:left; clear:none; cursor: pointer; width:622px; height:36px; margin: 0; padding:0; padding-left:18px; 
						font-size: 14px; 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:604px; padding:0px 18px 8px 18px; 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; }


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

#copy_info { width:380px; }

#copy_coupon { float:left; clear:none; width:356px; height:596px; }

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