@import url("/styles/form.css");

html,body 		{ height:100% }
html 			{ margin: 0; padding: 0; }
body#mainbody 	{ margin:0; padding:0; background: #e8e8e8; font-family: Verdana, Arial,sans-serif; font-size: 14px; position: relative; color: #646464; }
#mainheader, #mainnav ul, #content, #mobfooter, #mainfooter *, #whiteheader .wrapper, #shadow, #branding{ max-width: 1240px; }
#wrapper 		{ padding: 0 0; }
#maincontainer 	{ position: relative; padding-bottom: 50px; }

.absolute		{ position: absolute; z-index: 20; }
.relative 		{ position: relative; z-index: 10; }
.topleft		{ left: 0; top: 0; }
.bottomleft		{ left: 0; bottom: 0; }
.topright		{ right: 0; top: 0; }
.bottomright 	{ right: 0; bottom: 0; top: auto; }

/* COLORS AND BACKGROUNDS */
#mainbody #shoe .toTop 				{ color: white; }

/* geiser */
body#mainbody.geiser				{ background:url(../images/zm_BG_Geiser.png) #2e3f2c no-repeat center -150px; }
.geiser #slider, .geiser .border	{ border: 5px solid #a4b5a2; }
.geiser #shoe 						{ border-top: 5px solid #a4b5a2; }
.geiser .subtitle					{ background: #667564; }

body#mainbody.jazz					{ background:url(../images/zm_BG_JAZZ.png) #133c5c no-repeat center -150px; }
.jazz #slider, .jazz .border		{ border: 5px solid #ff0e49; }
.jazz #shoe 						{ border-top: 5px solid #ff0e49; }
.jazz .subtitle						{ background: #a20028; }

body#mainbody.goldkiss				{ background:url(../images/zm_BG_Goldkiss.png) #671a1a no-repeat center -150px; }
.goldkiss #slider, .goldkiss .border{ border: 5px solid #ab9d6d; }
.goldkiss #shoe 					{ border-top: 5px solid #ab9d6d; }
.goldkiss .subtitle					{ background: #83774e; }

body#mainbody.pinklady				{ background:url(../images/zm_BG_PinkLady.png) #591b30 no-repeat center -150px; }
.pinklady #slider, .pinklady .border{ border: 5px solid #7eb72a; }
.pinklady #shoe 					{ border-top: 5px solid #7eb72a; }
.pinklady .subtitle					{ background: #537f11; }

body#mainbody.diwa					{ background:url(../images/zm_BG_Diwa.png) #1e400c no-repeat center -150px; }
.diwa #slider, .diwa .border		{ border: 5px solid #e3000f; }
.diwa #shoe 						{ border-top: 5px solid #e3000f; }
.diwa .subtitle						{ background: #ae010c; }

body#mainbody.redlove				{ background:url(../images/zm_BG_Redlove.png) #78130f no-repeat center -150px; }
.redlove #slider, .redlove .border	{ border: 5px solid #7a8f6a; }
.redlove #shoe 						{ border-top: 5px solid #7a8f6a; }
.redlove .subtitle					{ background: #556449; }

body#mainbody.terralog				{ background:url(../images/zm_BG_Geiser.png) #2e3f2c no-repeat center -150px; }
.terralog #slider, .terralog .border{ border: 5px solid white; }
.terralog #shoe 					{ border-top: 5px solid white; }
.terralog .subtitle					{ background: #C11440; }

ol{
	padding-left: 0px;
	list-style:none;
	margin-top: 5px;
}

ol li{
	display: inline;
}

/* body#mainbody { background-size: cover !important; } */

@media only screen and (max-width: 1100px) { 
	.spickel { max-width: 32%; height: auto; } 
}


/**********************/
/* HEADER *************/
/**********************/
#headercontainer { background: white; }
	#branding { background: white; position: relative; width: 100%; z-index: 50; height: 180px; }
		#gtop { left: -238px; top: 0; display: none;  }
		#logo { margin: 30px 0 0 15px; position: relative; float: left; z-index: 90; display: inline-block;}
		#moblogo { display: none; }
			#logo img { padding-right:15px; width: 100%; }
			
@media only screen and (max-width: 320px) { 			
	#logo { display: none; }
	#moblogo { display: block; margin: 0 0 0 15px; top: 30px; position: relative; }
}

	#mobheader { width: 100%; height: 50px; position: relative; z-index: 50; margin-bottom: 0; background: #C11440; }
		.mobmenu, .mobmeta { margin:5px 10px; font-size: 33px; height: 40px; }
		#mobheader a.glyphicon { color: white !important; }

	#mainheader { position: relative; clear: both; padding: 0;  margin: 10px 0 20px; padding: 0 10px; }
	.tpl-7 #mainheader, .tpl-14 #mainheader { margin-bottom: 15px; }
	#slider { position: relative; margin-top: 10px; overflow: hidden; }
		#mainheader .border .img-responsive { max-width: 101%; }
	#mainheader .border { overflow: hidden; position: relative; }
	#mainbody #mainheader .flex-direction-nav a { display: none; }
	

/* MOBMETA */
.metanav 					{ float:left; width: 100%; padding: 0 0 0; display: none; margin-top: 0; }
.metanavcontainer 			{ background: white; border: 10px solid #A4B5A2; width: 100%; padding: 10px 35px 10px 10px; position: relative; }
.metanav ul 				{ margin: 0; padding: 0; width: 100%; }
.metanav ul li 				{ list-style: none; margin: 0 0 0 0; padding: 0; max-width: 390px; text-transform: uppercase; position: relative; background: #e8e8e8; }
.metanav ul li .btn-group 	{ width:100%; text-align: left;}
.metanav ul li .btn, 
.metanav ul li a  			{ padding: 5px 10px; color: white; display: block; background: #c11440; width: 100%; text-align: left; font-size: 13px; text-transform: uppercase; color: white; height: 30px; }
.metanav ul li.lang .open > .dropdown-menu, 
.metanav ul li.group .open > .dropdown-menu { display: none !important; }
.metanav ul li.lang .btn:hover, 
.metanav ul li.group .btn:hover, 
.metanav ul li a:hover, 
.metanav li .btn-group.open button 	{ background: #646464; color: white; }
.metanav ul li.glyphicon 			{ position: absolute; right:10px; top: 10px; color: #c11440; background: none; }
.glyphicon-remove:hover 			{ cursor: pointer; }
.metanav ul li .glyphicon-chevron-right, 
.metanav ul li .glyphicon-chevron-down { position: absolute; right: 8px; top: 8px; }
.metanav ul li .glyphicon-chevron-right{ top: 6px; }
.metanav li .btn-group.open	.glyphicon-chevron-right { display: none !important; }
.metanav li .btn-group.open	.glyphicon-chevron-down { display: inline-block !important; }

#langnav, #groupnav 				{ margin-top: 2px; }
#rightcol .glyphicon-remove 		{ display: none; }
.metanav ul li .input-append,
.metanav ul li a			 		{ margin-bottom: 4px; }
.metanav ul li.last .input-append 	{ margin-bottom: 0; }

.metanav .glyphicon, .metanav .fa 	{ font-size: 15px; }
.metanav .fa-unlock-alt, 
.metanav glyphicon-globe, 
.metanav glyphicon-users 			{ padding-right: 5px; }
.metanav .fa-unlock-alt 			{ padding-left: 3px; padding-right: 3px;}

/**********************/
/* HOMEPAGE ***********/
/**********************/
#subheader					{ margin: 0 0 20px 0; }
#subheader .border 			{ padding:0 10px; }
.tpl-7 #subheader .border 	{ padding:10px; }

#homecontent 				{ position: relative; z-index: 49; margin: 10px 0; }
#homecontent .col-sm-4 		{ margin: 10px 0; }
.tpl-7 #homecontent .col-sm-4 .border { min-height: 400px; }

				
/**********************/
/* CONTENT ************/
/**********************/

#contentText p, #contentText b,
#contentText strong,
#contentText ul li,
#contentText table td,
#contentText table th 			{ font-size: 14px; line-height: 140%; vertical-align: top; }
#contentText ul 				{ margin-left: 15px; padding-left: 0; }
#contentText ul.slides,
#contentText #sidebar ul		{ margin-left: 0; }

h1, #maintitle { font-weight: bold; font-size: 25px; margin-top: 0; color: #646464; display: block; margin-bottom: 15px; }
h2, h2.lead, h3	{ font-weight: normal; font-size: 14px; margin-top: 0; margin-bottom: 10px; font-weight: bold; line-height: 150%; }
h3 	{ margin: 5px 0; }
#content .teasertitle a { font-size: 17px; display: block; padding-bottom: 3px;  }
/* 	h4	{ font-size:15px; font-weight: bold; color: #72737f; } */

a, a:visited 				{ color: #c11440; text-decoration: none; }
a:hover, a:active, a:focus 	{ text-decoration: none!important; color: #c11440; outline: none; }
#content a, #content a:visited { font-weight: normal; }
.clear 						{ clear: both; }
.iconbtn 					{ background: #e8e8e8; display: block; padding: 5px 10px; color: #72737f;  }
.iconbtn .fa 				{ display: inline-block; padding-right: 5px; }	
#mainbody .fa-print.mainprint { margin: 0 10px 10px 0; }

#contentText 	{ position: relative; }
#midcol .border	{ margin-bottom: 20px; padding: 10px 10px 50px; position: relative; }

#leftcol h2.last.current { display: none; }
#leftcol ul { margin: 0; padding: 10px; }
#leftcol ul li { margin: 0; padding: 0; list-style: none; }
#leftcol ul li a { display: block; padding: 5px 10px; color: white; font-weight: bold; margin-bottom: 10px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background:url(../images/subnav-arrow-white-right.png) #bfbfbf no-repeat 96% center; padding-right: 20px;}
#leftcol ul li.last a { margin-bottom: 0; }
#leftcol ul li.current a, #leftcol ul li a:hover { background:url(../images/subnav-arrow-white-down.png) #c11440 no-repeat 96% center; }

#leftcol ul ul { padding: 0; border-left: 1px solid #bfbfbf; margin: 7px 0 7px 10px; display: none; }
#leftcol ul li.current ul { display: block; }
#leftcol ul li.current ul li a { background: none; color: #646464; font-weight: normal; padding: 0 0 3px 15px; margin: 0 0 0 -3px; }
#leftcol ul li.current ul li.current a, #leftcol ul li.current ul li a:hover { color: #c11440; background:url(../images/subnav-arrow-red-right.png) left center no-repeat;  }

#leftcol ul li.current ul li ul { border-left: none; display: none; }
#leftcol ul li.current ul li.current ul { display: block; }
#leftcol ul li.current ul li.current ul li a { color:#646464; background: none; }
#leftcol ul li.current ul li.current ul li.current a, 
#leftcol ul li.current ul li.current ul li a:hover { color: #c11440; }

/* BOX */
.box			{ margin-bottom: 20px; }
.subtitle		{ display: block; font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 5px 10px; color: white; }
.boxcontent 	{ padding: 10px 10px 0; }
.boxcontent h2 	{ font-weight: bold; font-size: 20px; padding: 5px 0 0; margin: 0 0 10px 0;}
.border 		{ background: white; }
.box .glyphicon, #homecontent .col .glyphicon, #mainbody .fa-print,
.overview li .glyphicon { display: inline-block; float: right; background:#c11440; color: white; font-size: 15px; padding: 8px; width: 30px; margin: 0 10px 10px 0; }	
/*  #mainbody .fa-print { font-size: 18px; width: 33px; margin-right: 0; margin-bottom: 0; } */
#homecontent .col .glyphicon { margin: 0 !important; }

#mainbody .sorten { width: 100%; margin: 0; padding: 0; }
.sorten li { list-style: none; margin-bottom: 30px; }
.sorten li img { width: 100%; max-width: 100%; height: auto;}

/**********************/
/* TEXT / BILD ********/
/**********************/
.pp_description 			{ display: none!important; }
#imgcol img, #imgcol2 img	{ display: block; max-width: 100%; height: auto; }

/* BILD LINKS */
.tpl-9 #midcol .contentwrapper 	{ float: right; }
.tpl-9 #midcol .col				{ padding-left: 0; padding-right: 0; }
#imgcol.left 					{ float: left; }

/* BILD RECHTS */
.tpl-15 #midcol .contentwrapper { float: left; }
.tpl-15 #midcol .col			{ padding-left: 0; padding-right: 0; }
#imgcol.right 					{ float: right; }

/* BILD IN TEXT LINKS */
#imgcol2 						{ margin: 15px 0 0 0; padding: 0; }
.tpl-16 #imgcol 				{ padding: 0 20px 0 0; }

/* BILD IN TEXT LINKS */
.tpl-17 #imgcol 				{ padding: 0 0 0 20px; }

.tpl-16 #imgcol img, 
.tpl-17 #imgcol img 			{ padding-bottom: 15px;  }

/**********************/
/* OVERVIEW ***********/
/**********************/
#contentText .overview 				{ margin: 15px 0 10px; padding: 0; }
	#contentText .overview li 		{ margin: 0 0 15px; padding: 0; list-style: none; position: relative; }
	#contentText .overview li.last 	{ margin-bottom: 0; }
		.overview .previewimage 	{ display: block; width: 155px; padding: 0; border-right: 5px solid white; position: relative; z-index: 60; }
		.overview .previewtext 		{ width: 100%; padding-left: 175px; position: relative; background: transparent; z-index: 40; }
			.overview h3 			{ margin:0; font-size: 14px; font-weight: bold; text-transform: none; }
			.previewtext .previewlink 	{ position: absolute; bottom: 0; left: 0; padding-left: 155px; width: 100%;   }
				.previewlink .indent	{ background: #72737F; display: block; padding: 6px 10px 5px; color: white; position: relative; text-transform: uppercase; margin-top: 2px; }
				.previewlink .indent:hover, .previewlink:hover span { background-color: #1A62AA; }
				.previewlink .glyphicon-chevron-right { position: absolute; right: 0; top: 0; width: auto; border-left: 2px solid white; display: block; padding: 8px; font-size: 17px; }
		.overview .padding 				{ padding: 10px; background: #E8E8E8; }
		
		@media only screen and (max-width: 420px) { 
			.overview .previewimage 	{ float: none !important; margin-bottom: 10px;  }
			.overview .previewtext 		{ padding-left: 0; /* border-bottom: 2px solid #a4b5a2;  */padding-bottom: 10px; }
			.previewtext .previewlink 	{ padding-left: 0; }
		}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**********************/
/* VIDEOS *************/
/**********************/
.tpl-20 .overview a.previewimage { width: 100%; position: relative; display: block; margin-bottom: 10px; border: none; height: auto; clear: both;  }
.tpl-20 .overview .previewimage img { width: 100%; position: absolute; display: block; }
.tpl-20 .overview .previewimage .previewicon { left: 50%; margin:-52px 0 0 -75px; top: 50%; position: absolute; width: auto;  height: auto; }
.tpl-20 .overview .previewtext 	{ width: 100%; padding-left: 0%; position: relative; float: none;}
.tpl-20 .overview h3 { margin-bottom: 10px; }
#video-list .img-responsive { border: 2px solid #a4b5a2; }
#contentText .overview .previewtext li { list-style: disc !important; }

/**********************/
/* GALERIEN ***********/
/**********************/
a.previewimage { width: 100%; display: block; position: relative; margin-bottom: 5px; }
#gallerylist .col { padding-left: 0; padding-right: 0; padding-bottom: 10px; }
#gallerylist .glyphicon-chevron-right { display: inline-block; background: #c11440; color: white; width: 32px; padding: 8px; font-size: 15px; border-left: 2px solid white; border-top: 2px solid white; }
#mainbody .flex-direction-nav li { line-height: normal; }
/* #carousel li { max-height: 85px; overflow: hidden; } */
#carousel .slidetext { display: none; }
#mainbody .flexslider .slides img { width: auto; max-height: 152px; position: relative; margin: auto;  }
#mainbody #carousel li img { max-height: 84px; width: auto; position: relative; margin: auto; }
.gallerycontainer h3 { height:40px; background: none; }

	@media only screen and (min-width: 421px) {
		.tpl-23	#gallerylist .col { width: 49%; float: left;}
		.tpl-23	#gallerylist .col.second { float: right; }
		#mainbody .flexslider .slides img { max-height:210px; }
	}


/**********************/
/* JOBS****************/
/**********************/
#content #jobslist li { border-top: 2px solid #a4b5a2; padding-top: 5px; }
#content #jobslist li.last { border-bottom: 2px solid #a4b5a2; padding-bottom: 15px; }
span.details { font-size: 12px; display: block; }
span.excerpt { display: block; padding: 10px 0 0 0; }
.overview li .glyphicon { margin: 0; }
#jobslist .glyphicon { margin-top: 10px; }
#jobslist .previewtext h3 { font-size: 17px; }
.tpl-22 #content .overview a.previewimage { font-weight: bold; color: #646464; padding:5px 0; width: 130px; margin-bottom: 0; height: auto!important; }
.tpl-22 .overview .previewtext 	{ border-bottom: none; padding-bottom: 0; padding-left: 140px;  }
.tpl-22 .overview h3 { margin-bottom: 0; padding-top: 5px;}

		@media only screen and (max-width: 420px) {
			.tpl-22 .overview .previewimage 	{  }
			.tpl-22 .overview .previewtext 		{ padding-left: 0; }			
		}

/**********************/
/* VIDEOS *************/
/**********************/
#downloads td, #downloads th 	{ padding: 2px 2px 3px; font-weight: normal; }
#downloads tr.odd td 			{ background: #dedee1; }
#downloads h3 					{ font-weight: bold; font-size: 14px; text-transform: none; margin-bottom: 0; }

/**********************/
/* TAFELOBST ************/
/**********************/
#maintitle { margin-bottom: 5px; }
#textcontainer { padding: 10px 10px 0; }
.tpl-14 #subheader .border { padding-left: 0; padding-right: 0; }
#logocontainer { padding: 0; }
#logocontainer img { max-width: 20%; float: left; border-top: 3px solid #a4b5a2; border-right: 3px solid #a4b5a2; }
#logocontainer .firstrow { border-bottom: 3px solid #a4b5a2; }
#logocontainer .firstrow.fifth { border-right: none; padding-left: 2px; padding-right: 1px; }
#logocontainer .secrow { border-top: none; }

@media only screen and (min-width: 600px) {
	#logocontainer img, 
	#logocontainer img.firstrow,
	#logocontainer .secrow,
	#logocontainer .firstrow.fifth { max-width: 10%; border: none; border-top: 3px solid #a4b5a2; border-right: 3px solid #a4b5a2; }
	#logocontainer .firstrow.fifth { padding: 0; }
	#logocontainer img.tenth { border-right: none; padding-left: 2px; padding-right: 1px; }
}


/**********************/
/* KONTAKT ************/
/**********************/
#contentleft { padding: 5px 0 0 0; }
#contentright { padding: 5px 0 0 0; }

/**********************/
/* SITEMAP ************/
/**********************/
body #content span.sitemap ul, body #content span.sitemap li {
  list-style: none;
  margin: 0;
  padding: 0;
}

span.sitemap span.none, span.sitemap span.vert, span.sitemap span.last, span.sitemap span.midd {
  width: 24px;
  height: 18px;
  margin-left: 1em;
  background: transparent 0px 0px no-repeat;
  display: block;
  float: left;
}

span.sitemap span.vert {background-image: url(/images/map_vert.gif);}
span.sitemap span.last {background-image: url(/images/map_last.gif);}
span.sitemap span.midd {background-image: url(/images/map_midd.gif);}

span.sitemap ul span.vert, 
span.sitemap ul span.last 			{ display: none; }
span.sitemap ul ul span.vert 		{ display: block; }
span.sitemap ul ul span.vert2, 
span.sitemap ul ul span.vert3 		{ display: none; }
span.sitemap ul ul ul span.vert2	{ display: block; }
span.sitemap ul ul ul span.vert3 	{ display: none; }
span.sitemap ul ul ul ul span.vert3 { display: block; }
span.sitemap ul li.last span.midd 	{ display: none; }
span.sitemap ul li.last span.last 	{ display: block; }

#contentText span.sitemap ul li a { font-weight: normal; }

/*
span.sitemap ul ul span.last { display: none; }
span.sitemap ul ul ul span.last { display: none; }
span.sitemap ul ul ul ul span.last { display: none; }
*/


/**********************/
/* FOOTER *************/
/**********************/
#shoe 		{ width: 100%; background: white; position: relative; }
#mainfooter { position: relative; margin: auto; padding: 10px 0; }
#mainfooter h3 { font-size: 14px; font-weight: bold; text-transform: uppercase; }
#mainfooter a { color: #696969; }
#mainfooter ul { padding-left: 0; }
#mainfooter p, 
#mainfooter ul li { list-style: none; line-height: 150%; }

#copyright 				{ padding: 15px 10px 5px; }
#copyright a			{ font-weight: normal; }
#mainbody .metaleft, 
.metaleft a				{ font-size: 13px; }
.break 					{ display: inline; height: 0;}
#shoe .toTop 			{ position: absolute; right: 0; top: -60px; font-size: 45px!important; width: 50px; display: none !important; }
.toTop:hover			{ cursor: pointer; }

/* ------------------------------------------------------------------------------- */
/* min width: 641px --------------------------------------------------------------- /
/* ------------------------------------------------------------------------------- */

@media only screen and (min-width: 641px) {

	/**********************/
	/* HEADER *************/
	/**********************/
	#logo-container 	{ height: 72px; margin: 0 20px; }
	#branding 			{ height: 210px; }

	/**********************/
	/*  HOME **************/
	/**********************/	
	.tpl-7 #subheader .twocol { -webkit-column-count:2; -moz-column-count:2; column-count:2; }
	.tpl-7 #homecontent .col-sm-4 { margin: 10px 0; }
	#mainbody #homecontent .imgcontainer .bottomright { width: 40%; height: auto; }
	
	/**********************/
	/* CONTENT ************/
	/**********************/
	#mainbody #leftcol 	{ float: left; margin-bottom: 20px; }
	#mainbody #rightcol { float: left; }
	#mainbody #midcol 	{ float: right; }
	
	#mainbody .flexslider .slides img { max-height:212px; }
	
	/* BILD UNTEN */
	.tpl-10 #imgcol img { width: 49%; float: left; margin-bottom: 2%; }
	.tpl-10 #imgcol img.second { float: right; }
	
	/* KONTAKT */
	#contentleft { padding: 5px 10px 0 0; }
	#contentright { padding: 5px 0 0 10px; }	
	
	/**********************/
	/* HEADER *************/
	/**********************/
	#logo-container 		{ height: 100px; margin: 0 20px; }
	#meta					{ position: absolute; padding: 0 10px; top: 0; right: 0; clear: both; z-index: 100; width: auto; }
		#meta ul 			{ margin: 0; padding: 0; float: left; }
		#meta ul li			{ float: left; list-style: none; margin-right: 4px; height: 30px; overflow: hidden;}
		#meta ul li a, #meta ul li a:visited, 
		#meta ul li a:hover { color: #72737f; text-transform: none; height: 30px; font-weight: bold; }
		#meta .input-append, #loginlink { float: left; width: auto; margin-right: 4px; }
		#meta .dropdown-toggle:hover, #meta .dropdown-menu li a:hover,
		#meta .dropdown-toggle:hover span { color: white; background: #c11440; }
		#meta .dropdown-toggle, #loginlink	{ padding: 4px 10px 6px; height: 30px; overflow: hidden; text-transform: uppercase; color: white; background: #646464; }
		#meta .dropdown-toggle span { display: inline-block !important; margin-right: 3px; color: white; font-size: 15px; }
		#meta .dropdown-toggle span.visible-xs { display: none !important; }
		#meta .dropdown-toggle .glyphicon-chevron-down, #meta .glyphicon-chevron-right { border-left: 2px solid white; margin: 0 3px; padding: 0 0 0 5px; }
		#loginlink { padding: 5px 10px;}
		#meta span { font-size: 15px; }
		
		#mainbody #meta .dropdown-menu { min-width: 0; width: 100%; padding: 5px; background: white; }
		.dropdown-menu { -webkit-box-shadow: 0 3px 5px 0 #636363; box-shadow: 0 3px 5px 0 #636363; }
		#mainbody .dropdown-menu li,
		#mainbody .dropdown-menu li a{ display: block; width: 100%; background: #BFBFBF; color: white !important; font-weight: bold; }	
		#mainbody .dropdown-menu li { margin-bottom: 5px; }
		#mainbody .dropdown-menu li.last { margin-bottom: 0; }	
		
		#mainbody #meta .groupSelector .dropdown-menu { position: absolute; width: 130%; right: 0; left: auto; top: 100%; bottom: auto; }
	
	/**********************/
	/* MAINNAV ************/
	/**********************/
	#mainnav 		  		{ width: auto; display: block; position: absolute; right: 0; bottom: 0; z-index: 100; }
	#mainnav ul 	  		{ margin: 0; padding: 0; background: transparent; width: 100%; line-height: normal; }
	#mainnav ul li 	  		{ list-style: none; float: left; margin: 0; padding: 0; position: relative; }
	#mainnav ul li a  		{ color: #5E7333; font-size: 20px; display: block; padding: 15px 10px; margin-right: 0; background: url(../images/nav-arrow-blue.png) right center no-repeat; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
	#mainnav ul li span.middle { display: table-cell; vertical-align: middle; height: 40px; text-align: center; line-height: 95%;}
	#mainnav ul li a:hover, 
 	#mainnav ul li.current a{ text-decoration: none; color: #c11440; } 
 	.nav-arrow { display: none; }

 	#mainnav ul li.current .nav-arrow { display: block; position: absolute; left: 50%; bottom: -10px; margin-left: -17px;}
		
	/* secnd lvl */
	#mainnav ul ul 		{ background:url(/images/nav-arrow.png) white no-repeat center top; padding: 10px 0; display: none; position: absolute; top: 100%; width:250px; left: 50%; margin-left: -125px; z-index: 100; height: auto; -webkit-box-shadow: 0 3px 5px 0 #636363; box-shadow: 0 3px 5px 0 #636363;  }
	#mainnav ul li.last ul { margin-left: -0; left: auto; right: 10px; background:url("/images/nav-arrow.png") no-repeat scroll 83% top white}	
	#mainnav ul li:hover > ul 	{ display: block;  }	
	#mainnav ul ul li 			{ float: none; display: block; border: 0; width: auto; height: auto; padding: 0; margin-bottom: 5px;}
	#mainnav ul li ul li a		{ display: block!important; width: 100%; float: none; height: auto; margin: 0; padding:6px 10px; background: none #BFBFBF!important; color: white!important; font-size: 14px; border-left: 10px solid white; border-right: 10px solid white; text-align: left; line-height: 135%; font-weight: bold;   }
	#mainnav ul ul li a:hover,
	#mainnav ul ul li.current a { background-color: #c11440 !important;  }	
	#mainnav ul ul li.last		{ margin-bottom: 0; }
	
	#mainnav ul ul li.current ul li a { background: #72737f !important; }
	#mainnav ul ul li.current ul li a:hover,
	#mainnav ul ul li.current ul li.current a { background-color: #1A62AA !important;  }	

	/**********************/
	/* FOOTER *************/
	/**********************/
	.metaleft 					{ margin: 0; }	
}


/* ------------------------------------------------------------------------------- */
/* min width: 801px --------------------------------------------------------------- /
/* ------------------------------------------------------------------------------- */

@media only screen and (min-width: 801px) {

	#shadow 			{ padding: 0 10px; 
		z-index: 30; position: relative; }
	#slider, .border, #shoe { border-width: 10px !important; }
	#headercontainer	{ position: relative; z-index: 40; }
	#wrapper 			{ padding: 0; }
	#branding 			{ float: none; }
	#bread 				{ overflow: hidden; }
	#mainbody #homecontent .imgcontainer .bottomright { width: auto; height: auto; }
	#mainbody .flexslider .slides img { max-height:260px; }	
	#mainnav ul li.last ul { right: 20px; }
		
	/**********************/
	/* CONTENT ************/
	/**********************/
	#content p, 
	#content strong,
	#content b,
	#content ul li,
	#content table td,
	#content table th,
	#content h4 	{ /* font-size: 15px;  */line-height: 150%;} 

	/**********************/
	/* TEXT / BILD ********/
	/**********************/
	
	/* BILD LINKS */
	.tpl-9 #midcol .contentwrapper	{ padding-left: 10px; }
	.tpl-9 #midcol #imgcol 			{ padding-right: 10px; }
	.tpl-9 #midcol #imgcol img 		{ padding-bottom: 15px; }
	
	/* BILD RECHTS */
	.tpl-15 #midcol .contentwrapper	{ padding-right: 10px; }
	.tpl-15 #midcol #imgcol 		{ padding-left: 10px; }	
	.tpl-15 #midcol #imgcol img 	{ padding-bottom: 15px; }	
	
	/**********************/
	/* TAFELOBST **********/
	/**********************/
	#subheader #logocontainer { padding: 0 0 0 15px; }
	#subheader #logocontainer img { max-width: 20%; border: none; border-left: 3px solid #a4b5a2; border-bottom: 3px solid #a4b5a2; }
	#subheader #logocontainer img.secrow { border-bottom: none; }
	#subheader #logocontainer img.secrow.last { border-right: 3px solid #a4b5a2; max-width: 20.6%; }
	
	/**********************/
	/* FOOTER *************/
	/**********************/		
	#mainfooter { padding-left: 10px; padding-right: 10px;}
	.metaleft br 				{ display: none; }
	#mainfooter .firstrow { margin: 0; padding: 0 20px 0 0; }
	#mainfooter .secrow { border-top: 4px solid #E8E8E8; padding-right: 0; }
	.secrow #followfooter, .secrow #info { padding: 0; }
	#copyright { padding-bottom: 10px;  }

}

@media only screen and (min-width: 850px) {
	#mainbody .nav-tabs li a 	{ font-size: 14px; }
	#mainnav ul li a  			{ padding: 15px 25px; }
}


/* ------------------------------------------------------------------------------- */
/* min width: 1025px -------------------------------------------------------------- /
/* ------------------------------------------------------------------------------- */

@media only screen and (min-width: 1025px) {
	
	#mainnav ul li a  	{ padding: 15px 35px; }
	#branding 			{ height: 180px; }
	#mainbody .flexslider .slides img { max-height:250px; }	
			
	/**********************/
	/* CONTENT ************/
	/**********************/
	#mainbody #leftcol 	{ float: left; }
	#mainbody #midcol 	{ float: right; }		
	#mainbody #rightcol { float: right; }


	/**********************/
	/* KATALOG / FORM *****/
	/**********************/
	#bestellform #katalog 		{ width: 30%; float: left; }
	#bestellform #bestellung 	{ width: 60%; float: right;}
	#bestellung table 			{ width: 40%; float: left; }
	#bestellung #contactbox 	{ float: right; }
	#bestellform .vericode 		{ width: 45%; }
	
	/**********************/
	/* FOOTER *************/
	/**********************/
	#shoe 					{ width: 100%; position: relative; }
	#mainfooter 			{ position: relative; margin:0 auto 0; max-width: 1240px; }
	
}

	

@media only screen and (min-width: 1240px) {

/* 	#headercontainer 	{ height: 175px; } */
	#shadow, #branding 	{ position: relative; margin-left: auto; margin-right: auto; margin-top: 0; }
	#branding{		max-width:1200px;}
	#logo-container 	{ margin: 0; }
	#meta 				{ max-width: 1240px; right: 50%; margin-right: -620px; }
	#slider, #content 	{ margin-top: 0; }
	
	#gallerylist .col { margin-left: 1%; margin-right: 1%; }
	.tpl-23	#gallerylist .col.first { margin-left: 0; margin-right: 1%; } 	
	.tpl-23	#gallerylist .col { width: 32%; float: left;}
	.tpl-23	#gallerylist .col.second { float: left; margin-left: 1%; margin-right: 1%; }
	.tpl-23	#gallerylist .col.third { margin-right: 0; margin-left: 1%; }	
	.tpl-23	#gallerylist .col.fourth { margin-left: 0; }		
	
	#mainbody .flexslider .slides img { width: auto; max-height: 310px; position: relative; margin: auto;  }
	#mainbody #carousel li img { max-height: 84px; width: auto; position: relative; margin: auto; }	
	
	/* WEBKIT BROWSERS */
	@media only screen and (-webkit-min-device-pixel-ratio:0) {}	

}

/* IE10+ specific styles go here */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}