/*
Kunde: {{aio.visit.domain}}
webdesign: tie-media.de
*/

/* just-another-hand-regular - latin */
@font-face {
  font-family: 'Just Another Hand';
  font-style: normal;
  font-weight: 400;
  src: url(about:blank); /* IE9 Compat Modes */
  src: local(''),
       url(about:blank) format('embedded-opentype'), /* IE6-IE8 */
       url("./fonts/just-another-hand-v19-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("./fonts/just-another-hand-v19-latin-regular.woff") format('woff'), /* Modern Browsers */
       url("./fonts/just-another-hand-v19-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */
       url("./fonts/just-another-hand-v19-latin-regular.svg") format('svg'); /* Legacy iOS */
}

/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url(about:blank); /* IE9 Compat Modes */
  src: local(''),
       url(about:blank) format('embedded-opentype'), /* IE6-IE8 */
       url("./fonts/noto-sans-v27-latin-regular.woff2") format('woff2'), /* Super Modern Browsers */
       url("./fonts/noto-sans-v27-latin-regular.woff") format('woff'), /* Modern Browsers */
       url("./fonts/noto-sans-v27-latin-regular.ttf") format('truetype'), /* Safari, Android, iOS */
       url("./fonts/noto-sans-v27-latin-regular.svg") format('svg'); /* Legacy iOS */
}



a.imds-link {color:#3366FF; text-decoration:none;}
a.imds-link:visited {color:#3366FF; text-decoration:none;}
a.imds-link:hover {color: #3366FF; text-decoration:underline;}
a.imds-link:active { color:#3366FF; text-decoration:none;}


.imds-text{
font-size: 14px;
line-height: 2em;
padding-bottom: 25px;
}

.imds-headline{
font-size: 14px;
font-weight: bold;
line-height: 2em;
padding-bottom: 25px;
}

* { margin: 0; padding: 0; outline: 0; }

html, body { height: 100%; }

body {
    font-size: 12px;
    line-height: 18px;
    font-family: arial, sans-serif;
    color: #fff;
    min-width: 970px;
    }


.cycle {
background: url(about:blank) no-repeat center 0;
background-color: #d8ba7b;
height: 600px;
cursor: move;
}

.index {
width: 100%;
background: url("./images/1920-index.jpg") no-repeat center 0;
background-color: #d8ba7b;

}


.angebot {
width: 100%;
background: url("./images/1920-angebote.jpg") no-repeat center 0;
background-color: #d8ba7b;
}


.imbiss {
width: 100%;
background: url("./images/1920-imbiss.jpg") no-repeat center 0;
background-color: #d8ba7b;
}

.herkunft {
width: 100%;
background: url("./images/1920-herkunft.jpg") no-repeat center 0;
background-color: #d8ba7b;
}

.zellers {
width: 100%;
background: url("./images/1920-zellers.jpg") no-repeat center 0;
background-color: #d8ba7b;
}

.catering {
background: url("./images/1920-catering.jpg") no-repeat center 0;
background-color: #d8ba7b;
}

.tischmaske{
z-index: 99;
}

.shell {
	width: 970px;
	margin: 0 auto;
	padding: 0 0px;
	position: relative;
}

#wrapper2 {
margin-top: 569px;
}


.

#wrapper {
    min-height: 100%;
    height: auto !important; 
    height: 100%;
    margin: 0 auto;
    position: relative;
    
}

a.reg {font-size: 24px; color:#59af7e; text-decoration:none;}
a.reg:visited {font-size: 24px; color:#59af7e; text-decoration:none;}
a.reg:hover {font-size: 24px; color: #59af7e; text-decoration:underline; cursor: pointer;}
a.reg:active {font-size: 24px; color:#59af7e; text-decoration:none;}

a.reg2 {color:#59af7e; text-decoration:none;}
a.reg2:visited {color:#59af7e; text-decoration:none;}
a.reg2:hover {color: #59af7e; text-decoration:underline; cursor: pointer;}
a.reg2:active {color:#59af7e; text-decoration:none;}


input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.cl2 { display: block; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

h2 {color: #fff; padding-top: 10px;}
h3, h4, h5 { font-weight: normal; text-transform: uppercase; color: #3a3a3a; }

h4 {color: #3a3a3a; text-shadow: 1px 1px 1px #fff; }


h2 { font-size: 15px; line-height: 20px; font-family: "HelveticaNeueLTStd77BdCn", arial, sans-serif; }
h3 { font-size: 34px; line-height: 36px; font-family: "HelveticaNeueLTStd67MdCn", arial, sans-serif; word-spacing: -6px; }
/*h4 { font-size: 26px; line-height: 30px; font-family: "HelveticaNeueLTStd67MdCn", arial, sans-serif; padding-bottom: 25px; }  */
h5 { font-size: 17px; line-height: 25px; font-family: 'HelveticaNeueLTStd65Medium', arial, sans-serif; color: #686d73; }


#head { 
position: relative;
width: 970px;
margin: 0 auto;
top: -600px;
z-index: 9999999;
}


#header { 
position: relative;
width: 970px;
margin: 0 auto;
padding-top: 30px;
z-index: 9999999;
}

#schattbox {margin:  : 0 auto; float: left; clear: both; margin-top: -600px; overflow: hidden;}

h1#logo {float: left; clear: both; display: inline; width: 200px; padding-right: 20px; margin-top: -20px;}
h1#logo a { font-family: 'AllerBold', arial, sans-serif; font-weight: normal; font-size: 22px; line-height: 22px; text-transform: uppercase; color: #fff; text-shadow: 1px 1px 1px #fff; }
h1#logo a { display: block; padding-left: 0px; letter-spacing: 1px; word-spacing: -3px; }
h1#logo a:hover { text-decoration: none; }
h1#logo a span { display: block; height: 181px; padding-left: 3px; font-size: 10px; font-family: arial, sans-serif; line-height: 14px; color: #fff; text-shadow: none; letter-spacing: 0; word-spacing: 0; margin-top: -150px; }


.navigation { 
width: 100%;
float: right;
top: 0px;
right: 10px;
}


/* Slider */
#slider { padding-top: 8px; height: 419px; position: relative; overflow: hidden; }
#slider .flexslider { background: none; border: none; width: 100%; height: 370px; }
#slider .slides li { float: left; display: inline; display: none; width: 100%; }
#slider .slides img { padding-left: 11px; width: 462px; float: left; }
#slider .slide-entry { width: 436px; float: right; display: inline; padding-right: 33px; }
#slider .slide-entry p { line-height: 20px; padding: 20px 0 30px 3px; }
#slider .slide-entry h5 { padding-left: 3px; }
#slider .slide-entry .slide-btn { line-height: 0; font-size: 0; text-indent: -4000px; background: url(about:blank) no-repeat 0 0; width: 209px; height: 46px; display: block; margin-left: 1px; }
#slider .flex-direction-nav li .prev,
#slider .flex-direction-nav li .next { font-size: 0; line-height: 0; width: 26px; height: 37px; margin-top: -71px; left: 50%; position: absolute; text-indent: -4000px; }
#slider .flex-direction-nav li .prev { background: url(about:blank) no-repeat 0 0; margin-left: -495px; }
#slider .flex-direction-nav li .next { background: url(about:blank) no-repeat 0 0; right: auto; margin-left: 466px; }
#slider .slider-nav { padding-top: 15px; height: 34px; background: url(about:blank) no-repeat center 0; }
#slider .flex-control-nav { position: static; bottom: 0; }
#slider .flex-control-nav a { width: 22px; height: 22px; font-size: 0px; line-height: 0px; display: block; background: url(about:blank) no-repeat 0 0; }
#slider .flex-control-nav a.active,
#slider .flex-control-nav a:hover { background-position: 0 -22px; }



/* Main */
#main { background: url("./images/pattern.jpg") repeat center 0; position: relative; }
#main-outer { background: url("./images/schatt.jpg") no-repeat center top; }
#main-inner { background: url(about:blank) no-repeat center bottom; padding-top: 51px; } 


.hoeher{ 
clear: both;
position: relative;
top: -600px;
}



#contentleft { width: 630px; float: left; display: inline; } 

*/

.post { padding-bottom: 67px; }
.post p { padding-bottom: 14px; }
.post a { text-decoration: underline; }
.post a:hover { text-decoration: none; }
.post .btn-more { font-size: 0; line-height: 0; text-indent: -4000px; display: block; width: 95px; height: 31px; background: url(about:blank) no-repeat 0 0; }
.post .entry { padding-right: 2px; padding-top: 1px; }
.post .cols-entry { padding-left: 2px; padding-top: 0; }

.four-cols { padding-top: 9px; padding-bottom: 2px; }
.four-cols .col { float: left; display: inline; width: 225px; padding-right: 15px; }
.four-cols .last { padding-right: 0; }
.four-cols img { padding: 1px; border: 1px solid #a2a2a2; }
.four-cols .image-holder { display: block; }
.four-cols .entry { padding: 14px 2px 0 1px; }
.four-cols .entry p { padding-bottom: 4px; }
.four-cols .more { padding-right: 6px; background: url(about:blank) no-repeat right 6px; padding-left: 1px; text-decoration: none; }
.four-cols .more:hover { text-decoration: underline; }


.zweidrittelset { padding-top: 0px; padding-bottom: 0px; }
.zweidrittelset .col{ float: left; display: inline; padding-right: 16px; }
.zweidrittelset .entry { padding: 10px 10px 10px 10px; }
.zweidrittelset .entry p { padding-bottom: 4px; }
.zweidrittelset .last { padding-right: 0; }
.zweidrittelset .image-holder { display: block; }

#boxsetzweidrittellinks{
float:left; 
position: relative; 
top: 0px;
margin-left: 0px;
width: 465px; 
background: #fff;
border: 6px solid #fff;
color: #fff;
display: block;
margin:0px 0px 0px 0px; 
font-family: 'Noto Sans', sans-serif;
font-size: 12px;
line-height: 20px;
background-color: black;
text-align:justify;
}

#boxsetzweidrittelrechts{
float:left; 
position: relative; 
top: 0px;
margin-left: 0px;
width: 465px; 
background: #fff;
border: 6px solid #fff;
color: #fff;
display: block;
margin:0px 0px 0px 0px; 
font-family: 'Noto Sans', sans-serif;
font-size: 12px;
line-height: 20px;
background-color: black;
text-align:justify;
}


.zweierset { padding-top: 0px; padding-bottom: 5px; }
.zweierset .col{ float: left; display: inline; width: 477px; padding-right: 16px; }
.zweierset .entry { padding: 10px 10px 10px 10px; }
.zweierset .entry p { padding-bottom: 4px; }
.zweierset .last { padding-right: 0; }
.zweierset img { padding: 0px; border: 0px solid #a2a2a2; }
.zweierset .image-holder { display: block; }

#boxset2{
float:left; 
position: relative; 
top: 0px;
margin-left: 0px;
width: 465px; 
background: #fff;
border: 6px solid #fff;
color: #fff;
display: block;
margin:0px 0px 0px 0px; 
font-family: 'Noto Sans', sans-serif;
font-size: 12px;
line-height: 20px;
background-color: black;
text-align:justify;
}


.viererset { padding-top: 0px; padding-bottom: 5px; }
.viererset .col{ float: left; display: inline; width: 231px; padding-right: 15px; }
.viererset .entry { padding: 10px 10px 10px 10px; }
.viererset .entry p { padding-bottom: 4px; }
.viererset .last {float: left; padding-right: 0px; }
.viererset img { padding: 0px; border: 0px solid #a2a2a2; }
.viererset .image-holder { display: block; }

#boxset4{
float:left; 
position: relative; 
top: 0px;
margin-left: 0px;
width: 219px; 
min-height: 410px;
background: #fff;
border: 6px solid #fff;
color: #fff;
display: block;
margin:0px 0px 0px 0px; 
font-family: 'Noto Sans', sans-serif;
font-size: 12px;
line-height: 20px;
background-color: black;
}


/* Sidebar */
#sidebar { 
width: 320px; 
float: right; 
display: inline; 
padding-left: 0px; 

}
#sidebar li { list-style: none; }


/* Footer */
/* footer { height: 219px; bottom: 0px; margin: 0 auto;} */
#footer { height: 380px; bottom: 0px; margin: 0 auto;}
#footer-push { height: 119px; }
#footer { font-size: 11px; }
#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer .three-cols { background: #0c0c0c url("./images/footer-top-lights3.png") no-repeat center center; padding-left: 0px; padding-top: 35px; padding-bottom: 30px; border-bottom: 0px;}
/*#footer .three-cols { background: #0c0c0c url("./images/footer-top-lights.webp") no-repeat center 0; padding-left: 0px; padding-top: 35px; padding-bottom: 44px; border-bottom: 0px solid #980000; }*/
#footer .three-cols .col { width: 300px; float: left; display: inline; padding-right: 30px; }
#footer .three-cols .last { float: left; padding-right : 0; width: 300px; }
#footer .three-cols h4 { color: #fff; border-bottom: 1px dashed #ccc; padding-bottom: 0px; margin-bottom: 14px; }
#footer .three-cols .entry { font-size: 11px; padding-left: 2px; }




.rundebox {
padding: 6px;
border:1px solid #dcdcdc;
margin-right: 3px;
margin-bottom: 5px;
background-color: #fff;
}

.rundebox:hover {
padding: 6px;
border:1px solid #aaa;
margin-right: 3px;
margin-bottom: 5px;
background-color: #fff;
}


.logomarkenbox{
padding: 7px 3px 3px 5px;
}

.pb12{
padding-bottom: 12px;
}

.footerheadline{
font-family: Just Another Hand;  
font-size: 27px;
color: #fff;
text-transform:none;
line-height: 30px; 
padding-bottom: 25px;
}

.angeboteoboxheadline{
font-family: Just Another Hand;  
font-size: 27px;
color: #fff;
text-transform:none;
padding-top: 8px;
padding-bottom: 8px;

}

.imbissdatum{
font-family: Just Another Hand;  
font-size: 23px;
text-decoration:underline;
color: #fff;
text-transform:none;
padding-top: 8px;
padding-bottom: 0px;

}


.logomarken {
font-family: Just Another Hand;  
font-size: 32px;
color: #fff;

padding: 10px;
border:1px solid #000;
margin-right: 3px;
margin-bottom: 5px;

display:block;
-pie-png-fix: true;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px 4px 4px 4px;

}

.logoimg {
padding: 5px;
border:0px solid #dcdcdc;
display: block;
}

#wrapperv3{
width: 590px; 

margin: 0 auto;
padding:30px 30px 30px 30px;
overflow:hidden; 
display:block;
-pie-png-fix: true;

	
	border: 6px solid #fff;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 5px;
	
	-webkit-box-shadow: #666 0px 2px 8px;
	-moz-box-shadow: #666 0px 2px 8px;
	box-shadow: #666 0px 2px 8px;
	
background:url("./images/kreidetafel.jpg") repeat;


behavior: url(about:blank);

}



#videobox{
width: 620px; 
height: 348px;
padding:0px 0px 0px 0px;
overflow:hidden; 
display:block;
background:url("./images/kreidetafel.jpg");
border: 6px solid #fff;
z-index: 0;
}

#videoboxrechts{
float: right;
width: 308px; 
height: 348px;
padding:0px 0px 0px 0px;
overflow:hidden; 
display:block;
background:url("./images/kreidetafel.jpg");
border: 6px solid #fff;
}


#angebotstafel{
width: 620px; 
height: 410px;
padding:0px 0px 0px 0px;
overflow:hidden; 
display:block;
background:url("./images/kreidetafel.jpg");
border: 6px solid #fff;
}

#imbisstafel{
width: 620px; 
height: 680px;
padding:0px 0px 0px 0px;
overflow:hidden; 
display:block;
background:url("./images/kreidetafel700.jpg");
border: 6px solid #fff;
}

#imbisstafelrechts{
float: right;
width: 308px; 
height: 680px;
padding:0px 0px 0px 0px;
overflow:hidden; 
display:block;
background:url("./images/kreidetafel700.jpg");
border: 6px solid #fff;
}


.angebotsbox{
margin:10px 10px 10px 10px;
font-family: Just Another Hand; 
font-size: 32px;
line-height: 35px;
color: #fff;
padding: 10px;
border:0px solid #fff;
}

.textheadliner{
font-family: Just Another Hand; 
font-size: 32px;
line-height: 35px;
color: #fff;
}

.randlos{
padding: 0px;
border: 0px;
}

.tafelheadline{
font-family: 'Lobster Two', cursive;
}


#angebotstafelrechts{
float: right;
width: 308px; 
height: 410px;
padding:0px 0px 0px 0px;
overflow:hidden; 
display:block;
background:url("./images/kreidetafel.jpg");
border: 6px solid #fff;
}


.angebotsboxrechts{
text-align: center;
margin:10px 10px 0px 10px;
font-family: Just Another Hand; 
font-size: 60px;
line-height: 80px;
color: #fff;
padding: 0px;
border:0px solid #fff;
}


.abstand6{
padding-top: 6px;
}

.linie5{
line-height: 5px;
}


#spalterechts{ 
float:left; 
position: relative; 
top: 15px;
margin-left: 0px;
width: 289px; 
text-align: justify;
background: #fff;
border: 6px solid #ddd;
color: #666;
display: block;
margin-bottom: 12px;
padding: 10px 10px;
font-family: Tahoma, Trebuchet MS, Arial, Helvetica, Tahoma, Verdana;
font-size: 12px;
line-height: 20px;
}


#zeilenbox100{ 
clear: both;
float:left; 
position: relative; 
top: 15px;
bottom: 0px;
width: 938px; 
border: 6px solid #fff;
color: #666;
display: block;
margin:0px 0px 20px 0px; 
padding: 10px 10px;
font-family: Just Another Hand; 
font-size: 32px;
line-height: 38px;
color: #fff;
background-color: #1d1d1d;
}

#querbox100{ 
clear: both;
float:left; 
position: relative; 
top: 0px;
bottom: 20px;
width: 938px; 
border: 6px solid #fff;
color: #666;
display: block;
margin:0px 0px 20px 0px; 
padding: 10px 10px;
font-family: Just Another Hand; 
font-size: 26px;
line-height: 38px;
color: #fff;
background-color: #1d1d1d;
}




#topbox100{ 
clear: both;
float:left; 
position: relative; 
top: 0px;
bottom: 20px;
width: 938px; 
border: 6px solid #fff;
color: #666;
display: block;
margin:0px 0px 20px 0px; 
padding: 10px 10px;
font-family: Just Another Hand; 
font-size: 26px;
line-height: 38px;
color: #fff;
background:url("./images/kreidetafel1000.jpg");
}

#impressumbox100{ 
clear: both;
float:left; 
position: relative; 
top: 0px;
width: 938px; 
border: 6px solid #fff;
color: #666;
display: block;
margin:0px 0px 0px 0px; 
padding: 10px 10px;
font-family: 'Noto Sans', sans-serif;
font-size: 14px;
line-height: 24px;
color: #fff;
background-color: #1d1d1d;
}

.ihead{
font-size: 16px;
font-weight: bold;
}

a.glink {font-weight: normal; color:#f1b97e; text-decoration:none; }
a.glink:visited {font-weight: normal; color:#f1b97e; text-decoration:none; }
a.glink:hover {font-weight: normal; color: #f1b97e; text-decoration:underline; }
a:glink:active {font-weight: normal; color:#f1b97e; text-decoration:none; }



.wordspaced{
word-spacing: 2px;
}

.center{
text-align: center;
font-family: Just Another Hand; 
font-size: 35px;
padding-bottom: 10px;
}

.rechtsbund{
text-align: right;
}

.blocksatz{
text-align:justify;
}

.textkleiner {
font-family: 'Noto Sans', sans-serif;
font-size: 12px;
line-height: 18px;
}

.kleiner{
	font-family: 'Ruluko', sans-serif;	
	font-size: 12px;
	font-weight: bold;
	padding-left: 4px;
	padding-top: 10px;
	line-height: 10px;
}