/*FANCYMENU*/

#fancymenu {
  position: relative;
  height: 30px;
  width: auto;
  background: url(/img/bg_nav.gif) no-repeat top;
  padding: 7px 7px 0px 7px;
  overflow: hidden;
  color: #064181;
  text-transform: uppercase;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: .8em;
  font-weight: bold;
  list-style: none;
  text-shadow: 0px 1px #BFDEFF;
}

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

/* Don't apply padding here (offsetWidth will diffepr in IE)
If you need padding add it to the child anchor */
#fancymenu ul li {
  float: left;
  list-style: none;
}

#fancymenu ul li a {
  text-indent: 00em;
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  position: relative;
  overflow: hidden;
  padding: 5px 6px 1px 5px;
  outline: none;
}

#fancymenu li.background {
  background: url(/img/lava.gif) no-repeat top right !important;
  z-index: 8;
  position: absolute;
  top: 6px;
  visibility: hidden;
}

#fancymenu .background .left {
  background: url(/img/lava_end.gif) no-repeat top left !important;
  height: 24px;
  margin-right: 7px; /* 7px is the width of the rounded shape */
}

#fancymenu a, #fancymenu a.link, #fancymenu a.visited, #fancymenu a.active {
  color: #064181;
  text-decoration: none;
}

#fancymenu a:hover {
  color: #2564a8;
}

/**** ENDE ******/




body {
  padding-top:12px;
  background:url(../img/bg_head.jpg) top left repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#333;
}

img {
  border: none;
}

h1 {

}
h2 {
  color:#fff;
  font-size:1.6em;
  margin-bottom:0px;
  padding-bottom:0px;
}
h3 {
	color:#fff;
	font-size:1.2em;
	margin:0;
	padding:0;
}
h3 a {
	color:#fff;
}

a,
a.link,
a.visited,
a.active {
  color: #fff;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #e02b2c;
}

th {
	text-align:left;
}

#subnav a, #subnav a.link, #subnav a.visited, #subnav a.active {
  color: #c3cdd9;
  text-decoration: none;
}

#subnav a:hover {
  color: white;
}

.floatclear { clear:both; }

#outer_wrapper {
  width: 946px;
}

#wrapper {
  width:714px;
  position:relative;
}

#kontakt label {
  width: 240px;
  display: block;
  font-weight: bold;
}

#kontakt input {
  width: 170px;
}

#kontakt textarea {
  width: 200px;
}

#kontakt input[type="submit"] {
  margin-top: 5px;
  width: 100px;
}

/*Startseite*/
#left {
  width:714px;
  float:left;
}

#top {
  width: 950px;
}

.header { width: 714px; height: 185px; }

.header .logo {
  height: 146px;
}

/*
#overflow {
  position: absolute;
  left: 237px;
  top: -20px;
  width: 241px;
  height: 20px;
  background: url(../img/head_overflow.png) bottom left no-repeat;
}
*/

#subnav {
  position: absolute;
  z-index: 40;
  left: 605px;
  top: -20px;
  width: 226px;
  height: 38px;
  background: url(../img/bg_subnav.gif) top left no-repeat;
  font-size: .8em;
  padding: 5px 0 0 27px;
}

#left #theatre {
  width: 523px;
  height: 267px;
  margin-top: 5px;
  padding: 4px 0 0 2px;
  background:#3495ff;
  height:267px;
  overflow: hidden;
  z-index: 20;
  float: left;
}

#left #theatre div {
  width: 519px;
  overflow: hidden;
}

#left #theatre img {
  border: 1px solid #badbff;
}

#left .inner {
  border: 1px solid #49A0FE;
  padding: 1px;
  display: block;
  background: #3A98FF url(../img/bg_content.gif) bottom left repeat-x;
  margin-bottom: 5px;
  height: 100%;
}

#left .inner p, #left1 .inner p {
  padding: 5px;
}

#left .content {
  margin-top:10px;
  padding:0px;
  background: #3495ff;
  height:163px;
  width: 525px;
  float: left;
}

#left .content .produktbild {
  float: left;
  display: block;
  height: 113px;
  width: 105px;
  padding: 2px;
  margin: 1px;
  background-color: #82bcfa;
}

#left .content .produktinfo {
  float: left;
  display: block;
  height: 126px;
  width: 146px;
  margin: 1px;
  font-size: .9em;
  color: #022d5c;
  white-space: nowrap;
}

#left .content .produktinfo p {
  margin: 4px;
  font-size: .9em;
}

#left .content .btn_info {
  position: relative;
  margin-top: 18px;
  margin-left:5px;
  border: none;
}

#left .content .produkttitle {
  display: block;
  background-color: #82bcfa;
  font-weight: bold;
  font-size: 1.2em;
  color: #022d5c;
  padding: 2px 0 0 5px;
  height: 20px;
}

#left .content .produktpreis {
  position: relative;
  padding: 2px 0 0 5px;
  line-height: 50px;
}
#left .content .produktpreis .preis {
  font-size:1.2em;
  color:white;
  font-weight:bold;
}

#left #marken {
  margin-top:10px;
  padding:1px;
  height: 103px;
  width: 523px;
  float: left;
}

#left #marken #markeninhalt {
  margin-top:0px;
  padding:0px;
  height: 80px;
  width: 523px;
  float: left;
}

#marken .inner {
  overflow: hidden;
  width: 520px;
  height: 102px;
}

#marken .inner a {
  height: 102px !important;
  overflow: hidden;
}

#left .title {
  background-color: #458ad3;
  height: 20px;
  padding: 5px 0 0 0;
  padding-left: 5px;
}

#left .titlewider {
  background-color: #458ad3;
  height: 30px;
  line-height: 25px;
  padding-left: 5px;
}

#left .titlewider img {
  margin-top: 2px;
  margin-right: 5px;
}

#left .title2, #left1 .title2 {
  color:#fff;
	font-size:1.3em;
  font-weight: bold;
  background: #2C8AEF;
  height: 28px;
  padding-left: 5px;
  line-height: 25px;
}

#left .end {
  background:#83BCFA;
  height: 3px;
  margin-top: -1px;
  margin-bottom: 6px;
  width: 523px;
  float: left;
}

#left1 .end {
  background:#83BCFA;
  height: 3px;
  margin-top: -1px;
  margin-bottom: 6px;
  width: 523px;
  float: left;
}

#right {
  width: 212px;
  margin-left: 0px;
  float: left;
}

.sidebar1 {
  width:175px;
  padding: 2px;
  float: right;
  margin-left: 10px;
  background-color: #fff;
  margin-top: 3px;
}

.sidebar-box {
  margin-bottom: 3px;
}

.sidebar2 {
  width: 114px;
  background: #fff;
  padding: 2px;

}

.sidebar1 .inner {
  padding: 1px;
  border: 1px solid #6da5e2;
}
/*ENDE*/

/* SIDEBAR CONTENT */
.sidebar1 #sidebar_newsletter {
  height: 25px;
  background-color: #0b4787;
}

.sidebar2 #aktuell {
  height: 20px;
  background-color: #022D5C;
}

#sidebar1mini #service {
  height: 25px;
  background-color: #0b4787;
}

#sidebar1mini .inner {
}

.sidebar-title {
  height: 20px;
  background-color:#022D5C;
  padding: 5px 0 0 0;
  text-align: center;
}

.sidebar2-title {
  height: 20px;
  background-color: #0B4787;
  padding: 5px 0 0 0;
  text-align: center;
}

.sidebar-content {
  color: white;
  font-size: .8em;
  padding: 6px;
  margin: 0;
  background-color: #075FBF;
}

.servicebg  {
  color: white;
  line-height: 350%;
}

.servicebg ul {
  list-style: none;
  margin: -2px 0 0 40px;
  padding: 0;
}

.servicebg ul li {
  margin: 0;
  padding: 0;
}

/* SPEISEKARTE */
.speisekarte {
  background: url(../img/bistro/speisekarte_bg.gif) repeat-y;
  width: 405px;
  text-align: center;
  margin: 10px 0 0 60px;
}

.speisekarte td {
  width: 200px;
  color: #fff;
}

.speisekarte th {
  text-align: center;
}



/*FRAMEWORK*/
#left1 { width:714px; float:left;}

#sidebar1mini { width:175px; background:#075fbf; padding:2px; float:left; height:180px; margin-left:10px; }
#sidebar1mini .inner { padding:1px; border:1px solid #6da5e2; height:176px; }

.header2 { width:525px; float:left; height:185px; }

.header2 .logo { height:146px;}

#left .box {
  width: 525px;
  float: left;
  margin-top: 5px;
}

#left .box-wide {
  width: 714px;
  float: left;
}

#left1 .content {
  margin-top:0px;
  width:525px;
  float: left;
}

#left .content .box-wide {
  width:100%;
  border:0px solid #6da5e2;
  margin-top:10px;
  padding-top:2px;
  background:#3495ff;
  width: 525px;
}

#left .box-wide .inner .artikelInfo {
	padding:0 5px 0 5px;
}

#left .box-wide .inner .artikelInfo .artikelNr {
  color:#083668;
  font-weight:bold;
  font-size:0.9em;
}

#left .box-wide .inner .artikelInfo .subInfo {
  margin: 10px 0 0 45px;
}

#left .box-wide .inner .artikelInfo .subInfo .streichpreis {
  width:147px;
  height:21px;
  background:url(../img/bg_streichpreis.gif) no-repeat;
  text-align:center;
  margin-left:17px;
  font-weight:bold;
  color: #084383;
}
#left .box-wide .inner .artikelInfo .subInfo .preis {
  width:182px;
  height:41px;
  background:url(../img/bg_preis.gif) no-repeat;
  text-align:center;
  font-weight:bold;
  color:white;
  overflow: hidden;
  white-space: nowrap;
}
#left .box-wide .inner .artikelInfo .subInfo .preis .highlight {
  font-size:2.3em;
}
#left .box-wide .inner .artikelInfo .subInfo .lieferung {
	margin-top:10px;
  width:182px;
  height:41px;
  background:url(../img/bg_lieferung.gif) no-repeat;
  text-align:center;
  padding: 8px 0 0 0;
  font-size: .8em;
  color: #fff;
  text-align: left;
}

#left .box-wide .inner {
  padding:1px;
  border:1px solid #6da5e2;
  background: #3A98FF url(../img/bg_content.gif) bottom left repeat-x;
}

#left .box-wide .inner .produktBild {
	margin: 1px 0 0 0;
  border: 1px solid #2C8AEF;
}

#left .box-wide .inner .produktBild img {
  margin-top:8px;
}

.sidebar2 {
  margin-left: 10px;
  width: 212px;
  background: #fff;
  padding: 0px;
  float: left;
}

.sidebar2 .sidebar-box {
  width: 212px;
  background-color: #053F7F;
}

.sidebar2 .inner { padding:2px; border:1px solid #6da5e2; height:99%; }

.sidebar2 .form, #subnav .form {
  border: 1px solid #68a9f0;
  background: url(../img/sidebar/bg_input.gif) top left repeat-x;
  color: #01234b;
  font-size: 1em;
  padding: 2px;
}

/*ENDE*/

/* SUB NAVIGATION */

#submenus {
}

#submenus ul {
  list-style-image: url(../img/subnav_bullet2.gif);
  margin: 8px 0 0 10px;
  padding: 0 0 0 10px;
  line-height: 15px;
  color: #0b4787;
}

#submenus div {
  position: absolute;
	top: 169px;
  padding:0 10px 5px 0;
  visibility: hidden;
  background: #b7d8fd url(../img/bg_nav_open.gif) top left repeat-x;
  font-size: .8em;
}

.submenu {
  z-index: 5000;
}

#submenus #angebote_ {
  left: 193px;
}

#submenus #sortiment_ {
  left: 117px;
}

#submenus #werbung_ {
  left: 51px;
}

#submenus #service_ {
  left: 281px;
}

#submenus #referenzen_ {
  left: 550px;
}

#submenus a, #submenus a.link, #submenus a.visited, #submenus a.active {
  color: #0B4787;
  text-decoration: none;
  outline: none;
}

#submenus a:hover {
  color: #e02b2c;
}

.reflect {
  margin: 0;
  padding: 0;
}

.alignleft {
  float: left;
  height: 55px;
  display: block;
  padding: 0px 10px 0 6px;
}

.contentBild {
  float: right;
  margin: 15px 10px 0 10px;
  border: 1px solid #7EB9FA;
  display: block;
}

.box strong {
  font-weight: bold;
  color: white;
}

.boxtop {
  background: url(../img/box_top.gif) top left no-repeat;
  display: block;
  width: 405px;
  height: 6px;
}

.boxcontent {
  background: url(../img/box_bg.gif) bottom left no-repeat;
  text-align: center;
}

.boxbottom {
  background: url(../img/box_bottom.gif) top left no-repeat;
  display: block;
  width: 405px;
  height: 6px;
}

.boxtop-sm{
  background: url(../img/box_top_sm.gif) top left no-repeat;
  display: block;
  width: 245px;
  height: 6px;
}

.boxcontent-sm {
  background: url(../img/box_bg_sm.gif) bottom left no-repeat;
  text-align: center;
}

.boxbottom-sm {
  background: url(../img/box_bottom_sm.gif) top left no-repeat;
  display: block;
  width: 245px;
  height: 6px;
}

.post-meta {
  background: url(../img/datetime.gif) top left no-repeat;
  width: 44px;
  height: 50px;
  display: block;
  margin: 15px 5px 0 10px;
  float: left;
}

.post-month {
  font-size: 10px;
  color: white;
  text-align: center;
  text-transform: uppercase;
}

.post-date {
  font-weight: bold;
  text-align: center;
  color: #A2A2A2;
  font-size: 1.6em;
  padding-top: 7px;
  font-family: Arial, Helvetica, sans-serif;
}

div.pagination {
  z-index: 20;
	padding: 3px;
	margin: 3px;
  text-align: left;
  float: left;
  width: 525px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #3A98FF;
	text-decoration: none;
	color: #3A98FF;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #3A98FF;
	color: #FFF;
  background-color: #AFD5FF;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
  border: 1px solid #FFF;
	font-weight: bold;
	background-color: #3A98FF;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

.btn-route {
  background: url(../img/bg_nav.gif);
  border: 1px solid #0b4787;
  color: white;
  font-size: 1.1em;
  padding: 1px;
}

.Stil3 {
  background: url(../img/trennlinie.gif) no-repeat;
  display: block;
  width: 505px;
  height: 20px;
}

.Stil5, .Stil7 {
  font-size: 1.2em;
  display: block;
  width: 500px;
}

/*#NewsTicker{
	margin:0 auto;
}
	#NewsTicker h1{
		padding:6px; margin:0; border:0;
		font-size:11px;
		font-weight:bold;
	}
	#NewsVertical {
	width: 210px;
  height: 108px;
	display: block;
	overflow: hidden;
	position: relative;
	}
	#controller{
	padding:6px;
	font-size:11px;
	color:#666;
	}
	#play_scroll_cont{display:none;}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 160px;
		height: 60px;
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		display: block;
		color: #fff;
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #fff;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			display: block;
			color: #fff;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:6px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}

		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #fff;
			font-size: 10px;
			margin:6px 0 14px 0;
		}/*

/***********************************************************
Newsticker
***********************************************************/

#tickertext {
  color: white;
  height: 108px;
  overflow: hidden;
  width: 210px;
}

#tickertext div {
  height: 88px;
  padding: 10px;
  width: 135px;
  line-height: 120%;
}

#tickertext div strong {
  font-size: 11px;
}

/***********************************************************
Prospekte
***********************************************************/

.prospekte_box {
  background: #458ad3;
  float: left;
  margin: 0 0 10px 10px;
  padding: 3px 0 3px 15px;
  width: 115px;
}

.bild {
  height: 100px;
  margin: 10px 15px 10px 0;
  width: 100px;
}

.bild a {
  display: block;
  height: 100px;
  width: 100px;
}

/***********************************************************
Produkte (Sortiment und Schnäppchen)
***********************************************************/

a.druckansicht {
  background: transparent url(/img/icons/printer.png) scroll left center no-repeat;
  display: block;
  padding-left: 20px;
}

/***********************************************************
Footer
***********************************************************/

#footer {
  float: left;
  margin: 20px 0 0 120px;
  padding-bottom: 20px;
}

#footer a {
  color: #053f7f;
}

#prospekt-teaser {
  background: url(/img/prospekt.gif);
  display: block;
  height: 120px;
  width: 159px;
}

#prospekt-teaser img {
  -ms-interpolation-mode: bicubic;
  margin-top: 4px;
  max-width: 65px;
}

#prospekt-teaser span {
  display: none;
}


.overlay 
{
  background-image: url(/img/bg_overlay.png);
  width: 710px;
  height: 612px;
  position: absolute;
}

.hint 
{
  position: absolute;
  margin-top: 240px;
  margin-left: 200px;
  width: 250px;
  text-align: center;
  padding: 25px;
  background-color: #fff;
}

.hint a {
  color: #000;
}

#stressless_wrapper {
  padding-top: 15px;
  text-align: center;
  width: 523px;
}

#stressless_wrapper2 {
  padding-top: 15px;
  text-align: center;
  width: 212px;
}