.dlh_googlemap img {max-width:none}.dlh_googlemap .routinglink{white-space:nowrap}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/* =============================================
 * style.css
 * =============================================
 *
 *	1.0 RESET 
 *	2.0 GLOBALS
 *		2.1 Headings
 *		2.2 Text
 *		2.3 Hyperlinks 
 *		2.4 Lists
 *		2.5 Images
 *		2.6 Tables
 *	3.0 LAYOUT
 *		3.1 Header
 *		3.2 Container
 *		3.3 Footer
 *	4.0 NAVIGATION
 *		4.1 Header Mainnav
 *		4.2 Systemnav
 *		4.3 Footer Quicklinks
 *		4.4 Left Subnav 
 *		4.5 Right Langnav 
 *	5.0 FORMS
 *		5.1 Basic Form
 *		5.2 Suche (box right)
 *		5.3 Suchergebnisse
 *		5.4 BP-Registrierung
 *		5.5 Mein Bergkamen Login
 *	6.0 MODULES
 *		6.1 Breadcrumb
 *		6.2 Google Maps
 *		6.3 Print Page
 *		6.4 Sitemap
 *		6.5 Weather Box
 *		6.6 Kalender-Port
 *		6.7 Veranstaltungskalender (FILTER)
 *		6.8 Veranstaltungskalender (LISTE)
 *		6.9 Vereinskatalog
 *		6.10 Interaktive Dienste (ÜBERSICHT)
 *		6.11 Pager
 *		6.12 NewsList
 *		6.13 NewsReader
 *		6.14 ce_accordion
 *		6.15 ce_dynamic_page_teaser
 *		6.16 autocompleter
 *		6.17 ortsDienste
 *		6.18 BP Formularkasten
 *		6.19 Mehrwertdienste
 *	7.0 WEBSHOP
 *	8.0 FARB-DEFINITIONEN
 *	9.0 CLEARING
 *	10.0 PRINT
 *	11.0 MEDIA QUERIES
 *	12.0 BROWSER FIXING

************************************************/

/* =============================================
 * 	RESET
 * ========================================== */
* {
    border: 0;
    margin: 0;
    padding: 0;
}

html, body {
	height:100%;
}

/* =============================================
 * 	GLOBALS
 * ========================================== */
body {
	background: #B3B3B3 url("../../tl_files/bk/images/corporate/bg_body.jpg") repeat-x;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;	
	overflow: -moz-scrollbars-vertical;
}

.noMargin {
	margin: 0!important;
}

/* TEMPORÄR: AUSBLENDEN DER MOBILE HELPERS */
#mobilenav,
#jump,
#suchbutton,
#main .beamBox,
#printContact {
	display: none;	
}


/* ANNOUNCEMENTS auf HOME */
#main #mb_announcement {
		display: none;
}

#mb_announcement {
	width: 100%;
}


#mb_announcement p {
		text-align: center;
	background: #004F86;
	color: #FFFFFF;
	padding: 30px;		
}

/**** headings ****/
h1 {
	border-bottom: 5px solid #004F86;
    color: #004F86;
    font-size: 14px;
	padding: 0 0 2px 0;
	margin: 0 0 12px 0;	
}

h2  {
	color: #000;
	font-size: 12px;
	line-height: 18px;	
	font-weight: bold;
	margin: 0 0 0.5em 0;	
}

h3  {
	font-size: 12px;
	font-weight: bold;
	line-height: 21px;	
	margin: 0;	
}

.beamBox.box h3,
#left .box h3,
#right .box h3 {
	border-bottom: 5px solid #004F86;
	color: #004F86;
	font-size: 14px;
	padding: 0 0 2px 0;
	margin: 0 0 12px 0;
}

/*body.red h2 {
	color: #AC3E3D;
}*/

 
/**** Text ****/
p {	
	font-size: 12px;
	line-height: 19px;	
	margin: 0 0 18px 0;
}

#left .box p,
#right .box p {
	line-height: 19px;	
	margin: 0 0 12px 0;
}

p.more {
	margin: 0;	
}

p.back {
	text-align: right;	
}

.small {
	font-size: 11px;	
}

hr {
    margin: 0 0 0.8em 0;
    padding: 0 0 0.8em 0;
    /*border-bottom:1px solid #86b3d7;*/
    border-bottom: 1px solid #D4D4D4;
    width: 100%;
    line-height: 0;
    background: transparent;
    height: 0;
}

#main .ce_text {
	padding-top: 10px;	
}

#main .ce_text.ce_accordion {
	padding-top: 0;	
}


/**** Hyperlinks ****/
a,
a:visited,
a:active {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;	
}

h2 a {
	text-decoration: none;
} 

#header a, 
#header a:visited, 
#header a:active {
	color: #FFF;
	text-decoration: none;	
}

#header a:hover {
	color: #FFF;
	text-decoration: underline;
}

#right a,
#right a:visited,
#right a:active {
	text-decoration: underline;
}

#right a:hover {
	text-decoration: none;
}

#main .backlink {
	float: right;
}

/*#right a:hover {
	text-decoration: underline;	
}	*/

/**** Lists ****/
#main ul {
	list-style: square;
	margin: 0 0 18px 0;
}

#main ol {
	margin: 0 0 18px 0;	
}

#main ul li {
	font-size: 12px;
	line-height: 16px;	
	margin: 0 0 8px 16px;
	padding: 0;
}

#main ol li {
	font-size: 12px;
	line-height: 16px;	
	margin: 0 0 8px 18px;
	padding: 0;
}

body.amtsblatt #main ul {
	margin: 0;	
}
				
/**** Images ****/
img {
    height: auto;
    max-width: 100%;
} 

#main .caption {
	font-size: 10px;	
	white-space: nowrap;
}

.noWrap { 
	white-space: nowrap; 
}

/**** Tables ****/
#main .ce_table h2 {
	margin: 0px 0px 4px 0px;
	line-height: 12px;
}

#main .ce_table table {
	border: 1px solid #CCCCCC;
	width: 100%;
	margin-bottom: 18px;
}

#main .ce_table table td {
	padding: 2px 8px 2px 8px;	
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size: 12px;
	vertical-align: top;
}

#main .ce_table table td.col_last {
	border-right: none;
}

#main .ce_table table tr.row_last td {
	border-bottom: none;
}

 
/* =============================================
 * 	LAYOUT
 * ========================================== */
@media screen {
#wrapper {
	position: relative;	
	width: auto;	
	min-height:100%;
	height:auto !important;
	height:100%;
}
 
/**** Header ****/
#header {
	color: #FFF;	
	font-size: 10px;
	position: relative;
}

#header > div.inside {
	padding: 0 10px;
	width: 960px;
	margin: 0 auto;	
}

#header #logoBannerWrapper .inside,
#header #headerIconWrapper .inside {
	width: auto;
}

/* LOGO BANNER */
#header #logoBannerWrapper {
	-moz-box-shadow: 0 0 8px #888;
	-webkit-box-shadow: 0 0 8px #888;
	box-shadow: 0 0 8px #888;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
	height: 147px;
	overflow: hidden;
}

#header #logo {
	background: #FFF;
	float: left;	
	/*width: 237px;
	height: 147px;*/
	width: 237px;
	height: 147px;	
}

#header #logo a {
	display: block;	
	text-align: center;
	padding: 42px 0 0 0;
	/*padding: 16px 0 0 0;*/
}

/* SYSTEMNAV */
#header #systemnav {
	height: 42px;
	margin: 2px 0 0 0;	
	overflow: hidden;
}

#header #systemnav .systemnavInside {
	float: right;	
}

/**** Container ****/


.noright #main {
	margin: 0 0 0 246px;
}

#main > div.inside {
	padding: 20px;
	width: auto;
}


#container {
	width: 960px;
	padding: 12px 246px 140px 246px;	
	margin: 0 auto;	
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#left {
	width: 236px;
	right: 246px;
}

#right {
	width: 236px;
	margin-left: 10px;
}

#main {
    -moz-box-shadow: 0 0 8px #888;
	-webkit-box-shadow: 0 0 8px #888;
	box-shadow: 0 0 8px #888;
	background: #FFF;
	color: #000;	
}




/*
#left {
	position: relative;
	margin-left: -100%;
	width: 236px;
	right: 236px;
}

#right {
	margin-right: -100%;
	width: 236px;
	position: relative;	
}
*/


/*
#container {
	clear: both;
	width: 960px;
	padding: 12px 10px 122px 10px;	
	margin: 0 auto;	
}

#main {
    -moz-box-shadow: 0 0 8px #888;
	-webkit-box-shadow: 0 0 8px #888;
	box-shadow: 0 0 8px #888;
	background: #FFF;
	color: #000;		
	margin: 0 246px;	
}

#left,
#right {
	width: 236px;
}

#left > div.inside,
#right > div.inside {
}
*/

#left .box,
#right .box {
	-moz-box-shadow: 0 0 8px #888;
	-webkit-box-shadow: 0 0 8px #888;
	box-shadow: 0 0 8px #888;	
	background: #FFF;
	color: #000;	
	margin: 0 0 10px 0;
	width: 100%;	
}

.stadtfilmbox {
	/*display: none;*/
}

#left .box > .boxInside,
#right .box > .boxInside {
	padding: 16px;	
}

/* ROUND CORNERS */
#left > .inside > .box:first-child,
body.home #left > .inside > #leftIncludes > .box:first-child { 
	-webkit-border-radius: 6px 0 0 0; 
	-moz-border-radius: 6px 0 0 0; 
	border-radius: 6px 0 0 0; 
}

#left .inside .box:last-child {
	-webkit-border-radius: 0 0 0 6px; 
	-moz-border-radius: 0 0 0 6px; 
	border-radius: 0 0 0 6px; 
	margin:0;
}

#right > .inside > .box:first-child {
	-webkit-border-radius: 0 6px 0 0; 
	-moz-border-radius: 0 6px 0 0;  
	border-radius: 0 6px 0 0; 
}

#right .box:last-child {
	-webkit-border-radius: 0 0 6px 0;
	-moz-border-radius: 0 0 6px 0;
	border-radius: 0 0 6px 0; 
	margin:0;
}

/*#left #leftIncludes .box:first-child {
	-webkit-border-radius: 0px 0 0 6px; 
	-moz-border-radius: 0px 0 0 6px; 
	border-radius: 0px 0 0 6px; 	
}

body.home #left #leftIncludes .box:first-child {
	-webkit-border-radius: 6px 0 0 0; 
	-moz-border-radius: 6px 0 0 0; 
	border-radius: 6px 0 0 0; 	
}

#right #rightIncludes .box:first-child {
	-webkit-border-radius: 0; 
	-moz-border-radius: 0; 
	border-radius: 0; 
}
*/
/**** Footer ****/
#footer {
	background: url("../../tl_files/bk/images/corporate/bg_footer_kachel.png") repeat-x;
	color: #FFF;
	position: absolute;
	width: 100%;
	height: 122px;   	
    bottom: 0;
}

#footer > div.inside {
	height: 122px;
}

#footer #footerWelle {
	background: url("../../tl_files/bk/images/corporate/bg_footer_right.png") no-repeat;
	float: right;
	width: 878px;
	height: 122px;
}

#footer #footerQuicklinks {
	padding: 98px 0 0 20px;
	position: absolute;
}

}

/* =============================================
 * 	NAVIGATION
 * ========================================== */
/**** Header Mainnav ****/
#header #headerMainnav {
	margin: 10px 0 0 0;
	overflow: visible;	
}

#header #headerMainnav ul {	
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}

#header #headerMainnav ul.level_2 {
	display: none;	
}

#header #headerMainnav ul li {
	-moz-box-shadow: 0 0 8px #888;
	-webkit-box-shadow: 0 0 8px #888;
	box-shadow: 0 0 8px #888;
	border-left: 5px solid #000;
	border-bottom: 5px solid #000;	
	float: left;
	padding: 0;	
	margin: 0 15px 0 0;
	width: 175px;
	height: 42px;	
}

#header #headerMainnav ul li.blue {
	border-left-color: #004F86;
	border-bottom-color: #004F86;	
}
#header #headerMainnav ul li.green {
	border-left-color: #3cac3e;
	border-bottom-color: #3cac3e;	
}
#header #headerMainnav ul li.orange {
	border-left-color: #ef9735;
	border-bottom-color: #ef9735;	
}
#header #headerMainnav ul li.yellow {
	border-left-color: #666666;
	border-bottom-color: #666666;	
}
#header #headerMainnav ul li.red {
	border-left-color: #ac3e3d;
	border-bottom-color: #ac3e3d;	
}

#header #headerMainnav > ul li.last {
	margin: 0;	
}

#header #headerMainnav ul li a,
#header #headerMainnav ul li a:active, 
#header #headerMainnav ul li a:visited,
#header #headerMainnav ul li span {
	background: #FFF;
	color: #000;	
	font-size: 14px;
	font-weight: bold;
	height: 37px;
	padding: 5px 0 0 14px;
	text-decoration: none;
}

#header #headerMainnav ul li.blue a:hover,
#header #headerMainnav ul li.blue span,
#header #headerMainnav ul li.trail.blue a {
	background: #004F86;
	color: #FFF;	
}
#header #headerMainnav ul li.green a:hover,
#header #headerMainnav ul li.green span,
#header #headerMainnav ul li.trail.green a  {
	background: #3cac3e;
	color: #FFF;	
}
#header #headerMainnav ul li.orange a:hover,
#header #headerMainnav ul li.orange span,
#header #headerMainnav ul li.trail.orange a  {
	background: #ef9735;
	color: #FFF;	
}
#header #headerMainnav ul li.yellow a:hover,
#header #headerMainnav ul li.yellow span,
#header #headerMainnav ul li.trail.yellow a  {
	background: #666666;
	color: #FFF;	
}
#header #headerMainnav ul li.red a:hover,
#header #headerMainnav ul li.red span,
#header #headerMainnav ul li.trail.red a  {
	background: #ac3e3d;
	color: #FFF;	
}

#header #headerMainnav ul li a,
#header #headerMainnav ul li a:hover,
#header #headerMainnav ul li a.active,
#header #headerMainnav ul li span {
	text-decoration: none;	
	display: block;
}

#header #headerMainnav ul li a:hover ul.megamenu {
	left: 10px!important;
}

#header #headerMainnav ul li.last a,
#header #headerMainnav ul li.last span {
	
}

/* MEGAMENÜ */

#header #headerMainnav ul.megamenu {
	display: none;	
}

#header #headerMainnav ul.megamenu {
	position: absolute;
	width: 936px!important;
	height: auto!important;
	z-index: 100!important;
	background: #FFF;
	border: 1px solid #004F86;
	margin: 5px 0 0 0;
	padding: 12px;
	left: -9999px;		
}

#header #headerMainnav li:hover ul.megamenu {
	left: 10px;
}


#header #headerMainnav ul ul.megamenu li {
    border-bottom: 0;
    border-left: 0;
    box-shadow: none;
    float: none;
    height: auto;
    margin: 0 0 0 0;
    padding: 0;
    width: auto;
}

#header #headerMainnav ul.megamenu .mod_navigation li,
#header #headerMainnav ul.megamenu .mod_navigation li.first,
#header #headerMainnav ul.megamenu .mod_navigation li.last {
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
	float: none;	
	border: none;
	height: 25px;
	padding: 0!important;	
	width: 100%;	
	overflow: visible;
}

#header #headerMainnav ul.megamenu h2 {
	color: #000;
	font-size: 14px;
	margin: 0 0 8px 6px;	
}

#header #headerMainnav ul.megamenu .mod_navigation .listCol1,
#header #headerMainnav ul.megamenu .mod_navigation .listCol2,
#header #headerMainnav ul.megamenu .mod_navigation .listCol3 {
	width: 30%;
	padding: 0;
	height: auto!important;
	display: inline-block;
	opacity: 1!important;
}

#header #headerMainnav ul.megamenu .mod_navigation .listCol2 {
	padding: 0 36px;
}

#header #headerMainnav ul.megamenu .mod_navigation #li_container2 {
}

#header #headerMainnav ul.megamenu .mod_navigation .listCol1 {	
	float: left;
}

#header #headerMainnav ul.megamenu .mod_navigation .listCol2 {
	float: left;
}

#header #headerMainnav ul.megamenu .mod_navigation .listCol3 {
	float: left;
	padding-right:0;
}

#header #headerMainnav ul.megamenu .mod_navigation li a,
#header #headerMainnav ul.megamenu .mod_navigation li a:visited,
#header #headerMainnav ul.megamenu .mod_navigation li a:active,
#header #headerMainnav ul.megamenu .mod_navigation li span {
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;	
	background: none;
	color: #000000;
	font-size: 12px;
	border-bottom: 1px dashed #000;
	display: block;
	font-weight: normal;
	width: 100%;
	margin: 4px 0 12px 0!important;
	height: 25px;
	line-height:23px;	
}

#header #headerMainnav ul.megamenu .mod_navigation li a:hover {
	color: #004F86!important;
}

#header #headerMainnav ul.megamenu .mod_navigation li a.active,
#header #headerMainnav ul.megamenu .mod_navigation li span {
	font-weight: bold;
	background: none !important;	
}

#header #headerMainnav ul.megamenu .level_1 div {
	display: none;
	left: -9999em;	
}

/*
#header #headerMainnav ul.megamenu {
	position: absolute;
	width: 936px!important;
	height: auto!important;
	z-index: 100!important;
	background: #FFF;
	border: 1px solid #004F86;
	margin: 5px 0 0 0;
	padding: 12px;
	left: -9999px;		
}

#header #headerMainnav li.red ul.megamenu {
	height: auto!important;
}

#header #headerMainnav li.yellow ul.megamenu {
	height: auto!important;
}

#header #headerMainnav li.submenu:hover ul,
#header #headerMainnav li.submenu:active ul {
	left: 10px;
}

#header #headerMainnav ul.megamenu .mod_navigation ul,
#header #headerMainnav ul.megamenu .mod_navigation ul li {
	margin: 0;
	padding: 0;	
	font-style: italic;
}

#header #headerMainnav ul.megamenu .mod_navigation li,
#header #headerMainnav ul.megamenu .mod_navigation li.first,
#header #headerMainnav ul.megamenu .mod_navigation li.last {
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;
	float: none;	
	border: none;
	height: 25px;
	padding: 0!important;	
	width: 100%;	
	overflow: visible;
}

#header #headerMainnav ul.megamenu .mod_navigation li a,
#header #headerMainnav ul.megamenu .mod_navigation li a:visited,
#header #headerMainnav ul.megamenu .mod_navigation li a:active,
#header #headerMainnav ul.megamenu .mod_navigation li span {
	-moz-box-shadow: 0 0 0 transparent;
	-webkit-box-shadow: 0 0 0 transparent;
	box-shadow: 0 0 0 transparent;	
	background: none;
	color: #000000;
	font-size: 12px;
	border-bottom: 1px dashed #000;
	display: block;
	font-weight: normal;
	width: 100%;
	margin: 4px 0 12px 0!important;
	height: 25px;
	line-height:23px;	
}

#header #headerMainnav ul.megamenu .mod_navigation li a:hover {
	color: #004F86!important;
}

#header #headerMainnav ul.megamenu .mod_navigation li a.active,
#header #headerMainnav ul.megamenu .mod_navigation li span {
	font-weight: bold;
	background: none !important;	
}


#header #headerMainnav ul.megamenu .mod_navigation .listCol1,
#header #headerMainnav ul.megamenu .mod_navigation .listCol2,
#header #headerMainnav ul.megamenu .mod_navigation .listCol3 {
	width: 30%;
	padding: 0;
}

#header #headerMainnav ul.megamenu .mod_navigation .listCol2 {
	padding: 0 36px;
}

#header #headerMainnav ul.megamenu .mod_navigation #li_container2 {
}

#header #headerMainnav ul.megamenu .mod_navigation .listCol1 {	
	float: left;
}

#header #headerMainnav ul.megamenu .mod_navigation .listCol2 {
	float: left;
}

#header #headerMainnav ul.megamenu .mod_navigation .listCol3 {
	float: left;
	padding-right:0;
}

#header #headerMainnav ul.megamenu h2 {
	color: #000;
	font-size: 14px;
	margin: 0 0 8px 6px;	
}
*/

/* ROUND CORNERS */
#headerMainnav ul li {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;	
}

#headerMainnav ul li a {
	-webkit-border-radius: 0px 6px 0px 0px;
	-moz-border-radius: 0px 6px 0px 0px;
	border-radius: 0px 6px 0px 0px;
}

#headerMainnav ul li.active a,
#headerMainnav ul li.active span {
	-webkit-border-radius: 0px 6px 0px 0px;
	-moz-border-radius: 0px 6px 0px 0px;
	border-radius: 0px 6px 0px 0px;
} 
 
/**** Systemnav ****/
#header #systemnav ul {
	list-style: none;	
}

#header #systemnav ul li {
	color: #797979;
	float: left;
	margin: 0 12px 0 0;
	vertical-align: top;
}

#header #systemnav ul li.last {
	margin: 0;	
}

#header #systemnav ul li a,
#header #systemnav ul li a:visited,
#header #systemnav ul li a:active {
	color: #797979;	
	font-size: 11px;
	text-decoration: none;
}

#header #systemnav ul li a:hover {
	color: #000;
	text-decoration: underline;	
}

#header #systemnav ul li img {
	margin: 9px 4px 0 0;	
}

#header #systemnav .resizer { 
	list-style: none; 
	margin: 6px 0 0 0;
	padding: 0;
}

	#header #systemnav .resizer li { 
		float: left; 
		line-height: 26px; 
		margin-right: 5px; 
	}

	#header #systemnav .resizer li.small a {
		font-size: 11px;	
		line-height: 12px;
	}

	#header #systemnav .resizer li.medium a {
		font-size: 13px;	
		line-height: 16px;	
	}

	#header #systemnav .resizer li.large a {
		font-size: 16px;
		line-height: 20px;			
	}

	body.small #header #systemnav .resizer li.medium a,
	body.small #header #systemnav .resizer li.large a,
	body.medium #header #systemnav .resizer li.small a,
	body.medium #header #systemnav .resizer li.large a,
	body.large #header #systemnav .resizer li.small a,
	body.large #header #systemnav .resizer li.medium a {
		text-decoration: underline;	
	}

/**** Footer Quicklinks ****/
#footer #footerQuicklinks ul {
}

#footer #footerQuicklinks ul li {
	border-right: 1px solid #FFF;
	float: left;
	list-style: none;
	padding: 0 12px 0 0;
	margin: 0 12px 0 0;	
}

#footer #footerQuicklinks ul li.last {
	border-right: none;	
}

#footer #footerQuicklinks ul li a,
#footer #footerQuicklinks ul li a:visited,
#footer #footerQuicklinks ul li a:active {
	text-decoration: none;
	color: #FFF;
}

#footer #footerQuicklinks ul li a:hover {
	text-decoration: underline;
}

/**** Left Subnav ****/
#left #subnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left #subnav ul li {

	list-style: none;	
}

#left #subnav ul ul.level_2 {
	display: none;	
}

#left #subnav ul li .boxInside {
	padding: 0!important;	
}

#left #subnav ul li .boxInside h3 {
	display: none;	
}

#left #subnav ul li.active ul.level_2,
#left #subnav ul li.trail ul.level_2 {
	display: block;	
}

#left #subnav ul.level_1 > li > a,
#left #subnav ul.level_1 > li > a:visited,
#left #subnav ul.level_1 > li > a:active,
#left #subnav ul.level_1 > li > span {
	border-bottom: 1px solid #d4d4d4;
	color: #000;
	display: block;
	padding: 4px 0 4px 4px;	
	text-decoration: none;	
}

#left #subnav ul.level_1 > li > a:hover,
#left #subnav ul.level_1 > li > span,
#left #subnav ul.level_1 > li > a.trail  {
	color: #FFF;
}

#left #subnav ul.level_1 > li.submenu > a,
#left #subnav ul.level_1 > li.submenu > a:visited,
#left #subnav ul.level_1 > li.submenu > a:active,
#left #subnav ul.level_1 > li.submenu > a:hover {
	background-image: url("../../tl_files/bk/images/corporate/bg_subnav_submenu.png");
	background-position: 190px 8px;
	background-repeat: no-repeat;
}

#left #subnav ul.level_1 > li.submenu > span,
#left #subnav ul.level_1 > li.submenu > a.trail {
	background-image: url("../../tl_files/bk/images/corporate/bg_subnav_submenu_active.png");
	background-position: 188px 10px;
	background-repeat: no-repeat;
 	/* background: url("../../tl_files/bk/images/corporate/bg_subnav_submenu_active.png") 190px 8px no-repeat;*/
}

#left #subnav ul.level_2 > li > a,
#left #subnav ul.level_2 > li > a:visited,
#left #subnav ul.level_2 > li > a:active,
#left #subnav ul.level_2 > li > span {
	border-bottom: 1px solid #d4d4d4;
	color: #000;
	display: block;
	padding: 4px 0 4px 16px;	
	text-decoration: none;	
}

#left #subnav ul.level_2 > li > a:hover,
#left #subnav ul.level_2 > li > span {
	color: #FFF;		
}

body.blue #left #subnav ul.level_1 > li > span,
body.blue #left #subnav ul.level_1 > li > a.trail,
body.blue #left #subnav ul.level_1 > li > a:hover {
	background-color: #004F86;
}

body.blue #left #subnav ul.level_2 > li > span,
body.blue #left #subnav ul.level_2 > li > a.trail,
body.blue #left #subnav ul.level_2 > li > a:hover {
	background-color: #babadd;
}

body.green #left #subnav ul.level_1 > li > span,
body.green #left #subnav ul.level_1 > li > a.trail,
body.green #left #subnav ul.level_1 > li > a:hover {
	background-color: #3CAC3E;
}

body.green #left #subnav ul.level_2 > li > span,
body.green #left #subnav ul.level_2 > li > a.trail,
body.green #left #subnav ul.level_2 > li > a:hover {
	background-color: #bbe2bc;
	color: #000000;
}

body.red #left #subnav ul.level_1 > li > span,
body.red #left #subnav ul.level_1 > li > a.trail,
body.red #left #subnav ul.level_1 > li > a:hover {
	background-color: #AC3E3D;		
}

body.red #left #subnav ul.level_2 > li > span,
body.red #left #subnav ul.level_2 > li > a.trail,
body.red #left #subnav ul.level_2 > li > a:hover {
	background-color: #ddb0af;		
}

body.yellow #left #subnav ul.level_1 > li > span,
body.yellow #left #subnav ul.level_1 > li > a.trail,
body.yellow #left #subnav ul.level_1 > li > a:hover {
	background-color: #666;	
}

body.yellow #left #subnav ul.level_2 > li > span,
body.yellow #left #subnav ul.level_2 > li > a.trail,
body.yellow #left #subnav ul.level_2 > li > a:hover {
	background-color: #d0d0d0;	
	color: #000000;
}

body.orange #left #subnav ul.level_1 > li > span,
body.orange #left #subnav ul.level_1 > li > a.trail,
body.orange #left #subnav ul.level_1 > li > a:hover {
	background-color: #EF9735;	
}

body.orange #left #subnav ul.level_2 > li > span,
body.orange #left #subnav ul.level_2 > li > a.trail,
body.orange #left #subnav ul.level_2 > li > a:hover {
	background-color: #fae1c4;
	color: #000000;
}
 
/**** Right Langnav ****/
.beamBox.box ul#langnav,
#right .box ul#langnav {
	list-style: none;
	overflow: hidden;	
}

.beamBox.box ul#langnav {
	margin-bottom: 8px;
}

.beamBox.box ul#langnav li,
#right .box ul#langnav li {
	float: left;	
	margin: 0 4px 0 0;
}

.beamBox.box ul#langnav li img,
#right .box ul#langnav li img {
	border: 1px solid #CCC;	
}


/* =============================================
 * 	FORMS
 * ========================================== */
/**** Basic Form ****/
#main label {
	float: left;
	width: 125px;
	margin-bottom: 10px;
}

#main form span {
	clear: both;
}

#main form span label {
	width: 40px;
}

#main input.text,
#main input.captcha,
#main select,
#main select.select,
#main textarea {
	background: #EEE;
	border: 1px solid #B5B5B5;
	font-size: 12px;
	margin: 0 0 10px 0;
	padding: 4px;
}

#main input.text:focus,
#main textarea:focus {
	background: #BBB;
}

#main input.text,
#main textarea {	
	width: 260px;
}

#main select.select,
#main select {
	width: auto;
	max-width: 260px;
}

#main select.select option,
#main select option {
	padding: 1px 8px 1px 2px;
}

#main input.captcha {
	width: 60px;
	margin-right: 10px;	
}

input[type="number"] {
    -moz-appearance: textfield;
}

#main textarea {
	height: 130px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.submit_container {
	padding: 10px 0 0 125px;
}

.button {
	background-color: #B5B5B5;
    color: #FFF !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    height: 17px;
    line-height: 17px;
    padding: 4px 6px;
    text-align: center;
    text-decoration: none;
    width: auto;
}

#main input.submit {
	background-color: #B5B5B5;
	border: 0;
	color: #FFF;
	font-weight: bold;
	margin: 0;
	padding: 4px 6px;
	text-align: center;
	text-decoration: none;
	width: 150px;
}

.button:hover,
input.submit:hover {
	background-color: #777 !important;
	cursor: pointer;	
}

#main input.radio {
	float: left;
	margin-right: 5px;
}

*+html #main .radio_container { /*IE7-Hack */
	float: left;
	margin-bottom: 10px;
}

#main input.error, 
#main textarea.error, 
#main .radio_container.error {
	margin-left: 0;
}

/* mandatory */
#main label.error {
	margin-top: 20px;	
}

#main span.mandatory {
	color: #AC3E3D;
}

#main p.error {
	color: #AC3E3D;
	margin-bottom: 0;
	font-size: 11px;
}

/**** SUCHE (box right) ****/
 
.mod_jquery_ac_search_index input[type="text"] {
	-moz-box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	-webkit-box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	border: 1px solid #b5b5b5;
	float:left;
	width: 152px;
	height: 20px;
	margin: 0 7px 0 0; 
	padding: 0 5px 2px 5px;
}

.mod_jquery_ac_search_index input[type="submit"] {
	background: #b5b5b5  url("../../tl_files/bk/images/corporate/bg_search_ok.gif") no-repeat 6px 8px;
	color: #FFF;
	height: 24px;
	text-indent: -9999em; 
	width: 28px;
	cursor: pointer;
}

.mod_jquery_ac_search_index span {
	display: none;
}

/*
#right .mod_ac_search_index input[type="text"] {
	-moz-box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	-webkit-box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	border: 1px solid #b5b5b5;
	float:left;
	width: 152px;
	height: 20px;
	margin: 0 7px 0 0; 
	padding: 0 5px 2px 5px;
}

#right .mod_ac_search_index input[type="submit"] {
	background: #b5b5b5  url("../../tl_files/bk/images/corporate/bg_search_ok.gif") no-repeat 6px 8px;
	color: #FFF;
	height: 24px;
  	text-indent: -9999em; 
	width: 28px;
	cursor: pointer;
}
*/

/**** SUCHERGEBNISSE ****/
#main .mod_search .formbody {
	display: none;	
}
 
/**** BP-REGISTRIERUNG ****/
#main #tl_registration {
	width: 100%; /*width: 428px;*/
} 

#main #tl_registration label {
	width: 150px;
}

#main #tl_registration input.text {
	width: 235px;
}

#main #tl_registration select.select#ctrl_country {
  	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box;
	width: 235px;
}

#main #tl_registration input#ctrl_streetno,
#main #tl_registration input#ctrl_postal {
	width: 50px;	
}

#main #tl_registration input#ctrl_dateOfBirth,
#main #tl_registration input#ctrl_username {
	width: 110px;	
}
 
#main #tl_registration select#ctrl_country {
	font-size: 12px;
}

#main #tl_registration span.captcha_text {
	display: inline;
}

#main #tl_registration .submit_container {
	display: block;
	padding: 0 0 0 150px;
}

#main #tl_registration .submit_container input.submit {
	margin: 0;
}

#main #tl_registration h2 {
	background: #EF9735;
	padding: 6px;
	color: #FFF;
	width: auto;
	margin: 0 0 8px 0;
}

#main #tl_registration p {
	margin: 0 0 6px 0;	
}

/**** Mein Bergkamen Login ****/
#right #tl_login input[type="text"],
#right #tl_login input[type="password"] {
	-moz-box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	-webkit-box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	/*	background: url("../../tl_files/bk/images/corporate/bg_input_right_login.png") no-repeat;*/
	border: 1px solid #b5b5b5;
	width: 89px;
	height: 20px;
	margin: 2px 0 2px 0;	
	padding: 0 5px 2px 5px;
}

#right #tl_login input[type="password"] {
	margin:6px 0 6px 0;
}

#right #tl_login input[type="submit"] {
	background:#b5b5b5 url("../../tl_files/bk/images/corporate/bg_login_ok.gif") no-repeat center center;
 	height: 24px;
	text-indent: -9999em;
	width: 100%;
}

#right #tl_login .submit_container {
	float: right;
	margin: 6px 28px 0 0;
	padding: 0;	
	width: 68px;
}

#right #tl_logout .submit_container {
	margin: 0;
	padding: 0;
	width: 68px;
}

#right #tl_logout input[type="submit"] {
	background: #b5b5b5 url("../../tl_files/bk/images/corporate/bg_logout.gif") no-repeat 0 0;
	height: 24px;
	text-indent: -9999em;
	width: 100%;
}

#right #tl_login label {
	display: none;	
}

#main #tl_login label {
	width: 100px;
}

#main #tl_login input.text {
	width: 160px;
}

#main #tl_login .submit_container {
	margin: 0 0 10px 100px;
	padding: 0;
}

#main #tl_logout .submit_container {
	margin: 0 0 10px 0;
	padding: 0;
}

/**** KONTAKTFORM ****/
						/*#main #tl_login label {
							width: auto;
						}*/
						
						#main input#ctrl_12 {
							width: 60px;	
						}
						
						#main .mod_personalData input.confirm.error {
							margin-left: 0;
						}
						
						#main .mod_personalData #ctrl_website, 
						#main .mod_personalData #ctrl_password_confirm {
							margin-bottom: 20px;
						}
						
						#main .mod_subscribe input.submit,
						#main .mod_unsubscribe input.submit {
							float: none;	
						}
						
						#kontaktformular .ce_form br, 
						#kontaktformular-de .ce_form br {
							clear: both;
						}
						
						.upload #main .submit_container {
							padding-left: 0;
						}
						
						.upload #main input.submit {
							margin-left: 0;
						}
						
/**** Passwort Vergessen *****/
#main #tl_lost_password .submit_container {
    padding: 0 0 0 125px;
}

#main #tl_lost_password .submit_container > .submit {
	width: auto;
}

/**** Veranstaltung hinzufuegen ****/
#veranstaltung-hinzufuegen-1106 table .submit_container {
	padding-left: 0;
}

#main #familienangebotHinzufuegen #ctrl_128 span {
		clear: none;
		margin-left: 125px;
		margin-top: 10px;
		display: block;
		width: 60px;
}

#main #familienangebotHinzufuegen #ctrl_128 span .checkbox {
		width: 20px;
		float: left;
}

#main #familienangebotHinzufuegen #ctrl_128 span label {
		float: none;
		margin-left: 10px;
}

/* =============================================
 * 	MODULES
 * ========================================== */
 
/**** downloads ****/
.ce_downloads ul,
.ce_downloads ul li {
	list-style: none;
	margin: 0;
}

.ce_downloads ul li {
	margin: 0 0 4px 0!important;
}
 
/**** Breadcrumb ****/
#main #headerBreadcrumb {	
	margin: 0 0 12px 0;
	position: relative;
	width: 400px;
	height: auto;
	left: 0;
}

#main #headerBreadcrumb li {
	float: left;	
	margin: 0;
	list-style: none;
	color: #000;
	font-size: 11px;	
}

#main #headerBreadcrumb li:after {
	content: ">";
	margin: 0 3px 0 3px;	
}

#main #headerBreadcrumb li.last:after {
	content: "";
	margin: 0;	
}

#main #headerBreadcrumb a,
#main #headerBreadcrumb a:visited,
#main #headerBreadcrumb a:active,
#main #headerBreadcrumb span {
	color: #000;
	font-size: 11px;
}

#main #headerBreadcrumb a:hover {
	text-decoration: none;	
}
 
/**** Google Maps ****/



#main .mod_dlh_googlemaps p {
	font-size: 10px!important;
	line-height: 12px;
	margin: 0;
}

#main .mod_dlh_googlemaps form {
	margin: 10px 0 0 0;	
}

#main .mod_dlh_googlemaps input.text {
	width: 140px;
}

#main .mod_dlh_googlemaps input.submit {
	width: 40px;
}

/*** Print Page (shown in #main) ***/
#main #printPage {
	background: url("../../system/modules/frontend/html/print.gif") no-repeat;
	float: right;
	width: 16px;
	height: 16px;
}

#main #printPage:hover {
	cursor: pointer;	
}

/*** Sitemap ***/
#sitemap ul li a,
#sitemap ul li a:visited,
#sitemap ul li a:active {
	color: #58585A;
	text-decoration: none;
	width: 150px;
}

#sitemap ul li a:hover {
	color: #000;
}

/**** Weather box ****/
.beamBox.box .mod_weather,
#right .mod_weather {
	position: relative;
}	

.beamBox.box .mod_weather .weather_image,
#right .mod_weather .weather_image {
	position: absolute;
	right: 0;
	top: 10px;
	width:26%;
}

.beamBox.box .mod_weather .weather_current,
.beamBox.box .mod_weather .weather_forecast,
#right .mod_weather .weather_current,
#right .mod_weather .weather_forecast {
	margin-bottom: 12px;
	overflow: hidden;
}

.beamBox.box .mod_weather .weather_day,
.beamBox.box .mod_weather .weather_forecast_day,
#right .mod_weather .weather_day,
#right .mod_weather .weather_forecast_day {
	font-weight: bold;	
}

.beamBox.box .mod_weather .weather_day,
.beamBox.box .mod_weather .weather_date,
.beamBox.box .mod_weather .weather_condition,
.beamBox.box .mod_weather .weather_temperature,
.beamBox.box .mod_weather .weather_forecast_day,
.beamBox.box .mod_weather .weather_forecast_date,
.beamBox.box .mod_weather .weather_forecast_condition,
.beamBox.box .mod_weather .weather_forecast_high,
#right .mod_weather .weather_day, 
#right .mod_weather .weather_date,
#right .mod_weather .weather_condition,
#right .mod_weather .weather_temperature,
#right .mod_weather .weather_forecast_day,
#right .mod_weather .weather_forecast_date,
#right .mod_weather .weather_forecast_condition,
#right .mod_weather .weather_forecast_high {
	width: 110px;
	width:70%;
}

.beamBox.box .mod_weather .weather_forecast,
#right .mod_weather .weather_forecast {
	position: relative;	
}

.beamBox.box .mod_weather .weather_forecast .weather_forecast_image,
#right .mod_weather .weather_forecast .weather_forecast_image {
	position: absolute;
	right: 0;
	top: 10px;
	width:26%;
}

.beamBox.box .mod_weather .weather_copyright,
#right .mod_weather .weather_copyright {
	font-size: 10px;
	font-style: italic;		
}

/* Wetter.com */
#right #cityTitle {
	display: none;	
}



#right #wettercom-button-02f411e2e9de0936267720caaf4ae1ff #logo {
	margin-top: 15px;	
}

/* Wetter.net */
#right .wetterNet td {
	line-height: 20px;
}

#right .wetterNet tr:first-child td a,
#right .wetterNet tr:first-child td br {
	display: none;	
}


#cont_3ecb4523c87372d2f08c46fc15b36a14 {
	border: none!important;
	width: 200px!important;
}

#cont_3ecb4523c87372d2f08c46fc15b36a14 iframe {
	width: 200px!important;
}

/**** Kalender-Port ****/
#right .kalenderbox td {
    font-family: Arial, Veranda, sans-serif;
}

#right .kalenderbox #calback {
    background: #FFF url("../../tl_files/bk/images/calWaiting.gif") no-repeat 50% 60px;
    margin: 0 auto;
    width: 203px;
}

#right .kalenderbox {
    width: 100%;
    height: 100%;
}

#right .kalenderbox .cal {
    background: #bbbbbc;
    width: 100%;
}

#right .kalenderbox .calhead {
    width: 100%;
    font-weight: bold;
    color: #FFF;
    font-size: 12px;
    height: 14px;
}

#right .kalenderbox .calhead img {
    border: none;
}

#right .kalenderbox .calhead td {
	padding: 3px;
}

#right .kalenderbox .dayhead {
    height: 20px;
    background: #EEE;
}

#right .kalenderbox .dayhead td {
    text-align: center;
    color: #FFF;
	font-weight: bold;
    width: 14%;
	padding: 3px;
}

#right .kalenderbox .dayrow {
    height: 20px;
    background: #e3e3e5;
}

#right .kalenderbox .dayrow td {
    color: #000;
    font-size: .9em;
    font-weight: normal;
	padding: 0;
}

#right .kalenderbox .day {
	display: block;
	padding: 3px;
	text-align: right;
	background: #FFF;
}

#right .kalenderbox tr.dayrow > td > div.day:hover {
    background-color: #e3e3e5;
}

#right .kalenderbox tr.dayrow > td.daycurrent > div.day {
	color:#FFF !important;
	font-weight: bold;
    /*background: #e3e3e5;*/
}

/* Farbschema */
body.red #right .kalenderbox .calhead,
body.red #right .kalenderbox tr.dayrow > td.daycurrent > div.day,
body.red #right .kalenderbox .dayhead td,
body.red #right .kalenderbox tr.dayrow > td.daycurrent:hover > div.day {
	background-color: #AC3E3D;	
}

body.yellow #right .kalenderbox .calhead,
body.yellow #right .kalenderbox tr.dayrow > td.daycurrent > div.day,
body.yellow #right .kalenderbox .dayhead td,
body.yellow #right .kalenderbox tr.dayrow > td.daycurrent:hover > div.day {
	background-color: #666;	
}

body.orange #right .kalenderbox .calhead,
body.orange #right .kalenderbox tr.dayrow > td.daycurrent > div.day,
body.orange #right .kalenderbox .dayhead td,
body.orange #right .kalenderbox tr.dayrow > td.daycurrent:hover > div.day {
	background-color: #EF9735;
}

body.blue #right .kalenderbox .calhead,
body.blue #right .kalenderbox tr.dayrow > td.daycurrent > div.day,
body.blue #right .kalenderbox .dayhead td,
body.blue #right .kalenderbox tr.dayrow > td.daycurrent:hover > div.day {
	background-color: #004F86;
}

body.green #right .kalenderbox .calhead,
body.green #right .kalenderbox tr.dayrow > td.daycurrent > div.day,
body.green #right .kalenderbox .dayhead td,
body.green #right .kalenderbox tr.dayrow > td.daycurrent:hover > div.day {
	background-color: #3CAC3E;
}


/**** FAMILIENANGEBOTE (FILTER) ****/
#main .mod_metamodels_frontendfilter .widget {
	margin-bottom: 5px;	
}

/**** VERANSTALTUNGSKALENDER (FILTER) ****/
#vkFilter {
	padding: 10px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;	
	margin: 0 0 20px 0;	
}

#vkFilter .widget {
	overflow: hidden;	
}

#vkFilter .search {
	margin: 0 0 12px 0;	
}

#vkFilter select.select {
	width: auto;
	border: 1px solid #B5B5B5;
	padding: 4px;
	margin: 0 0 10px 0;
	background: #FFF;
}

#vkFilter select option {
	padding: 1px 8px 1px 2px;
}

#vkFilter .filter_search {
	overflow: hidden;
	margin: 8px 0 0 125px;
}

#vkFilter #ctrl_filter_search {
	width: 120px;
	float: left;
	margin-right: 10px;
	background: #FFFFFF;	
}

#vkFilter #ctrl_filter_search_submit {	
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;	
	background: #B5B5B5;
	display: block;
	border: none;
	margin: 0;
	width: 120px;
}

#vkFilter .clearall {
	display: block;
}

/*** VERANSTALTUNGSKALENDER (LISTE) ***/
#main .dlVKalender {
	display: block;	
	overflow: hidden;
	border: 1px solid #B5B5B5;
	margin-bottom: 12px;
	padding: 8px;
}

#main .dlVKalender img {
	float: left;
	margin-right: 12px;
}

#vkListeData, 
#vkListe .total,
#vkListe .label {
	display: none;	
}

#vkListe h2 {
	font-size: 14px;
	padding-bottom: 12px;
	border-bottom: 1px solid #B5B5B5!important;	
	margin-bottom: 12px;	
}

#vkListe .item {
	padding-bottom: 12px;
	border-bottom: 1px solid #B5B5B5;
	margin-bottom: 12px;
}

#vkListe .last {
	border-bottom: none;	
}

#vkListe .field {
	margin-bottom: 3px;	
}

#vkListe .field.TerminBis {
	display: none;
}

#vkListe .TerminThema {
	font-weight: bold;
	font-size: 13px;	
}

#vkListe .TerminOrt .label,
#vkListe .TerminVon .label,
#vkListe .TerminUhrzeitVon .label,
#vkListe .TerminUhrzeitBis .label,
#vkListe .TerminVeranstalter .label {
	display: inline;
	float: left;
	font-weight: bold;
}

#vkListe .TerminKommentar {
	margin-top: 12px;
}

#vkListe .TerminOrt .label:after,
#vkListe .TerminVon .label:after,
#vkListe .TerminUhrzeitVon .label:after,
#vkListe .TerminUhrzeitBis .label:after,
#vkListe .TerminVeranstalter .label:after {
	content: ":";	
	margin-right: 4px;
}	


.vk fieldset {
	overflow: hidden;
}

.vk span {
	overflow: hidden;
	display: block;
}

.vk span .checkbox {
	float: left;
	margin-right: 8px;
}

.vk span label {
	width: auto!important;
	font-weight: normal!important;
}


/* MOD_CATALOGLIST ALLGEMEIN */
#main .mod_cataloglist span.total {
	display: none;	
}

/**** BILDUNGSWEGWEISER ****/

body.bildungswegweiser #main .ce_metamodels_frontendfilter,
.ce_metamodels_frontendfilter {
	padding: 10px 10px 0 10px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;	
	margin: 0 0 20px 0;	
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter,
.ce_metamodels_frontendfilter {
	padding-bottom: 10px;
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter label,
.ce_metamodels_frontendfilter label {
	width: 30%; 	
	font-weight: bold;
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter .widget,
.ce_metamodels_frontendfilter .widget {
	overflow: hidden;
	margin-bottom: 6px;
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter .search,
.ce_metamodels_frontendfilter .search {
	margin: 2px 0 0 0;	
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter select,
.ce_metamodels_frontendfilter select {
	width: 55%; /*width: auto;*/
	min-width: 180px;
	border: 1px solid #B5B5B5;
	background: #FFF;
	padding: 4px;
	margin: 0;
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter select option,
.ce_metamodels_frontendfilter select option {
	padding: 1px 8px 1px 2px;
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter .filter_search,
.ce_metamodels_frontendfilter .filter_search {
	overflow: hidden;
	margin: 8px 0 0 30%;
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter #ctrl_filter_search,
.ce_metamodels_frontendfilter #ctrl_filter_search {
	width: 120px;
	float: left;
	margin-right: 10px;
	background: #FFFFFF;	
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter #ctrl_filter_search_submit,
.ce_metamodels_frontendfilter #ctrl_filter_search_submit {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #B5B5B5;
	border: none;
	margin: 0;
	display: block;
	width: 120px;
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter .clearall,
.ce_metamodels_frontendfilter .clearall {
	/*display: none;*/
	margin-top: 16px;
}

body.bildungswegweiser #main .ce_metamodel_list .total {
	display: none;
}

body.bildungswegweiser #main .ce_metamodel_list .item {

}

body.bildungswegweiser #main .ce_metamodel_list ul {
	list-style: none;	
}

body.bildungswegweiser #main .ce_metamodel_list ul li {
	list-style: none!important;		
	overflow: hidden;
	margin: 0 0 4px 0;
}

body.bildungswegweiser #main .ce_metamodel_list .label {
	font-weight: bold;
	width: 120px!important;
	float: left;
}

body.bildungswegweiser #main .ce_metamodel_list .einrichtungsText {
	float: left;
	width: 240px;
	text-align: left;
}


/**** VEREINSKATALOG ****/
body.vereinskatalog #main .ce_metamodels_frontendfilter {
	padding: 10px 10px 10px 10px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;	
	margin: 0 0 20px 0;	
}

body.vereinskatalog #main .ce_metamodels_frontendfilter .widget {
	padding-bottom: 10px;
}

body.vereinskatalog #main .ce_metamodels_frontendfilter .widget label {
	diplay: inline-block;
	margin-top: 4px;	
}

body.vereinskatalog #main label {
	width: 30%; 	
}

body.vereinskatalog #main .widget {
	overflow: hidden;
}

body.vereinskatalog #main .search {
	margin: 2px 0 0 0;	
}

body.vereinskatalog #main select {
	width: 55%; /*width: auto;*/
	min-width: 180px;
	border: 1px solid #B5B5B5;
	background: #FFF;
	padding: 4px;
	margin: 0;
}

body.vereinskatalog #main select option {
	padding: 1px 8px 1px 2px;
}

body.vereinskatalog #main .filter_search {
	overflow: hidden;
	margin: 8px 0 0 30%;
}

body.vereinskatalog #main #ctrl_filter_search {
	width: 120px;
	float: left;
	margin-right: 10px;
	background: #FFFFFF;	
}

body.vereinskatalog #main #ctrl_filter_search_submit {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #B5B5B5;
	border: none;
	margin: 0;
	display: block;
	width: 120px;
}

body.vereinskatalog #main .clearall {
	display: none;
}

body.vereinskatalog #main .ce_metamodels_frontendfilter .clearall {
	display: block;
}

body.vereinskatalog #main .ce_metamodel_list .total,
body.vereinskatalog #main .ce_metamodel_list .total {
	display: none;
}

body.vereinskatalog #main .ce_metamodel_list .item,
body.vereinskatalog #main .ce_metamodel_list .item {

}

body.vereinskatalog #main .ce_metamodel_list ul,
body.vereinskatalog #main .ce_metamodel_list ul {
	list-style: none;	
}

body.vereinskatalog #main .ce_metamodel_list ul li,
body.vereinskatalog #main .ce_metamodel_list ul li {
	list-style: none!important;		
	overflow: hidden;
	margin: 0 0 4px 0;
}

body.vereinskatalog #main .ce_metamodel_list .label,
body.vereinskatalog #main .ce_metamodel_list .label {
	font-weight: bold;
	width: 120px!important;
	float: left;
}

body.vereinskatalog #main .ce_metamodels_frontendfilter {
	padding: 10px 10px 0 10px;
	background: #EEEEEE;
	border: 1px solid #CCCCCC;	
	margin: 0 0 20px 0;	
}

body.vereinskatalog #main .ce_metamodels_frontendfilter {
	padding-bottom: 10px;
}

body.vereinskatalog #main .ce_metamodels_frontendfilter label {
	width: 30%; 	
	font-weight: bold;
}

body.vereinskatalog #main .ce_metamodels_frontendfilter .widget {
	overflow: hidden;
}

body.vereinskatalog #main .ce_metamodels_frontendfilter .search {
	margin: 2px 0 0 0;	
}

body.vereinskatalog #main .ce_metamodels_frontendfilter select {
	width: 55%; /*width: auto;*/
	min-width: 180px;
	border: 1px solid #B5B5B5;
	background: #FFF;
	padding: 4px;
	margin: 0;
}

body.vereinskatalog #main .ce_metamodels_frontendfilter select option {
	padding: 1px 8px 1px 2px;
}

body.vereinskatalog #main .ce_metamodels_frontendfilter .filter_search {
	overflow: hidden;
	margin: 8px 0 0 30%;
}

body.vereinskatalog #main .ce_metamodels_frontendfilter #ctrl_filter_search {
	width: 120px;
	float: left;
	margin-right: 10px;
	background: #FFFFFF;	
}

body.bildungswegweiser #main .ce_metamodels_frontendfilter #ctrl_filter_search_submit {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	background: #B5B5B5;
	border: none;
	margin: 0;
	display: block;
	width: 120px;
}

body.vereinskatalog #main .ce_metamodels_frontendfilter .clearall {
	/*display: none;*/
	margin-top: 16px;
}


/**** INTERAKTIVE DIENSTE (ÜBERSICHT) ****/
#interaktiveDiensteUebersicht span.total,
#interaktiveDiensteUebersicht label,
#interaktiveDiensteUebersicht div.label {
	display: none;	
}

#interaktiveDiensteUebersicht h2 {
	margin: 0;	
}

#interaktiveDiensteUebersicht .field.name {
	font-weight: bold;	
}

#interaktiveDiensteUebersicht .banner img {
	border: 1px solid #000000;
	width: 426px;
	height: 59px;
}

#interaktiveDiensteUebersicht .banner img:hover {
	cursor: pointer;	
}
#interaktiveDiensteUebersicht .item {
	margin: 0 0 12px 0;	
}

/**** PAGER ****/
#main .pagination {
	background: #EEE;
	border: 1px solid #CCC;
	margin-top: 22px;
	margin-bottom: 16px;
	padding: 10px 0 0 0;
	text-align:center;
	width: auto;
}

#main .pagination p {
	display: block;
	font-weight: bold;
	float: none;	
	padding: 0 3px;
	text-align: center;
	width: auto;
}

#main .pagination ul {
	float: none;
	text-align: center;
	margin: 0 0 12px 0;
	padding: 0 3px;	
	width: auto;
}

#main .pagination ul li {
	display: inline-block;
	margin:0 5px 16px 0;
	padding: 0;
	font-size:11px;
	list-style-type:none;	
	background: #FFFFFF;
	line-height: auto;		
}

#main .pagination ul li a,
#main .pagination ul li a:visited,
#main .pagination ul li a:active,
#main .pagination ul li span {
	text-decoration: none;	
	padding: 3px 6px;
	border: 1px solid #777;	
	display: block!important;
	overflow: visible!important;
}

#main .pagination ul li a:hover,
#main .pagination ul li span {
	background: #777!important;
	color: #FFF!important;
}

/**** NewsList ****/
.mod_newslist {
	margin:0 0 10px 0;
}

.mod_newslist.newsBig {
	margin: 0!important;
}

.mod_newslist.newsBig > .last {
	border-bottom: 1px dashed #000;
	padding-bottom: 12px;
    margin: 0 0 12px;		
}

.mod_newslist.newsBig .image_container {
	width: 100%;
}

#main .image_container.float_left {
	margin: 4px 8px 8px 0;	
}

.mod_newslist.newsSmall .layout_latest {
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 12px;	
	overflow: hidden;
	padding-bottom: 12px;
}

.mod_newslist.newsSmall .layout_latest.last {
	border-bottom: 0;	
}

.mod_newslist.newsSmall .image_container {
	float: left;
	padding: 4px 0 0 0;
	width: 132px;
}

.mod_newslist.newsSmall .teaser {
	/*float: left;*/
	font-size: 12px;
	margin-left: 144px; 
	width: auto;	
}

.mod_newslist.newsSmall h2 {
	font-size: 12px;
	margin: 0;	
}


/**** NewsReader ****/
.mod_newsreader h2 {
	font-size: 14px;
	margin: 0;	
}

.mod_newsreader p.info {
	font-size: 11px;
	font-style: italic;
	margin: 0;	
}

.mod_newsreader .image_container {
	width: auto;
}

.mod_newsreader .back a,
.mod_newsreader .back a:visited,
.mod_newsreader .back a:active {
	float:right;
	
/*	background: #BABADD;
	display: block;
	font-style: italic;
	float: right;	
    height: 24px;
    list-style: none outside none;
	padding: 4px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 120px;	*/
}

.mod_newsreader .back a:hover,
.mod_newsreader .back a:focus {
	/*background: #004F86;
	color: #FFF;*/
}


/**** Accordion ****/
#main .ce_accordion .toggler h2 {
	margin: 0;
}
	
#main .toggler {
	background: #EEE;
	border: 1px solid #CCC;
	font-weight: bold;	
	padding: 4px;	
}
				
#main .toggler:hover {
	background: #004F86;	
	cursor: pointer;
	color: #FFF;
}

#main .toggler.active {
	background: #004F86;	
	color: #FFF;	
}

body.red #main .toggler:hover,
body.red #main .toggler.active {
	background: #AC3E3D;
}

body.green #main .toggler:hover,
body.green #main .toggler.active {
	background: #3CAC3E;
}

body.yellow #main .toggler:hover,
body.yellow #main .toggler.active {
	background: #666666;
}

body.orange #main .toggler:hover,
body.orange #main .toggler.active {
	background: #EF9735;
}

#main .toggler {
	margin-top: 6px;
}

#main .accordion {
	margin: 5px 0 6px 0;
	padding: 0px 10px 10px 4px;	
}

#main .accordion ul {
	margin: 0;	
}

#main .ce_accordion p.info {
	display: none;	
}


/**** ce_dynamic_page_teaser ****/
#main .ce_teaser {
	overflow: hidden;	
}

#main .ce_dynamic_page_teaser .image_container {
	float: left;
	padding: 0 0 12px 0;
	width: 132px;
}

#main .ce_dynamic_page_teaser .teaser_text {
	margin-left: 144px;
	padding: 0 0 12px 0;
	width: auto;
}

#main .ce_dynamic_page_teaser.noTeaserText .dynpageteaser {
	display: none;
}

#main .ce_dynamic_page_teaser .teaser_text h2,
#main .ce_dynamic_page_teaser .teaser_text p {
	margin: 0;	
}

/**** ce_gallery ****/
#main .ce_gallery ul li {
	list-style: none;
	margin: 0 10px 10px 0;
}

#main .accordion .ce_gallery ul li {
	margin: 0 7px 7px 0;
}

#main .ce_gallery ul li.col_last {
	margin-right: 0;
}

#main .ce_gallery .image_container {
	margin:0;
	padding:0;
	height: 80px;
	overflow: hidden;  
}

#main .ce_gallery td {
	padding-bottom: 10px;	
}

#cboxCurrent {
	display: none!important;
	left: -9999em;
	position: absolute;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
}

/**** Autocompleter ****/
ul.ui-autocomplete {
	position: absolute;
	margin:	0;
	padding: 0;
	list-style:	none;
	border:	1px solid #7c7c7c;
	border-left-color: #c3c3c3;
	border-right-color: #c3c3c3;
	border-bottom-color: #ddd;
	background-color: #fff;
	text-align: left;
	z-index: 50;
	background-color: #fff;
	font-size:12px;
}

ul.ui-autocomplete li {
	position: relative;
	margin: 0 0 0 0;
	float: none !important; 
}

ul.ui-autocomplete li a {
	text-decoration: none;
	padding: 0.2em 1.5em 0.2em 1em;
	display: block;	
	font-weight: normal;
	white-space: nowrap;
	font-size: 1em;
	line-height: 1.5em;	
	cursor:	pointer;
}


ul.ui-autocomplete li a:hover {
	background-color: #444;
	color: #fff;
}

/*
ul.ui-autocomplete li.autocompleter-selected {
	background-color: #444;
	color: #fff;
}

ul.ui-autocomplete span.autocompleter-queried {
	display: inline;
	float: none;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
*/

ul.ui-autocomplete li.autocompleter-selected span.autocompleter-queried {
	color: #C5EA7C;
}

/**** ortsDienste ****/
#main .ortsDienste {
	border: 1px solid #B5B5B5;
	margin: 0 0 12px 0;
}

#main .ortsDienste h2 {
	background: #B5B5B5;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 4px;
}

#main .ortsDienste ul li {
	list-style: none;
	float: none;
	display: block;	
	overflow: hidden;
	margin: 0;
	padding: 0;
	line-height: 12px;
}


#main .ortsDiensteText,
#main .ortsDiensteTextGarbage {
	padding: 4px;	
}

#main .ortsDienste ul {
	margin: 0;	
}

#main .ortsDienste ul li label {
	width: 100px;
}

#main .ortsDiensteTextGarbage ul li label {
	width: 22px;	
	margin-bottom: 6px;
}

#main .ortsDiensteTextGarbage ul li.last label {
	margin-bottom: 0;	
}

#main .ortsDiensteTextGarbage ul li {
	margin: 0;	
}

/**** BP Formularkasten ****/
#main .bpFormularKasten {
	background: #EEE;
	border: 1px solid #CCC;	
	margin-bottom: 8px;
	padding: 10px;
}

#main .bpFormularKasten h2,
#main .bpFormularKasten p {
	margin: 0;	
}

#main .bpFormularKasten h2 a,
#main .bpFormularKasten h2 a:visited,
#main .bpFormularKasten h2 a:active {
	text-decoration: underline;	
}

#main .bpFormularKasten h2 a:hover {
	text-decoration: underline;	
}

#main .bpFormular a.formLink {
	display: block;	
	margin-bottom: 12px;
}

#main .bpFormular .headlineAnlagen {
	background: #EEE;
	display: block;
	font-weight: bold;
	margin-bottom: 4px;	
	padding: 3px;
}

#main .bpFormular .formAnlagen p {
	margin: 0;	
}

/**** Mehrwertdienste ****/
.ce_list.mehrwertdienste ul li {
    padding: 0 0 10px 0;
}

/*.ce_hyperlink.mehrwertdienste a {
   	background: #B5B5B5;
    color: #FFF;
    cursor: pointer;
    display: inline;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding: 4px 20px;
    text-align: center;
    text-decoration: none;
    width: auto;
}*/

.ce_hyperlink.mehrwertdienste a:hover {
	text-decoration: none;
}

/* =============================================
 * 	WEBSHOP (ISOTOPE)
 * ========================================== */
 
 /*** Übersichtseite ***/
.mod_iso_productlist .product {
    border-bottom: 1px solid #b5b5b5;
    margin-bottom: 12px;
    overflow: hidden;
    padding: 0 0 12px;
    text-align: left;
    width: auto;
}

.mod_iso_productlist .product .image_container {
    float: left;
    width: 132px;
	padding-right: 12px;
}

.mod_iso_productlist .formbody h3 a,
.mod_iso_productlist .formbody h3 a:visited,
.mod_iso_productlist .formbody h3 a:active {
	text-decoration: none;	
}
.mod_iso_productlist .teaser {
	margin: 0 0 5px 144px;
}

.mod_iso_productlist .price {
	margin: 0 0 0 145px;
	color: #ec8723;
    font-size: 18px;
    font-weight: bold;	
}
.mod_iso_productlist .taxInfo,
.mod_iso_productlist .shippingNotice {
	color: #000;
	font-size: 11px;
    font-weight: normal;
    margin-left: 0;	
}

/*** Detailseite ***/
.mod_iso_productreader .image_container img {
	height: 109px!important;
	width: auto;
	float: left;
}
.mod_iso_productreader .sku {
	display: none;	
}
.mod_iso_productreader .formbody h2 {
	color: #ac3e3d;
	display: block;
	font-size: 13px;
}
.mod_iso_productreader .description {
	margin-left: 146px;
}
.mod_iso_productreader .price {
	margin: 0 0 0 145px;
	color: #ec8723;
    font-size: 18px;
    font-weight: bold;	
}
.mod_iso_productreader .quantity_container label {
	display: none;
}
.mod_iso_productreader .quantity_container input.text {
	text-align: center;
	float: left;
	width: 20px!important;
	margin-right: 3.5px!important;
	margin-left: 1px!important;
}
.mod_iso_productreader .submit_container {
	padding-left: 144px;	
}

/**** Warenkorb Sidebar ****/
.box .mod_iso_cart .remove {
display: none;
}

.box .mod_iso_cart .subtotal {
	margin-bottom: 6px;	
}

.box .mod_iso_cart a.button,
.box .mod_iso_cart a.button:visited,
.box .mod_iso_cart a.button:active {
	text-decoration: none!important;
	width: 80px;
	float: left;
}


.box .mod_iso_cart .cart a {
	margin-right: 8px;	
}

/*** Warenkorb ***/
.mod_iso_cart table{
	width: 100%;
	border-spacing: 0px;	
	border-top: 1px solid #c4c4c4;
}
.mod_iso_cart tbody td {
	padding: 10px 2.5px!important;
}
.mod_iso_cart .row_even {
	background: #eeeeee;	
}
.mod_iso_cart tbody .col_0 {
	float: left;	
}
.mod_iso_cart tbody .col_0 img {
	height: 40px!important;
	width: 40px!important;
	border: 1px solid #b5b5b5;	
}
.mod_iso_cart tbody .col_0 img:hover {
	border-color: #000;
}
.mod_iso_cart tbody .col_1 a {
	width: 105px;
	text-align: left;	
}
.mod_iso_cart tbody .col_2 input.text {
	background: #fff;
	width: 20px!important;	
	text-align: right!important;
}

.mod_iso_cart tbody .col_3, .col_4 {
	font-size: 12px;
	color: #000;
	padding: 0 5px;
	width: 65px;
	text-align: right;
}
.mod_iso_cart tbody .col_5 {	
	display: none;
}
.mod_iso_cart tbody .col_6 a,
.mod_iso_cart tbody .col_6 a:active,
.mod_iso_cart tbody .col_6 a:visited {
	background: url("/tl_files/images/button_delete.gif") no-repeat center;
	text-indent: -9999em;
	display: block;
	height: 20px;
	width: 30px;
	
	
}
tfoot .foot_0, .foot_1 {
	display: none;
}

.mod_iso_cart .foot_last td {
    border-top: 1px solid #ac3e3d!important;
}

.mod_iso_cart .submit_container {
	width: 100%;
	padding-left: 0;
	horizontal-align: middle;	
}
.mod_iso_cart .submit {
	display: inline-block;
	width: auto!important;
}
.mod_iso_cart tfoot td {
	padding-top: 15px;	
	background: #efefef;
}
.mod_iso_cart .quantity input.text {
	background: #fff;
}

/*** Kasse - LOGIN ***/
#main .isotopeLogin .mod_login .submit {
	width: 170px!important;
}
.isotopeLogin .ce_text .button {
	margin: 5px 0 10px;
	width: 158px;
}

.isotopeLogin .zurKasse {
	margin: 0 0 0 100px;	
	width: 158px;
	padding: 4px 6px;	
}

.isotopeLogin .grid9 .zurKasse {
	margin: 0 0 0 0;	
}


/*** Kasse ***/
.mod_iso_checkout .steps{
	border: 1px solid #b5b5b5;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #CCCCCC),color-stop(1, #FFFFFF));
	background-image: -o-linear-gradient(bottom, #CCCCCC 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #CCCCCC 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #CCCCCC 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #CCCCCC 0%, #FFFFFF 100%%);
	background-image: linear-gradient(white 0%, #e1e1e1 100%);
	width: 99%;
	height: 25px;
}

.mod_iso_checkout .steps li {
	text-align: center;
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;    
 	box-sizing: border-box;         
    color: #b5b5b5;
    float: left;
    height: 25px;
    line-height: 25px!important;
    padding: 0 2px!important;
    width: 18%;
}
.mod_iso_checkout .steps .review {
	border-right: 0px!important;	
}
.mod_iso_checkout .steps li.active {
	color: #000;
	font-weight: 600;
}
.mod_iso_checkout .steps .passed {
	color: #b5b5b5;	
	text-decoration: none;
}
.mod_iso_checkout .shippingaddress .radio_container label {
	width: 125px!important;
}
.mod_iso_checkout .submit {
	height: auto;
	margin: 1px 0!important;	
}
.mod_iso_checkout .orderinfo .info_container .edit {
	float: right;
	background: #b5b5b5;
	height: 25px;
	line-height: 25px;
	color: #fff;
	padding: 0px 20px;
	text-decoration: none;
}
.mod_iso_checkout .orderinfo h2,
.mod_iso_checkout .billingaddress h2,
.mod_iso_checkout .shippingmethod h2,
.mod_iso_checkout .paymentmethod h2 {
	padding-top: 10px;	
}
.mod_iso_checkout #lbl_ShippingMethod_0 {
	width: 120px;
}
.mod_iso_checkout .orderinfo .info_container {
	margin-bottom: 20px;	
	border-bottom: 1px solid #b5b5b5;
	padding-bottom: 20px;
}
.mod_iso_checkout .orderinfo a {
	line-height: 20px;	
}
.mod_iso_checkout .orderproducts img {
	width: 80px;
	height: auto;
	border: 1px solid #b5b5b5;	
}
.mod_iso_checkout .orderproducts table {
	width: 100%;
	border-spacing: 0;
}
.mod_iso_checkout .orderproducts tfoot {
	background: #b5b5b5;
}
.mod_iso_checkout .orderproducts tfoot td {
	padding: 8px 0;	
}
.mod_iso_checkout .orderproducts tbody .row_even {
	background: #eeeeee;	
}
.mod_iso_checkout .orderproducts tbody tr .tax {
	display: none;	
}


.mod_iso_checkout .submit_container {
	overflow: hidden;
	padding: 0;
}

.mod_iso_checkout .previous {
	float: left!important;
}

.mod_iso_checkout .next,
.mod_iso_checkout .confirm {
	float: right;
}



/**** order details ****/
.mod_iso_orderdetails .info_container {
	margin-bottom: 20px;	
	border-bottom: 1px solid #b5b5b5;
	padding-bottom: 20px;
}

.mod_iso_orderdetails .product .col_0.image {
	width: 80px;	
}

.mod_iso_orderdetails .product img {
	width: 80px;	
}



label[for="ctrl_BillingAddress_salutation"],
#ctrl_BillingAddress_salutation {
	display: none;	
}

.review orderproducts .product .col_4 {
	width: 90px;	
}


/* =============================================
 * 	MEDIA QUERIES
 * ========================================== */
	
@media screen and (min-width: 720px) and (max-width: 996px) {
	#main input.submit {
		width: auto;	
	}
	#main input.text {
		width: auto;
		text-align: right;	
	}
	.submit_container {
		margin-bottom: 10px;	
	}
	.submit_container .submit  {
		margin-bottom: 5px;
	}
	#main input.button_update {
		display: inline-block;
		width: auto;
		margin-bottom: 2px;	
	}
	#main input.button_checkout {
		display: inline-block;
		width: auto;
		margin-bottom: 2px;	
	}
	#main input.button_continue {
		display: inline-block;
		width: auto;
		margin-bottom: 2px;	
	}
	/*** KASSE ***/
	.mod_iso_checkout .steps{
		width: 99%;
		height: auto;
	}
	.mod_iso_checkout .level_1 li {
		float: left;
		border: none;
		width: 40%;
	}
}

@media screen and (max-width: 720px) {
	#main input.submit {
		width: auto;	
	}
	#main input.text {
		width: auto;
		text-align: right;	
	}
	.submit_container {
		margin-bottom: 10px;	
	}
	.submit_container .submit  {
		margin-bottom: 5px;
	}
	#main input.button_update {
		display: block;
		width: auto;
		margin-bottom: 2px;	
	}
	#main input.button_checkout {
		display: block;
		width: auto;
		margin-bottom: 2px;	
	}
	#main input.button_continue {
		display: block;
		width: auto;
		margin-bottom: 2px;	
	}
		.mod_iso_checkout .steps{
		width: 99%;
		height: auto;
	}
	.mod_iso_checkout .level_1 li {
		float: left;
		border: none;
		width: 40%;
	}
}
@media screen and (max-width: 440px) {
		/*** KASSE ***/
	.mod_iso_checkout .steps{
		width: 99%;
		height: auto;
	}
	.mod_iso_checkout .level_1 li {
		float: left;
		border: none;
		width: 40%;
	}	
}
@media screen and (max-width: 320px) {
	#main input.submit {
		width: 90%;	
	}
	#main input.text {
		width: auto;
		text-align: right;	
	}
	.submit_container {
		margin-bottom: 10px;	
	}
	.submit_container .submit {
		margin-bottom: 5px;
	}
	#main input.button_update {
		display: block;
		width: auto;
		margin-bottom: 2px;	
	}
	#main input.button_checkout {
		display: block;
		width: auto;
		margin-bottom: 2px;	
	}
	#main input.button_continue {
		display: block;
		width: auto;
		margin-bottom: 2px;	
	}
	.mod_article .mod_login .submit {
		width: 100%!important;
	}
	.mod_article .button {
		text-align: center;
		margin: 5px 0 10px;	
		width: 100%;
	}
	.mod_iso_checkout .shippingaddress .radio_container label {
		width: 125px!important;
		display: block!important;	
	}
	.mod_iso_checkout .billingaddress .address_new input{
		text-align: left!important;
	}	
}




/* =============================================
 * 	WEBSHOP
 * ========================================== */

.mod_personalData fieldset,#newAddress fieldset{width:428px;margin:10px 0 25px;padding:10px;border:1px solid #7AB2CB;}
.mod_personalData legend,#newAddress legend{font-weight:bold;font-size:11px;color:#4699B8;}
.mod_personalData .submit_container,#newAddress .submit_container{text-align:left;}
.mod_personalData td.col_0,#newAddress td.col_0{width:150px;padding:8px 6px 2px 0;}
.mod_personalData input.text,#newAddress input.text{margin-top:3px;margin-bottom:3px;}
.mod_personalData .text,.mod_personalData .password,#newAddress .text,#newAddress .password{width:350px;}
.mod_personalData select,#newAddress select{width:350px;}

.pagination li{display:inline;margin:0;padding:0;list-style-type:none;}
#tps td{padding:2px 4px;}
.pagination{margin-top:22px;padding-top:4px;border-top:1px dotted #999;}
#tps .col_0{width:80px;}
.pagination p{width:160px;float:left;padding-right:3px;padding-left:3px;text-align:left;}
#tps .explanation{padding-bottom:24px;}
.pagination ul{width:240px;float:right;margin:0;padding:0 3px;text-align:right;}
#webShopItemOff{width:258px;margin-top:10px;text-align:center;}
#linkProdEmpf,#linkProdFrage{width:258px;margin-top:10px;text-align:center;}
.mod_webShop_articleDetails .leftRow{
	width:132px;
	float:left;
	margin-right:0;
}
.mod_webShop_checkout h1{margin-bottom:0;}
.mod_webShop_checkout h2{padding-top:0;font-weight:bold;font-size:14px;}
form > .shipping_address,.shipping_method,.couponErrors{	
	padding-bottom:8px; 
	margin-bottom: 8px;
	border-bottom: 1px solid #B5B5B5; 
}
	
.addresses{margin-top:15px;}
.mod_webShop_myOrders ul,.mod_webShop_myOrders ul li{margin:0;padding:0;list-style-type:none;}
.mod_webShop_myOrders li{float:left;}
.mod_webShop_myOrders ul{clear:both;}
.mod_webShop_myOrders .orderHeadline li{border-bottom:1px solid #999999;font-weight:bold;}
.mod_webShop_myOrders li{width:18%;line-height:1.6;}
.mod_webShop_myOrders li.orderTracking,.mod_webShop_myOrders li.orderInfo{text-align:center;}
.mod_webShop_myOrders li.orderInfo{width:8%;line-height:1.6;}
.mod_webShop_addressbook .currendAddresses{width:320px;float:left;}
.mod_webShop_addressbook .primaryAddress,.mod_webShop_addressbook .secondaryAddress{font-weight:bold;font-size:14px;color:#666666;}
.mod_webShop_addressbook .singleAddress{margin-top:20px;}
.mod_webShop_addressbook form{margin-top:10px;}
.addressLabel{width:100px;float:left;}

.mod_webShop_shoppingCart{width:428px;margin:0;padding:0;}
#main ul.webShop_cartHeading,
#main ul.webShop_cartItem { 
	margin:0;
	padding:0;
}
#main .webShop_cartHeading li { 
	float:left;
	margin:0 0 5px;
	padding:3px 0;
	border-bottom:1px solid #B5B5B5;
	font-weight:bold;
	font-size:12px;
	list-style-type:none;
}

#main .webShop_cartItem li { 
	float:left;
	margin:0;
	padding:5px 0;
	list-style-type:none;
}

.mod_webShop_shoppingCart li.cartItemTotalPrice {
	display: none;	
}

#main ul.webShop_cartItem{
	margin: 0;
	overflow:hidden;
	height: auto;
}

#main .cartItemImage{
	margin: 0;
	width:72px;
}

#main .cartItemTitle{
	margin: 0;
	width:196px;
}
#main .cartItemQTY {
	margin: 0;
	width:100px;
	text-align:center;
}
#main .cartItemSinglePrice{ margin:0;width:60px;text-align:right;}
#main .cartItemTotalPrice{margin:0;width:80px;text-align:right;}

.mod_webShop_shoppingCart .articleTeaser ,
.mod_webShop_shoppingCart .articleNumber {
	display: block;	
}

#main input#btnAddToCart {
	margin: 8px 0 0 0;
}

#main #artikeldetails .articleTeaser {
	margin: 0 0 12px 0;	
}

#main #artikelliste .articleImage {
	width: 132px;
	float: left;	
}


.cartItemQTY input.itemQTY{width:30px;margin-left:16px;text-align:center; border: 1px solid #B5B5B5;}
.cartItemQTY_input{float:left;}
.cartItemQTY_input.first{margin-right:5px;}
.clean{clear:both;}
#main .webShop_cartItem {	
	height:auto; 
	margin-bottom:5px; 
	padding-bottom:5px;
	border-bottom:1px solid #B5B5B5;
}
.cartItemTitle .articleNumber,.cartItemTitle .articleTeaser{font-size:12px;line-height:1.2;}
/* .cartItemTitle .articleNumber,.cartItemTitle .articleTeaser{font-size:14px;line-height:1.4;} */
.cartItemTitle .articleTitle a{font-weight:bold;font-size:12px;line-height:1.2;}

#main .webShop_total {	
	margin:0;
	padding:12px 0;
	text-align:right;
	line-height:1.5;
}

#main .webShop_total ul,
#main .webShop_total li {
	margin:0; 
	padding:0;
	list-style-type:none;
}

#main .webShop_total li { 
	width:100%;
	margin-bottom: 4px;
}

#main .webShop_total li > label {
	width:75%;
	margin: 0;
	float:left;
	text-align: right;
}
.webShop_total .totalPrice,.webShop_total .totalPriceAddTax{font-weight:bold;}
.webShop_noCartItems ul,.webShop_noCartItems li{margin:0;padding:0;font-weight:bold;color:#000000;list-style-type:none;}
.checkOut{float:none; width: 100%; margin-top:20px;}
.checkOutCenter{margin-top:20px;margin-right:auto;margin-left:auto;text-align:center;}
.checkOutBack{float:left;margin-top:20px;}
.cartTransfer {
	font-weight:bold;
	font-size: 14px;
	margin-bottom:8px; 
	padding-bottom:8px;
	border-bottom:1px solid #B5B5B5;
}
.continue{margin-right:auto;margin-left:auto;text-align:center;}
#main .mod_webShop_checkoutConfirm ul{width:410px;margin:0;padding:0;}
#main .mod_webShop_checkoutConfirm ul li{margin:0;padding:0;list-style-type:none;}
#main .mod_webShop_checkoutConfirm .shoppingOverview ul.heading li{float:left;margin:0;padding:3px 0;font-weight:bold;font-size:11px;}
#main .mod_webShop_checkoutConfirm .shoppingOverview li,.discountOverview li,.shippingOverview li,.paymentOverview li,.overviewTotal li{ float:left; width: 50%; padding:5px 0;}
#main .mod_webShop_checkoutConfirm .shoppingOverview .articleName{width:230px;}
#main .mod_webShop_checkoutConfirm .shoppingOverview .articleQTY{width:60px;text-align:center;}
#main .mod_webShop_checkoutConfirm .shoppingOverview .articlePrice,
#main .mod_webShop_checkoutConfirm .shoppingOverview .articleSum{width:60px;text-align:right;}
#main .mod_webShop_checkoutConfirm .shoppingOverview .item_even li,
#main .mod_webShop_checkoutConfirm .shoppingOverview .item_odd li{padding:5px 0;border-top:1px solid #B5B5B5;}
#main .mod_webShop_checkoutConfirm ul.shoppingTotal,
#main .mod_webShop_checkoutConfirm .overviewTotal,
#main .mod_webShop_checkoutConfirm ul.overviewBilling{padding:5px 0;border-top:1px solid #B5B5B5;font-weight:bold;}
.taxes{font-weight:normal;}
.coupons ul{padding:5px 0 20px;}
.shippingOverview,.paymentOverview,.totalLabel,.taxes{padding-bottom:5px;}
.taxes{padding-top:5px;}
.articlePriceLabel,.couponLabel,.articlePriceLabel,.shippingLabel,.paymentLabel,.totalLabel,.taxLabel,.billingLabel{width:610px;float:left;}
.articlePriceValue,.couponValue,.shippingPrice,.paymentPrice,.totalValue,.taxSum,.billingValue{width:100px;text-align:right;}
.billingAddress,.shippingAddress{width:50%;float:left;}
.coupon_method input[type="image"],.coupon_method input.image{top:8px;position:relative;}
.checkoutConfirm input{margin-top:10px;}
.agbText{width:414px;height:100px;margin-top:20px;margin-bottom:10px;padding:6px;border:1px solid #B5B5B5;overflow-y: scroll;}
.warning{display:block;margin-top:10px;font-family:tahoma,verdana;font-weight:normal;font-size:14px;color:#cc0000;}
.customerComment{ height:60px;margin-top:30px;padding-bottom:30px;}
#frmCheckoutConfirm .customerComment .customerCommentArea { width:418px;height:60px;margin-top:5px;border:1px solid #B5B5B5; }
#frmCheckoutConfirm label.checkboxOn,
#frmCheckoutConfirm label.checkboxOff {
	float:none;
}
.comment_default{margin-top:10px;margin-bottom:10px;padding:10px;border:1px solid;}
.comment_default .info{margin-bottom:10px;}
.mod_webShop_articleDetails .rightRow {
/*	width:auto;
	float:left;*/
	width: auto;
	margin-left: 144px;
}
._mod_webShop_articleDetails{top:-17px;position:relative;}
.kombi h4{width:130px;margin:0;padding:0;text-align:center;font-weight:bold;font-size:13px;color:#ec8723;}
.kombi .recommendet_single_v1{float:left;margin-top:15px;text-align:center;border:0px;font-size:11px;}
.kombi .recommendet_single{width:140px;float:left;margin-top:0;margin-right:20px;text-align:left;border:0px;font-size:11px;}
.kombi .recommendet_single a{font-weight:normal;text-decoration:none;font-size:10px;}
.kombi .articleTitle{font-weight:bold;font-size:14px;}
.kombi .articlePrice{font-weight:normal;font-size:14px;}
.kombi .articleImage,.kombi .articleImage:hover{margin:0 10px 5px 0;padding:0;border:0px;}
.articleImage,.articleImage:hover{padding:8px 0 0;border:0px;}

.mod_webShop_ArticleList{ 
	width: auto; /*width:428px;*/ 
	overflow:visible;
}

.mod_webShop_ArticleList table{left:-3px;top:-11px;position:relative;}

/*** MINI CART ***/
.mod_webShop_miniCart{
}

.mod_webShop_miniCart .content{
	background: url("../../tl_files/bk/images/corporate/icon_basket.gif") no-repeat scroll left center transparent;
    color: #000000;
    float: left;
    font-size: 12px;
    font-weight: normal;
    padding-left: 25px;
    padding-top: 1px;	
}

.mod_webShop_miniCart .itemValuta{
	border-left: 1px solid #000000;
    color: #000000;
    float: left;
    font-size: 12px;
    font-weight: normal;
    margin-left: 10px;
    padding-left: 10px;
    padding-top: 2px;
}

.mod_webShop_miniCart a:hover{
	text-decoration:none;
}

.mod_webShop_miniCart .cartlink{
	clear: left;
    display: block;
	padding-top: 8px;
}

.mod_webShop_miniCart .cartlink a {
	font-size:12px;
	text-decoration: underline!important;
}


.mod_webShop_miniCart .cartlinkLine1,.mod_webShop_miniCart .cartlinkLine2{
	display:block;
}
.mod_webShop_miniCart .cartlink img{
	top:2px;position:relative;
}





.articleListItem {
	width: auto; /*width:428px;*/
	margin-bottom: 12px;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #B5B5B5;
	text-align:left; 
	overflow: hidden;
}

  .articleListItem.last {
	float:none;
	margin-bottom:0; 
	border-bottom: none; 
	padding-bottom: 0; 
}
.markAsNew{width:41px;height:41px;left:1px;top:1px;position:absolute;margin:0;padding:0;}
.markAsOffer{width:41px;height:41px;right:0;top:0;position:absolute;margin:1px 1px 0 0;padding:0;}

.articleListItem .articleTitle {
	margin: 10px 0 5px 144px;
	padding: 0; 
	width:auto; /*width: 280px;*/ 
}

.articleListItem .articleTitle a,.articleListItem .articleImage a{margin:0;padding:0;font-weight:bold;text-decoration:none;font-size:12px;}
#articleTitle{margin:0;padding:10px 0 5px;font-weight:bold;text-decoration:none;font-size:12px;}
.articleListItem .articleTeaser a{margin:0;padding:0;font-weight:normal;text-decoration:none;color:#000000;}
.mod_webShop_articleDetails .articleTeaser{margin:0;padding:0;font-weight:normal;font-size:12px;color:#000000;}
.articleDetailsGallery{width:430px;}

#main #artikelliste .articleTeaser,
#main #artikelliste .articlePrices {
	margin: 0 0 5px 144px;
	padding: 0; 
   width: auto; /*width: 280px;	*/
}

._articleDetailsGallery img,.galleryImage{margin:4px 3px 0 0;padding:0;}
._articleDetailsGalleryEven img,.galleryImageEven{margin:4px 2px 0 0;padding:0;}
.mod_webShop_articleDetails .articleNumber{width:700px;top:0;position:absolute;display:none;margin:15px 0 0;padding:0;text-align:right;font-weight:normal;font-size:14px;color:#ffffff;}
.mod_webShop_articleDetails .articleDescription{margin:20px 0 20px;padding:0 15px 0 0;font-weight:normal;font-size:12px;line-height:1.6;}
.mod_webShop_articleDetails .articleAttributes h2{font-weight:bold;font-size:13px;color:#666666;}
.mod_webShop_articleDetails .articleAttributes label,.mod_webShop_articleDetails .articlePrice label.lblPrice,.mod_webShop_articleDetails .articleQuantity{width:60px;font-weight:bold;color:#ff0000;}
.mod_webShop_articleDetails .articlePrice label.lblPrice{margin-top:9px;}
.mod_webShop_articleDetails .articleAttributes select{left:80px;position:absolute;margin-bottom:10px;}
.articleQuantity input{left:80px;position:absolute;margin-bottom:10px;}
.webShopSubmitBtn input{float:left;margin-bottom:10px;}
.mod_webShop_articleDetails .articleAttributes,.mod_webShop_articleDetails .articlePrice,.mod_webShop_articleDetails .articleQuantity{margin-bottom:20px;}

.mod_webShop_articleDetails .specialOffer,
.mod_webShop_articleDetails .valuePrice {
	margin-right:10px;
	margin-bottom:30px;
	font-weight:bold;
	font-size:18px;
	color:#EC8723;
}

.mod_webShop_articleDetails .hasSpecialPrice{font-weight:bold;text-decoration:line-through;font-size:12px;color:#FF3333;}

.mod_webShop_articleDetails .webShopQTY{
	width:50px;
	text-align:center; 
	border: 1px solid #B5B5B5; 
	margin: 8px 0 0 0; 
	height: 22px; 
}
	
.mod_webShop_articleDetails .webShop_info {
	margin-top: 25px;
	font-weight: bold;
	font-size:12px;color:#000; 
	background: #EEEEEE; 
	border: 1px solid #B5B5B5;
	padding: 8px; 
}

.mod_webShop_articleDetails .groupLink { 
	margin-top: 12px; 
}

.mod_webShop_articleDetails .groupLink_label { font-size: 12px; font-weight: bold; }

.mod_webShop_articleDetails .groupLink a{margin-left:0;}
.mod_webShop_articleDetails .vpe{margin-top:5px;font-weight:bold;font-size:14px;}
.mod_webShop_articleRecommendet_v1{height:300px;margin-top:15px;padding-top:7px;padding-left:12px;background:url("../../tl_files/bk/css/tl_files/images/artikel_xselling.jpg") left top no-repeat;}
.mod_webShop_articleRecommendet{border-top:2px dotted;}

.title_artikel_xselling{font-family:VAGrounded;font-weight:bold;text-decoration:none;font-size:17.5px;color:#00A897;}
.title_artikel_empfehlen{left:181px;position:absolute;font-family:VAGrounded;font-weight:bold;text-decoration:none;font-size:17.5px;color:#F47A55;}
.title_artikel_frage{left:346px;position:absolute;font-family:VAGrounded;font-weight:bold;text-decoration:none;font-size:17.5px;color:#94BE58;}
.popUpProdEmpf_v1{height:300px;margin-top:32px;padding-top:7px;padding-left:12px;background:url("../../tl_files/bk/css/tl_files/images/artikel_frage.jpg") left top no-repeat;}
.popUpProdEmpf{padding-top:119px;padding-left:20px;background:url("../../tl_files/bk/css/tl_files/images_popup/de/produkt_weiterempfehlen_background.jpg") left top no-repeat;}
.popUpProdEmpf_EN{padding-top:119px;padding-left:20px;background:url("../../tl_files/bk/css/tl_files/images_popup/en/produkt_weiterempfehlen_background.jpg") left top no-repeat;}
.popUpPageEmpf{padding-top:124px;padding-left:20px;background:url("../../tl_files/bk/css/tl_files/images_popup/de/page_empfehlen_background.jpg") left top no-repeat;}
.popUpPageEmpf_EN{padding-top:124px;padding-left:20px;background:url("../../tl_files/bk/css/tl_files/images_popup/en/page_empfehlen_background.jpg") left top no-repeat;}
.popUpProdFrage{padding-top:119px;padding-left:20px;background:url("../../tl_files/bk/css/tl_files/images_popup/de/produkt_frage_background.jpg") left top no-repeat;}
.popUpProdFrage_EN{padding-top:119px;padding-left:20px;background:url("../../tl_files/bk/css/tl_files/images_popup/en/produkt_frage_background.jpg") left top no-repeat;}
#popUpProdEmpf input{width:220px;left:115px;position:absolute;margin-top:8px;line-height:39px;}
#popUpProdFrage input,#popUpPageEmpf input{width:220px;left:115px;position:absolute;margin-top:8px;line-height:39px;}
#popUpProdEmpf .submit_container input{width:147px;left:202px;position:absolute;margin-top:148px;line-height:39px;}
#popUpProdFrage .submit_container input{width:147px;left:202px;position:absolute;margin-top:188px;line-height:39px;}
#popUpPageEmpf .submit_container input{width:147px;left:202px;position:absolute;margin-top:175px;line-height:39px;}
#popUpProdEmpf textarea{width:320px;height:148px;left:15px;position:absolute;margin-top:30px;}
#popUpProdFrage textarea{width:313px;height:178px;left:22px;position:absolute;margin-top:32px;}
#popUpPageEmpf textarea{width:320px;height:173px;left:15px;position:absolute;margin-top:30px;}
#popUpProdEmpf label,#popUpProdFrage label,#popUpPageEmpf label{line-height:39px;}
#artikel_tabs{height:320px;overflow:hidden;}
.submit_container{margin-top:10px;}
.variantLinks{width:420px;margin-top:4px;text-align:center;}
.variantLinks img{padding:4px;cursor:pointer;filter: alpha(opacity=60);-moz-opacity: 0.60;opacity: 0.60;}
.variantLinks img:hover{padding:4px;cursor:pointer;filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.articleListItem .articlePrice{margin-top:10px;font-weight:bold;}

.articleListItem .specialOffer,.articleListItem .valuePrice{
	font-weight:bold;
	font-size:18px;
	color:#ec8723;
}

.articleListItem .hasSpecialPrice{font-weight:bold;text-decoration:line-through;font-size:11px;color:#ff3333;}
.articleListItem .lblPrice{display:none;}
.articleListItem .taxInfo{margin-left:0;font-weight:normal;font-size:11px;}
.articleListItem .shippingNotice a{font-weight:normal;text-decoration:underline;font-size:11px;}
.articleListItem .shippingNotice{font-weight:normal;text-decoration:underline;font-size:11px;}

#shippingAddr select {
	width: auto;
	max-width: 428px;
}

.mod_webShop_orderCompleted > .paymentText {
	display: none;
}

/**** Zahlung und Versand ****/
#main #zahlung-versand-55 .shipping_address > .address_billing,
#main #zahlung-versand-55 .shipping_address > .address_shipping {
	float: none !important;
	width: auto !important;
	padding-bottom: 20px;
}

#main #zahlung-versand-55 .shipping_address > .address_billing > strong,
#main #zahlung-versand-55 .shipping_address > .address_shipping > strong {
	padding-bottom: 10px;
	float:left;
	width: 100%;
}

#main #zahlung-versand-55 .shipping_address > .address_billing #ctrl_guest_billing_country,
#main #zahlung-versand-55 .shipping_address > .address_shipping #ctrl_guest_shipping_country {
  	-moz-box-sizing: content-box; 
	-webkit-box-sizing: content-box; 
	box-sizing: content-box;
	width: 260px;
}

#main #zahlung-versand-55 .shipping_address > h2 {
	display:none;
}

#main #zahlung-versand-55 .mod_webShop_checkout {
	padding-bottom:24px;
}

#main #zahlung-versand-55 .mod_webShop_checkout > .cartTransfer {
	font-size:13px;
	border: 1px solid #b5b5b5;
	/* background: #eee; */
	-moz-box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	-webkit-box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	padding:8px 4px;
	margin-bottom: 16px;
}

#main #zahlung-versand-55 .mod_webShop_checkout .shipping_address label.error {
	margin-top: 0;
	color:#AC3E3D;
}

#main #zahlung-versand-55 .mod_webShop_checkout .shipping_address input.error,
#main #zahlung-versand-55 .mod_webShop_checkout .shipping_address select.error {
	border: 1px solid #AC3E3D !important;
}

/**** Warenkorb 4Steps ****/			 
.basketSteps {
	background-image: -webkit-linear-gradient(white 0%, #E1E1E1  100%); 
	background-image: -moz-linear-gradient(white 0%, #E1E1E1  100%); 
	background-image: -o-linear-gradient(white 0%, #E1E1E1  100%); 
	background-image: linear-gradient(white 0%, #E1E1E1  100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E1E1E1 ');
	border: 1px solid #B5B5B5;
	margin: 0 0 12px 0;
	overflow: hidden;
	font-size: 11px;
}

.basketSteps > div.trail {
 	color: #000;	 
}

.basketSteps div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;    
	box-sizing: border-box;  
	border-right: 1px solid #B5B5B5;
	color:#B5B5B5;
	display:block;
	float: left;
	height:25px;
	line-height:25px;
	padding:0 6px;
	width: 25%;
}

.basketSteps div:last-child {
	border-right: none;
}

#main span.button_left {
	display:block;
	clear:none;
	width: 45%;
	float:left;
}

#main span.button_right {
	display:block;
	float: right; 
	clear:none;
	width: 45%;
	text-align:right;
}

#main span.button_right input,
#main span.button_left input,
#main span.button_right .button,
#main span.button_left .button {
	width: 100%;
	box-sizing:border-box;
}

 
/* =============================================
 * 	FARB-DEFINITIONEN
 * ========================================== */

body.green h1,
body.green #left h3,
body.green #right h3,
body.green #vkListe h2 {
	color: #3CAC3E;
	border-bottom: 5px solid #3CAC3E;	
}

body.red h1,
body.red #left h3,
body.red #right h3,
body.red #vkListe h2 {
	color: #AC3E3D;
	border-bottom: 5px solid #AC3E3D;	
}

body.yellow h1,
body.yellow #left h3,
body.yellow #right h3,
body.yellow #vkListe h2 {
	color: #666666;
	border-bottom: 5px solid #666666;	
}

body.orange h1,
body.orange #left h3,
body.orange #right h3,
body.orange #vkListe h2 {
	color: #EF9735;
	border-bottom: 5px solid #EF9735;	
}


/*** contrast-versionen ***/
body.contrast #header #headerMainnav ul li.blue,
body.contrast #header #headerMainnav ul li.green,
body.contrast #header #headerMainnav ul li.red,
body.contrast #header #headerMainnav ul li.yellow,
body.contrast #header #headerMainnav ul li.orange {
    border-bottom: 5px solid #000000;
    border-left: 5px solid #000000;		
}

body.contrast #header #headerMainnav ul li.blue a:hover, 
body.contrast #header #headerMainnav ul li.blue span, 
body.contrast #header #headerMainnav ul li.trail.blue a,
body.contrast #header #headerMainnav ul li.green a:hover, 
body.contrast #header #headerMainnav ul li.green span, 
body.contrast #header #headerMainnav ul li.trail.green a,
body.contrast #header #headerMainnav ul li.red a:hover, 
body.contrast #header #headerMainnav ul li.red span, 
body.contrast #header #headerMainnav ul li.trail.red a,
body.contrast #header #headerMainnav ul li.yellow a:hover, 
body.contrast #header #headerMainnav ul li.yellow span, 
body.contrast #header #headerMainnav ul li.trail.yellow a,
body.contrast #header #headerMainnav ul li.orange a:hover, 
body.contrast #header #headerMainnav ul li.orange span, 
body.contrast #header #headerMainnav ul li.trail.orange a {
	background: #000000;
}

body.contrast #header #headerMainnav .submenu ul li a,
body.contrast #header #headerMainnav .submenu ul li span {
	background: none!important;
}

body.contrast #header #headerMainnav .submenu ul li a:hover,
body.contrast #header #headerMainnav .submenu ul li span,
body.contrast #header #headerMainnav .submenu ul li a.trail {
	color: #000000!important;
}

body.contrast h1, 
body.contrast #left h3, 
body.contrast #right h3 {
	color: #000000!important;
	border-bottom: 5px solid #000000!important;	
}

body.contrast #left #subnav ul li a:hover, 
body.contrast #left #subnav ul li span, 
body.contrast #left #subnav ul li a.trail {
	background: #000000!important;
	color:#FFF;
}

body.contrast #main .toggler:hover, body.contrast #main .toggler.active {
    background: #000000!important;
}

body.contrast #right .kalenderbox .calhead,
body.contrast #right .kalenderbox tr.dayrow > td.daycurrent > div.day,
body.contrast #right .kalenderbox .dayhead td,
body.contrast #right .kalenderbox tr.dayrow > td.daycurrent:hover > div.day {
	background-color: #000 !important;	
}


/*** font-scaling ***/
body.medium h1,
body.medium #left .box h3, 
body.medium #right .box h3 {
	font-size: 17px;	
}
body.large h1,
body.large #left .box h3, 
body.large #right .box h3 {
	font-size: 20px;	
}

/* ursprünglich 11px >> medium */
body.medium #main #headerBreadcrumb,
body.medium #footer .footerBlock a {
	font-size: 13px;	
}
/* ursprünglich 12px >> medium */
body.medium,
body.medium #main p,
body.medium #main .mod_newslist.newsSmall h2, body.medium #main .mod_newslist.newsSmall .teaser {
	font-size: 14px;	
}

/* ursprünglich 11px >> large */
body.large #main #headerBreadcrumb,
body.large #footer .footerBlock a {
	font-size: 14px;	
}

/* ursprünglich 12px >> large */
body.large,
body.large #main p,
body.large #main .mod_newslist.newsSmall h2, body.medium #main .mod_newslist.newsSmall .teaser {
	font-size: 14px;	
}
 
/* =============================================
 * 	CLEARING
 * ========================================== */
	
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix { display:inline-block; }

/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

* html .clearfix { height:1%; }

.floatbox { overflow:hidden; }

/* =============================================
 * 	PRINT
 * ========================================== */
@media print {
#systemnav,
#headerMainnav,
#headerBanner,
#right,
#left,
#footerWelle,
#footerQuicklinks {
	display:none;
}

html, body {
	height:auto;
}

/* =============================================
 * 	GLOBALS
 * ========================================== */
body {
	background: none;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;	
}

/**** headings ****/
h1 {
    font-size: 14pt;
	padding: 0 0 2px 0;
	margin: 0 0 12px 0;	
}

h2  {
	font-size: 12pt;
	line-height: 16pt;	
	margin: 0 0 0.5em 0;	
}

h3  {
	font-size: 12pt;
	line-height: 16pt;	
}

/**** Text ****/
p {	
	font-size: 12pt;
	line-height: 19px;	
	margin: 0 0 18px 0;
}

hr {
    border-bottom: 1pt solid #D4D4D4;
}

/**** Lists ****/
#main ul {
	list-style: square;
	margin: 0 0 16pt 0;
}

#main ol {
	margin: 0 0 16pt 0;	
}

#main ul li,
#main ol li {
	font-size: 12pt;
	line-height: 16pt;	
	margin: 0 0 8pt 16pt;
	padding: 0;
}


/* =============================================
 * 	LAYOUT
 * ========================================== */
#main > div.inside {
	padding: 10pt 0;
}

#logoBannerWrapper #logo {
	width: 100%;
	margin-bottom: 12pt;
}
/* =============================================
 * 	MODULES
 * ========================================== */
 
/**** Breadcrumb ****/
#main #headerBreadcrumb {
	width: 100%;
	border-bottom:1pt solid #000;
	padding: 5pt 0 1pt 0;
	margin-bottom:12pt;
	font-size: 10pt;
	position: static;
}

#main #headerBreadcrumb a,
#main #headerBreadcrumb a:visited,
#main #headerBreadcrumb a:active {
	text-decoration: none;
	font-size: 10pt;
}
 
/**** Kontakt Box ****/	 
#printContact {
	display:block;
	border:1pt solid #000;
	border-right: none;
	border-left: none;
	padding:5pt 0;
	background: #e3e3e3;
}

#printContact h3 {
	border-bottom: none;
	color: #000;
	font-size: 12pt;
	padding: 0 0 1pt 0;
	margin: 0 0 4pt 0;
	width: auto;
}

#printContact p {
	font-size: 10pt;
	margin: 0;
}

#printContact a {
	text-decoration: none;
}

#printContact a[title="Zum Kontaktformular"] {
	display: none;
}


/**** PAGER ****/
#main .pagination {
	background: none;
	border: none;
	margin: 5pt auto;
	padding: 0;
	text-align:center;
	width: auto;
}

#main .pagination p {
	display: block;
	font-weight: bold;	
	padding: 1pt 0;
	font-size:10pt;
	margin: 0 auto;
	text-align: center;
	width: 80pt;
}

#main .pagination ul {
	display: none;
}

/**** Accordion ****/
#main .ce_accordion .toggler h2 {
	margin: 0;
	font-size:12pt;
	line-height:14pt;
}
	
#main .toggler {
	border: 1pt solid #CCC;
	width: 96%;
	font-weight: bold;	
	padding: 2pt;	
}

#main .toggler.active {
	background: #004F86;	
	color: #FFF;	
}

#main .ce_accordion  .accordion {
	overflow: visible !important;
	height: auto !important;
	visibility: visible !important;
	display: inline !important;
	opacity: 1 !important; 
	margin: 5pt 0 6pt 0;
	padding: 0 10pt 10pt 4pt;	
}

/*** google maps ****/
#main .mod_dlh_googlemaps {
	page-break-before:always;
}


} /* end: @media print */
/* =============================================
 * 	MEDIA QUERIES
 * ========================================== */
	
@media screen and (min-width: 720px) and (max-width: 996px) {

	/* =============================================
	 * 	GLOBALS
	 * ========================================== */
	body {
		/*background:red;*/
	}
	
	/* TEMPORÄR: AUSBLENDEN DER MOBILE HELPERS */
	#mobilenav,
	#jump,
	#suchbutton {
		display: none;	
	}

	/* =============================================
	 * 	LAYOUT
	 * ========================================== */
	#header > div.inside,
	#container {
		width: 740px;	
	}
	
	#container { 
		padding-top: 10px;
		padding-right: 200px;
		padding-left: 200px;	
		padding-bottom: 140px;
	}
	
	#header #logoBannerWrapper {
		height: 113px;
	}
	
	#header #logo {
		width: 183px;
		height: 113px;
	}
	
	#header #logo a {
		padding: 35px 22px 0 22px;
	}
	
	/*
	#main {
		margin: 0 200px;
	}
	*/
	
	#left {
		width: 190px;
		right: 200px;
	}
	
	#right {
		width: 190px;
	}

	 
	/* =============================================
 	 * 	NAVIGATION
	 * ========================================== */
	/**** Header Mainnav ****/
	#header #headerMainnav {
		margin: 8px 0 0 0;
	}
	#header #headerMainnav ul li {
		border-left: 5px solid #000000;
		border-bottom: 5px solid #000000;	
		margin: 0 10px 0 0;
		width: 135px;
		height: 38px;
	}
	
	#header #headerMainnav ul li a,
	#header #headerMainnav ul li a:active, 
	#header #headerMainnav ul li a:visited,
	#header #headerMainnav ul li span {
		font-size:12px;
		height: 33px;
	}
	
	#header #headerMainnav div.submenu {
		width: 714px!important;
	}
	
	/*#header #headerMainnav div.submenu div.mod_navigation .listCol1,*/
	#header #headerMainnav div.submenu div.mod_navigation .listCol2 /*
	#header #headerMainnav div.submenu div.mod_navigation .listCol3*/ {
		padding: 0 30px;
	}
	
	/*
	#header #headerMainnav div.submenu div.mod_navigation li,
	#header #headerMainnav div.submenu div.mod_navigation li.first,
	#header #headerMainnav div.submenu div.mod_navigation li.last {
		width: 204px;
	}*/
	
	/**** Left Subnav ****/
	#left #subnav ul.level_1 li.submenu a,
	#left #subnav ul.level_1 li.submenu a:visited,
	#left #subnav ul.level_1 li.submenu a:active,
	#left #subnav ul.level_1 li.submenu span,
	#left #subnav ul.level_1 li.submenu span,
	#left #subnav ul.level_1 li.submenu a.trail,
	#left #subnav ul.level_1 li.submenu a:hover {
		background-position: 144px 8px;
	}
	
	/* =============================================
	 * 	FORMS
	 * ========================================== */
	/**** Basic Form ****/
	#main label,
	#main #tl_registration label {
		width: 100%;
		margin-bottom: 2px;
	}
	
	#main input.text,
	#main #tl_registration input.text,
	#main textarea {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;    
		box-sizing: border-box;		
		width: 100%;
	}
	
	#main select.select,
	#main #tl_registration select.select#ctrl_country {
		width: auto;
		max-width: 300px;
	}
	
	#main input.captcha {
		width: 60px;
		margin-right: 10px;	
	}
	
	#main input.submit {
		margin: 0;
	}
	
	.submit_container,
	#main #tl_registration .submit_container {
		padding: 10px 0 0 0;
	}

	/**** SUCHE (box right) ****/
	#right .mod_ac_search_index input[type="text"] {
		width: 110px;
		height: 20px;
	}
	
	/**** Mein Bergkamen Login ****/
	#right #tl_login input[type="text"],
	#right #tl_login input[type="password"] {
		width: 146px;
	}
	
	#right #tl_login .submit_container {
		float: none;
		margin: 2px 0 8px 0;
		width: 100%;
	}
	
	/* =============================================
	 * 	MODULES
	 * ========================================== */
	/**** Breadcrumb ****/
	#main #headerBreadcrumb {	
		width: 280px;
	}
	
	/**** NewsList ****/
	.mod_newslist.newsSmall .image_container {
		width: 90px;
	}
	
	.mod_newslist.newsSmall .teaser {
		margin-left: 98px; 
	}
	
	/**** ce_dynamic_page_teaser ****/
	#main .ce_dynamic_page_teaser .image_container {
		width: 90px;
	}
	
	#main .ce_dynamic_page_teaser .teaser_text {
		margin-left: 98px;
	}
	
	/**** ce_gallery ****/
	#main .ce_gallery .image_container {
		height: 120px;
		overflow: hidden;	
	}
	
	
	#right .wetterbox {
		display: none;	
	}	
	
	#right .box.wetterbox > .boxInside {
		padding-left: 0!important;
	}
	
	#right .box.wetterbox iframe {
		
	}
	
	
	/* =============================================
	 * 	WEBSHOP
	 * ========================================== */	
	.basketSteps div {
		width: auto;
	}
	
	/**** Login ****/
	#main #tl_login input#username {
		margin-bottom:2px;
	}
	
	#main #tl_login .fieldAddon {
		padding-left: 100px;
		padding-bottom: 2px;
		display:block;
	}
	
	/**** Warenkorb ****/
	#main .mod_webShop_shoppingCart {
		width:100%;
	}
	
	#main .webShop_cartHeading li { 
		float:left;
		margin:0 0 5px;
		padding:3px 0;
		border-bottom:1px solid #B5B5B5;
		font-weight:bold;
		font-size:12px;
		list-style-type:none;
	}
	
	#main .webShop_cartHeading > .cartItemImage,
	/* #main .webShop_cartHeading > .cartItemTitle,*/
	#main .webShop_cartHeading > .cartItemQTY
	/*#main .webShop_cartHeading > .cartItemSinglePrice */ {
		display: none;
	}
	#main .webShop_cartHeading > .cartItemTitle {
		width: 82%;
	}
	
	#main .webShop_cartHeading > .cartItemSinglePrice {
		width: 18%;
		text-align: right;
	}
	
	#main .webShop_cartHeading {
		padding-bottom:8px;
	}
	
	#main .webShop_cartItem li { 
		float:left;
		margin:0;
		padding:5px 0;
		list-style-type:none;
	}
	
	#main .cartItemQTY > .cartItemQTY_input.first:before{
		content:"Menge: ";
		font-weight: bold;
		padding: 0 0 0 0;
	}
	
	#main .cartItemQTY > .cartItemQTY_input.first input {
		margin-left:6px;
	}
	
	#main .cartItemImage {
		float:left;
		width:24%;
		text-align:left;
	}
	
	#main .webShop_cartItem li.cartItemQTY {
		float:left;
		width: 60%;
		padding-left: 24%;
	}
	
	#main .webShop_cartItem > .cartItemTitle {
		width:60%;
		float:left;
	}
	
	#main .webShop_cartItem li.cartItemSinglePrice {
		width: 16%;
		text-align: right;
	}
	
	#main #artikelliste .articleImage {
		width: 90px;
		float: left;	
	}
	
	#main .articleListItem .articleTitle,
	#main #artikelliste .articleTeaser, 
	#main #artikelliste .articlePrices {
		margin-left:98px;
	}
	
	#main .mod_webShop_articleDetails .leftRow{
		width:90px;
	}
	
	#main .mod_webShop_articleDetails .rightRow {
		margin-left: 102px;
	}

	
}

@media screen and (max-width: 720px) {
	/* =============================================
	 * 	GLOBALS
	 * ========================================== */
	body {
		background: #FFF;
	}
	
	/* hide noMobile parts */
	#left,
	#rightIncludes,
	#header #systemnav,
	#footerWelle,
	#headerMainnav,
	#headerBanner,
	#right > div.inside > .box > .boxInside > h3.ce_headline,
	#printPage {
		display: none;
	} 

	/* TEMPORÄR: EINBLENDEN DER MOBILE HELPERS */
	#mobilenav,
	#jump,
	#suchbutton,
	#main .beamBox {
		display: block;	
	}
	
	/* =============================================
	 * 	LAYOUT
	 * ========================================== */ 
	 
	#header > div.inside {
		width: auto;
		padding: 0;
		font-size: 12px;
	}
	
	#header #logoBannerWrapper {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;	
		height: auto;
		width: auto;
		float:left;
		padding:0 0 0 14px;
	}
	
	#header #logo {
		background: #FFF;
		display: block;
		float: left;
		width: 140px;
		height: 60px;
	}
	
	#header #logo a {
		display: block;	
		text-align: center;
		padding: 10px 0 0 0;
	}
	
	#header #logo a img {
		width: 140px;	
	}

	/**** Container ****/
	#container {
		padding: 0 0 40px 0;
		margin: 0;
		width: auto;
	}
	
	#right {
		float:none;
		width: auto;
	}
	
	#right div.inside > .box {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;	
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;	
		margin: 0;
		width: auto;
	}
	
	#right .box > .boxInside {
		padding: 0;	
	}
	
	#main {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		margin: 0;	
	}	
	
	#main > div.inside {
		padding: 14px;
	}
	
	/**** beamBox ****/
	#main > div.inside .beamBox {
		-moz-box-shadow: inset 0px 0px 15px 0px #e1e1e1;
		-webkit-box-shadow: inset 0px 0px 15px 0px #e1e1e1;
		box-shadow: inset 0px 0px 15px 0px #e1e1e1;
	/*	background:#eee;*/
		border: 1px solid #b5b5b5;
		margin: 0 0 12px 0; 
		padding: 8px 14px;
	}
	
	/**** Footer ****/
	#footer {
		background: none;
		color: #000;
		border-bottom: 10px solid #004F86;
		height: 30px; 
	}
	
	#footer > div.inside {
		height: 30px;
	}

	#footer #footerQuicklinks {
		padding: 0;
		position: relative;
	}



	/* Der Navigationsknopf in der Mobilversion */
	#jump {
		background: transparent url("../../tl_files/bk/images/nav_collapsed.png") 10px 10px no-repeat;
		color: #000!important;
		float: right;
		width: 21px;
		height: 17px;
		margin-top: 20px;
		margin-right: 14px;
		padding: 10px;
		text-indent: -9999em;
	}
				
	#jump.active {
		background: #ccc url("../../tl_files/bk/images/nav_collapsed.png") -30px 10px no-repeat;
	}
		
		
	#suchbutton {
		background: transparent url("../../tl_files/bk/images/suche_collapsed.png") 10px 10px no-repeat;
		color: #000!important;
		float: right;
		width: 21px;
		height: 17px;
		margin-top: 20px;
		padding: 10px;
		text-indent: -9999em;
	}
		
	#suchbutton.active {
		background: #ccc url("../../tl_files/bk/images/suche_collapsed.png") -30px 10px no-repeat;
	}

	/* =============================================
	 * 	NAVIGATION
	 * ========================================== */
	/**** Mobile Navigation ****/
	#mobilenav {
		display: none;
		font-size: 1.12em;	
	}
	
	#mobilenav ul ul ul {
		display: none;
	}
	
	#mobilenav ul ul li.active ul, 
	#mobilenav ul ul li.trail ul {
		display: block;
	}
	
	#mobilenav li {
		list-style: none;
	}
	
	#mobilenav a,  
	#mobilenav a:visited,  
	#mobilenav a:active {
		color: #fefefe; 
	}
	
	#mobilenav ul.level_1 > li.submenu > a,
	#mobilenav ul.level_1 > li.submenu > a:visited,
	#mobilenav ul.level_1 > li.submenu > a:active,
	#mobilenav ul.level_1 > li.submenu > a:hover {
		background-image: url("../../tl_files/bk/images/corporate/bg_mobilenav_submenu.gif");
		background-position: 95% center;
		background-repeat: no-repeat;
	}
	
	#mobilenav ul.level_1 > li.submenu > span,
    #mobilenav ul.level_1 > li.submenu > a.trail {
		background-image: url("../../tl_files/bk/images/corporate/bg_mobilenav_submenu_active.gif");
		background-position: 95% center;
		background-repeat: no-repeat;
		/* background: url("../../tl_files/bk/images/corporate/bg_subnav_submenu_active.png") 190px 8px no-repeat;*/
	}
	
	#mobilenav a:hover {
		text-decoration: none; 
	}
	 
	#mobilenav a {
		display: block;
		color: #fff;
		border-bottom: 1px solid #fff;
		text-decoration: none;
		line-height: 1.5em;
		padding: .8em 14px;
		-webkit-transition: background-color .25s ease-in;
		-moz-transition: background-color .25s ease-in;
		-ms-transition: background-color .25s ease-in;
		-o-transition: background-color .25s ease-in;
		transition: background-color .25s ease-in;
	}
	
	#mobilenav span.active {
		display: block;
		font-weight:bold;
		color: #fefefe; 
		border-bottom: 1px solid #fff;
		line-height: 1.5em;
		padding: .8em 14px;
	}
	
	/* Die 2. Ebene ist "enger" */
	#mobilenav ul ul a, #mobilenav ul ul span.active {
		padding: .5em .8em;
		font-size: 1em;
	}
	
	
	/* Die 3. Ebene ist "enger" */
	#mobilenav ul ul ul a, #mobilenav ul ul ul span.active {
		padding: .3em .8em;
	}
	
	
	/* Allgemein Farben (für hover in der mobilnav*/
	
	#mobilenav a.submenu.blue {
		background:#004F86;
	}
	
	#mobilenav .blue a:hover {
		background:#002C49;
	}
	
	
	#mobilenav .green a:hover {
		background:#28702a;
	}
	
	/* ac3e3d */
	#mobilenav .red a:hover {
		background:#682625;
	}
	
	/* 666 */
	#mobilenav .yellow a:hover {
		background:#333;
	}
	
	/* EF9735 */
	#mobilenav .orange a:hover {
		background:#b87428;
	}
	
	
	
	
	
	/* Blau */
	body.blue #mobilenav a {
		background: #004F86;
	}
	
	body.blue #mobilenav span.active, body #mobilenav li.blue  a.trail {
		background:#002C49;
	}
		
	
	/* Grün */
	body.green #mobilenav a {
		background: #3CAC3E;
	}
	
	body.green #mobilenav span.active, body #mobilenav li.green a.trail {
		background:#28702a;
	}
	
	
	/* Rot */
	body.red #mobilenav a {
		background: #ac3e3d;
	}
	
	body.red #mobilenav span.active, body #mobilenav li.red a.trail {
		background:#682625;
	}
	
	/* Braun */
	body.yellow #mobilenav a {
		background: #666666;
	}
	
	body.yellow #mobilenav span.active, body #mobilenav li.yellow a.trail {
		background:#333333;
	}
	
	/* Orange */
	body.orange #mobilenav a {
		background: #EF9735;
	}
	 
	body.orange #mobilenav span.active, body #mobilenav li.orange a.trail {
		background:#b87428;
	}
	
	/*** RALPH HAT WAS GEÄNDERT ***/
	#mobilenav ul.level_2 {
		display: none;	
	}
	
	#mobilenav ul li.active ul.level_2,
	#mobilenav ul li.trail ul.level_2 {
		display: block;	
	}
	
	/* level 1 */
	#mobilenav li.blue a {
		background: #004F86;
	}
	
	#mobilenav li.green a {
		background: #3CAC3E;
	}
	
	#mobilenav li.red a {
		background: #AC3E3D;
	}
	
	#mobilenav li.yellow a {
		background: #666666;
	}
	
	#mobilenav li.orange a {
		background: #EF9735;
	}
	
	/* level 3 */
	/*#mobilenav li.blue li li a {
		background: #BABADD;
	}
	
	#mobilenav li.green li li a {
		background: #BBE2BC;
	}
	
	#mobilenav li.red li li a {
		background: #DDB0AF;
	}
	
	#mobilenav li.yellow li li a {
		background: #D0D0D0;
	}
	
	#mobilenav li.orange li li a {
		background: #FAE1C4;
	}
	*/
	
	
    #mobilenav li.orange ul {
		border-left: 8px solid #b87428;	
	}
	#mobilenav li.red ul {
		border-left: 8px solid #682625;	
	}
	#mobilenav li.green ul {
		border-left: 8px solid #28702a;	
	}
	#mobilenav li.yellow ul {
		border-left: 8px solid #333333;	
	}
	#mobilenav li.blue ul {
		border-left: 8px solid #002C49;	
	}
	
	/**** Footer Quicklinks ****/
	#footer #footerQuicklinks ul {
		width: 250px;
		margin: 0 auto;
	}
	
	#footer #footerQuicklinks ul li {
		border: none;
	}
	
	#footer #footerQuicklinks ul li a,
	#footer #footerQuicklinks ul li a:visited,
	#footer #footerQuicklinks ul li a:active,
	#footer #footerQuicklinks ul li a:hover {
		color: #000;
	}
	
	/* =============================================
	 * 	FORMS
	 * ========================================== */

	/**** Die Suchboxe ****/
	#suchboxe {
		background: none;
		display: none;
		margin-top: 10px;
		padding:0 14px;	
	}
	
	#suchboxe.mod_ac_search_index > form > .formbody > input[type="text"] {
		-moz-appearance: none;
		-moz-box-sizing: border-box;
		background: transparent url("../../tl_files/bk/images/corporate/search-button-blue.png") right 0 no-repeat scroll;
		border: 1px solid #666;
		box-sizing: border-box;
		display: block;
		font-size: 1.05em;
		float: none;
		height: 28px;
		line-height: 24px;
		padding: 0 1%;
		width: 100%;
		margin: 0 auto;	
	}
	
	#suchboxe.mod_ac_search_index > form > .formbody > input.submit {
		text-indent: -9999em;
		background: transparent;
		width: 26px;
		height: 26px;
		position: absolute!important;
		right: 10px;
		margin-top: -20px;
	}

	/* =============================================
	 * 	MODULES
	 * ========================================== */
	/**** Breadcrumb ****/
	#main #headerBreadcrumb {	
		position: static;
		width: auto;
	}
	 /* =============================================
	 * 	WEBSHOP
	 * ========================================== */
	#main .mod_webShop_shoppingCart {
		margin: 0 0 12px 0;
		padding: 0;
		width: 100%;
	}
		
	
	

}

@media screen and (max-width: 320px) {
	/* =============================================
	 * 	FORMS
	 * ========================================== */	
	 /**** Basic Form ****/
	#main label,
	#main #tl_registration label,
	#main #tl_login label {
		width: 100%;
		margin-bottom: 2px;
	}
	
	#main #tl_login .fieldAddon {
		display: block;
	}
	
	#main input.text,
	#main #tl_registration input.text,
	#main #tl_login input.text,
	#main textarea {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;    
		box-sizing: border-box;	
		width: 100%;
	}
	
	#main #tl_login input.text[name="username"] {
		margin-bottom: 2px;
	}
	
	#main select.select,
	#main #tl_registration select.select#ctrl_country {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;    
		box-sizing: border-box;	
		width: auto;
		max-width: 100%;
	}
	
	#main input.captcha {
		width: 60px;
		margin-right: 10px;	
	}
	
	#main #tl_login .submit_container,
	.submit_container {
		padding: 6px 0 0 0 !important;
		margin:0 0 10px 0;
	}
	
	#main input.submit {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;    
		box-sizing: border-box;	
		margin: 0;
		width: 100%;
	}
	
	/**** VEREINSKATALOG ****/
	body.vereinskatalog #main label {
		margin-bottom: 0;	
	}
	
	body.vereinskatalog #main select {
		width: 100%;
		margin-bottom:3px;
	}
	
	body.vereinskatalog #main .filter_search {
		margin-left: 0;
	}
	
	body.vereinskatalog #main #ctrl_filter_search,
	body.vereinskatalog #main #ctrl_filter_search_submit {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;    
		box-sizing: border-box;    
		width: 100%;	
	}	
	
	
	/**** NewsList ****/
	.mod_newslist.newsSmall .image_container {
		width: 90px;
	}
	
	.mod_newslist.newsSmall .teaser {
		margin-left: 98px; 
	}

	/**** ce_dynamic_page_teaser ****/
	#main .ce_dynamic_page_teaser .image_container {
		width: 90px;
	}
	
	#main .ce_dynamic_page_teaser .teaser_text {
		margin-left: 98px;
	}
	
	
	/* =============================================
	 * 	WEBSHOP
	 * ========================================== */
	.basketSteps {
		margin:0 auto;
		border:none;
		padding: 0 10px;
		background: none;
		border-bottom: 1px solid #B5B5B5;
	}
	.basketSteps div {
		height: auto;
		width: 25%;
		border: none;
		text-align:center;
		background: none;
		padding:0;
		filter: none;
	}
	.basketSteps div:last-child {
		padding-right: 0;
	}

	.basketSteps span {
		display: block;
		width: 20px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		border: 1px solid #B5B5B5;
		border-radius: 20px;
		margin: 0 auto 5px auto;
	}
	.basketSteps > div.trail  span {
 		border: 1px solid #000;	 
	}
	
	/**** Button *****/
	#main span.button_left,
	#main span.button_right {
		display:block;
		clear:both;
		width: 100%;
		float:none;
		padding-bottom:6px;
	}
	
	#main span.button_right input,
	#main span.button_left input,
	#main span.button_right .button,
	#main span.button_left .button {
		width: 100%;
		box-sizing:border-box;
	}
	
	/**** Warenkorb ****/
	#main .webShop_cartHeading li { 
		float:left;
		margin:0 0 5px;
		padding:3px 0;
		border-bottom:1px solid #B5B5B5;
		font-weight:bold;
		font-size:12px;
		list-style-type:none;
	}
	
	#main .webShop_cartHeading > .cartItemImage,
	/* #main .webShop_cartHeading > .cartItemTitle,*/
	#main .webShop_cartHeading > .cartItemQTY
	/*#main .webShop_cartHeading > .cartItemSinglePrice */ {
		display: none;
	}
	#main .webShop_cartHeading > .cartItemTitle {
		width: 82%;
	}
	
	#main .webShop_cartHeading > .cartItemSinglePrice {
		width: 18;
		text-align: right;
	}
	
	#main .webShop_cartHeading {
		padding-bottom:8px;
	}
	
	#main .webShop_cartItem li { 
		float:left;
		margin:0;
		padding:5px 0;
		list-style-type:none;
	}
	
	#main .cartItemQTY > .cartItemQTY_input.first:before{
		content:"Menge: ";
		font-weight: bold;
		padding: 0 0 0 0;
	}
	
	#main .cartItemQTY > .cartItemQTY_input.first input {

		margin-left:6px;
	}
	
	#main .cartItemImage {
		width:100%;
		float:none;
		text-align:left;
	}
	
	#main .cartItemQTY,
	#main .webShop_cartItem > .cartItemTitle {
		width:82%;
		float:left;
	}
	
	#main .cartItemSinglePrice {
		width: 18%;
		text-align: right;
	}
	
	#main #artikelliste .articleImage {
		width: 90px;
		float: left;	
	}
	
	#main .articleListItem .articleTitle,
	#main #artikelliste .articleTeaser, 
	#main #artikelliste .articlePrices {
		margin-left:98px;
	}
	
	#main .mod_webShop_articleDetails .leftRow{
		width:90px;
	}
	
	#main .mod_webShop_articleDetails .rightRow {
		margin-left: 102px;
	}

	

}


/* =============================================
 * 	BROWSER FIXING
 * ========================================== */
 
/**** IE 7 ****/
body.ie7 #wrapper #header {
	position:relative;
	z-index: 99;
}

body.ie7 #wrapper #container {
	padding-top: 0;
}

body.ie7 #wrapper #container,
body.ie7 #wrapper #main,
body.ie7 #wrapper #left,
body.ie7 #wrapper #right {
	position: relative;
	z-index:1 !important;
}

body.ie7 #wrapper #container #main {
	width: 468px;
}
	

 

				
				
				/************************************************
					LAYOUT
				************************************************/
				@media screen, projection {
				/*.medium { font-size: 16px; line-height: 22px; }
				.large { font-size: 20px; line-height: 26px; }
				
				.medium h1 { font-size: 34px; line-height: 40px; }
				.large h1 { font-size: 38px; line-height: 44px; }
				
				.medium h2 { font-size: 28px; line-height: 34px; }
				.large h2 { font-size: 32px; line-height: 38px; }
				
				.medium h3 { font-size: 22px; line-height: 28px; }
				.large h3 { font-size: 26px; line-height: 32px; }
				*/
				
				/* divider */
				#main .contentDivider {
					border-bottom: 1px dashed #000000;	
					height: 1px;
					margin: 0 0 8px 0;
				}
				
				/* farbecke */
				#main #colour {
					width: 5px;
					height: 44px;
					background: #004F86;
					position: absolute;
					left: 0px;
					top: 0px;	
					display: none;
				}
				
				/* news */
				 
				#main .mod_newslist p.empty {
					visibility: hidden;
					width: 0;
					height: 0;
					margin: 0;
					padding: 0;
				}
				
				/*.layout_latest img {
				float:left;
				padding:0 0 14px;
				}*/
				
				#main .textRight p  {
					float: right;
					width: 250px;	
				}
				
				#main .textRight {
					overflow: hidden;	
				}
				
				
				body.home #main .image_container {
					margin: 0!important;	
				}
				/*
				#main .portBox .image_container {
					margin: 0;
				}
				*/
				
				#main .imgBorder .image_container {
					margin: 0;	
				}
				
				#main .imgBorder img {
					border: 1px solid #CCCCCC;
					margin: 0 0 12px 0;	
				}
				
				
				#main .mod_newsreader h2 {
					font-size: 14px;
					margin: 0 0 0 0;	
				}
				
				
				#main .mod_newslist p.teaser {
					margin: 0;	
				}
				
				#main .mod_newslist .teaser a,
				#main .mod_newslist .teaser a:visited,
				#main .mod_newslist .teaser a:active {
					color:#000000;
					text-decoration: underline;
				}
				
				#main .mod_newslist .teaser a:hover {
					color:#004F86;
					text-decoration: underline;
				}
				
				#main .layout_latest span.more {
					padding: 0 0 0 12px;	
				}
				
				#main .layout_latest span.more a,
				#main .layout_latest span.more a:visited,
				#main .layout_latest span.more a:active {
					color:#9ab717;
					text-decoration: none;
				}
				
				#main .layout_latest span.more a:hover {
					color: #FFFFFF;
					text-decoration: underline;	
				}
				
				#news-details .image_container {
					float: left;	
				}
				
				.event .image_container {
					float: left;	
				}
				

				/* TABLES */
				
				/*
				.ce_table{ margin-top:24px;margin-bottom:24px;border-left:1px solid #cccccc;}
				.ce_table td{ padding:2px 8px;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
				.ce_table th{padding:2px 8px;background-color:#e6e6e6;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
				.ce_table th a{color:#000000;}
				*/
			 
				
				#main #tabContainer ul {
					margin: 0;	
				}
				
				#right ol li {
					font-size: 11px;
					line-height: 21px;	
					margin: 0 0 0 18px;
					padding: 0;	
				}
				
				
				
				#main p.url {
					display: none;
				}
					
				.pnewsletter_details #main p.back {
					display: none;	
				}
				
				.pnewsletter_details #main p.back.pnewsletter {
					display: block;	
				}
				
				
				
				#main .mod_newslist .teaser p {
					margin: 0!important;	
				}
				
				#main .mod_newslist .teaser {
					font-size: 12px;
					line-height: 21px;	
				}
				
				#news-details p.info {
				margin: 0 0 18px 0;	
				}
				
				
				/**** hyperlinks ****/
				#right .ce_hyperlink {
					margin: 0 0 2px 0;	
				}

				} /* end: @media handheld, screen */