html {
	height: 100%;
}
img, div {
	behavior: url(/iepngfix.htc)
}
body {
	margin: 0;
	padding: 0;
	background: #87BCDC url("../_media/bg_html.jpg") top center repeat-y;
	height: 100%;
}
h2 {
	margin: 0 10px 4px 10px;
	padding: 0;
	font: bold 14px Tahoma, Arial, Verdana, Helvetica;
	color: #1991cc;
}
h3, div.headerContainer a {
	margin: 0 10px 0 10px;
	padding: 0;
	font: bold 12px Tahoma, Arial, Verdana, Helvetica;
	color: #1991cc;
}
marquee, .pointer, .pointer *{margin-left:10px;	font: bold 12px Tahoma, Arial, Verdana, Helvetica;	color: #1991cc;}

img {
	border: none;
}
p {
	margin: 0;
	padding: 0;
}
ul {
	margin: 0 10px 10px 24px;
	padding: 0;
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}
hr {
	display: block;
	background: #8cc8e5;
	height: 1px;
	border: none;
	margin: 4px 10px 12px 10px;
	clear: both;
}
#background {
	background: transparent url("../_media/bg_body.jpg") top center no-repeat;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* min-height: 100%;
	*height: 100%; */
	height: 725px;
}
#background_index {
	background: transparent url("../_media/bg_body_index.jpg") top center no-repeat;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/* min-height: 100%;
	*height: 100%; */
	height: 725px;
}
#main {
	width: 990px;
	margin-left: auto;
	margin-right: auto;
}
#top {
	position: relative;
	display: block;
	height: 163px;
}
#logo {
	position: absolute;
	top: 40px;
	right: 30px;
}

ul#topper{position:absolute; right:0px; top:4px; list-style-type:none; margin:0; padding:0; z-index:1101;}
ul#topper li{float:left;  margin:0; padding:0 4px 0px 6px; background:url("../_media/top_nav_trenner.gif") no-repeat scroll left 2px; line-height:9px; height:10px; }
ul#topper li.first{background:none;}
ul#topper li a {color:#055192; text-decoration:none; font:bold 10px Tahoma,Arial,Verdana,Helvetica; text-shadow:white 0px 0px 1px;}
ul#topper li a.aktiv { text-decoration:underline;}
ul#topper li a:hover { text-decoration:underline;}

#top_nav {
	margin: 0;	padding: 30px 0 0 0;
	text-transform: uppercase; position:relative; z-index:1002; height:50px;
}
#top_nav li {	margin: 0;	padding:0px;	display: block;	float:left;	background: transparent url("../_media/top_nav_trenner.gif") bottom left no-repeat;
	position:relative; z-index:1001; border:none; 
}
#top_nav li a {	color: #055192;	padding: 0 9px 1px 10px;	margin:0px 0px 0px 2px;	display:block;	text-decoration: none;	font: bold 13px Tahoma, Arial, Verdana, Helvetica;	background:url('../_media/top_nav_bg.png') 2px -20px  repeat-x; height:17px; ;}

*html #top_nav li a {	 display:inline;}

#top_nav li.normal a:hover{border-bottom: 2px solid #055192;}
#top_nav li div {		position:absolute; z-index:1000;	left:0px;	top:18px;	overflow:hidden;	width:200px;	border:0px solid red;}
*html #top_nav li div {	top:19px;}

#top_nav li ul {position:absolute; z-index:999;	left:0px; top:0px; padding:0;	margin:0;	text-transform: none;	background:url('../_media/top_nav_sub_bg.png') top left repeat;	border:1px solid #5187C7;	border-top:none;	display:block;	width:auto;}
#top_nav li ul li {	margin: 5px 14px 0 7px;	padding: 0;	color: #055192;	text-decoration: none;	background: none;	display: block; 	clear:left;	float:left;	width:auto; /*position:relative; z-index:998;*/}
*html #top_nav li ul li {width:196px;}
#top_nav li ul li.last {margin-bottom:8px;}
#top_nav li ul li a {	 height:auto; display:inline; color: #055192;	font: bold 12px Tahoma, Arial, Verdana, Helvetica;	background:none;	padding:0;	margin:0;/* position:relative; z-index:997;*/}
#top_nav li ul li a:hover {		background:none;	border-bottom: 2px solid #055192;}/*
#top_nav li ul li .aktiv {color: #fff;	position:inherit;	left:inherit;	top:inherit;		border-bottom: 2px solid #fff;
}*/

#top_nav li.aktiv {	position:static;}
#top_nav li.aktiv a{	color:white;}
#top_nav li.aktiv div {position:static;		}
#top_nav li.aktiv ul { margin: 6px 0 4px 0; overflow:visible; width:auto; height:auto;position:absolute;	left:11px;	top:47px; padding: 0 0 2px 0;	float: left; text-transform: none; border:none; background:none;}
#top_nav li.aktiv ul li {	margin: 0 17px 0 0;	padding: 0;	color: #fff;	text-decoration: none;	background: none;	float: left;	 display:inline; clear:none; width:auto; }
#top_nav li.aktiv ul li a.aktiv {	color: #fff; 	border-bottom: 2px solid #fff;}
#top_nav li.aktiv ul li a:hover {	color: #fff;	border-bottom: 2px solid #fff;}


#content {	width: 740px;	float: left;	font: 12px Tahoma, Arial, Verdana, Helvetica;	line-height: 18px;	color: #014284;}
#slogan {	padding: 0 0 30px 0;	width: 700px;}
#wrapper_350 {	background: transparent url("../_media/bg_column_350.gif") top left repeat-y;	width: 740px;}
#head_350 {
	background: transparent url("../_media/bg_column_350_head.png") top left no-repeat;
	height: 10px;
	overflow: hidden;
}
#bottom_350 {
	background: transparent url("../_media/bg_column_350_bottom.png") top left no-repeat;
	height: 10px;
}
#head_350_single {
	background: transparent url("../_media/bg_column_350_head_single.png") top left no-repeat;
	height: 10px;
	overflow: hidden;
}
#bottom_350_single {
	background: transparent url("../_media/bg_column_350_bottom_single.png") top left no-repeat;
	height: 10px;
}
#head_720_single {
	background: transparent url("../_media/bg_column_720_head_single.png") top left no-repeat;
	height: 10px;
	overflow: hidden;
}
#bottom_720_single {
	background: transparent url("../_media/bg_column_720_bottom_single.png") top left no-repeat;
	height: 10px;
}
.column_350 {
	width: 350px;
	float: left;
	margin: 0 20px 0 0;
	display: inline;
	background-color: #fff;
}
.column_720 {
	width: 720px;
	float: left;
	display: inline;
	background-color: #fff;
}
.column_350 p, .column_350_single p, .column_720 p {
	margin: 0 10px 10px 10px;
	line-height: 18px;
}
#column_250 {
	width: 250px;
	float: right;
	text-align: center;
}
#column_250 img {
	margin: 0 0 20px 0;
}
.column_350 img, .column_350_single img, .column_720 img {
	border: 1px solid #0c4a89;
	padding: 1px;
}
#content .column_350 a, #content .column_720 a, div.teaserContainer a.weiter {
	color: #87BCDC;
	font-weight: bold;
	text-decoration: none;
}
.halb {
	display: inline;
	float: left;
	width: 50%;
	text-align: left;
	margin: 0 0 10px 0;
}
.drittel {
	display: inline;
	float: left;
	width: 33%;
	text-align: center;
	margin: 0 0 10px 0;
}
.artikelbeschreibung {
	display: inline;
	float: left;
	width: 40%;
	text-align: center;
	margin: 0 0 10px 0;
}
.cash {
	display: inline;
	float: left;
	width: 23%;
	text-align: right;
	margin: 0 0 10px 0;
}
.viertel {
	display: inline;
	float: left;
	width: 25%;
	text-align: center;
	margin: 0 0 10px 0;
}
.drittel p, .viertel p {
	padding: 4px 0 0 0;
	line-height: 16px;
}
.clearer {
	clear: both;
	height: 0px;
	overflow: hidden;
}
.link_out {
	background: transparent url("../_media/pfeil_r.gif") 0 2px no-repeat;
	padding: 0 0 0 12px;
}
.formular {
	margin: 0;
	padding: 0;
}
.formular label {
	float: left;
	width: 100%;
}
#formular p {
	clear: both;
	padding: 0;
	margin: 0 0 50px 0;
	overflow: hidden;
}
.formular input, .formular textarea, .formular select {
	/* float: right; */
	float: left;
	width: 328px;
	background: #d1e9f5;
	border: none;
	display: inline;
	margin: 0 0 5px 0;
	font: normal 11px Tahoma, Arial, Verdana, Helvetica;
	/* border: 1px solid #fff; */
	border: 1px solid #D1E9F5;
	color: #014284;
	padding: 2px 0;
}
.formular .formular_button {
	background: #d1e9f5;
	color: #014284;
	font-weight: bold;
	float: right;
	width: 140px;
	padding: 1px 0;
	border: 1px solid #D1E9F5;
}
.anzahl {
	display: block;
	text-align: center;
	margin: 0 0 10px 0;
}
.anzahl a {
	margin: 0 4px;
}
.small {
	font-size: 10px;
}
.untertitel {
	font: bold 10px Tahoma, Arial, Verdana, Helvetica;
	display: block;
	margin: 2px 0 0 0;
}
.email {
	background: transparent url('../_media/email.gif') top left no-repeat;
	padding: 0 0 0 16px;
}
.weiter {
	font-size: 10px;
	text-align: right;
	margin: 0 2px 0 0;
	font-weight: normal;
	color: #014284;
	display: block;
	text-align: right;
}
.zurueck {
	font-size: 10px;
	margin: 8px 2px 0 0;
	font-weight: normal;
	color: #014284;
	display: block;
	text-align: right;
}
.aktuelles_liste {
	background: transparent url('../_media/kasten.gif') 4px 10px no-repeat;
	padding: 0 0 0 40px;
}
/*#content .column_350 .produktdetail, #content .column_720 .produktdetail {
	padding: 0;
	float: left;
	margin: 4px 20px 0 10px;
	border: 0px;
}*/
#content .column_350 .produktdetail, #content .column_720 .produktdetail {
	padding: 0;
	float: left;
	margin: 4px 20px 0 10px;
	border: 0px;
	overflow:hidden;
	position:relative;
	width:111px;
	
	height:220px;
}
#content .column_350 .produktdetail img, #content .column_720 .produktdetail img, #content .column_720 .produktdetail canvas { left:-16px; top:8px; bottom:auto; border:none; position:relative; padding:0; margin:0;}

*html #content .column_350 .produktdetail img, #content .column_720 .produktdetail{ display:none; width:0px; height:0px; margin:0; padding:0;} 
  #content .column_350 .produktdetail img, #content .column_720 .produktdetail.start{display:none;}
*html #content .column_350 .produktdetail img, #content .column_720 .produktdetail.start{display:block;}

#content .column_350 .produktdetail img.reflected, #content .column_720 .produktdetail img.reflected {
	
	position:relative;
	top:auto;
	left:-16px;
	bottom:-8px;
	border:none;
	/*display:inherit;*/
	visibility:visible;
}
*html .produktdetail img{display:none; visibility:hidden;}

*html #content .column_350 .produktdetail img.reflected, #content .column_720 .produktdetail img.ie {
	
	visibility:visible;
	display:block;
	float:left;
	margin: 4px 20px 0 10px;
}

#content .column_350 .produktdetail, #content .column_720 .single {
	padding: 0;
	float: left;
	margin: 4px 0px 0 0px;
	border: 0px;
	position:static;
	bottom:auto;
	left:auto; top:auto; 
	width:auto;
	height:auto;
}

.naehrwerte {
	margin: 0 10px 20px 20px;
	width: 330px;
	border: none;
	background-color: #f2f5f9;
	font-size: 11px;
	float: right;
}
.naehrwerte caption {
	background-color: #e5ecf2;
	font-weight: bold;
	padding: 2px;
}
.naehrwerte th {
	text-align: left;
	background-color: #e5ecf2;
	/* padding: 5px; */
	width: 40%;
}
.naehrwerte td {
	text-align: left;
	/* padding: 5px; */
	width: 60%;
}
.links {
	list-style: none;
	padding: 0;
	margin: 0 0 18px 12px;
}
.links li {
	margin: 0;
	padding: 0 0 0 12px;
	background: transparent url("../_media/pfeil_r.gif") 0 4px no-repeat;
}
div.spacer {
	height:16px;
}
div.sponsoring {
	margin:10px;
	display:none;
}
/*---=Schnappschuesse---------------------------*/
div.snapshotItemContainer:after {
	content: 'BITTE styles.css EDITIEREN ab Zeile ca. 347';
}
div.snapshotItemContainer {
	width: 30%;
	height: 250px;
	float: left;
	border: 1px solid red;/*testborder*/
}
div.snapshotSubTitle p a.snapshotLink {
	color: white;
}
div.snapshotSubTitle span.snapshotDate {
	font-size: 0.1em;
}
div#galleryNavigation {
	float: left;
	color: white;
	border: 1px solid red;/*test border*/
}
div#galleryNavigation a {
	color: white;
}
div#galleryNavigation span.currentPage {
	color: white;
	font-weight: bold;
	font-size: 1.2em;
}
div#submitSalvusTrinker {
	float: left;
	width: 100%;
	border: 1px solid red;/*test border*/
}
/*---=Presse---------------------------*/

div.pressItem {
}
div.pressItem p.pressText {
}
div.pressNewsDate {
	display: none;
}
img.pressThumbImage {
}
hr.pressDivider {
}
span.pressNoNews {
/*  Wird angezeigt wenn keine Pressemeldungen vorhanden sind*/
}
/*---=Newsletter---------------------------*/

input.wrongInput {
	border: 1px solid #014284;
}
p.wrongInput {
	color: red;
	font-weight: bold;
}
/*---=Shop---------------------------*/
.default_padding {
	padding: 0 10px 10px 10px;
}
div#shop h2 {
	margin: 10px 0 10px 0;
}
div.orderDetails label {
	display: block;
}
div.orderDetails input {
	width: 300px;
}
div.orderDetails input#plz {
	width: 50px;
}
div.orderDetails input#ort {
	width: 240px;
}
div.orderItems {
	padding: 20px;
	overflow: auto;
}
div.orderItems table {
	width: 100%;
}
div#orderTotal {
	overflow: auto;
	padding-bottom: 10px;
	vertical-align: bottom;
}
div#orderTotal div#orderTotalAmount {
	float:right;
	font-weight: bold !important;
	font-size: 1.2em;
}
div#orderTotal div#orderTotalText {
	float:left;
}
div#orderSubmit {
	text-align: center;
}
div#orderError p {
	color: red;
	font-weight: bold;
}
input#mailtofield {
	/* SPAM protection */
  margin-left: 30303030303%;
	margin-left: 30303030303% !important;
	float: left;
}
/*---=Startpage-Boxes---------------------------*/
div.teaserBox {
	font-family:Tahoma;
	font-size:11px;
	color:#004291;
	position:relative;
	width:197px;
	height:154px;
	margin-left:25px;
	margin-bottom:20px;
	background-repeat:no-repeat;
	text-decoration:none;
}
div.headerContainer {
	padding-top:8px;
	text-align:left;
}
div.headerContainer a {
	font-family:Tahoma;
	font-size:15px;
	font-weight:normal;
	color:#004291;
	text-decoration:underline;
	display:block;
}
div.teaserContainer {
	font-family:Tahoma;
	font-size:11px;
	color:#004291;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
	width:130px;
}
div.teaserContainer a {
	text-decoration: none;
	font-family:Tahoma;
	font-size:11px;
	color:#004291;
	line-height:16px;
}
div.teaserContainer a img {
	padding-left:25px;
}
div.overlayClickLayer {
	position:absolute;
	top:0px;
	left:0px;
}
div#startPageBox1 {
	background-image: url("/_pics/teaser/right_bg.png");
}
div#startPageBox1 div.teaserContainer {
	width: 150px;
}
div#startPageBox2 {
	background-image: url("/_pics/teaser/trikot_aktion.png");
}
div#startPageBox3 {
	background-image: url("/_pics/teaser/right_bg.png");
}
img.wissenImage {
	float: left;
	margin: 10px;
}



#notebox_sportlich {
	background-image: url(/_media/bg_note_erfrischend.jpg);	
}
.notebox {	
	position: relative;
	width:199px;
	height:158px;
	margin: 10px 0 0 48px;
	text-align: left;
}
.notebox h3 {
	font: bold 12px Tahoma, Arial, Verdana, Helvetica;
	color: #1991cc;
	margin: 0 10px 0 10px;
	padding: 10px 0 2px 0;
	color:#004291;
	border-bottom: 1px solid #8CC8E5;
	width: 160px;
}
.notebox p {
	margin: 10px 20px 10px 10px;
	padding: 0;
	font: normal 11px Tahoma, Arial, Verdana, Helvetica;
	color:#004291;
}
.notebox .link {
	position: absolute;
	width:199px;
	height:158px;
	top: 0;
	left: 0;
}


#notebox_shop {
	background-image: url(/_media/bg_note_shop.jpg); margin-top:128px;
	
}

#notebox_trikott {
	background-image: url(/_media/bg_note_trikot.jpg);	
}
#notebox_muensterland {
	background-image: url(/_media/bg_note_muensterland.jpg);	
}

h2.green{color:#2c6f21; font-size:18px; }

ul.green {list-style:none; margin:20px 2px 24px; padding:0;}
ul.green li{margin:10px 14px; padding:0px 0px 4px 14px; color:#004a99; background:url(/_media/li_gr.gif) no-repeat 0px 4px;}
ul.green li h3{margin:0px; padding:0px 0px 4px 0px; color:#2c6f21;}

#bottom_720_single.muensterland {background-image:url(../unternehmen/_media/flaschen_bottom.jpg); height:229px;}

div.winner {margin:10px 20px; float:left; width:42%;}

