/*

 * HTML5 Boilerplate

 * ==|== normalize ==========================================================

 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; }

[hidden] { display: none; }



html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: 'Open Sans', Arial, Helvetica, sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4; }



::-moz-selection { background: #e52d18; color: #fff; text-shadow: none; }

::selection { background: #e52d18; color: #fff; text-shadow: none; }



a, a:after { -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

a { color: #fff; text-decoration:none; }

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

a.active { color: #fff; }

a:focus { outline: thin dotted; }

a:hover, a:active { outline: 0; }

a:hover, a:focus { }



abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }

q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }



ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

dd { margin: 0 0 0 40px; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }



img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }



svg:not(:root) { overflow: hidden; }



figure { margin: 0; }



form { margin: 0; }

fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

button, input { line-height: normal; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

button[disabled], input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

textarea { overflow: auto; vertical-align: top; resize: vertical; }

input:valid, textarea:valid {  }

input:invalid, textarea:invalid { background-color: #f0dddd; }



table { border-collapse: collapse; border-spacing: 0; }

td { vertical-align: top; }



.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }





/* ==|== primary styles =====================================================*/



body { background:#282828 url(../img/bg-body.png) 0 0 repeat-x; padding-top:28px; }



.wrapper { width:901px; margin:0 auto; background:url(../img/bg-site.png) repeat-y; padding-bottom: 5px; position: relative; 

-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,.75);

box-shadow: 0px 0px 15px 0px rgba(0,0,0,.75); 

}



h1, h2, h3, h4, h5, p, ul, ol, table { margin-top:0; }

.justify { text-align:justify;

-webkit-locale: 'de';

-moz-locale: 'de';

-ms-locale: 'de';

locale: 'de';

-moz-hyphens:auto;

-ms-hyphens:auto;

-webkit-hyphens:auto;

hyphens:auto;

word-wrap:break-word; 

}



.grid { float:left; }



footer, .nav { font-family:'PT Sans Narrow', sans-serif; font-weight:700; }



/* 

 * header

 */



header { position:relative; height:283px; background:url(../img/bg-header.png) repeat-y; }



.logo { position:absolute; top:23px; left:50%; margin-left:-91px; }

.logo a { background:url(../img/logo-lorenzi.png) no-repeat; width:183px; height:56px; display:block; }



header .sscont { background:#50504e; width:794px; height:173px; position:absolute; left:52px; top:93px; overflow:hidden; }

header .sscont .shadow { width:794px; height:173px; position:absolute; left:0; top:0; z-index:100; 

-webkit-box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,.75);

box-shadow: inset 0px 5px 10px 0px rgba(0,0,0,.75); 

}



header .slideshow ul { list-style:none; padding:0; }

.slideshow { width: 794px; height:173px; }

/* 

 * nav

 */

 

.nav { z-index:101; position:absolute; left:0; top:260px; width:901px; height:23px; font-size:14px; line-height:23px; text-transform:uppercase; background:url(../img/bg-nav.png); letter-spacing:0.5px; 

-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,.75);

box-shadow: 0px 0px 10px 0px rgba(0,0,0,.75); 

}

.rex-navi1 { padding-left:53px; }

.rex-navi1 > li { float:left; position: relative; background:url(../img/sep-nav.png) right center no-repeat; padding-right:2px; }

.rex-navilev-1 > .last { background:none; }

.nav a { display:block; padding:0 15px 0; }

.nav a:hover, .nav a.active, .nav a.rex-current { text-decoration:none; color:#393938; }



.rex-navi2 { position:absolute; left:0; top:23px; min-width: 100%; line-height:21px; display: none; background:url(../img/bg-nav.png) 0 0; padding: 11px }

.rex-navi1 > li:hover .rex-navi2  { display: block; }

.rex-navi2 a { padding-left:0; white-space: nowrap; }

.rex-navi2 a:hover, .rex-navi2 a.active, .rex-navi2 a.rex-current { color:#393938; }



/* 

 * content

 */



section { margin-bottom:5px; color:#fff; font-weight:400; }

section.watermark { background:url(../img/gfx-watermark.png) center bottom no-repeat; }



aside { float:left; width:155px; padding-left:10px; margin-left:69px; padding-top:168px; }

aside img { display:block; margin-bottom:18px; }



.content {  margin: 0 69px; padding:20px 0 40px; min-height:300px; font-size:12px; line-height:18px; }



.content .imgs { margin-bottom:20px; }

.content .imgs img { float:left; margin-right:4px; 

-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);}

.content .imgs img.last { margin-right:0; }

.content .tinytxt { padding-right:40px; }

.content h1 { font-weight:800; font-size:12px; line-height:18px; }



.team .grid, .cols .grid { margin-right:4px; width:151px; }

.team .chef { width:276px; }

.team .last, .cols .last { margin-right:0; }

.team img, .cols img { display:block; margin-bottom:20px;

-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);

}

.team h1 { margin:0; }



.cols .grid { width:192px; }



#page18 .content .tinytxt {

	float: left;

}

#page40 .xform {

	margin-top: 24px;

}



.xform {

	float: left;

}

.xform p {

	margin-bottom: 12px;

}

.formtext label, .formselect label, .formtextarea label { float: left;  }

.formtext input, .formselect select, .formtextarea textarea { display: block; margin-left: 100px; width: 280px; }

.formsubmit, .required-info { padding-left: 100px; }

ul.form_warning {

	background: #ec3f4b;

	padding: 11px 11px 11px 22px;

	margin-bottom: 24px;

	color: white;

}

p.success {

	background: #ec3f4b;

	padding: 11px;

	margin-bottom: 24px;

	color: white;

}

.form_warning li { margin: 0;}



.nl-online {

	position: absolute;

	right: 0; top: -20px;

	font-size: 11px;

	text-transform: uppercase;

	

}



.new-item {

	padding-bottom: 12px;

	border-bottom: 1px dotted white;

	margin-bottom: 24px;

}

.new-item img { float: left; }

.new-item .desc {

	display: block;

	margin-left: 244px;

}



#home aside {

	padding-top: 37px;

	font-size: 11px;

	text-transform: uppercase;

}

#home aside h3 {

	font-size: 12px;

}

#home aside b, #home aside strong {

	display: inline-block;

	width: 24px;

}



.gallery {

	padding: 20px 0;

}



.gallery a {

	display: inline-block; margin: 0 15px 15px 0;

}

.gallery a:hover {

	box-shadow: rgba(0,0,0,0.75) 0 0 6px;	

}



.times {

	padding-top: 40px;

}



/* 

 * footer

 */



footer .adr { text-align:center; font-size:8.5px; line-height:10px; color:#fff; text-transform:uppercase; letter-spacing:4.5px; }

footer img { margin:0 2px 0 4px; }



/* 

 * Forms

 */



label {  }

label, input, select, textarea {  }

input, select, textarea {  }

input:focus, select, textarea {  }

button { }

button:hover, button:focus { }

p.required { }



.bf_message { padding:6px 10px; color:#fff; margin-bottom:15px; }

#content .bf_message p, #content .bf_message ul { margin-bottom:0; }

.error { background:#C00; }

.success { background:#6C0; }





/* ==|== non-semantic helper classes ======================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }

.hidden, .hide { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

nav .fa-bars{
	display: none;
}

footer li {
    color: white;
    list-style: none;
    float: left;
    font-size: 8.5px;
    line-height: 10px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4.5px;
}

footer .tinytxt{ 
text-align: center;
    margin-top: 20px;
}

footer ul{
	display: inline-block;
	margin: 0;
}

footer li{
}

footer p{
    margin: 0;
    height: 0px;

}

@media all and (orientation:portrait) and (max-device-width: 480px) { 

}



@media all and (orientation:landscape) and (max-device-width: 480px) { 

}



@media screen and (orientation:portrait) and (max-device-width: 768px) {

}



@media screen and (orientation:landscape) and (max-device-width: 1024px) {

  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you

     j.mp/textsizeadjust 

  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */

}



/* 

 * print styles

 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 

 */

@media print {

  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */

  a, a:visited { text-decoration: underline; }

  a[href]:after { content: " (" attr(href) ")"; }

  abbr[title]:after { content: " (" attr(title) ")"; }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */

  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }

  thead { display: table-header-group; } /* h5bp.com/t */

  tr, img { page-break-inside: avoid; }

  img { max-width: 100% !important; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3 { page-break-after: avoid; }

}

@media screen and (max-width : 910px)  {

.wrapper{
	    background: #e4454d;
	    width: 100%;
}

.content{

    margin: 0 52px;
    background-color: #50504e;
    padding: 20px 40px;
}

header{

    background: #e4454d;
}

header .sscont{
	    position: relative;
    width: auto;
    margin: 0 52px;
    left: 0px;
    top: 10px;
}

header .sscont .shadow{


    display: none;
}
.logo{

       position: relative;
    width: 100%;
    left: 0;
    margin-left: 0px;
}

.logo a{
	    text-align: center;
    margin: 0 auto;
}

.nav{
    height: 40px;
    top: 250px;
    background: #a0a0a0;
    width: 100%;
}

.nav >ul{
	display: none;
	background: #a0a0a0;
    margin-top: 40px;
    padding-right: 52px;
    text-align: right;
}

.rex-navi1 > li{
	float: none;
    background: none;
}
.rex-navi1 > li a{
    padding: 3px 6px;
}

.rex-navi2{
	    position: relative;
    top: 0px;
    background: none;
    margin-bottom: 10px;
}

.rex-navi2 li{
	    padding: 0px 25px;
    line-height: 5px;
}

.rex-navi2 li a{
	font-size: 10px;
}

.nav .fa-bars{
	display: block;
}

.nav-bars{
	    width: 100%;
    height: 40px;
    float: right;
    font-size: 25px;
    text-align: right;
    padding-top: 7px;
    box-sizing: border-box;
}

.nav-bars i{    display: block;
    margin-right: 52px;
    padding-right: 8px;
    width: 40px;
    float: right;

}

section.watermark{

    background: none;
}

footer .tinytxt{
	text-align: left;
	margin: 20px 52px;

}

footer ul{
	float: left;
	padding: 0;
    padding-bottom: 10px;


}

footer ul li{
	float: none;
}
}

@media screen and (max-width : 600px)  {

	header .sscont{
		display: none;
	}
	.nav{
	    top: 110px;
	}
	header{

    height: 150px;
}

.new-item .desc{

    margin-top: 10px;
    margin-left: 0px;
}

.new-item img {
    float: none;
}
.content{
	margin: 0 20px;
}

footer .tinytxt{

    margin: 20px 20px;
}

.formtext input, .formselect select, .formtextarea textarea{
	margin-left: 0;
}
.formtext label, .formselect label, .formtextarea label{
	float: none;
}
.formsubmit, .required-info{
	padding-left: 0px;
}

}