body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/**
 * Global TinyMCE style sheet
 * 
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 * 
 *   tl_files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 * 
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 * 
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 * 
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (tl_files/tinymce.css).
 */
.warning { color:#c55; font-size:1.1em; }
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }
/* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen <http://iaian7.com>, MIT-style license */
#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayFF{background:transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat}#mbOverlay.mbOverlayIE{position:absolute}#mbCenter{position:absolute;z-index:9999;left:50%;overflow:hidden;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,0.50);-khtml-box-shadow:0 5px 20px rgba(0,0,0,0.50);-moz-box-shadow:0 5px 20px rgba(0,0,0,0.50);box-shadow:0 5px 20px rgba(0,0,0,0.50);-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000')}#mbCenter.mbLoading{background:#000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbImage{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat;padding:10px}#mbBottom{min-height:20px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#999;text-align:left;padding:0 10px 10px}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:bold;line-height:20px;font-size:12px}#mbNumber{display:inline;color:#999;line-height:14px;font-size:10px;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:14px;font-size:10px}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:normal}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:bold;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:16px;line-height:14px;font-weight:bold}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:bold;text-decoration:underline}
/* grischuni.COM */

body {
    background-color:#454545;
    font:85.25% Arial,Helvetica,Verdana;
}
#wrapper {
    margin-bottom:40px;
    /* Gecko-Browser (Firefox) */
    -moz-box-shadow:2px 4px 8px #000;      
    /* Webkit-Browser (Safari, Chrome) */
    -webkit-box-shadow:2px 4px 8px #000;
    /* allgemein CSS3 */
    box-shadow:2px 4px 80px #000;
}
#head_main {
    height:245px;
    margin-bottom:20px;
    padding-bottom:1px;
    /* background:#fff url("/tl_files/altrimenti_l/Logo-Altrimenti.jpg") left top no-repeat; */
}
.mod_navigation {
    background-color:#fff;
}
#main .inside {
    border-right:1px solid #000;
}
#right .mod_article {
    margin-right:48px;
    margin-left:48px;
}
#main .mod_article h1,
#main .mod_article h2,
#main .mod_article p,
#main .mod_article table,
#main .mod_article figure,
#main .pagination ul {
    margin-right:48px;
    margin-left:48px;
}
#main .mod_article .big figure {
    margin-right:0;
    margin-left:0;
}
#footer {
}

/* Schrift in rechter Spalte zentrieren */
#right div.ce_gallery {
}
h1,
h2 {
    margin-top:15px;
}
#main {
    background-color:#fff;
}
#container {
    background-color:#fff;
}
#main .layout_full {
    margin:0;
    padding:0 0 15px;
}
h1 {
    font-size:172%;
    line-height:1.5em;
    font-weight:bold;
    color:#000;
    letter-spacing:1px;
}
h2 {
    margin:20px 0 0;
    padding:0;
    font-size:172%;
    font-weight:bold;
    color:#000;
    letter-spacing:1px;
}

/* Überschrift in rechter Spalte */
#right h2,
#right h2 a {
    margin-top:43px;
    margin-bottom:12px;
    line-height:1.5em;
    color:#7a7570;
}
h1 a,
h2 a {
    text-decoration:none;
    color:#000;
}
h1 a:hover,
h2 a:hover,
#right h2 a:hover {
    text-decoration:none;
    color:#000;
}
a {
    text-decoration:underline;
    color:#7a7577;
}
a:hover {
    text-decoration:underline;
    color:#000;
}

/* Top Link */
#gotop a {
    text-decoration:none;
    color:#7a757;
}

/* Top Link */
#gotop a:hover {
    text-decoration:underline;
    color:#000;
}
p {
    line-height:1.3;
}
strong em {
    color:#5b4e3d;
}
#footer .inside {
    padding:5px;
    text-align:center;
    font-size:90%;
}
#footer .inside a {
    padding:5px;
    text-align:right;
    color:#000;
}

/* Link um nach ganz oben zu springen */
#gotop {
    float:right;
    margin-top:20px;
    margin-right:55px;
    margin-bottom:20px;
    text-align:right;
}

/* Titel für Farbwähler */
.wahler1,
.wahler2 {
    margin-left:10px;
    font-size:18px;
    font-weight:bold;
    letter-spacing:1px;
}
.wahler2 {
    margin-top:15px;
}
#farbe {
    font-size:18px;
    font-weight:bold;
}
.pfeil {
}
#main h1 {
    margin-bottom:10px;
}
#main p {
    margin-bottom:30px;
}
#right div .mod_navigation,
#header .mod_navigation {
    padding:0;
    font-size:18px;
    font-weight:bold;
}
#right .mod_navigation ul {
    margin:0;
    padding:55px 0 0 48px;
}
#header .mod_navigation ul {
    margin:0;
    padding:55px 0 0;
}
#right .mod_navigation li，#header .mod_navigation li {
    margin:0;
    list-style-type:none;
}
#right .mod_navigation a,
#right .mod_navigation span,
#header .mod_navigation a,
#header .mod_navigation span {
    display:block;
    padding:0 8px 0 0;
    line-height:30px;
    text-decoration:none;
    color:#000;
    letter-spacing:1px;
}

/* Rollover und TAB-Fokus */
#right .mod_navigation a:hover,
#right .mod_navigation a:focus,
#header .mod_navigation a:hover,
#header .mod_navigation a:focus {
    color:#7a7577;
}

/* Aktiven Menüpunkt hervorheben */
#right .mod_navigation span.active,
#right .mod_navigation .trail,
#header .mod_navigation span.active,
#header .mod_navigation .trail {
    color:#7a7577;
}
#right a,
#header a {
    text-decoration:none;
}
#subnav {
    padding-top:22px;
    padding-left:48px;
    text-align:justify;
}
#subnav a {
    color:#000;
}

/* HR gepunktet */
.hrdot {
    margin:50px 5px 10px;
    border-top:1px solid #000;
}

/* Weniger Abstand beim letzten Bild wegen Mehr Link */
#right .ce_gallery.css3-2 ul li {
    margin-bottom:30px;
}

/* Weniger Abstand beim letzten Bild wegen Mehr Link */
.row_last {
    margin-bottom: 10px !important;
}

/* Produkt Bilder in der rechten Spalte zentrieren */
#right table {
    margin-right:auto;
    margin-left:auto;
}
.pagination li {
    display:inline;
    margin:0;
    list-style-type:none;
}
.pagination ul {
    margin:0;
    padding:0;
}

/* Pagination bei Gallery ausschalten */
.hidepagination .pagination {
    display:none;
}

/* Rechte Spalte bei mehr weniger Abstand */
.pTopRight {
    margin-top:0;
}
#right p {
    font-size:17px;
    font-weight:bold;
    letter-spacing:1px;
}
#mbCenter {
    background-color:#fff;
    -webkit-border-radius: 0px;
    -khtml-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
#mbImage {
    padding:2px;
}
#mbBottom {
    padding:10px 15px 0;
    color:#000;
}
#mbTitle {
    font-weight:normal;
    color:#000;
}
#mbNumber {
    display:none;
}
#mbPrevLink big,
#mbNextLink big,
#mbCloseLink big {
    font-size:18px;
    font-weight:bold;
    color:#7a7577;
}
#main .pagination ul li {
    margin-right:10px;
}

/* Bildabstand 1 */
.confirmation {
    margin-bottom:8px;
}
.information {
    margin-bottom: 10px !important;
}
#boxen-bg td,
#boxen-muster td {
    margin:10px;
    padding:10px;
}
table #boxen-bg,
table #boxen-muster {
    font-size:2px;
    margin: 20px 10px 10px 10px !important;
    padding: 10px 10px 10px 10px !important;
}

/* Mobile Navigation ausschalten */
#mobnav {
    display: none!important;
}

.selectnav {
    display: none;
}

/* ----------------------------------------------------------------------------- * 
 *                                Media Queries                                  *
 * ----------------------------------------------------------------------------- */
 
@media only screen and (min-width: 1120px) {
    #wrapper {
        width: 1120px;
    }
}



@media only screen and (max-width: 1119px) {
	#wrapper {
        width: 100%;
    }
    
    #right {
	    /* width:33.39285714285714%; /* 374 / 1120 */
	    width:50%
	}
	
	#container{
		padding-right:33.39285714285714%; /* 374 / 1120 */
	}
	
	#right .mod_article {
    	margin-right:12.834224598930483%; /* 48 / 374 */
		margin-left:12.834224598930483%; /* 48 / 374 */
	}
	
	#right .mod_navigation ul {
		padding:14.705882352941178% 0 0 12.834224598930483%;
	}
	
	#subnav {
		padding-left:14.705882352941178%;
	}
	
}


@media only screen and (max-width:767px) {
	
	#head_main {
		height:auto;
	}
	
	#right{
		display: none;
	}
	
	#container {
    	padding-right: 0;
	}
	

/* Mobile Navigation **********************************************/	
	#mobnav, .selectnav {
		display: inline-block;
	}
	
	.selectnav {
		width: 90%; 
		margin: 0 5%;
		display: block;
		margin-top: 10px;
		margin-bottom: 20px;
		height: 35px;
		padding: 8px;
	}
	
	.dark input, .dark select, .dark textarea {
	    background: #a0a0a0;
	    -webkit-box-shadow: inset 0px 0px 1px 1px #333;
	    box-shadow: inset 0px 0px 1px 1px #333;
	    border: 1px solid #171717;
	    color: #fff;
	}
	
	
	
	
}