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,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.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}
/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#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/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 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/colorbox/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/colorbox/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/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/***** GLOBALS						*****/
/***** CSS RESET FOR ALL BROWSERS 	*****/

/* compensates  several browser bugs */
html { font-size:100.01%; }
body { font-size:1em; }

/* reset all default css-styles  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

strong{ font-weight:bold; }

ol, ul {
	list-style: none;
}

a:link, a:visited, a:hover, a:active{text-decoration:none;}
/*************************************************************/
/*   Design:   STURZENEGGER-KAESEMARKT.CH			 	 	 */
/*   File:     screen.css					                 */
/*-----------------------------------------------------------*/
/*   Autor:   Reto Buehler, www.nuun.ch		                 */
/*   Datum:   Januar 2013				                     */
/*   Site: 	  wwww.sturzenegger-kaesemarkt.ch		         */
/*************************************************************/
/*   Colors:  BROWN: #59372a	(CONTENT/LINKS/NAVIGATION) 	 */
/*   Colors:  HELLGRAU: #ebebeb	(h2) 	 					 */
/*   Colors:  HELLBRAUN: #bba597 (LINKS)					 */
/*************************************************************/


/*************************************************************/
/*  LAYOUT													 */
/*************************************************************/

/*  GLOBAL													 */
/*************************************************************/
html, body { margin:0 auto; height: 100%; font: 100.01%/1em Arial, Verdana, Helvetica, sans-serif; color:#59372a; letter-spacing:0em;}
body.default {background:url(../../files/data/grafics/bg.png) center top no-repeat;}
body.home {background:url(../../files/data/grafics/bg_home.png) center top no-repeat;}

#wrapper {position:relative; font-size:0.75em;}
* html #wrapper {height: 100%;}

/*  HEADER 													 */
/*************************************************************/
#header {width:985px; padding:0; position: relative; margin:0 auto; display:block;}
body.default #header {height:414px;}
body.home #header {height:522px;}
#header .inside {position:relative; display:block; padding:0;}

#logo {position:absolute; top:21px; left:72px; z-index:500;}

/*  NOOBSLIDE												 */
/*************************************************************/
#header .mod_article {position:absolute; top:168px; right:40px; width:648px; height:300px; background:url(../../files/data/grafics/bg_noobslide.png) left top no-repeat;}
#header .mod_article .ce_caroufredsel {margin:23px 24px 0 24px; width:600px; height:238px;}
#header .mod_article .ce_caroufredsel .caroufredsel_prev {position:absolute; top:125px; left:0; width:31px; height:33px; display:block; padding:0; background:url(../../files/data/grafics/btn_noobslide_previous.png) left top no-repeat;}
#header .mod_article .ce_caroufredsel .caroufredsel_prev span {display: none;}
#header .mod_article .ce_caroufredsel .caroufredsel_next {position:absolute; top:125px; right:0; width:31px; height:33px; display:block; padding:0; background:url(../../files/data/grafics/btn_noobslide_next.png) left top no-repeat;}
#header .mod_article .ce_caroufredsel .caroufredsel_next span {display: none;}

/*  PAGEIMAGE												 */
/*************************************************************/
.mod_pageimage {position:absolute; left:61px; top:113px;}
.mod_pageimage .image_container {position:relative; padding:27px 23px 35px 22px; background:url(../../files/data/grafics/bg_pageimage.png) left top no-repeat;}

/*  CONTAINER (INCLUDING LEFT/MAIN/RIGHT					 */
/*************************************************************/
#container {position:relative; margin:0 auto; min-height:200px; width:901px; font-size:26px; line-height:1.53em; padding:0 12px 0 72px; z-index:1000;}
* html #container {height:200px;}
#main {position:relative; margin:0; padding:0 0 50px 0; width:608px !important; display:block; float:left;}
#main .inside {display:block;}
#main .ce_image {margin-right:0;}
#main .ce_image .image_container {padding:11px 8px 8px 0;}

#right {position:relative; float:right; width:227px; padding:75px 39px 50px 0; margin-right: 0;}

/*  Footer 													 */
/*************************************************************/
#footer {width:100%; height:140px; padding:0; position: relative; z-index:500; margin-top: -140px; display:block; margin-left:auto; margin-right:auto; color:#00366f; font-size:0.75em; line-height:1.43em; display:block;}
#footer .inside {width:100%; height:140px; display:block; margin:0; padding:0; float:left; background:url(../../files/data/grafics/bg_footer.png) center bottom no-repeat;}
#footer .inside .content {width:961px; height:116px; display:block; margin-left:auto; margin-right:auto; padding:24px 12px 0 12px; position:relative;}
.footeraddress {float:left; width:390px; padding:0 0 0 60px;}

.endcontent {height:140px; width:985px; display:block; position:relative;}

/*************************************************************/
/*  NAVIGATION												 */
/*************************************************************/

#header .mod_nav_main {position:absolute; top:46px; left:305px; width:668px; font-size:1.7em; line-height:1.2em; padding:0; margin:0; z-index:500; font-family: 'amaranthregular';}
#header .mod_nav_main ul {padding:0; float:left;}
#header .mod_nav_main ul li {display:block; float:left; display:inline; padding:0 29px 0 0;}
#header .mod_nav_main ul li.last {padding:0 0 0 0; background:none;}
#header .mod_nav_main ul li a {position:relative; color:#002b69; float: left; padding:8px 5px 5px 5px; background:none;}
#header .mod_nav_main ul li a:hover, #header .mod_nav_main ul li a.active, #header .mod_nav_main ul li a.trail {color:#002b69; background:#f9f5ef;}
#header .mod_nav_main h2 {display:none;} 

#header .mod_nav_top {position:absolute; top:14px; right:10px; width:450px; font-size:0.92em; padding:0; margin:0; z-index:500;}
#header .mod_nav_top ul {padding:0; float:right;}
#header .mod_nav_top ul li {display:block; float:left; display:inline; padding:0 10px 0 0;}
#header .mod_nav_top ul li.last {padding:0 0 0 0; background:none;}
#header .mod_nav_top ul li a {position:relative; color:#59372a; float: left; padding:0 0 0 8px; background:none;}
#header .mod_nav_top ul li a:hover, #header .mod_nav_top ul li a.active, #header .mod_nav_top ul li a.trail {color:#000;}


#footer .mod_nav_service {float:left; font-size:1em; width:280px; z-index:500;}
#footer .mod_nav_service ul {float:left; text-align:left; width:280px;}
#footer .mod_nav_service li {float:left; padding: 0; width:280px; display:block;}
#footer .mod_nav_service ul li a {color:#00366f; padding:0; text-decoration:none; display:block; float:left;}
#footer .mod_nav_service ul li a:hover, #footer .mod_nav_service ul li a.active {color:#00366f; text-decoration:underline;}
#footer .mod_nav_service ul li a.trail {text-decoration:none;}


#header .mod_nav_sub {position:absolute; right:52px; top:140px; background:#fff; width:227px; height:237px; padding:0;}
#header .mod_nav_sub ul {float:left; width: 227px; margin: 0; padding: 0; list-style: none; font-size:17px; line-height:1.43em;}

#header .mod_nav_sub li {width: 227px; padding: 0 0 0 0; float:left; border-bottom:1px solid #ccd5e1;}
#header .mod_nav_sub li.last {border-bottom:none;}
#header .mod_nav_sub li a {color: #002b69; font-size: 16px; width: 197px; padding:5px 14px 5px 16px; margin:0; float:left; text-decoration:none;}
#header .mod_nav_sub ul li a:hover, #header .mod_nav_sub ul li a.active, #header .mod_nav_sub ul li a.trail {color:#002b69; background:#f9f5ef;}


#header .mod_nav_quick {position:absolute; left:50px; top:174px; background:url(../../files/data/grafics/bg_quicknav.png) left top no-repeat; width:231px; height:272px; padding:0; font-family: 'amaranthregular'; color:#002b69;}
#header .mod_nav_quick h2 {float:left; width: 189px; margin: 0; padding: 18px 20px 11px 22px; list-style: none; font-size:1.7em; line-height:1.2em;}
#header .mod_nav_quick ul {float:left; width: 229px; margin: 0; padding: 2px 1px; list-style: none; font-size:1.4em; line-height:1.43em;}

#header .mod_nav_quick li {width: 229px; padding: 0 0 3px 0; float:left;}
#header .mod_nav_quick li.last {}
#header .mod_nav_quick li a {color: #002b69; width: 124px; padding:14px 20px 13px 85px; margin:0; float:left; text-decoration:none;}
#header .mod_nav_quick ul li a:hover, #header .mod_nav_quick ul li a.active, #header .mod_nav_quick ul li a.trail {color:#002b69; background-color:#f9f5ef;}

#header .mod_nav_quick li a.quickicon_01 {background:url(../../files/data/grafics/icon_quicklink_01.png) left top no-repeat;}
#header .mod_nav_quick li a.quickicon_02 {background:url(../../files/data/grafics/icon_quicklink_02.png) left top no-repeat;}
#header .mod_nav_quick li a.quickicon_03 {background:url(../../files/data/grafics/icon_quicklink_03.png) left top no-repeat;}
#header .mod_nav_quick li a.quickicon_04 {background:url(../../files/data/grafics/icon_quicklink_04.png) left top no-repeat;}


/*************************************************************/
/*  CONTENT												  	 */
/*************************************************************/
#container p {padding:4px 0 4px 0; display:block; font-size:13px; line-height:20px;}
#main h1 {padding:14px 0 8px 0; font-size:24px; line-height:26px; font-family: 'amaranthregular'; color:#ff9600;}
#main h2 {padding:28px 0 8px 0; font-size:24px; line-height:26px; font-family: 'amaranthregular'; color:#ff9600;}
#main h3 {padding:14px 0 0px 0; font-size:17px; line-height:19px; font-family: 'amaranthregular'; color:#002b69;}

#main .ce_text table {font-size:13px; line-height:20px;}
#main .ce_text strong {font-size:13px; line-height:20px;}

#container a, #container a:link, #container a:visited {color:#002b69; text-decoration:none;}
#container a:hover, #container a:active {color:#002b69; text-decoration:underline;}


img {vertical-align:bottom;}
table {border-collapse:collapse;}

.ce_text ul {list-style-type:disc;}
.ce_text ul li {list-style-type:disc; margin:0 0 0 18px; font-size:13px; line-height:20px;}

.ce_text .image_container.float_right {float: right;}

#right .ce_image {position:relative;}
#right .ce_image img {position:relative;}
#right .ce_image .caption {position:absolute; top:105px; left:25px; font-family: 'amaranthregular'; font-size:13px; line-height:21px;}
#right .ce_image a, #right .ce_image a:link, #right .ce_image a:visited {color:#fff;}
#right .ce_image a.active, #right .ce_image a:hover {color:#002b69;}

/* DOWNLOADS - CE */
.enclosure {position:relative; margin:0; }
.enclosure img {position:absolute; top:19px; left:3px;}
.ce_downloads a, .ce_downloads a:link, .ce_downloads a:visited, .ce_download a, .ce_download a:visited, .ce_download a:link, .enclosure a:link, .enclosure a:visited {display:block; width:558px; color:#59372a; padding:0 25px 2px 25px; margin:1px 0 0 0; line-height:1.75em; text-decoration:none; border-bottom:1px solid #ccd5e1;}
.ce_downloads a:hover, .ce_downloads p a:active, .ce_download a:hover, .ce_download p a:active, .enclosure a:hover, .enclosure a:active  {color:#002b69;}


.produktbeschreibung p {float: right; width: 420px;}
.produktbeschreibung .image_container {padding-bottom:0 !important;}
.produkt {padding:0 0 0 0; margin-bottom:0; border-bottom:1px solid #ccd5e1; position:relative;}
.produkt .left {float: left; padding-top: 10px; width: 188px; color: #002b69;}
.produkt .left p {}
.produkt .left h3 {padding-top: 0 !important; font-size: 24px !important;}
.produkt .right {position:relative; height:70px; float: right; width: 420px;}
.garantie {background:url(../../files/data/grafics/icon_suissegarantie.png) right top no-repeat;}
.produkt a {background:url(../../files/data/grafics/btn_link.png) left top no-repeat; margin-top:23px; padding:3px 0 3px 12px; width:141px; height:26px; display:block; color:#fff !important; font-family: 'amaranthregular'; text-decoration:none !important;}

/* TEXT - CE */
.ce_text .image_container {padding:11px 18px 8px 0; float:left;}
#footer .ce_text .image_container {padding:0 22px 12px 0; float:left;}
#footer p {padding:0 0 7px 0;}
#footer table {color: #00366f; line-height: 16px;}

/* GALLERY - CE */
.ce_gallery {padding:8px 0 8px 0;}
.ce_gallery .image_container {padding:0 0 0 0; margin:0;}

#main .ce_gallery ul li {margin: 0 16px 16px 0;}
#main .ce_gallery ul li.col_first {clear: both;}
#main .ce_gallery ul li.col_last {margin-right: 0;}

/*  FORMULAR											  	 */
/*************************************************************/
.ce_form {width:608px; margin: 0; padding:7px 0 8px 0; font-size:13px; line-height:20px;}
.ce_form .formbody label {float:left; clear: left; display:block; width:220px; padding:0 8px 0 0; margin:2px 0 12px 0; text-align:left; color:#002b69;}
.ce_form .formbody label.error {float:left; display:block; width:220px; padding:0 8px 0 0; margin:2px 0 0 0; text-align:left;}
.ce_form .formbody input {float:left; box-sizing: border-box; width: 350px; height: 16px; border: 1px solid #002b69; color:#000; margin:0; padding:10px 2px; background: #fff; font-size:1em;}
.ce_form .formbody input.error {float:left; width: 350px; height: 16px; border: 1px solid #ff9600; color:#000; margin:0 0 8px 138px; padding:2px 2px; background: #fff; font-size:1em;}
.ce_form .formbody input:focus {border: 1px solid #ff9600; color:#000; background: #fff;}
.ce_form .formbody br {clear:both; margin:0; padding:0;}
textarea {float: left; box-sizing: border-box; width:350px; height: 75px; border: 1px solid #002b69; margin:0 0 12px 0; color:#000; padding:2px 2px 0 2px; background:#fff;}
textarea.error {float: left; width:350px; height: 75px; border: 1px solid #ff9600; margin:0 0 12px 138px; color:#000; padding:0 2px 0 2px; background:#fff;}
textarea:focus { border: 1px solid #ff9600; color:#000; background:#fff;}
.ce_form .formbody .submit {color:#fff; background:#002b69; cursor:pointer; height:25px; margin:0 0 24px 228px; padding:2px 0 6px 0; width:190px;}

.ce_form .widget-recaptcha {clear: both; margin-bottom: 10px; margin-left: 228px;}

.ce_form .formbody p.error {float:right; width: 350px; color:#ff9600; font-size:11px; padding:3px 0 0 0 !important; margin:0;}

.ce_form .formbody legend {margin:2px 0 2px 0; float:left; width:220px; padding:0 8px 0 0; color:#002b69;}

select {float:left; width: 350px; height: 23px; border: 1px solid #002b69; color:#000; margin:0; padding:2px 2px; background: #fff;}

.checkbox {
	display:block;
	background:none !important;
	border:none !important;
	width:14px !important;
	float: left;
	margin:4px 5px 0 0 !important;
	padding:0;
}
.checkbox_container {
	width:608px;
	display:block;
	float:left;
	padding:0 0 12px 0;
}
.ce_form .formbody .checkbox_container label {width:220px !important; float:left; clear: none; margin:0 !important; padding:2px 0 0 0 !important;}
.checkbox_container span {
	width:350px;
	display:block;
	float:right;
}

.radio {
	display:block;
	background:none !important;
	border:none !important;
	width:14px !important;
	float: left;
	margin:4px 5px 0 0 !important;
	padding:0;
}
.radio_container {
	width:608px;
	display:block;
	float:left;
	padding:0 0 12px 0;
}
.ce_form .formbody .radio_container label {width:220px !important; float:left; clear: none; margin:0 !important; padding:2px 0 0 0 !important;}
.radio_container span {
	width:375px;
	display:block;
	float:right;
}
.ce_form .widget-explanation {clear: both;}

/*  NAVIGATION - SITEMAP (MAIN)								 */
/*************************************************************/
#main .mod_article .mod_sitemap {padding:0 0 30px 0;}
#main .mod_article .mod_sitemap  ul li {background:none; font-weight:bold; margin:0; padding:4px 0 4px 0;}
#main .mod_article .mod_sitemap  ul li a {padding:1px 0 1px 0; text-decoration:none;}
#main .mod_article .mod_sitemap  ul li a:hover {text-decoration:none;}
#main .mod_article .mod_sitemap  ul li ul {padding:0;}
#main .mod_article .mod_sitemap  ul li ul li {font-weight:normal; padding:0;}
#main .mod_article .mod_sitemap  ul li ul li a {font-weight:normal; padding:0 0 0 8px; background:none !important;}
#main .mod_article .mod_sitemap  ul li ul li a:hover {font-weight:normal; text-decoration:underline;}
#main .mod_article .mod_sitemap  ul li ul ul {padding-bottom:0;}
#main .mod_article .mod_sitemap  ul li ul li ul li {padding:0;}
#main .mod_article .mod_sitemap  ul li ul li ul li a {background:none;}
#main .mod_article .mod_sitemap  ul li ul li ul li a:hover {}


/*  FIXES  													 */
/*************************************************************/
.cleaner {clear:both;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height:0px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {height:1px; font-size:0.1px; line-height:0.1px; clear:both; }
.invisible { display:none;}


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 26, 2013 */



@font-face {
    font-family: 'amaranthbold';
    src: url('../../files/data/styles/amaranth-bold-webfont.eot');
    src: url('../../files/data/styles/amaranth-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/amaranth-bold-webfont.woff') format('woff'),
         url('../../files/data/styles/amaranth-bold-webfont.ttf') format('truetype'),
         url('../../files/data/styles/amaranth-bold-webfont.svg#amaranthbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'amaranthbold_italic';
    src: url('../../files/data/styles/amaranth-bolditalic-webfont.eot');
    src: url('../../files/data/styles/amaranth-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/amaranth-bolditalic-webfont.woff') format('woff'),
         url('../../files/data/styles/amaranth-bolditalic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/amaranth-bolditalic-webfont.svg#amaranthbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'amaranthitalic';
    src: url('../../files/data/styles/amaranth-italic-webfont.eot');
    src: url('../../files/data/styles/amaranth-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/amaranth-italic-webfont.woff') format('woff'),
         url('../../files/data/styles/amaranth-italic-webfont.ttf') format('truetype'),
         url('../../files/data/styles/amaranth-italic-webfont.svg#amaranthitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'amaranthregular';
    src: url('../../files/data/styles/amaranth-regular-webfont.eot');
    src: url('../../files/data/styles/amaranth-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../files/data/styles/amaranth-regular-webfont.woff') format('woff'),
         url('../../files/data/styles/amaranth-regular-webfont.ttf') format('truetype'),
         url('../../files/data/styles/amaranth-regular-webfont.svg#amaranthregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
