/* SPECIAL FONTS */


@font-face {
    font-family: 'AllerItalic';
    src: url('/fonts/aller_it-webfont.eot');
    src: url('/fonts/aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_it-webfont.woff') format('woff'),
         url('/fonts/aller_it-webfont.ttf') format('truetype'),
         url('/fonts/aller_it-webfont.svg#AllerItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AllerBold';
    src: url('/fonts/aller_bd-webfont.eot');
    src: url('/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_bd-webfont.woff') format('woff'),
         url('/fonts/aller_bd-webfont.ttf') format('truetype'),
         url('/fonts/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'AllerBoldItalic';
    src: url('/fonts/aller_bdit-webfont.eot');
    src: url('/fonts/aller_bdit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_bdit-webfont.woff') format('woff'),
         url('/fonts/aller_bdit-webfont.ttf') format('truetype'),
         url('/fonts/aller_bdit-webfont.svg#AllerBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AllerLightRegular';
    src: url('/fonts/aller_lt-webfont.eot');
    src: url('/fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_lt-webfont.woff') format('woff'),
         url('/fonts/aller_lt-webfont.ttf') format('truetype'),
         url('/fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AllerLightItalic';
    src: url('/fonts/aller_ltit-webfont.eot');
    src: url('/fonts/aller_ltit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_ltit-webfont.woff') format('woff'),
         url('/fonts/aller_ltit-webfont.ttf') format('truetype'),
         url('/fonts/aller_ltit-webfont.svg#AllerLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
} 

/* BASICS */

* {
 margin:0px;
 padding:0px;
 outline-style:none;
}

html { 
 margin:0px; 
 padding:0px; 
 height:100%;
 -webkit-text-size-adjust: none;
}

body {
 margin: 0px;
 padding: 0px;
 border: 0px;
 font-family: AllerLightRegular, Helvetica, Verdana, Arial, sans-serif;
 font-size:14px;
 color:#4c4c4e;
 line-height: 22px;
 height:100%;

}

.clearboth, .clearright, .clearleft {
 clear: both;
 margin: 0px;
 padding: 0px;
 height: 0px;
 width: 0px;
 line-height: 0px;
 overflow: hidden;
 visibility: hidden;
}

.clearright { clear: right; }
.clearleft { clear: left; }

div, p, span, img {
 margin: 0px;
 padding: 0px;
 border: 0px;
}

p {
 padding: 10px 0px 5px 0px;
}

img { 
 border-style:none;
 border-width:0px;
}

table, tr ,td, tbody {
 padding: 2px 0px 2px 0px;
 margin: 2px 0px 2px 0px;
}

td { 
 vertical-align:top; 
}

h1, h2, h3, h4, h5, h6,
.head1,
.head2 {
 color:#542724;
 display:block;
 padding:0px;
 margin:0px;
 font-weight:bold;
 line-height:22px; 
 font-size:18px; 
 margin-bottom:8px; 
 margin-top:2px; 
 margin-left:-1px;
}

.head2 { 
 line-height:16px; 
 font-size:14px; 
 display:block;
 margin-top:-7px;
}

.ftiny  { font-size:9px; }
.fmini { font-size:10px; }
.fsmall { font-size:11px; }
.fbig { font-size:13px; }
.fhuge { font-size:14px; }

.fcol1 { color:#2d3d4b; }
.fcol2 { color:#df7c2a; }
.fbold { font-weight:bold; }

a { text-decoration:none; color:#542724; }
a:hover { text-decoration:none; color:#401916; }

.hline {
 display:block;
 height:20px;
 line-height:5px;
 font-size:5px;
 width:100%;
 border-top: 1px solid #58585a;
 margin-top:20px;
} 

.hleft {
 float:left;
 text-align:left;
}

.hright {
 float:right;
 text-align:right;
}

#main {
 position:relative;
 display:block;
 margin:0px auto;
 width:1024px;
}

/* INPUTS */

/* INPUTS */

textarea, input, select, .formular {
 padding: 2px 2px 2px 6px;
 font-size: 13px;
 line-height:17px;
 height: 18px;
 border: 1px solid #9d9ea0;
 border-width: 1px 1px 1px 1px;
 font-weight: normal;
 margin:1px 0px 3px 1px;
 font-family: Tahoma, Verdana, Arial;
 background:#fdfdfd;

 /* round corners */
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;

}

textarea:focus, input:focus, select:focus, .formular:focus {
 outline:none;
 /* glow */
 box-shadow: 0px 0px 8px #aaaaaa; 
 -moz-box-shadow: 0px 0px 8px #aaaaaa;
 -webkit-box-shadow: 0px 0px 8px #aaaaaa;  
 background:#f2f2e6;
 border-color:#542724;
}

textarea {
 overflow:auto;
 padding-top:4px;
}

select {
 padding-left:2px;
 height:22px;
 outline-style:none;
}

select option {
 padding:2px 0px 2px 6px;
 outline-style:none;
}

.fieldmark {
 border-color:#ad141c;
}

/* BUTTONS */

input.button,
a.button,
a.button:link,
a.button:visited {
 background:#009144;
 display:inline-block;
 line-height:24px;
 height:24px;
 padding:0px 10px 1px 10px;
 margin:6px 0px 0px 0px;
 color:#ffffff;
 border:0px;
 font-weight:bold;
 font-size:13px;
 /* font-family: Verdana, Helvetica, Arial, Sans-Serif; */
 cursor:pointer;cursor:hand;
}

input.button:hover,
a.button:hover,
a.button:active {
 background:#026d34;
 color:#ffffff;
}

/* CMS ELEMENTS */

.cmstext {

}

.cmstext ul {
 list-style-position:outside;
}

.cmstext ul li {
 margin-left:13px;
}

/* PAGE */

#header {
 display:block;
 position:relative;
 height:230px;
 width:1024px;
 background:url(/images/semirs-restaurant-header.gif);
}

#headinfo {
 font-size:13px;
 display:block;
 position:absolute;
 top:33px;
 left:846px;
 height:116px;
 width:176px;
 line-height:18px; 
 color:#000000;
 overflow:hidden;
}

#headerimg {
 display:block;
 position:relative;
 height:238px;
 width:1024px;
 background:url(/images/back-header-images.gif);
 margin-bottom:12px;
}

#headimg1 {
 display:block;
 height:210px;
 width:313px;
 margin-left:35px;
 margin-top:5px;
 float:left;
}

#headimg2 {
 display:block;
 height:210px;
 width:318px;
 margin-left:5px;
 margin-top:5px;
 float:left;
}

#headimg3 {
 display:block;
 height:210px;
 width:313px;
 margin-left:5px;
 margin-top:5px;
 float:left;
}

#content {
 font-size:14px;
 display:block;
 /* width:924px; */
 width:590px;
 margin-left:50px;
}
/* FOOTER */

#footer {
 border-top:1px solid #58585a;
 font-size:12px;
 padding-bottom:15px;
 margin-top:20px;
 width:924px;
 margin-left:50px;
}

#footer a,
#footer a:visited,
#footer a:active {
 color:#5f3533;
 text-decoration:none;
}

#footer a:hover {
 color:#9b403c;
}

#design { float:right; }
#copyright { float:left; }


/* MENU */

#menu {
 position:absolute;
 display:block;
 top:192px;
 left:205px;
}

#menu a,
#menu a:link,
#menu a:visited {
 text-decoration:none;
 display:block;
 color:#ffffff;
 font-size:17px;
 float:left;
 line-height:25px;
 height:25px;
 font-weight:bold;
 text-align:center;
 margin:0px 13px 0px 13px;
}

#menu a:active,
#menu a:hover {
 color:#d9c598;
}

#menu a.act {
 color:#beb8ab; 
}

#menu a.act:active,
#menu a.act:hover {
 color:#d9c598; 
}

#submenu {
 width:200px;
 display:block;
 margin-bottom:30px;
}

#submenu a {
 display:block;
 font-size:13px;
 line-height:21px;
 height:21px;
 padding:4px 0px 4px 5px;
 font-weight:bold;
 text-decoration:none;
 cursor:pointer;cursor:hand;
 width:195px;
}

#submenu a,
#submenu a:link,
#submenu a:visited {
 text-decoration:none;
 display:block;
 background:#ffffff;
}

#submenu a:active,
#submenu a:hover {
 background:#92afdb;
 color:#ffffff;
}

#submenu a.act {
 background:#eaf1fa;
}

#submenu a.act:active,
#submenu a.act:hover {
 color:#648cca;
 background:#eaf1fa;
}

/* FOTO, FOTOFRAME */

.pic_leftb { float:left; display:block; margin:10px 10px -4px -4px; position:relative;}

.foto { 
 margin:10px 16px 16px 10px;
}

.cmsimg {
 border:1px solid #707072;
 padding:5px;
}


/* std */
.pics0 { float:right; display:block; margin:0px 0px 0px 14px; position:relative; width:198px; }
.pics0 div { margin-bottom:14px; }

/* left */
.pics1 { float:left;  display:block; margin:0px 14px 14px 0px; position:relative; width:198px; }

/* right */
.pics2 { float:right; display:block; margin:0px 0px 14px 14px; position:relative; width:198px; } 

/* big before */
/* big after */
.pics3,
.pics8 { display:block; text-align:center; margin:14px 0px 0px 0px; position:relative;}
.pics3 div,
.pics8 div { margin-bottom:14px; }

/* 2,3,4,5 before */
/* 2,3,4,5 after */
.pics4,
.pics5,
.pics6,
.pics7,
.pics9,
.pics10,
.pics11,
.pics12 { display:block; text-align:center; margin:14px 0px 0px 0px; position:relative;} 
.pics4 div,
.pics5 div,
.pics6 div,
.pics7 div,
.pics9 div,
.pics10 div,
.pics11 div,
.pics12 div { float:left; margin-bottom:14px; margin-right:14px; }


.pic_left a img.zoom,
.pic_right a img.zoom,
.pic_center a img.zoom {
 width:10px;
 height:10px;
 margin:-14px 4px 4px -14px;
 -khtml-opacity:.50;
 -moz-opacity:.50;
 -ms-filter:'alpha(opacity=50)';
 filter:alpha(opacity=50);
 opacity:.50;
}

/* BOXES */

#infobox {
 display:block;
 width:298px;
 float:right;
 margin-right:50px;
 margin-top:40px;
}

.infobox {
 position:relative;
 display:block;
 float:left;
 margin-right:18px;
 margin-bottom:18px;
 width:140px;
 height:140px;
 background:#542724;
 font-size:17px;
 color:#ffffff;
 font-weight:bold;
 cursor:pointer;
 cursor:hand;
}

.infobox .infoimg {
 position:absolute;
 width:140px;
 height:140px;
 top:0px;
 height:0px;
 display:none;
 z-index:0;
}

.infoboxlast {
 margin-right:0px;
}

.infobox .bottom {
 position: absolute;
 bottom: 0px;
 padding:12px;
 z-index:2;
} 

.infobox a,
.infobox a:link,
.infobox a:active {
 color:#ffffff;
}

.infobox a:hover {
 color:#c5c2ac;
}

/* SPEISEN */

.buttonSpeisen {
 height:32px;
 line-height:32px;
 font-size:16px; 
 background:#beb8ab;
 padding:0px 10px 0px 10px;
 display:block;
 float:left;
 margin-right:35px;
 font-weight:bold;
 color:#542724;
 cursor:pointer;
 cursor:hand;
 margin-top:10px;
}

.actSp {
 background:#a39a85;
}

#buttonTageskarte {
 margin-right:0px;
}

.buttonSpeisen:hover {
 background:#a99f8a;
 color:#421c1a; 
}

.areaSpeisen {
 display:block;
}

.areaSpeisen .title {
 float:left;
 width:456px;
 display:block;
 font-weight:bold;
 padding:2px 5px 2px 5px;
 margin-bottom:12px;
}

.areaSpeisen .info {
 font-weight:normal; 
 font-size:13px;
}


.areaSpeisen .preis {
 display:block;
 width:78px;
 float:left;
 text-align:right;
 padding:2px 5px 2px 6px;
 margin-left:3px;
}

/* stuff */
#kontakt_senden { 
 margin-left: 139px; 
 display:block; 
 width:170px; 
 height:25px; 
 float:left; 
 line-height:25px;
 border:0px; 
 border-radius: 5px 5px 5px 5px; 
 -moz-border-radius: 5px 0px 0px 5px; 
 -webkit-border-radius: 5px 0px 0px 5px;
 cursor:pointer;cursor:hand; 
 padding-left:15px;
 background:#542724;
 color:#ffffff;
 font-weight:bold;
}

#kontakt_senden:hover { background:#401916; }
.thinbottommargin {margin-bottom:0px; padding-bottom:0px;}

#facebookbutton {
 float:left;
 margin:3px 0px 0px 0px;
}