body { 
	color: #333;
	background: #7D7D7D;
	font: 13px/19px Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	z-index: 1;
}

div {
	margin: 0;
	padding: 0;
	border: 0;
}

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

/* TOP AJAX STYLES */

#topcont {
	background: #9d0109;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}
#topin {
	width: 440px;
	margin: 0 auto 0 auto;
	color: #fff;
	font-size: 1px;
	line-height: 1px;
	text-align: center;
}

#topin p.message {
	font-size: 12px;
	line-height: 16px;
	padding-top: 10px;
}

#nl_content {
	text-align: left;
	margin: 0;
	padding: 15px 30px 15px 30px;
	font: 11px/14px Verdana, sans-serif;
	color: #fff;
	border: 2px solid #fff;
}

#nl_content h1{
	text-align: center;
	margin-top: 10px;
	font-size: 14px;
	color: #fff;
	margin: 10px 10px 10px 10px;
	padding:0;
}

#nl_content p {
	text-align: left;
	margin: 4px 10px 4px 10px;
}

#nl_content label {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
}
#nl_content input, #nl_content textarea {
	font-size: 10px;
	line-height: 12px;
	margin: 1px 0 2px 0;
	font-family: arial, verdana, sans-serife;
}
#nl_content a#sendlink, #nl_content a#sendlink:hover {
	float: right;
	color: #090;
	font-size: 12px;
	line-height: 13px;
	margin: 5px 0 2px 0;
	padding: 4px 20px 3px 20px;
	border: 1px solid #b00;
	background: #fff;
	text-decoration: none;
}
#nl_content div.f_l, #nl_content div.f_r, #nl_content div.f_b {
	float: left;
	width: 180px;
}
#nl_content div.f_r {
	float: right;
}
#nl_content div.f_b {
	width:380px;
}
#nl_content div.f_s {
	clear: both;
	height: 1px;
	font-size: 1px;
	width: 350px;
}

.nl_fl {
}

/* Sussitz-News Downloads */

.d_area {
	padding: 0px;
	margin: 10px 0 0 0;
}

.d_image {
	width: 150px;
	float: left;
}

.d_image img {
    padding-top: 25px;
}

.d_text {
	width: 220px;
	float: right;
}

.d_gueltig {
	font-weight: bold;
	font-size: 13px;
}

a.d_download, a.d_download:hover {
	display: block;
	margin: 10px 10px 10px 10px;
	height: 30px;
	background: url(/images/button_download.gif) no-repeat 0% 0%;
	text-indent: -99999px;
	overflow: hidden;
}


/* ################################ */

a.morelink, a.morelink:hover {
	float: right;
	padding-right: 30px;
	color: #9d0109;
}

a.morebutton, a.morebutton:hover {
	float: right;
	clear: both;
	padding-right: 30px;
	line-height: 28px;
	color: #9d0109;
	background: url(/images/button_weiter.gif) no-repeat 100% 50%;
}
a.morebutton:hover {
	background: url(/images/button_weiter_on.gif) no-repeat 100% 50%;
}

a.morebutton2, a.morebutton2:hover {
	float: right;
	clear: both;
	width: 40px;
	line-height: 28px;
	color: #9d0109;
	text-indent: -999px;
	overflow: hidden;
	padding-top: 5px;
	background: url(/images/button_weiter_dark.gif) no-repeat 50% 50%;
}
a.morebutton2:hover {
	background: url(/images/button_weiter_dark_on.gif) no-repeat 50% 50%;
}


a.orderlink_norm, a.orderlink_norm:hover, a.orderlink_red, a.orderlink_red:hover {
	display: block;
	width: 122px;
	height: 27px;
	text-indent: -999px;
	overflow: hidden;
	background: url(/images/button_bestellen.gif) no-repeat 0% 0%;
}

 a.orderlink_norm:hover,  a.orderlink_red:hover { 
	background: url(/images/button_bestellen_on.gif) no-repeat 0% 0%;
}

a.orderlink_red {
	background: url(/images/button_bestellen_rot.gif) no-repeat 0% 0%;
}
a.orderlink_red:hover {
	background: url(/images/button_bestellen_rot_on.gif) no-repeat 0% 0%;
}

.g_einrueck {
	margin-left: 130px;
	margin-top: 15px;
}

img {
	margin: 0px;
	border:0px;
	padding: 0px;
}

.spacer {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

.p_spacer {
	height: 2px;
	line-height: 2px;
	font-size: 2px;
	clear: both;
	background: url(/images/spacer_2px.gif) no-repeat 50% 0%;
}

/* ############################# KOPF mit Navi ####################### */

#s_head {
	height: 131px;
	background: #fff;
}

#s_head_cont {
	width: 960px;
	margin: 0 auto 0 auto;
	height: 131px;
	background: #fff url(/images/top_back.gif) no-repeat 0% 0%;
	position: relative;
}

#s_h_adress {
	position: absolute;
	top: 0;
	left: 40px;
	text-align: left;
	line-height: 15px;
	padding-top: 30px;

}

h1#logo {
	position: absolute;
	width: 250px;
	height: 108px;
	top: 20px;
	right: 32px;
	overflow: hidden;
}

.klickme {
	display: block;
	position: relative;
	width: 250px;
	height: 111px;
}

#but_nl {
	position: absolute;
	width: 115px;
	height: 56px;
	top:0;
	left: 250px;
}

#but_sn {
	position: absolute;
	width: 115px;
	height: 56px;
	top:0;
	left:365px;
}

#mainnavi {
	position: absolute;
	top: 75px;
	left: 50px;
	width: 523px;
	height: 49px;
}

#navlist {
	width: 523px; height: 49px;
	background: url(/images/navi.gif);
	margin: 0; 
	padding: 0;
	position: relative;
}
#navlist li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
}
#navlist li, #navlist a {
	height: 49px; 
	display: block;
	text-indent: -9999px; /* Commented backslash hack for IE Mac \*/ overflow: hidden; /* end hack */
}
#nl1 {left: 0; width: 78px;}
#nl2 {left: 78px; width: 104px;}
#nl3 {left: 182px; width: 111px;}
#nl4 {left: 293px; width: 71px;}
#nl5 {left: 364px; width: 71px;}
#nl6 {left: 435px; width: 88px;}
#nl1 a:hover, #nl1 a.sel { background: transparent url(/images/navi.gif) 0 -49px no-repeat;}
#nl2 a:hover, #nl2 a.sel { background: transparent url(/images/navi.gif) -78px -49px no-repeat;}
#nl3 a:hover, #nl3 a.sel { background: transparent url(/images/navi.gif) -182px -49px no-repeat;}
#nl4 a:hover, #nl4 a.sel { background: transparent url(/images/navi.gif) -293px -49px no-repeat;}
#nl5 a:hover, #nl5 a.sel { background: transparent url(/images/navi.gif) -364px -49px no-repeat;}
#nl6 a:hover, #nl6 a.sel { background: transparent url(/images/navi.gif) -435px -49px no-repeat;}


#s_segment {
	background: #fff url(/images/shaddow_back.gif) repeat-y 50% 0%;
}

#s_segment_sub {
	background: url(/images/sub_back.gif) repeat-x 0% 0%;
}
.side_text {
	float: left;
	width: 30px;
	height: 150px;
}

.st_aktuell {
	background: url(/images/side_aktuelles.gif) no-repeat 0% 100%;
}
.st_geschenksset {
	background: url(/images/side_geschenksset.gif) no-repeat 0% 100%;
	height: 230px;
}
.st_angebote {
	background: url(/images/side_angebote.gif) no-repeat 0% 100%;
	height: 190px;
}
.st_sub_spezial {
	background: url(/images/side_sub_spezial.gif) no-repeat 0% 100%;
	height: 210px;
}
.st_empfehlung {
	background: url(/images/side_empfehlung.gif) no-repeat 0% 100%;
	height: 250px;
}

.st_empfehlung2 {
	background: url(/images/side_empfehlung.gif) no-repeat 0% 100%;
	height: 380px;
}

.st_empfehlung3 {
	background: url(/images/side_empfehlung.gif) no-repeat 0% 100%;
	height: 510px;
}

.s_outer {
	width: 960px;
	margin: 0 auto 0 auto;
	position: relative;
	text-align: left;
}

.s_cont {
	float: left;
	width: 900px;
}

#subnavi {
	width: 624px;
	background: #9d0109;
	height: 25px;
	line-height: 28px;
	color: #fff;
	font-size: 12px;
	margin-left: 30px;
}

#subnavi a, #subnavi a:hover {
	padding: 3px 5px 7px 5px;
	line-height: 20px;
	color: #fff;
}

#subnavi a:hover {
	background: #fff;
	color: #9d0109;
}

#subnavi a.sel, #subnavi a.sel:hover {
	background: #fff;
	color: #9d0109;
	line-height: 25px;
}


/* FORMATIERUNUGEN FÜR AKTUELLES */

#cont_akt {
	width: 625px;
	float: left;
}

/* Aktuelles Topangebot */
#multicont {
	margin-top: 20px;
	width: 570px;
	margin-left: 50px;
}

#multicont_text {
	width: 570px;
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	margin-left: 50px;
	color: #999;
}

.mt_1 {
	float: left;
	font-size: 25px;
	line-height: 32px;
	width: 270px;
}

.mt_2 {
	float: left;
	font-size: 12px;
	width: 120px;
}

.mt_3 {
	float: left;
	font-size: 25px;
	line-height: 28px;
	font-weight: bold;
	width: 130px;
}

.mt_4 {
	float: left;
	margin-top: 10px;
	width: 130px;
}

/* Aktuelle Meldung */

.text_meldung {
	margin-top: 20px;
	margin
}

.akt_image {
	width: 280px;
	float: left;
}

.akt_text {
	width: 325px;
	float: right;
}

.akt_text h1 {
	font-size: 18px;
	line-height: 20px;
	font-weight: normal;
	padding: 0 10px 0 0;
	margin: 0;
	color: #777;
}

.akt_text p {
	padding-right: 10px;
	color: #555;
	font-size: 12px;
	line-height: 16px;
}


/* ########################## */

#cont_blog {
	margin-top: 20px;
	float: right;
	width: 272px;
	padding-bottom: 105px;
	background: url(/images/sussitz_blog_back.gif) no-repeat 0% 100%;
}

#cont_blog_oben {
	margin: 0px;
	padding:0;
	width: 272px;
	height: 6px;
	background: url(/images/sussitz_blog_oben.gif) no-repeat 0% 0%;
}

#cont_blog p.date {
	padding:0;
	margin: 15px 20px 0px 20px;
	font-size: 16px;
	color: #999;
	font-weight: bold;
}

#cont_blog p {
	padding:0;
	margin: 5px 20px 0px 20px;
	font-size: 12px;
	line-height: 15px;
}

#cont_blog h1 {
	padding:0;
	margin: 5px 20px 0px 20px;
	color: #9d0109;
	font-size: 12px;
	font-weight: bold;
}

/* ############## GESCHENKPAKETE ################## */

.g_navi {
	height: 25px;
	background: url(/images/mid_shad.gif) repeat-x 0% 100%;
}

.g_navi a, .g_navi a:hover {
	float: left;
	width: 181px;
	height: 21px;
	margin-top: 4px;
	color: #fff;
	font-size: 12px;
	line-height: 21px;
	background: url(/images/g_tab_off.gif) no-repeat 0% 0%;
	text-align: center;
}

.g_navi a:hover {
	background: url(/images/g_tab_on.gif) no-repeat 0% 0%;
}

.g_navi a.sel, .g_navi a.sel:hover {
	background: url(/images/g_tab_on.gif) no-repeat 0% 0%;
}

.g_navi_1 {
	height:20px;
	width: 20px;
	float: left;
}

.g_cont {
	width: 900px;
	height: 300px;
	background: #9d0109;
}

.g_multi {
	float: left;
	width: 600px;
	height: 300px;
}

.g_text {
	float: right;
	width: 280px;
	height: 300px;
	color: #fff;
}

.g_text h1 {
	font-size: 15px;
	line-height: 20px;
	margin: 0;
	padding: 10px 20px 3px 0;
}

.g_text p {
	font-size: 11px;
	line-height: 16px;
	margin: 0;
	padding: 5px 20px 3px 0;
}

.g_text p.g_statt_preis {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding: 10px 20px 3px 0;
}

.g_text span.g_vorpreis {
	font-size: 13px;
	line-height: 18px;
}

.g_text p.g_preis {
	font-size: 24px;
	line-height: 30px;
	margin: 0;
	padding: 0px 20px 3px 0;
	font-weight: bold;
}

#g_cont_2, #g_cont_3 {
	display: none;
}


.g_heading {
	background: url(/images/g_set_back.gif) repeat-x 0% 100%;
}

h1.gesch {
	color: #9d0109;
	font-size: 25px;
	line-height: 25px;
	font-weight: normal;
	margin: 0;
	padding: 20px 50px 0px 25px;

}



/* ############## Angebotsboxen ################# */

.np_wrapper {
	float: left;
	width: 900px;
	clear: both;
	position: relative;
	padding-bottom: 10px;
}

.an_box {
	float: left;
	width: 285px;
	background: url(/images/box_back.jpg) no-repeat 0% 0%;
	padding: 20px 0 10px 0;
	margin-top: 10px;
}

.box_img {
	width: 75px;
	float: right;
	margin: 2px 0 10px 3px;
	text-align: left;
}

.an_box h2 {
	color: #9d0109;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 5px 3px 25px;
}

.an_box h1 {
	color: #333;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
	padding: 0 5px 3px 25px;
}

.an_box p {
	color: #555;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	margin: 0;
	padding: 0 5px 0px 25px;
}

.botbox { position: absolute; bottom: 0px; padding:0; margin-left: 10px; width: 280px;}

.np_cnt1 .botbox { left: 0; }
.np_cnt2 .botbox { left: 300px; }
.np_cnt3 .botbox { left: 600px; }

.botbox .np_box_mehr { width: 150px; float: right;}

.statt {
	color: #222;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding: 15px 5px 3px 25px;
}

.np_box_preis {
	color: #9d0109;
	font-size: 25px;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding: 0px 5px 3px 25px;
}

.np_box_preis .b_preis_pre {
	font-size: 11px;
}

.v_boxspacer {
	float: left;
	height: 30px;
	width: 10px;
}

/* ############## Spezialitätenboxen ################# */


.v_spez_spacer {
	height: 20px;
	width: 21px;
	float: left;
}

.sp_box, .sp_box_big {
	float: left;
	width: 200px;
	padding: 20px 0 10px 0;
	margin-top: 10px;
}

.sp_box_big {
	width: 250px;
}

.sp_box_img {
	border: 2px solid #fff;
	float: right;
	margin-bottom: 5px;
}

.sp_box p, .sp_box_big p {
	color: #fff;
	font-size: 11px;
	line-height: 15px;
	font-weight: normal;
	margin: 0;
	padding: 10px 0 0 0;
}

.sp_box p.sp_preis, .sp_box_big p.sp_preis {
	font-size: 25px;
	line-height: 27px;
	font-weight: bold;
	text-align: right;
	margin: 0;
	padding: 3px 10px 0 0;
}

/* ############## Normaler Content ################# */

.top_full {
	width: 900;
}

.middle_c {
	width: 600px;
	float: left;
}

.middle_c h1 {
	color: #9d0109;
	font-size: 18px;
	line-height: 23px;
	font-weight: bold;
	margin: 0;
	padding: 20px 50px 3px 65px;
}

.middle_c h1.blogline {
	color: #9d0109;
	font-size: 18px;
	line-height: 23px;
	font-weight: bold;
	margin: 0;
	padding: 20px 50px 3px 65px;
}

.middle_c h2 {
	color: #9d0109;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding: 5px 50px 3px 65px;
}

.middle_c h3 {
	color: #333;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	padding: 5px 50px 3px 65px;
}

.middle_c h3.date {
	color: #777;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	padding: 5px 50px 3px 65px;
}


.middle_c p {
	margin: 0;
	padding: 10px 50px 3px 65px;

}

#gal_flash_cont {
	width: 600px;
	height: 440px;
}


.right_c {
	width: 298px;
	float: right;
}

.right_c h1 {
	color: #9d0109;
	font-size: 18px;
	line-height: 23px;
	font-weight: bold;
	margin: 0;
	padding: 20px 40px 3px 0px;
}

.right_c h2 {
	color: #9d0109;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	margin: 0;
	padding: 5px 40px 3px 0px;
}

.right_c h2.linklist  {
	text-align: left;
	margin: 0;
	padding: 5px 40px 3px 0px;
	font-size: 13px;
	line-height: 16px;
}

.right_c h3 {
	color: #333;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	padding: 5px 35px 3px 0px;
}

.right_c h3.imgtitle {
	color: #9d0109;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0px 35px 3px 0px;
}

.right_c p {
	margin: 0;
	padding: 5px 35px 3px 0px;

}

.right_c p.linklist {
	margin: 0;
	padding: 0px 35px 3px 40px;

}

.right_c .titleimg {
	margin-top: 20px;
	margin-bottom:0;
}

.right_c .rnavi {
	margin-top: 30px;
}

.right_c .rnavi a, .right_c .rnavi a:hover, .right_c .rnavi a.sel, .right_c .rnavi a.sel:hover  {
	display: block;
	color: #333;
	font-size: 14px;
	margin: 6px 10px 6px 10px;
	padding: 0;
}

 .right_c .rnavi a:hover {
 	color: #ccc;
 }

.right_c .rnavi a.sel, .right_c .rnavi a.sel:hover  {
	color: #9d0109;
}

.r_spacer_pretty {
	height: 14px;
	background: url(/images/spacer_2px.gif) no-repeat 50% 50%;
	margin: 0px 40px 0px 0;
}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/images/overlay.png", sizingMethod="scale");
	}
	
input.norm {
	width: 250px;
	border: 1px solid #9a0109;
	background: #eee;
}

textarea.norm {
	width: 250px;
	border: 1px solid #9a0109;
	background: #eee;
}

input.submit {
	width: 250px;
	border: 1px solid #9a0109;
	background: #eee;
	color: #333;
	padding: 10px;
	
}

label {
	color: #9a0901;
}

form p {
	margin: 2px 15px 2px 15px;
	padding: 0;
	color: #333;
}

/* ######################## Link typen ######################## */

a.link_doc, a.link_pdf, a.link_excel, a.link_email, a.link_extern, a.link_doc:hover, a.link_pdf:hover, a.link_excel:hover, a.link_email:hover, a.link_extern:hover {
	display: block;
	margin: 2px 2px 2px 0px;
	padding: 3px 3px 1px 18px;
	border-bottom: 1px dotted #ccc;
}

a.link_doc, a.link_doc:hover {
	background: url(/images/icon_doc.gif) no-repeat 0% 100%;
}

a.link_excel, a.link_excel:hover {
	background: url(/images/icon_xls.gif) no-repeat 0% 100%;
}

a.link_pdf, a.link_pdf:hover {
	background: url(/images/icon_pdf.gif) no-repeat 0% 100%;
}

a.link_email, a.link_email:hover {
	background: url(/images/icon_mailto.gif) no-repeat 0% 100%;
}

a.link_extern, a.link_extern:hover {
	background: url(/images/icon_external.gif) no-repeat 0% 100%;
}

a.link_extern2, a.link_extern2:hover {
	background: url(/images/icon_external.gif) no-repeat 0% 100%;
	border-bottom: 1px dotted #ccc; 
	padding: 3px 3px 0px 18px;
}