@import url("color.css");
@import url("fontawesome-free/css/fontawesome-all.min.css");
@import url("glightbox.css");

/* global */
html{height: 100%;}

@page
{
	size:21.0 cm 29.7 cm;	
	widows: 5;	
}

@page :footer
{
	content: "Seite " decimal(pageno), ;
	border-top:thin solid black;	
}
	
body
{ 
	font-family: arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: .78em;	
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

ul
{ margin: 0px;
  padding: 0px 0px 16px 16px;
  line-height: 1.7em;
}

b
{
	color:var(--main-theme-color);
}

/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}
	
.noprint
{
	display:none;	
}

.ucase
{
  text-transform: uppercase;	
}

.label
{
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	color:var(--main-theme-color);
}

.book
{
	text-transform: uppercase;
	page-break-before:always;
	font-weight: bold;
	color:var(--main-theme-color);
}

h1, h2, h3, h4
{ font-size: 110%;
  letter-spacing: .1em;
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  text-transform: uppercase;
  font-weight: bold;
  color:var(--main-theme-color);
}

img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;
}

img.titlepicture
{
	//page-break-after:always;
}
	
img.shadowed_landscape 
{ 
	padding-right:15px; 
	padding-bottom:15px; 
}

img.shadowed_portrait 
{ 
	padding-right:15px; 
	padding-bottom:15px; 
}

img.shadowed_landscape_wide 
{ 
	padding-right:15px; 
	padding-bottom:15px;
}

img.shadowed_portrait_wide 
{ 
	padding-right:15px; 
	padding-bottom:15px; 
}

a
{
	outline: none;
	color: #000000;	
}

form{padding: 0; margin: 0;}

/* image positioning - left, right and center */
.left { float: left; }
.right 
{
	float: right;
	padding-left: 15px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* ingredients */
#ingredients
{
    float: left;
    margin: 15px 10px 10px 0px; 
    padding: 5px 0px 0px 5px;
}

/* pictures */
#pictures
{
    float: right;
}

#make_recipe
{
    clear: right;
    margin: 15px 10px 10px 0px; 
    padding: 5px 0px 0px 5px;
}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #breadcrumbs, #site_content
{ margin-left: auto; 
  margin-right: auto;
}

input{display: none;}

/* sidebar */
.sidebar
{ 
	display:none;
}

/* page content */
#content
{ width: 710px;
  text-align:left;
  margin: 10px;
  float: left;
}

#content p
{
	text-align:justify;
}

#content h1{font-size: 125%;}


#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}

/* sNews */
fieldset, .comment, .commentsbox{margin-bottom: 10px;}

fieldset
{ border: 1px solid; 
  padding: 10px 8px;   
}

textarea
{ width: 95%; 
  height: 200px;
  padding: 3px;
}

.date
{ border-top: 1px solid; 
  margin: 15px 0px 5px 0px;
  font-weight: bold;
}

/* lightbox settings */
#lightbox
{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails
{
	font-size: 0.8em;
	padding-top: 0.4em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/pictures/overlay.png); }

* html #overlay
{
	background-color: #333;
	background-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/pictures/overlay.png", sizingMethod="scale");
}