/* ruda-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/ruda-v28-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ruda-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/ruda-v28-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ruda-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Ruda';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/ruda-v28-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* RESET */
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; }
:focus { outline:0; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:; }

/* ALLGEMEIN */
body { background-color: #e9f2ef; color:black; font-family: Ruda, Verdana, Arial, Helvetica, sans-serif; text-align:center; padding-top:30px; padding-bottom:10px; background-image: url(/media/allgemein/hg.jpg); }
#complete { text-align:left; width:950px; margin-right:auto; margin-left:auto; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }

/* KOPF */
#kopf {clear:both; }

/* NAVI */
#navi { text-align:center; clear:both; color:black; font-size:1em; padding: 15px 0 15px 20px; margin-top: 8px; border-top: dashed 1px black; border-bottom: 1px dashed black; }
#navi a:link,#navi a:visited { font-size:1.3em; color:#000000; text-decoration:none; font-weight:900; padding-left: 10px; padding-right: 10px;}
#navi a:hover,#navi a.aktiv { color: #edcb9e; }

/* LINKS */
#links {width:300px; float:left; vertical-align:top; padding: 10px 0 30px 0; margin: 8px 0 20px 0; }
#links h1 { font-size:1.3em; font-weight:900; clear:both; margin:20px 40px 10px 0;  }
#links p {  line-height:1.5em; font-size:.85em; padding:10px 40px 0 0; }
#navlist { padding-left: 0; margin: 20px 0 30px 0; border-bottom: 1px solid black; width: 280px; }
#navlist li { font-size: 0.95em; list-style: none; margin: 0; padding: 10px 0; border-top: 1px solid black; }
#navlist li a:link, #navlist li a:visited { text-decoration: none; color: black; text-decoration:none; font-weight:700; }
#navlist li a:hover, #navlist li a.aktiv {color: #edcb9e;  }
#navlist li ul { margin-top: 10px;  }
#navlist li li { list-style: none; margin: 0; padding: 3px 0 3px 10px; border-top: 0px solid black; }
#navlist li li a:link, #navlist li li a:visited { color: black; font-weight: normal; text-decoration: none; }
#navlist li li a:hover, #navlist li li a.aktiv { color: #edcb9e; }

/* CENTER */
#center { background-image:url(/media/allgemein/messergabel.png); background-repeat: no-repeat; background-position: right bottom; padding:20px 0 20px 0; width:650px; float:left; text-align:left; vertical-align:top; margin-top: 8px; min-height: 700px;  }
#center h1 { font-size:2.2em; font-weight:normal; clear:both; margin:20px 40px 20px 20px; }
#center h1 strong { color: #edcb9e;  }
#center h2 { line-height:1.4em; font-size:1em; font-weight:700; margin:40px 40px 40px 20px; }
#center h3 { line-height:1.4em; font-size:1.5em; font-weight:700; margin:0 0 0 20px; clear: both; }
#center p { line-height:1.6em; font-size:.8em; margin: 10px 30px 10px 20px; }
#center ul { font-size:.75em; line-height:1.6em; padding-left:20px; }
#center li { list-style-type:square; }
#center a:link,#center a:visited { color:black; text-decoration:underline; font-weight:900; }
#center a:hover,#center a.aktiv { color:white; text-decoration:underline; }
.tischdecke { margin: 30px 0 0 20px; padding: 10px 10px 10px 10px; width: 600px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-image:url(/media/allgemein/tischdecke50prozent.png); background-repeat: repeat; background-position: left top; }
.wood { margin: 30px 0 0 20px; padding: 10px 10px 10px 10px; width: 600px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-image:url(/media/allgemein/wood.png); background-repeat: repeat; background-position: left top; opacity: 0.8; -moz-opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); }

/* FUSS */
#fuss { padding: 20px 30px 20px 20px; text-align:right; clear:both; border-top: dashed 1px black; }
#fuss p { letter-spacing:1px; font-size:.75em; line-height:1.4em; }
#fuss a:link,#fuss a:visited { color:black; text-decoration:underline; font-weight:900; }
#fuss a:hover,#fuss a.aktiv { color: #edcb9e; text-decoration:underline; }
.tel { color:black; font-weight: 900; font-size:1.4em; padding-bottom: 10px;}

/* TABLES */
#starttabelle { width:600px; margin: 10px 0 10px 20px; }
#starttabelle td { line-height:1.6em; font-size:.8em; vertical-align:top; padding:10px 20px 30px 0; }

#kontakttable { width:600px; margin: 10px 0 10px 20px; }
#kontakttable td { line-height:1.6em; font-size:.8em; vertical-align:top; padding:5px 20px 5px 0; }


/* BILDER KLASSEN */
.bira { background-color:white; padding:5px; border:dotted 1px #bfbfbf; }
.biru { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.birali { background-color:white; margin-right:10px; margin-bottom:1px; padding:3px; float:left; border:solid 1px #dcdcdc; }
.birare { background-color:white; margin-bottom:10px; padding:3px; float:right; margin-left:10px; border:solid 1px #dcdcdc; }
.bili { margin-right:20px; margin-bottom:20px; float:left; }
.bire { margin-bottom:20px; margin-left:20px; float:right; }
.clear { clear:both; }