#page{
	width:					992px;
	border:					0px solid #dedede;
	margin-left:			auto;
	margin-right:			auto;
	background-color:		#fff;
	padding:				0;
}

#page #middle{
	background-color:		#fff;
	overflow:				hidden;
	margin-top:				0px;
	margin-bottom:			0px;
	text-align:				left;
	border-right:			1px solid #dedede;
	border-left:			1px solid #dedede;
	border-bottom:			1px solid #dedede;
}
#page .catLine{
	background-image:		url(../img/layout/trennlinie_kategorien.gif);
	background-repeat:		repeat-y;
	background-position:	left;
}
#page #middle #left{
	float:					left;
	width:					196px;
}
#page #middle #content{
	padding:				0;
	margin:					0;
	float:					left;
	width:					584px;
	font-family:			arial, verdana, sans-serif;
	font-size:				12px;
	color:					#050e38;
	margin-left:			10px;
	margin-top:				10px;
	line-height:			1.6em;
	padding-bottom:			20px;
	min-height:				600px;
	overflow:				hidden;
}
#page #middle #contentWidth{
	float:					left;
	width:					784px;
	font-family:			arial, verdana, sans-serif;
	font-size:				12px;
	color:					#050e38;
	margin-left:			10px;
	margin-top:				10px;
	line-height:			1.6em;
	padding-bottom:			20px;
	overflow:				hidden;
}
#page #middle #contentLeftWidth{
	float:					left;
	width:					778px;
	font-family:			arial, verdana, sans-serif;
	font-size:				12px;
	color:					#050e38;
	margin-left:			10px;
	margin-top:				10px;
	line-height:			1.6em;
	padding-bottom:			20px;
	overflow:				hidden;
	padding-left:			0;
}
#page #middle #content h1, #page #middle #contentWidth h1, #page #middle #contentLeftWidth h1{
	font-size:				20px;
	font-weight:			normal;
}

#page #middle #content h2, #page #middle #contentWidth h2, #page #middle #contentLeftWidth h2{
	font-size:				13px;
	font-weight:			bold;
	color:					#182983;
	border-bottom:			1px solid #dedede;
	margin-right:			10px;
	clear:					both;
}

#page #middle #right{
	float:					left;
	width:					190px;
	margin-left:			10px;
	padding-bottom:			20px;
}

/* Abstandsklassen */

.abstand30{
	margin-top:				90px;
	overflow:				hidden;
	clear:					both;
}

.horAbstand20{
	margin-right:			10px;
}

.clear{
	clear:					both;
}

/* Link Allgemein */
a{
	font-family:			arial, verdana, sans-serif;
	font-size:				12px;
	color:					#050e38;
	text-decoration:		none;
}
a:hover{
	text-decoration:		underline;
}

/* Box */

#page #middle #right .box{
	background-image:		url(../img/layout/box_bg.gif);
	background-repeat:		repeat-y;
	border-right:			1px solid #dedede;
	border-bottom:			1px solid #dedede;
	font-family:			arial, verdana, sans-serif;
	font-size:				11px;
	color:					#050e38;
	margin-right:			10px;
	margin-top:				15px;
	padding-left:			5px;
	overflow:				hidden;

}
#page #middle #right .box h2{
	margin:					0;
	padding:				0;
   	font-family:			arial, verdana, sans-serif;
	font-size:				14px;
	color:					#172982;
	margin-top:				10px;
	padding-top:			5px;
	overflow:				hidden;
	margin-top:				5px;
	margin-bottom:			10px;
}
#page #middle #right .box a{
	color:					#172982;
	font-weight:			bold;
	text-decoration:		none;
}
#page #middle #right .box a:hover{
	text-decoration:		underline;
}
#page #middle #right .box p{
	margin-top:				0;
	padding-top:			0;
	line-height:			1.5em;
}

#foot{
	background-image:		url(../img/layout/footer_bg.jpg);
	background-repeat:		repeat-x;
	height:					24px;
	font-family:			arial, verdana, sans-serif;
	color:					#414145;
	font-size:				10px;
	margin-top:				5px;
	margin-left:			auto;
	margin-right:			auto;
	width:					990px;
}
#foot #footLeft{
	float:					left;
	margin-left:			10px;
	margin-top:				5px;
}
#foot #footRight{
	float:					right;
	margin-right:			10px;
	margin-top:				5px;
}
#foot a{
	font-size:				10px;
	color:					#414145;
}

/* Artikelformatierung: Detail */
#page #middle #content #artikeldetails .mod_webShop_articleDetails{
	overflow:				hidden;
	margin-top:				20px;
}
#page #middle #content #artikeldetails h1{
	margin-top:				0;
	padding-top:			0;
}
#page #middle #content #artikeldetails .rightRow{
	float:					left;
	width:					350px;
}
#page #middle #content #artikeldetails .articleTeaser{
	display:				none;
}
#page #middle #content #artikeldetails .articleImage{
	float:					left;
	margin-right:			10px;
}
#page #middle #content #artikeldetails .articleImage img{
	border:					0;
}
#page #middle #content #artikeldetails .tabContents{
	clear:					both;
	padding-top:			30px;

}
#page #middle #content #artikeldetails .tabContents h1{
	font-size:				13px;
	font-weight:			bold;
	color:					#172982;
	border-bottom:			1px solid #d2d2d3;
}

#page #middle #content #artikeldetails .download{
	padding: 				3px;
	overflow:				hidden;
	background-color: 		#f0f0f0;
	display:				block;
	height:					22px;
	width:					180px;
}
#page #middle #content #artikeldetails .download a{
	font-size:				11px;
	color:					#050e38;
	text-decoration:		none;
	float:					left;
	padding-top:			4px;
	margin-left:			5px;
}
#page #middle #content #artikeldetails .download a:hover{
	text-decoration:		underline;
}
#page #middle #content #artikeldetails .download img{
	float:					left;
}

.ws_tabContent{
	margin-top:				40px;
}

#page #middle #content #artikeldetails ul{
	list-style-image:		url(../img/layout/haken_check.jpg);
	display:				block;

	padding-left:			20px;
}

/* Actionbuttons */
#page #middle #content #artikeldetails table.actionButton{
	float: 					left;
	border: 				1px solid #dedede;
	height:					38px;
	width:					150px;
	margin-right:			10px;
}
#page #middle #content #artikeldetails table.actionButton tr td{
	background-image: 		url(../img/layout/bg_action_button.gif);
	background-repeat: 		repeat-x;
}
#page #middle #content #artikeldetails .actionButton p{
	margin:					0;
	padding:				0;
	line-height:			1em;
}
#page #middle #content #artikeldetails .actionButton, #page #middle #content #artikeldetails .actionButton a{
	font-size:				12px;
	color:					#050e38;
	font-weight:			bold;
	text-decoration:		none;
}
#page #middle #content #artikeldetails .actionButton a:hover{
	text-decoration:		underline;
}

#page #middle #content #artikeldetails input.submit{
	background-color:		#172982;
	border:					0px solid #172982;
	color:					#fff;
	font-size:				12px;
	font-weight:			normal;
	padding:				5px;
	padding-top:			0;
	padding-bottom:			0;
	font-family:			arial, verdana, sans-serif;
	cursor:					pointer;
}

/* Artikelformatierung: Liste */
#page #middle .articleListItem{
	margin:					0;
	width:					280px;
	float:					left;
	margin-right:			10px;
	margin-bottom:			20px;
	border-left:			1px solid #ebebf5;
	border-top:				1px solid #ebebf5;
	border-right:			1px solid #d4d4d4;
	border-bottom:			1px solid #d4d4d4;
	height:					160px;
	background-image:		url(../img/layout/background_box.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom;
	position:				relative;
	overflow:				hidden;
	padding:				0;
}
#page #middle .articleListItem:hover{
	border:					1px solid #172982;
}
#page #middle .articleListItem .articleImage{
	float:					left;
}
#page #middle .articleListItem .articleImage img{
	border:					0;
	margin-left:			5px;
	margin-top:				5px;
	margin-bottom:			5px;
}
#page #middle .articleListItem .articleTitle{
	float:					left;
	width:					145px;
	margin-left:			5px;
	margin-top:				10px;
}
#page #middle .articleListItem .articleTitle a{
	font-family:			arial, verdana, sans-serif;
	font-size:				14px;
	color:					#172982;
	text-decoration:		none;
	font-weight:			bold;
}
#page #middle .articleListItem .articleTitle a:hover{
	text-decoration:		underline;
}
#page #middle .articleListItem .articleTeaser{
	float:					left;
	width:					145px;
	margin-left:			5px;
	margin-top:				15px;
	margin-right:			5px;
}
#page #middle .articleListItem .articleTeaser a{
	font-family:			arial, verdana, sans-serif;
	font-size:				12px;
	color:					#050e38;
	text-decoration:		none;
}
#page #middle .articleListItem .link{
	border-bottom:			2px solid #182983;
	height:					16px;
	width:					280px;
	position:				absolute;
	bottom:					0;
	overflow:				hidden;
	clear:					both;
}
#page #middle .articleListItem .link a{
	float:					right;
}

/* angepasste ItemList-Formatierung für die Startseite */
#page #middle .articleListItemHome{
	width:					375px;
	background-image:		url(../img/layout/background_homebox.jpg);
	background-repeat:		no-repeat;
	background-position:	bottom;
}
#page #middle .articleListItemHome .link{
	width:					375px;
}
#page #middle .articleListItemHome .articleTitle, #page #middle .articleListItemHome .articleTeaser{
	margin-left:			20px;
	width:					200px;
}

/* Breadcrumb */
#page #middle #content .mod_webShop_breadcrumb a, #page #middle #content .mod_webShop_breadcrumb .active{
	font-size:				10px;
}

/* Boxen auf der Startseite */

#page #middle .homebox{
	overflow:				hidden;
	width:					375px;
	height:					178px;
	border:					1px solid #dedede;
	background-image:		url(../img/layout/background_homebox.jpg);
	background-repeat:		no-repeat;
	float:					left;
	padding:				0;
	font-size:				11px;
}

#page #middle .homebox h3{
	border:					0;
	margin:					0;
	margin-left:			10px;
	margin-top:				10px;
	padding:				0;
	overflow:				hidden;
	font-size:				18px;
	color:					#172982;
}
#page #middle .homebox table{
	margin-left:			10px;
}

/* Anfrage */
.anfrage table{
	width:					100%;
	overflow:				hidden;
}
.anfrage table td{
	vertical-align:			top;
}
.anfrage .contactForm .invisible{
	display:				none;
}
.anfrage .contactForm span.mandatory{
	color:					#f00;
	font-weight:			bold;
	margin-left:			5px;
}
.anfrage .contactForm input, .anfrage .contactForm textarea, .anfrage .contactForm select{
	border:					1px solid #dedede;
	padding:				3px;
	color:					#050e38;
	font-family:			arial, verdana, sans-serif;
	font-size:				12px;
	margin-bottom:			5px;
	width:					190px;
}
.anfrage .contactForm textarea{
	width:					350px;
}
.anfrage .contactForm textarea:focus, .anfrage .contactForm input:focus{
	border-color:			#050e38;
}
.anfrage .contactForm input.submit{
	width:					auto;
}
.anfrage .mod_webShop_shoppingCart .articleTitle a{
	font-weight:			bold;
	font-size:				14px;
	color:					#172982;
}
.anfrage .mod_webShop_shoppingCart .articleTitle .cartItemQTY_input, .smallReminder .articleTitle .cartItemQTY_input{
	display:				inline;
	margin-left:			10px;
}
.anfrage .mod_webShop_shoppingCart .cartItemTitle{
	margin-left:			10px;
	width:					500px;
}
.anfrage .mod_webShop_shoppingCart ul, .smallReminder ul{
	list-style-type:		none;
	margin: 				0;
	padding:				0;
	margin-left:			5px;
	margin-top:				5px;
	margin-bottom:			10px;
	overflow:				hidden;
	display:				block;
}
.anfrage .mod_webShop_shoppingCart ul li, .smallReminder ul li{
	display:				block;
	float:					left;
}
.anfrage .mod_webShop_shoppingCart img, .smallReminder img{
	border:					0;
}
.smallReminder{
	overflow:				hidden;
	clear:					both;
}
.smallReminder .clean{
	margin: 				0;
	padding: 				0;
	overflow:				hidden;
}
.smallReminder form{
	margin:					0;
	padding:				0;
	overflow:				hidden;
}
.smallReminder .cartItemTitle{
	margin-left:			5px;
	width:					115px;
}
.smallReminder img{
	display:				block;
}
.smallReminder ul{
	margin-left:			0;
	width:					174px;
}
p.error{
	color:					#f00;
}

/* Anfahrt */
#anfahrtDaten{
	float:					left;
	width:					300px;
}
#map{
	float:					left;
	margin-left:			20px;
}

/* Content-Tabs */
ul.tabs{
  margin: 					0;
  margin-top: 				30px;
  padding: 					0;
}
ul.tabs li{
  list-style-type: 			none;
  display: 					inline;
  margin-left: 				10px;
}
ul.tabs a{
  color: 					#000;
  overflow:					hidden;
  background-color: 		#f9f9f9;
  padding-left: 			8px;
  padding-right: 			8px;
  padding-top: 				8px;
  padding-bottom: 			8px;
  border: 					1px solid 	#e0e0e0;
  border-bottom: 			0;
  text-decoration: 			none;
}
ul.tabs a:hover{
  text-decoration: 			underline;
}
ul.tabs a.current{
  background-color: 		#f1f1f1;
}
div.panes div{
  margin: 0;
  padding: 0;
  background-image: 		url(../img/layout/tab_content.gif);
  background-repeat: 		repeat-x;
  background-position: 		top;
  overflow: 				hidden;
  padding-top: 				5px;
  margin-top: 				5px;
}

div.panes p{
	margin-top:				20px;
	margin-left:			20px;
}

/* Info-Text */
p.infotext{
	width:					400px;
	background-color:		#f0f0f0;
	padding:				5px;
	border:					1px solid #dedede;
	clear:					both;
}

/* Productvorschau im Header */

.productPresentation{
	background-image:		url(../img/layout/background_head_slider.jpg);
	background-repeat:		no-repeat;
	height:					299px;
	width:					970px;
	overflow:				hidden;
}
.productPresentation table{
	margin-top:				15px;
}
.productPresentation table td{
	font-family:			arial, verdana, sans-serif;
	font-size:				12px;
	color:					#050e38;
}
.productPresentation table td h2 a, .productPresentation table td h2{
	font-size:				30px;
	line-height:			1em;
	margin:					0;
	padding:				0;
	color:					#172982;
}

/* Kopfgrafik Lieferservice */
.wbv-lieferservice{
        background-image:                   url(../img/headimages/wbv_lieferservice.jpg);
	background-repeat:                  no-repeat;
	height:					299px;
	width:					970px;
	overflow:				hidden;
        color:                              #070d2e;
        font-family:                        arial, verdana, sans-serif;
        text-align:                         left;
}
.wbv-lieferservice h2{
        color:                              #192583;
        font-size:                          36px;
        margin-top:                         30px;
        margin-left:                        460px;
        text-decoration:                    underline;
}
.wbv-lieferservice p{
        margin-left:                        460px;
        font-size:                          12px;
        margin-right:                       10px;
}

/* News */

#page #middle #content .mod_newslist h2, #page #middle #contentWidth .mod_newslist h2, #page #middle #contentLeftWidth .mod_newslist h2{
	border: 				0;
	margin: 				0;
	padding:				0;
	font-size:				14px;
}
.mod_newslist h2 a{
	font-size:				14px;
}
#page #middle .mod_newslist p{
	margin-top:				5px;
	margin-bottom: 			0;
        width:                           600px;
}
#page #middle .mod_newslist p.info, .mod_newsreader p.info{
	margin-bottom:			5px;
	margin-top:				0;
	color:					#646465;
}
.mod_newslist div.block{
	margin-bottom: 			25px;
	overflow:				hidden;
}
.mod_newslist .more a{
	color:					#646465;
}
.mod_newslist .image_container, .mod_newsreader .image_container{
	float:					left;
	margin-right:			10px;
}

/* Image-Table */
.imageTable td{
	width:					370px;
}
.imageTable img{
	margin-top:				10px;
	border:					6px solid #dedede;
}
.categoryTeaser{
    background-color: #F0F0F0;
    margin-bottom: 20px;
    width: 573px;
    overflow: hidden;
    border-bottom: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
}
.categoryTeaser p{
    margin: 10px;
    font-size: 11px;
}
.categoryTeaser h2{
    margin: 10px;
    border: 0 !important;
}

#page #middle .fullWidth{
  width: 760px;
  background-repeat: repeat-x;
}

/* Sortiment Boxen */
.sortimentBox {
  display:inline;
  float:left;
  width:31%;
  height:250px;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2);
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
	padding-left: auto;
	padding-right: auto;

}


.sortimentBox img{
	width:90%;
	padding-left: 5%;
	padding-right: 5%;
	border-bottom:			1px solid #dedede;

}

.sortimentBox p {
	margin-top: 5px;
	padding-left: 5%;
	padding-right: 5%;

}

@media