
/* default styles for extension "tx_felogin_pi1" */
	.tx-felogin-pi1 label {
		display: block;
	}
/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_multicolumn_pi1" */
	.clearfix:after {
		clear:both;
		content:".";
		display:block;
		font-size:0;
		height:0;
		visibility:hidden;
	}

	.columnItems,
	.multicolumnContainer {
		padding: 0;
		margin: 0;
		list-style-type: none;
	}

	.multicolumnContainer .column {
		float: left;
	}
/* specific page styles for extension "tx_cssstyledcontent" */
	.csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 1710px; }
	.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 1710px; }
	.csc-textpic-intext-right-nowrap-1010 .csc-textpic-text { margin-right: 1010px; }
/* default styles for extension "tx_form" */
	div.csc-mailform ol,
	div.csc-mailform ol li {
		margin: 0;
		padding: 0;
	}

	div.csc-mailform ol li {
		overflow: hidden;
	}

	div.csc-mailform fieldset {
		margin: 0;
		padding: 0;
		position: relative;
	}

	div.csc-mailform legend {
		margin-left: 1em;
		color: #000000;
		font-weight: bold;
	}

	div.csc-mailform fieldset ol {
		padding: 1em 1em 0 1em;
	}

	div.csc-mailform fieldset li {
		padding: 0.5em;
		margin-bottom: 0.5em;
		list-style: none;
	}

	div.csc-mailform fieldset.submit {
		border-style: none;
	}

	/**
	 * Normal label
	 * Left aligned, in front of input
	 */
	div.csc-mailform li label {
		float: left;
		width: 13em;
		margin-right: 1em;
		vertical-align: baseline;
	}

	div.csc-mailform li input + label,
	div.csc-mailform li textarea + label,
	div.csc-mailform li select + label {
		float: none;
		width: auto;
		margin-right: 0;
		margin-left: 1em;
	}

	div.csc-mailform li textarea + label {
		vertical-align: top;
	}

	label em,
	legend em {
		display: block;
		color: #060;
		font-size: 85%;
		font-style: normal;
		text-transform: uppercase;
	}

	legend em {
		position: absolute;
	}

	label strong,
	legend strong {
		display: block;
		color: #C00;
		font-size: 85%;
		font-weight: normal;
		text-transform: uppercase;
	}

	legend strong {
		position: absolute;
		top: 1.4em;
	}

	/**
	 * Labels alignment right
	 */
	.labels-alignment-right label,
	.labels-alignment-right .fieldset-subgroup legend,
	.labels-alignment-right.fieldset-subgroup legend {
		text-align: right;
	}

	/**
	 * Horizontal fieldset
	 */
	fieldset.fieldset-horizontal {
		border-width: 0;
	}

	fieldset.fieldset-horizontal ol {
		padding: 0;
	}

	fieldset.fieldset-horizontal li {
		float: left;
		padding: 0;
		margin-right: 1em;
	}

	fieldset.fieldset-horizontal.label-below label {
		display: block;
		margin-left: 0;
		margin-top: 0.2em;
		font-size: 90%;
		color: #999999;
		text-align: left;
	}

	fieldset.fieldset-horizontal label em {
		display: inline;
	}

	/**
	 * Subgroup fieldset
	 */
	fieldset.fieldset-subgroup {
		margin-bottom: -2em;
		border-style: none;
	}

	fieldset.fieldset-subgroup legend {
		margin-left: 0;
		padding: 0;
		font-weight: normal;
		width: 13em;
	}

	fieldset.fieldset-subgroup ol {
		position: relative;
		top: -1.4em;
		margin: 0 0 0 14em;
		padding: 0;
	}

	fieldset.fieldset-subgroup li {
		padding: 0;
	}

	fieldset.fieldset-subgroup input + label {
		float: none;
		width: auto;
		display: inline;
		margin: 0 0 0 1em;
	}

	/**
	 * Labels as block
	 * Labels displayed above or below the input fields
	 */
	.labels-block label {
		display: block;
		float: none;
		margin: 0 0 0.5em;
		width: auto;
	}

	.labels-block input + label,
	.labels-block textarea + label {
		margin: 0.5em 0 0;
	}

	.labels-block fieldset.fieldset-subgroup,
	fieldset.labels-block.fieldset-subgroup {
		margin-bottom: 0;
	}

	.labels-block .fieldset-subgroup legend,
	.labels-block.fieldset-subgroup legend {
		width: auto;
	}

	.labels-block .fieldset-subgroup legend em,
	.labels-block.fieldset-subgroup legend em {
		position: relative;
	}

	.labels-block .fieldset-subgroup legend strong,
	.labels-block.fieldset-subgroup legend strong {
		position: relative;
		top: 0;
	}

	.labels-block .fieldset-subgroup ol,
	.labels-block.fieldset-subgroup ol {
		top: 0;
		margin: 0;
		padding: 0.5em 0 0;
	}
html{-webkit-font-smoothing: antialiased;}
body{margin:0px;-webkit-font-smoothing:subpixel-antialiased;background: #e9e2d8;}
#wrapper, #content{width:100%;font-family:'Signika',sans-serif;margin:0px auto;}
#wrapper {width: 100% !important;background: #f9f9f9;margin: 0px auto !important;}
#home #content {
    padding: 40px 0 !important;
    position: relative;
    transition: all 0.4s ease 0s;
    z-index: 2;
    margin: 0px auto;
    width: 100%;
    max-width: 1200px !important;
}
.csc-form-7.csc-form-element.csc-form-element-checkbox a {

    color: #6e3852;

}
#lbLightbox a{
max-height: 100% !important;  
}
#innerfooter {
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    padding-bottom: 50px;
    font-weight: 400;
    letter-spacing: .2px;
}
#innerfooter a,
.bodytext a{
      color: #b7915b;
}
.footer_h2 {
     -moz-hyphens: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #b7915b;
    font-size: 28px;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 5px 0 0;
}
#lbCaption{
display: none !important;  
}
#lbOuterImageContainer{
height: auto !important;  
}
#content {
    padding: 40px 0 !important;
    position: relative;
    transition: all 0.4s ease 0s;
    z-index: 2;
    margin: 0px auto;
    width: 100%;
    max-width: 1200px !important;
}
#lbOuterImageContainer {
    max-height: 700px !important;
    max-width: 700px !important;
}
#lbImageDataContainer {
    max-width: 700px !important;
}
.bodytext > b {
    font-weight: bold !important;
}
#logo {
    float: left;
    margin: 0;
    max-width: 250px;
    padding: 30px 0px 0px;
    transition: all 0.3s ease 0s;
    width: 240px;
}
#confirm .csc-textpic.csc-textpic-center.csc-textpic-above {
    margin: 0 auto;
    max-width: 940px;
}
#field-7 {
    display: inline !important;
    width: auto !important;
    float: left;
}
label[for="field-7"] {
    float: right !important;
    width: 90% !important;
    display: block;
}
.csc-form-8.csc-form-element.csc-form-element-submit {
    display: block !important;
    width: 100% !important;
}
#ColLlandTop{width: 100%;}
#ColLlandBottom{width: 100%;}
#innerColLlandTop, #home #innerColLlandBottom{margin: 0px auto; max-width: 1200px; width: 100%;padding: 40px 0px;}
#innerColLlandBottom .csc-textpic-imagerow figure{overflow:hidden;}
#innerColLlandBottom .csc-textpic-imagerow img {
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 100;
}
#innerColLlandBottom .csc-textpic-imagerow img:hover {
transform: scale(1.25);
}
#innerColLlandBottom .csc-textpic-imagerow {
    float: left;
    margin-bottom: 16px;
    padding-right: 2%;
    width: 23%;
}

figcaption {
    background: none repeat scroll 0 0 #ffffff;
    font-size: 15px;
  line-height: 1.2;
  letter-spacing: .1px;
    font-weight: 300;
    margin-top: -5px !important;
    min-height: 100px;
    padding: 10px;
    border-top: 1px solid #f1f1f1;
  position:relative;
  z-index: 1000;
}

DIV.csc-textpic DIV.csc-textpic-imagecolumn {
    border: 1px solid #f1f1f1;
    display: inline-block;
    float: none;
    vertical-align: top;
    box-sizing: border-box !important;
    box-shadow: 0 0 6px -5px;
}

#home #innerColLlandBottom .csc-textpic-imagerow {
    float: left;
    margin-bottom: 25px;
    padding-right: 2%;
    width: 23%;
}

#innerColLlandBottom .csc-textpic-imagerow-last{
    float: left;
    padding-right: 0%;
}

#ontop {
    background: none repeat scroll 0 0 #f1f1f1;
}
#img_grid h4 {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 0;
    padding-top: 0 !important;
}
#img_grid .csc-textpic {
    float: left;
    width: 33.333%;
}
#overlay{z-index: 200 !important;}
#lbLightbox{z-index: 210 !important;}
.galerie .csc-textpic img {
    margin: 10px;
    max-width: 249px;
}

.mitglieder .csc-textpic {
    margin-top: 30px;
}
.bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {
    display: none !important;
}
.bx-viewport {
    height: 180px !important;
}

.bx-wrapper img {
    max-width: 220px !important;
    width: 100% !important;
}
#searchbox, #slider, #termin_akt {
    background: none repeat scroll 0 0 #fff;
    border: none;
    box-shadow: 0 0 5px #ccc;
    left: 0;
    transform: translateZ(0px);
    margin-bottom: 30px;
}
#termin_akt{
padding-bottom: 15px;
}
.bx-wrapper .bx-viewport {
    background: none repeat scroll 0 0 #fff;
    border: medium none !important;
    box-shadow: none !important;
    left: 0 !important;
    transform: translateZ(0px);
}
.bx-wrapper{
margin-bottom: 0px !important;
}
.csc-textpic-intext-left-nowrap-1210 .csc-textpic-text{
    margin-left: 0;
}
.csc-textpic-intext-right-nowrap-1210 .csc-textpic-text {
    margin-right: 0;
}
.mapframe {
    border: 0 none;
}
#top {
    height: 130px;
    margin-top: 0;
    max-height: 180px;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 200;
    position:absolute;
}
.innertop {
    margin: 0 auto;
    padding: 8px 0 !important;
    width: 100%;
  position: relative;
   max-width: 1200px;
}
#top .innertop {
    padding: 0px 0 !important;
}
#start_services {
padding: 40px 0px;
}
#start_services .column {
    margin-right: 6%;
    width: 29.3% !important;
    text-align: center;
}
#start_services .column.column3.columnLast.listItemLast {
    margin: 0 !important;
}
#colLtwo > form {
    margin: 30px 0;
    max-width: 1200px;
    width: 100%;
}
#productlistform ul {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 90%;
}
#productlistform ul li {
    float: left;
    width: 50%;
}
#productlistform #send{
float:left;
  width:10%;
    background: none repeat scroll 0 0 #ab1500;
    color: #ffffff;
    font-size: 12px !important;
    font-weight: 400;
    padding: 0.6% 2%;
    border:none;
    text-decoration: none;
    transition: all 0.4s ease 0s !important;
    cursor: pointer;
        transition: all 0.4s ease 0s;
}
#productlistform #send:hover{
background: #d9302d;
}
.productlistfield {
    border: 1px solid #e0e0e0;
    font-weight: bold;
    padding: 1.5%;
    width: 90%;
}
.productlistfield:hover, .productlistfield:focus{
border-color: #ab1500;
}

.invisible{
display:none;
}

#productfinder{
height: 500px;
overflow: scroll;
margin-bottom: 20px;
}

#productfinder .bodytext{
    background: none repeat scroll 0 0 #e1e1e1;
    margin: 0;
    padding: 10px 4.5% 10px 1.5%;
    cursor: pointer;
    position:relative;
  transition: all 0.4s ease 0s;
  font-weight: 400;
  color: #a1a1a1;
  line-height: 24px;
  font-size:14px;
}
#productfinder .bodytext:nth-child(even) {
    background: none repeat scroll 0 0 #f1f1f1;
    padding: 10px 4.5% 10px 1.5%;
}
#productfinder .bodytext:hover{
color: #333333;
}
#productfinder .choosen{
color: #333333;
}
#productfinder .choosen:after {
    color: #7cbb52;
    content: "";
    cursor: pointer;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 20px;
    text-decoration: inherit;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease 0s;
    vertical-align: middle;
}
#productfinder .choosen:after:hover {
    color: #ab1500;
    content: "";
    cursor: pointer;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 20px;
    text-decoration: inherit;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease 0s;
    vertical-align: middle;
}
.vorstand h3{margin-top: 0px;margin-bottom: 5px;}
.vorstand .bodytext {
    float: left;
    margin: 0 60px 0 0;
  min-width: 90px;
}
#prevLink, #nextLink{
  top: 50% !important;
  transform: translateY(-50%) !important;
  -webkit-transform: translateY(-50%) !important;
}

#nextLink{
background-position: right center !important;
}
#prevLink{
background-position: left center !important;
}
.bodytext {
    color: #222;
    font-family: 'Signika',sans-serif;
    font-size: 15px;
    font-weight: 300;
    margin: 0 0 20px;
    letter-spacing: .1px;
    line-height: 1.6 !important;
}
.vorstand .csc-textpic-imagewrap, .mitglieder .csc-textpic-imagewrap {
    float: left;
    margin-right: 5% !important;
}

.vorstand  img, .vorstand figure, .vorstand .csc-textpic-imagewrap {
    max-width: 270px;
}

.vorstand .csc-textpic-text, .mitglieder .csc-textpic-text {
    float: left !important;
    margin-left: 0;
}

#home #colLland {width: 55%;margin:0;float:left;}
#colLland {width: 100%;margin:0 auto;float:none;}
#shortNews{width: 42%; margin-left: 3%;float:left;}
#colRland {width:100%;margin:0 auto;clear:left;}
#home #container {-moz-hyphens: none;height: 810px;overflow:hidden;margin: 0px auto 0;transition: all 0.4s ease 0s;background: #ffffff;_position:fixed;display:block !important;}
#container{height:130px;}
#container .flexslider{margin:-150px auto;widht: 100%;background: none !important;}
#container .slides{margin:0px auto;widht: 100%;text-align:center;}
.flexslider .slides img {
    display: none;
    max-width: 100%;
}
#shortNews h1 {
    display: none;
}
.flex-control-nav {
    display: inline-block !important;
    height: 30px !important;
    position: absolute;
    text-align: center;
    top: 770px !important;
    width: 100%;
}
.flex-control-nav li a {
    background: none repeat scroll 0 0 #ffffff;
    cursor: pointer;
    border-radius: 0%;
    box-shadow: inset 0px 1px 3px -2px #a1a1a1;
    border-radius: 100%;
}
.flex-control-nav li a:hover, .flex-control-nav li a.active {
    background: none repeat scroll 0 0 #b7915b;
    cursor: pointer;
      border-radius: 0%;
      border-radius: 100%;
  box-shadow: inset 0px 1px 3px -2px #000;
}
#colTopic {
    background: #ab1500;
    height: 90px;
    margin: 0px auto;
    transition: all 0.4s ease 0s;
    width: 100%;
}
#fs-101{background: url("https://kunstkonzeptmedia.de/fileadmin/user_upload/www.kj-schmuckdesign.de/banner4.jpg") no-repeat top center;height:810px;transition: 0.4s ease all;}
.slides {
    background: rgba(0, 0, 0, 0) url("https://kunstkonzeptmedia.de/fileadmin/user_upload/www.kj-schmuckdesign.de/banner_kj_neu.jpg") no-repeat scroll center center;
    height: 810px;
    transition: all 0.4s ease 0s;
}
#fs-112{background: url("https://kunstkonzeptmedia.de/fileadmin/user_upload/www.kj-schmuckdesign.de/banner2.jpg") no-repeat center center;height:810px;transition: 0.4s ease all;}
#fs-111{background: url("https://kunstkonzeptmedia.de/fileadmin/user_upload/www.kj-schmuckdesign.de/banner3.jpg") no-repeat center center;height:810px;transition: 0.4s ease all;}
.flex-direction-nav li a {
    top: 55% !important;
}
#news {
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}
#news h3 {
    color: #fff;
    float: left;
    font-weight: bold;
    line-height: 27px;
    margin: 10px 0;
    max-width: 310px;
    width: 15%;
}
#news p {
    color: #fff;
    float: left;
    margin: 10px 0;
    width: 85%;
    text-align:right;
    overflow: hidden;
}
#colLtwo {width: 100%;padding:60px 0px 50px;background:#ffffff;}
#impressum #colLtwo {width: 100%;padding:50px 0px;background:#ffffff;}
#colLtwo img{max-width: 500px;width: 100%;}
footer {background: #f1eae0;;color: #333333;font-family: 'Signika',sans-serif;font-size: 12px;font-weight: lighter;margin: 0 auto;width: 100%;position: relative;}
#innerfooter{margin: 0px auto ;width:100%; max-width: 1200px;padding: 60px 0;}
#mapwrap {
    height: 550px;
    margin-bottom: 70px;
}
.slides li{height:530px;transition: 0.4s ease all !important;}

#logo, #pull {-ms-user-select: none;-webkit-user-select: none;-moz-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a, a:visited {outline: 0 none;}
img, embed, object, video {max-width: 100%;height: auto;width: auto;}
DIV.csc-textpic .csc-textpic-imagewrap FIGURE,DIV.csc-textpic FIGURE.csc-textpic-imagewrap,FIGCAPTION.csc-textpic-caption {display: block;margin:0px;}
DIV.csc-textpic-left .csc-textpic-imagewrap {float: none;}
DIV.csc-textpic DIV.csc-textpic-imagecolumn {display: inline-block;float: none;vertical-align: top;}
DIV.csc-textpic-intext-left .csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {margin-right: 20px;}
.csc-default {clear: both;}
#links:before,#links:after,.links:before,  .links:after {  content: " ";  display: table;  }  
#links:after, .links:after {  clear: both;  }  
#links, .links {  *zoom: 1;  }  
#language:after {clear: left;}
#topnav {float: right;margin-top: 10px;width: 600px;}
#metanavigation {
    height: 22px;
    text-shadow: none;
    position:relative;
}
.subpagelist {
    display: inline-block;
    margin: 0;
    padding: 10px 0;
    width: 98%;
}
.subpagelist li:last-child {
    border: medium none !important;
}
.metalist {margin: 0;padding: 0;float:right;}
.metalnk, .metalnk2, .subpagelink, .subpagelinkact{border-right: 1px solid #a1a1a1;float: left;font-size: 11px;list-style-type: none;margin: 4px 0;}
.metalist li:last-child {border: none;}
.metalist li:last-child .top,.metalist li:last-child .top2 {margin-right: 0;}
a.top, subpagelnk a {color: #183743;font-size: 12px;font-weight: normal;margin-left: 8px;margin-right: 8px;text-decoration: none;transition: all 0.4s ease 0s;}
a.top:hover, a.top2, subpagelink a:hover, subpagelinkact a {text-decoration: none;color: #ab1500;font-size: 12px;font-weight: normal;margin-left: 8px;margin-right: 8px;}
nav {
    display: block;
    float: right;
    margin-top: 22px;
    position: absolute;
    right: 0;
    transition: all 0.3s ease 0s;
    z-index: 200;
}
/*.lnk.sublist:hover{box-shadow: 0 0 4px -3px #212121;}*/
nav ul {max-width: 1200px;margin: 0 auto !important;padding: 0;list-style-type: none !important;}
ul.links ul {margin:0px !important;padding:0;position: absolute;width:200px;height: 0px;overflow: hidden;}
ul.links ul li {float:none;background-color: transparent;margin-bottom: 0px !important;}
ul.links ul li a {background: none repeat scroll 0 0 #ffffff;color: #183743;display: block;font-size: 13px;padding: 11px;text-decoration: none;transition: all 0.4s ease 0s;font-weight:600;text-transform:uppercase;}
ul.links ul li a.mainsub2 {background: #ffffff;color: #ab1500;display: block;font-size: 13px;padding: 11px;text-decoration: none;font-weight:600;text-transform:uppercase;}
ul.links ul li:last-child a {border-bottom: none;}
ul.links ul li a:hover{background: #ffffff;color: #ab1500;}
li.lnk, li.lnk:active, li.lnk2 {
    display: inline;
    float: left;
    font-size: 16px;
    list-style-type: none;
    margin: 0;
    _width: 14.28%;
}
nav a.main {color: #b7915b;display: block;font-family: 'Buda', cursive;font-size: 18px;font-weight: 300;padding: 20px;text-align: center;text-decoration: none;transition: all 0.4s ease 0s;}
nav a.main:hover, nav a.main2 {color: #6e3852;display: block;font-family: 'Buda', cursive;font-size: 18px;font-weight: 300;padding: 20px;text-align: center;text-decoration: none;transition: all 0.4s ease 0s;}
.win.gecko nav a.main, .win.gecko nav a.main:hover, .win.gecko nav a.main2 {padding: 24px 25px 42px;}
nav a#pull {display: none;}   
#goback {margin: 0 auto;max-width: 1200px;padding: 40px 0 0;width: 100%;}
.backlink {color: #a1a1a1;text-decoration: none;transition: all 0.4s ease 0s;}
.backlink:hover {color: #333333;text-decoration: none;}
.backlink:before {color: #a1a1a1;content:  "\f0a8";font-family: FontAwesome;font-size: 19px;font-style: normal;font-weight: normal;margin-left: 0px;padding-left: 0.1em;position: relative;text-decoration: inherit;top: 0px;padding-right: 10px;transition: all 0.4s ease 0s;}
.backlink:hover:before {color: #333333;}
#languagemenu{
float:left;
  display:none;
}
#language {
    background: none repeat scroll 0 0 #f1f1f1;
    height: 25px;
    list-style-type: none;
    margin: 0px;
    overflow: hidden;
    padding: 2px 5px;
    transition: all 0.4s ease 0s;
    width: 140px;
    z-index: 1000;
    cursor:pointer;
  position: absolute;
  top: 5px;
}
#language:hover{
height: 50px;
}
#language:after {
    color: #333333;
    content: "";
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    right: 11px;
    text-decoration: inherit;
    top: 6px;
    transition: all 0.4s ease 0s;
}
#language li {float: left;color:#0193d3;}
#language img {
    border-right: 1px solid;
    margin: 2px 7px 0 10px;
    max-width: 17px;
    padding-right: 8px;
    position: relative;
    top: 2px;
    width: 100%;
}
#language a {color: #333333;text-decoration:none;}
#language li a {opacity: 0.5;}
#language li a:hover, #language li.active a {opacity: 1;transition: all 0.4s ease 0s;}
#language li:first-child a {
    display: block;
    font-size: 12px;
    height: 11px;
    margin: 3px 0;
}
#language li:last-child a {
    display: block;
    font-size: 12px;
    height: 11px;
    margin: 8px 0 10px;
}
#searchform {
    padding: 5px 20px 15px !important;
}
#searchform tr:first-child td, #searchform tr:last-child td {
    display: none !important;
}
#searchform table {
    width: 100%;
}
#searchform input[type="submit"] {
background: url('../../fileadmin/templates/www.kj-schmuckdesign.de/img/search.png') no-repeat 20px 5px  scroll #183743;
    padding: 14px 18px;
    font-size: 0px;
    cursor: pointer;
  transition: all 0.4s ease 0s;
}
#searchform input[type="submit"]:hover {
background: url('../../fileadmin/templates/www.kj-schmuckdesign.de/img/search.png') no-repeat 20px 5px  scroll #ab1500;
}
#searchform input {
    width: 100%;
    padding: 5px;
}
#search {clear: right;float: right;margin-top: 10px;}
#search tr td:first-child{font-size: 18px;}
#footernavi {float: right;margin-bottom: 15px;}
#footernavi > ul {margin: 0;padding: 0;}
.floatBlock {display: inline;float: left;}
.floatBlock > a {color: #818181;display: block;font-size: 12px;font-weight: bold;margin: 0 30px 5px 0;text-decoration: none;width: auto;}
.floatBlock > ul {list-style-type: none;padding: 0;}
.floatBlock ul li > a {color: #818181;display: block;margin: 0 0 5px;text-decoration: none;}
.floatBlock > a:hover, .floatBlock ul li > a:hover {text-decoration: underline;}
#footeradresse{width: 50%;float: left;}
#footerform{width: 50%;float: left;}
.footeradd {font-size: 13px;line-height: 22px;margin:0px 5% 0px 0px;color: #183743;}
.footercontleft {float: left;font-size: 13px;line-height: 22px;margin:0px 5% 0px 0px;}
.footercontright {float: left;font-size: 13px;line-height: 22px;margin:0px 5% 0px 0px;}
#copyright {background: none repeat scroll 0 0 #e9e2d8;font-size: 13px;margin: 0;padding: 15px 0;text-align: center;width: 100%;}
.tx-indexedsearch-searchbox-sword.sword {border: 1px solid #E1E1E1;height: 20px;margin: 0 0 0 20px;padding: 5px 19px 5px 7px;transition: all 0.4s ease 0s;width: 255px !important;}
.tx-indexedsearch-searchbox-button.submit {background: url('../../fileadmin/templates/www.kj-schmuckdesign.de/img/search.png') no-repeat scroll 20px 5px #183743;border: medium none;cursor: pointer;font-size: 0;height: 20px;left: 273px;margin: 0 0 0 -30px;padding: 16px;position: relative;top: -32px;width: 60px !important;transition: all 0.4s ease 0s;}
.tx-indexedsearch-searchbox-button.submit:hover {background: url('../../fileadmin/templates/www.kj-schmuckdesign.de/img/search.png') no-repeat scroll 20px 5px #ab1500;border: medium none;cursor: pointer;font-size: 0;height: 20px;left: 273px;margin: 0 0 0 -30px;padding: 16px;position: relative;top: -32px;width: 60px !important;}
.tx-indexedsearch-redMarkup {background: none repeat scroll 0 0 #0297FE;border: 1px solid #0478DF;color: #FFFFFF !important;font-weight: normal;text-shadow: none;font-style: normal;}
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {font-style: normal;line-height: 20px;}
.tx-indexedsearch {font-size: 13px;}
.tx-indexedsearch-res table {border-bottom: 1px solid #F1F1F1;}
.tx-indexedsearch-res  {font-size: 13px;}
ul.browsebox {padding: 0;}
.browsebox li a {background: none repeat scroll 0 0 #F1F1F1;border: 1px solid #E7E7E7;border-radius: 2px;display: inline-block;padding: 6px;text-align: center;text-decoration: none;transition: all 0.4s ease 0s;width: 80px;color: #646464;}
.browsebox .tx-indexedsearch-browselist-currentPage a,  .browsebox li a:hover {background: none repeat scroll 0 0 #0193d3;border: 1px solid #CC6600;border-radius: 2px;color: #FFFFFF;text-shadow: none;text-decoration: none;}
.tx-indexedsearch-res a {color: #0193d3;font-weight: bold;}
.tx-indexedsearch-info {display: none;}
#search input {border: 1px solid #E1E1E1;height: 20px;margin: 0;padding: 5px 19px 5px 7px;transition: all 0.4s ease 0s;width: 255px;}
#search input[type="submit"] {background: url('../../fileadmin/templates/www.kj-schmuckdesign.de/img/search.png') no-repeat scroll 20px 5px #0193d3;border: medium none;cursor: pointer;font-size: 0;height: 20px;margin: 0 0 0 -30px;padding: 16px;position: relative;right: 0px;top: 0px;width: 60px;}
#search input[type="submit"]:hover {background: url('../../fileadmin/templates/www.kj-schmuckdesign.de/img/search.png') no-repeat scroll 20px 5px #FF9425;border: medium none;cursor: pointer;font-size: 0;height: 20px;margin: 0 0 0 -30px;padding: 16px;position: relative;right: 0px;top: 0px;width: 60px;}
#formmailer, #formmailerft, #formmailerde, #formmailerdeft {margin: 0 auto;width: 100%;}
#formmailer li, #formmailerft li, #formmailerde li, #formmailerdeft li {
    float: left;
    width: 50%;
    list-style-type:none;
}
.csc-form-element-textarea {
    clear: both;
    float: none !important;
    width: 100% !important;
}
#formmailer input, #formmailerft input, #formmailerde input, #formmailerdeft input{background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E1E1E1;margin: 5px 0 10px;padding: 1.5%;width: 93%;font-family: Signika;font-size: 13px;}
#formmailer select, #formmailerft select, #formmailerde select, #formmailerdeft select {
    border: 1px solid #dedede;
    color: #848484;
    font-family: Signika;
    font-size: 13px;
    height: 30px;
    margin-top: 4px;
    width: 97%;
}
#formmailer textarea, #formmailerft textarea, #formmailerde textarea, #formmailerdeft textarea {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #E1E1E1;font-family: Signika;font-size: 13px;height: 140px;margin: 5px auto 5px;padding: 1.5%;resize: none;width: 95%;}
#formmailer input[type="submit"], #formmailerft input[type="submit"], #formmailerde input[type="submit"], #formmailerdeft input[type="submit"] {transition: all 0.4s ease 0s;background: none repeat scroll 0 0 #6e3852;border: medium none;color: #FFFFFF;cursor: pointer;font-size: 12px !important;margin: 20px 0 0;padding: 10px 0 !important;width: 140px;text-align: center;}
#formmailer input[type="submit"]:hover {background: #9e6882;}
.fb_iframe_widget {margin-left: -1px !important;margin-top: -1px !important;width: 101%;}
.fb_iframe_widget iframe {max-width: 478px !important;width: 101% !important;}
.fb_iframe_widget > span {max-width: 478px !important;width: 101% !important;}
.tx-facebooksocialplugins-pi1 {border: 1px solid #F1F1F1;height: 393px;overflow: hidden !important;width: 100%;}
.column.column2.columnLast.listItemLast {
    margin-right: 0 !important;
    width: 42% !important;
}
.multicolumnContainer .column {
    margin-right: 7%;
    width: 51% !important;
}
.multicolumnContainer .columnItems{padding:0px !important;}
.column.column4.columnLast.listItemLast {margin: 0 !important;}
.multicolumnContainer .column hr {display:none;}
#colLtwo .multicolumnContainer img{max-width: 600px; width: 100%;}
#impressum .bodytext, #impressum h2 {margin: 0px auto !important;}
#impressum hr{margin: 20px auto !important;}
.mail{color: #ab1500;text-decoration: none;}
.mail:hover{text-decoration: underline;}
.textlinkland {
    background: none repeat scroll 0 0 #6e3852;
    bottom: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 400 !important;
    padding: 10px 12px 7px 18px;
    text-decoration: none;
    transition: all 0.4s ease 0s;
}
.textlinkland:before {
    content: "";
    font-family: fontawesome;
    font-size: 12px;
    font-weight: 100;
    left: -8px;
    margin-right: 0;
    position: relative;
    top: 0;
}
.csc-uploads {
    background: none repeat scroll 0 0 #f1f1f1;
    padding: 10px 40px 23px;
    border: 1px solid #eaeaea;
}
.csc-uploads li{list-style-type:none;}
.textlinkland:hover {background: #9e6882;}
.textlink, .csc-uploads a{color: #183743;text-decoration: none;}
.textlink:hover, .csc-uploads a:hover{text-decoration: underline;}
.textlinkbig, .reflink {color: #333333;font-size: 18px;font-weight: 600;text-decoration: none;}
.textlinkakt {background: none repeat scroll 0 0 #0193d3;border: medium none;bottom: 0;color: #FFFFFF;font-size: 12px;font-weight: 300;padding: 8px 20px;text-decoration: none;}
.textlinkakt:hover {background: #FF9425;}
.callTo a {
    color: #0193d3;
    font-style: normal;
    text-decoration: none;
    transition: all 0.4s ease 0s;
}

.csc-uploads a:before {
    content: "";
    font-family: fontawesome;
    font-size: 36px;
    font-weight: 100;
    margin-right: 0;
    position: relative;
    right: 18px;
    top: 7px;
}
.callTo a:hover {color: #D04F00;}
#totoplink .scrollup {background: url('../../fileadmin/templates/www.kj-schmuckdesign.de/img/totop.png') no-repeat;  background-size: 50px;color: #FFFFFF;width: 50px;height: 50px;display: none;bottom: 20px;position: fixed;right: 25px;z-index:100;}

#colTopic h1 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    top: 26%;
}
#colTopic h2 {color: #ffffff; text-align: center;position:relative;top:43%;padding: 0 4%;text-shadow: 0px 0px 12px #6d6d6d;}
.flex-caption-wrap {
    position: relative;
    top: 20%;
    display:none;
}
#container .flex-caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #ffffff;
    display: block !important;
    font-size: 14px;
    height: 200px !important;
    line-height: 18px;
    overflow: hidden !important;
    padding: 1.5% 0%;
    text-align: left;
    top: 15% !important;
    width: 100% !important;
    max-width:1200px;
    margin: 0px auto;
  position: relative !important;
}
.flex-caption > a {
    background: none repeat scroll 0 0 #ab1500;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    padding: 0.7% 1.5% 0.7% 2%;
    position: relative;
    right: 0;
    text-decoration: none;
    top: 40px;
    transition: all 0.4s ease 0s !important;
    z-index: 1000;
}

.flex-caption > a:before {
    content: "";
    font-family: fontawesome;
    font-size: 12px;
    font-weight: 100;
    left: -8px;
    margin-right: 0;
    position: relative;
    top: 0;
}
.flex-caption > a:hover {background: #d9302d;}
#container .flex-caption{-webkit-text-stroke: 0.45px;-webkit-font-smoothing: antialiased;text-shadow: none !important;transition: 0.8s ease all; opacity: 0; margin-top: 150px !important;transition: all 0.4s ease 0s !important;-webkit-transform: translateZ(0);}
#container .flyIn .flex-caption {-webkit-text-stroke: 0.45px;-webkit-font-smoothing: antialiased;text-shadow: none !important;transition: 0.6s ease all; opacity: 1;margin-top:50px !important;-webkit-transform: translateZ(0);}
.safari s.flex-caption > a{display:none;}
.flex-caption strong {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7) !important;
    color: #ab1500;
    display: table;
    font-family: 'Signika',sans-serif;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 0;
    padding: 25px 20px 25px 20px;
    text-shadow: none !important;
    transition: all 0.4s ease 0s;
}
.flex-caption > span {-webkit-text-stroke: 0.45px;-webkit-font-smoothing: antialiased;text-shadow: none !important;display: table;font-size: 20px;font-family: 'Signika',sans-serif;font-weight: 600;margin-top: 5px;color: #333333 !important;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7) !important;text-shadow: none;padding: 15px 20px 15px 20px;transition: 0.4s ease all;}
h1, h2, h3, h4, h5{font-family: 'Buda', cursive;text-rendering:optimizeLegibility;}
h1 {
    -moz-hyphens: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #b7915b;
    color: #b7915b;
    font-size: 28px;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 5px 0 0;
}
h2 {color: #6e3852;font-size: 22px;font-weight: normal;line-height: 28px;margin-bottom: 10px;margin-top: 0;}
#slider h2, #searchbox h2, #termin_akt h2, #termin_akt h4 {
    margin: 0;
    padding: 15px 20px 5px;
}
h5 {
    color: #515151;
    font-size: 13px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 0;
}
h3 {font-weight: 400;font-size: 16px;}
hr {border-color: #f1f1f1 -moz-use-text-color #FFFFFF;border-style: solid none;border-width: 1px 0 0;color: #EFEFEF;height: 1px;margin: 25px auto 25px;width:100%; max-width: 1200px;}
#col404 img{width: 100% !important;max-width: 940px !important;z-index: 50;}
#col404 h3 {
    color: #ab1500;
    font-weight: 400;
    margin-bottom: 90px;
    text-align: center;
}
#col404 h4{font-weight: 400;}
#col404 p{text-align: center;margin: 40px 0px;}
#col404 a {background: none repeat scroll 0 0 #0193d3;color: #FFFFFF;font-family: 'Signika',sans-serif;font-size: 13px;font-weight: bold;padding: 15px 2%;position: relative;text-align: center;text-decoration: none;transition: all 0.4s ease 0s;z-index: 100;}
#col404 a:hover {background: none repeat scroll 0 0 #FF9425;}

.columnItem ul{
    list-style: square outside none;
    margin: 0;
    padding: 0 0 20px 18px;
}
.columnItem ul li{
    font-size: 15px;
    font-weight: 200;
    padding: 0 0 10px;
}

.csc-textpic-text ul {
    list-style: square outside none;
    margin: 0;
    padding: 0 0 20px 25px;
}
.csc-textpic-text ul li {
    font-size: 15px;
    font-weight: 200;
    margin-left: 510px !important;
    padding: 0 0 10px;
}
.csc-textpic-text ul {
    list-style: square outside none;
    margin: 0;
    padding: 0 0 20px 18px;
}
.csc-textpic.csc-textpic-intext-right-nowrap.csc-textpic-intext-right-nowrap-1210 .csc-textpic-text ul li {
    font-size: 15px;
    font-weight: 200;
    margin-left: 0px !important;
    padding: 0 0 10px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ration: 1.5){
#search input, #formmailer input, #formmailer textarea, #productlistform input, #send, #formmailerft input, #formmailerft textarea, #formmailerde input, #formmailerde textarea, #formmailerdeft input, #formmailerdeft textarea {border-radius: 0px !important;-webkit-appearance: none;width: 92%;}
#search input[type="submit"] {background: url('../../fileadmin/templates/www.kj-schmuckdesign.de/img/search.png') no-repeat scroll 15px 5px #6e3852;border: medium none;cursor: pointer;font-size: 12px !important;height: 20px;margin: 0 0 0 -40px;padding: 16px !important;position: relative;right: 0;top: 0px !important;width: 50px;border-radius: 0px !important;-webkit-appearance: none;}
#search input[type="submit"]:hover {background: url('../../fileadmin/templates/www.kj-schmuckdesign.de/img/search.png') no-repeat scroll 15px 5px #6e3852;border: medium none;cursor: pointer;font-size: 12px !important;height: 20px;margin: 0 0 0 -40px;padding: 16px !important;position: relative;right: 0;top: 0px !important;width: 50px;}
#formmailer input[type="submit"], #formmailerft input[type="submit"], #formmailerde input[type="submit"], #formmailerdeft input[type="submit"]{font-family: arial;background: none repeat scroll 0 0 #6e3852 !important;border: medium none;color: #FFFFFF;cursor: pointer;font-size: 12px !important;margin: 20px 0 0;padding: 16px 0px !important;width: 102%;text-align: center;border-radius: 0px !important;-webkit-appearance: none;}
a, a:visited {outline: 0 none !important;}
#logo, #pull{-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;}
.footeradd {
    margin: 0 auto;
    text-align: center;
    width: 210px !important;
}
}

@media only screen and (max-width : 1400px) {
#home #container {
    -moz-hyphens: none;
    background: none repeat scroll 0 0 #ffffff;
    display: block !important;
    height: 525px;
    margin: 0 auto;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}

#productfinder .bodytext, #productfinder .bodytext:nth-child(even) {
    padding: 15px 10% 15px 2%;
}
#content, #home #content {width: 94%;margin: 0px auto;}
.innertop, #colTopic h1{padding-left: 3% !important; padding-right: 3% !important;width:94% !important;}
#innerfooter, #impressum #content {width: 94% !important;}
#container h1 {
    width: 94%;
    margin: 0px auto;
}
.flex-caption-wrap {
    margin: 0 auto;
    position: relative;
    top: 11%;
    width: 94%;
}
.flex-control-nav {
    top: 490px !important;
}
.flex-direction-nav li a{
top: 39% !important;
}
.slides {
  background-position: center top !important;
  background-size: 1670px auto !important;
  }
.slides li {
    background-position: center top !important;
    background-size: 1670px auto !important;
}
}

@media screen and (max-width: 1000px) {
DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap{
float:none;
}
#home #container {
    height: 396px;
}
.slides {
     background-position: center top !important;
    background-size: 1248px auto !important;
  }
.slides li {
    background-position: center top !important;
    background-size: 1248px auto !important;
}
#ontop {
    display: none;
}
#colLtwo img{
margin: 0 auto 30px;
  max-width: 1000px;
}
.innertop {padding-left: 0% !important; padding-right: 0% !important;width:100% !important;}
.flex-direction-nav li a {
    display: none;
    top: 32% !important;
}
.flex-control-nav {
    top: 365px !important;
}
.flex-caption > strong{
font-size: 22px;
padding: 20px 30px 20px 10px;
}

.flex-caption > span{
font-size: 16px;
  padding: 12px 20px 12px 10px;
}
#container .flyIn .flex-caption {
    margin-top: 30px !important;
}
#top {
    height: 90px !important;
    max-height: 90px !important;
    position: static !important;
    top: auto !important;
    transition: all 0.2s ease 0s;
}
#top .innertop {
    padding: 0 !important;
}
#logo {
    margin: 10px 0 2px 3% !important;
    max-width: 170px;
    padding: 0;
    position: relative;
    transition: all 0.2s ease 0s;
    width: 170px !important;
    z-index: 10;
}
#formmailer, #formmailerft, #formmailerde, #formmailerdeft {margin: 0 auto;width: 100%;}
#container {
    background-size: 2060px auto !important;
    margin: 0px auto 0;
    position: relative !important;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
    height: 0px;
}
#colTopic{height: 100px;}
#colTopic h1 {
    font-size: 35px;
    top: 21%;
}
#colTopic h3 {top:38%; font-size:25px;}
#container h1 {
    font-size: 50px;
    top: 30%;
}
#container h3 {top:30%; font-size:25px;}
#colref{margin-top: 0px !important;}
.sublist .main, .sublist .main:hover, .sublist .main2 {padding-right: 0px;}
.multicolumnContainer {margin: 0 auto;width: 100% !important;}
.multicolumnContainer .column, .multicolumnContainer .column.column2.columnLast.listItemLast{
width: 100% !important;
margin-right:0 !important;
margin-left:0 !important;
float:none;
}
#start_services .column{margin-right: 6% !important;}
#start_services .column{float:left !important;}
#colLtwo img{max-width: 500px;width: 100%;}
#metanavigation{display: none;}
nav {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;position: absolute;right: 0;top: 3px;width: 100% !important;z-index: 5;margin-top:0px;height:70px;padding: 0 !important;
    width: 100% !important;}
.navbar-fixed nav {height: 82px !important;transition: all 0.4s ease 0s;position:absolute !important;margin-top: 0px !important;}
#topnav{display:none;}
#navitop {background: none repeat scroll 0 0 #6e3852;float: none;height: 0;overflow: hidden;padding: 0;position: absolute;right: 0;top: 87px;transition: all 0.4s ease 0s;width: 100%;box-shadow: 0 4px 6px -6px #000 inset;}  
#navitop.rollout {
    height: 340px !important;
}
#container.rolldown, #colTopic.rolldown {
    margin-top: 340px !important;
}
nav ul {float: none;height: auto;margin: 0;max-width: 1000px !important;padding: 0;width: 100%;}
ul.links ul {margin:0px;padding:0;position: relative;width:100% !important;height: auto !important;transition: all 0.4s ease 0s;border-bottom: 1px dotted #efefef;}
.navbar-fixed ul.links ul{top: 0px !important;}
ul.links ul.hover, ul.links li.hover ul, ul.links li:hover ul  {display:block;}
ul.links ul li a {color: #ffffff !important;background: #484848;text-align: center !important;padding:12px 11px 12px 30px !important;}
ul.links ul li a:hover{color: #0193d3 !important;background: #484848 !important;}
.fa-angle-down:before {color: #ffffff;content: "";float: left !important;font-family: FontAwesome;font-size: 18px;font-style: normal;font-weight: 900;margin-left: 15px;right: 0px;position: relative;text-decoration: inherit;top: 4px;visibility: hidden;}
.main:hover .fa-angle-down:before, .main2 .fa-angle-down:before {color: #0193d3;float: left !important;font-family: FontAwesome;font-size: 18px;font-style: normal;font-weight: 900;margin-left: 15px;right: 0px;position: relative;text-decoration: inherit;top: 4px;visibility: hidden;}
nav a#pull {  display: block;  background-color: #283744;  width: 100%;  position: relative;  }  
nav a#pull:after {
    color: #6e3852;
    content: "";
    display: inline-block;
    float: right;
    font-family: FontAwesome;
    font-size: 28px;
    font-weight: lighter !important;
    height: 40px;
    position: absolute;
    right: 10px;
    top: 28px;
    width: 40px;
}
.metalist {
    display: block;
    float: none;
    height: auto !important;
    margin: 0 auto;
    width: 100% !important;
}
.metalnk, .lnk, .lnk2 {
    border: medium none;
    color: #ffffff;
    display: block !important;
    float: none !important;
    padding: 0% !important;
    width: 100% !important;
    transition: all 0.4s ease 0s;
}
.lnk:hover, .lnk2, .metalnk2, .metalnk:hover {
    background: rgba(255, 255, 255, 0.4);
}
a.top, a.top:hover, a.top2 {
    font-family: "Buda",cursive;
    font-size: 18px !important;
    font-weight: 300;
    margin: 0 !important;
    text-align: center;
}
nav a.main, a.top {position: relative;text-align: center;width: auto;margin-left: 0px !important;}
nav a.main:hover, nav a.main2, a.top:hover, a.top2 {color: #ffffff !important;margin-left:0px !important;transition: all 0.4s ease 0s;display: block;width: auto !important;text-decoration: none !important;text-align:center !important;background:none;}
.sublist .main, .sublist .main:hover, .sublist .main2 {padding-bottom: 17px !important;padding-top: 7px !important;border-bottom: 1px dotted #efefef;}
ul.links ul li a.mainsub2 {
    background: none repeat scroll 0 0 #484848;
    color: #0193d3 !important;
}
nav .links li:first-child .main, nav .links li:first-child .main2 {border-top: 0 none;}
nav li {  display: block;  float: none;   width: 100%;margin-left: 0px !important;margin-bottom: 0px !important;margin-top: 0px !important;}  
nav li a, .main2, .main:hover {
    border-bottom: 1px solid #7a445e;
    border-left: medium none !important;
    border-right: medium none !important;
    border-top: 1px solid #5f2943;
    color: #ffffff !important;
    display: block !important;
    height: 16px;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    padding: 17px 0 22px !important;
}
.csc-textpic-text ul li {
    font-size: 15px;
    font-weight: 200;
    margin-left: 0  !important;
    padding: 0 0 10px;
}
#home #innerColLlandBottom .csc-textpic-imagerow, #innerColLlandBottom .csc-textpic-imagerow {
    float: left;
    margin-bottom: 25px;
    padding: 0 2%;
    width: 46%;
}
.textlinkland {
    margin-left: 2%;
}
}


@media only screen and (max-width : 900px) {
#start_services .column {
    float: none !important;
    margin: 0 auto 65px !important;
    width: 70% !important;
}
#start_services .column.column3.columnLast.listItemLast{
margin: 0 auto 0px !important;
}
#start_services .column hr {
    display: block;
    margin-top: 60px;
    width: 60% !important;
}
}

@media only screen and (max-width : 800px) {
#mapwrap{height: 510px;overflow:hidden;}
#innerfooter {padding: 70px 0 40px;}
#footeradresse {clear: both;margin: auto !important;width: 100%;float: none !important;}
.footeradd {margin: 0 auto;text-align: center;width: 196px;}
.webkit .footeradd {margin: 0 auto;text-align: center;width: 240px;}
.footercontleft {text-align: left;}
.footercontright {text-align: right;margin:0 0 0 5%; !important:}
#footerform{display:none;}
#copyright {text-align: center;}
.multicolumnContainer .column {float: none !important;margin: 0px auto !important; width: 100% !important; }
.multicolumnContainer .column hr {
    display: block;
    margin: 40px auto 30px;
    width: 100%;
}
#colLtwo DIV.csc-textpic-intext-left .csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{margin-right: 0px !important;}
#colLtwo DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float: none !important;}
#colLtwo .description DIV.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {float: left !important;}
#colLtwo .csc-textpic-text {margin-left: 0 !important;}
#colLtwo img {
    margin: 0 auto 30px;
    max-width: 500px;
    width: 100%;
}
#container .flex-caption {
    height: 200px !important;
    top: 40% !important;
}
#home #colLland, #shortNews {
    float: none;
    margin: 0;
    width: 100%;
}
#shortNews{
margin-top: 50px;
}
}

@media only screen and (max-width : 775px) {  
#formmailer, #formmailerft, #formmailerde, #formmailerdeft{margin: 0 auto 60px;width: 100%;}
#formmailer li, #formmailerft li, #formmailerde li, #formmailerdeft li {float: none;width: 100%;list-style-type:none;margin:0px auto !important;}
#formmailer input[type="submit"], #formmailerft input[type="submit"], #formmailerde input[type="submit"], #formmailerdeft input[type="submit"] {width: 96% !important;}
.flex-caption > a {
    top: 40px;
}
#news h3 {
    width: 20%;
}
#news p {
    margin: 10px 0 10px 5%;
    width: 75%;
}
}

@media screen and (max-width: 700px) {
footer ul{text-align: center;}
.floatBlock {display: inline;float: none;}
.floatBlock > a {color: #818181;display: block;font-size: 12px;font-weight: bold;margin: 0 0px 5px 0;text-decoration: none;width: auto;}
h1 {font-size: 27px;margin-top: 0;padding: 5px 0px;}
#productlistform ul {
    width: 100%;
}
#productlistform ul li {
    float: noen;
    width: 100%;
    margin-bottom: 20px;
}
#productlistform #send {
    float: none;
    padding: 1.5%;
    width: 40%;
}
.productlistfield {
    border: 1px solid #e0e0e0;
    font-weight: bold;
    padding: 1.5%;
    width: 97%;
}
}

@media screen and (max-width: 625px) {
nav a#pull:after {position: absolute;right: 1% !important;}
#home #container {
    -moz-hyphens: none;
    background: none repeat scroll 0 0 #ffffff;
    display: block !important;
    height: 260px;
    margin: 0 auto;
    overflow: hidden;
    transition: all 0.4s ease 0s;
}
.slides li{height:70px;transition: 0.4s ease all;}
#colTopic h1 {
    font-size: 32px;
    margin-bottom: 25px;
    top: 21%;
}
#colTopic h2 {
    font-size: 11px;
    line-height: 22px;
    padding: 0 25%;
    top: 14%;
}
#container h1 {
    font-size: 35px;
    margin-bottom: 25px;
    padding: 0 6%;
}    
#container h3 {
    font-size: 25px;
    line-height: 22px;
    padding: 0 6%;
    top: 35%;
}
#container .slides {
    background-position: center top !important;
    background-size: 832px auto !important;
}
#container .slides li {
    background-position: center top !important;
    background-size: 832px auto !important;
}
.flex-caption > strong {
    font-size: 18px;
    padding: 15px 30px 15px 10px;
}
.flex-caption > span {
    font-size: 14px;
    padding: 8px 20px 8px 10px;
}
.flex-caption > a {
    font-size: 14px !important;
    top: 20px;
    padding: 1.5% 5%;
}
#container h3 {
    font-size: 19px;
    line-height: 22px;
    padding: 0 6%;
    top: 21%;
}
#copyright {padding: 15px 5%;width: 90%;}
#start_services .column {
    float: none !important;
    margin: 0 auto 65px !important;
    width: 85% !important;
}
#news h3 {
    width: 30%;
}
#news p {
    width: 65%;
}
.bodytext{
font-size: 15px;
}
#home #innerColLlandBottom .csc-textpic-imagerow, #innerColLlandBottom .csc-textpic-imagerow {
    float: none;
    margin-bottom: 25px;
    padding: 0;
    width: 100%;
}
figcaption {
    min-height: 0;
    padding: 20px 20px 20px 12px;
}
}

@media only screen and (max-width : 525px) {
#colTopic h1 {
    font-size: 28px;
    margin-bottom: 25px;
    top: 23%;
}
#colTopic h2 {
    font-size: 11px;
    line-height: 22px;
    padding: 0 12%;
    top: 14%;
}
#container h1 {
    font-size: 30px;
    margin-bottom: 25px;
    top: 30%;
}
#productfinder .bodytext, #productfinder .bodytext:nth-child(even) {
    font-size: 12px;
    line-height: 24px !important;
    padding: 15px 25.5% 15px 6.5%;
}
}

@media screen and (max-width: 480px) {
.multicolumnContainer .column {float: none !important;margin: 0 auto !important;width: 100% !important;}
#search {clear: right;float: none !important;margin: 3% 2% 3%;width: 90%;}
h1 {font-size: 25px;margin-top: 0;padding: 5px 0px;}
#container h3 {
    font-size: 14px;
    line-height: 22px;
    padding: 0 6%;
    top: 21%;
}
#news h3 {
    width: 35%;
}
#news p {
    width: 60%;
}
}

@media only screen and (max-width : 380px) {
}

@media only screen and (max-width : 320px) {  
nav li {  display: block;  float: none;  }  
nav li a {  display: block;  }  
}  