html {height:101%;}
body {margin: 0px; height:101%; background: url('../images/bgr.png'); }
td,tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  color            : #333333;
}

hr { background: #999999; height: 1px; width:100%; }
h1 {font-family:Arial, Verdana, Helvetica; }
h3 {color:#ff6600; color:blue; }

/*different setting for newsflash*/
.newsflash td {
color: #000000;
text-align: justify;
vertical-align: middle;
}

/*setting for the greetings*/
.mainpage {
text-align: justify;
color: #333333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
  background: #eeeeee;
}
.mainpage-bkg {
	background-image: url('../images/lineborder.png');
	width: 1px
}

.greybg {
  background: #eeeeee;
}

/*pathaway setting*/
.pathway {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 9px;
}

a.pathway:link, a.pathway:visited { color: #ff9900; font-weight: normal; }
a.pathway:hover                   { color: #ff3300; font-weight: normal; text-decoration: none; }

/*for title or site name*/
.title { font-family: sans-serif; font-size: 18px; font-weight: bold; color : #000000; margin-left: 8px; }

/*for the tag-line*/
.subtitle { font-family: sans-serif; font-size: 10px; font-weight: bold; color: #666666; text-transform: uppercase; letter-spacing: 2px; margin-left: 20px; }

#active_menu { color: #000000; }

/* --Default Class Settings-- */
.pollstableborder { border: 1px solid; padding: 1px; }

table.moduletable {
	margin-bottom: 15px;
	width: 100%;
	background: url('../images/bgr.png'); padding-left:2px; padding-right:0px; padding-top:5px; padding-bottom:5px
}

table.moduletable th {
	font-size        : 11px;
	font-weight      : bold;
	color            : #000000;
	text-align       : left;
	width            : 100%;
	letter-spacing: 2px;
	text-indent:    5px;
	padding-bottom: 3px;
}

table.moduletable li {
}

table.moduletable ul {
	padding: 0px;
}
table.moduletable td {
font-size: 10px;
font-weight: normal;
}

.poll {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #666666;
  line-height      : 14px;
}

table.pollstableborder {
	border: 1px solid #cccccc;
}

.sectiontableheader {
  background-color : #CCCCCC;
  color            : #333333;
  font-weight      : bold;
}

.sectiontableentry1 {
  background-color : #F0F0F0;
  line-height:18px;
}

.sectiontableentry2 {
  background-color : #E0E0E0;
  line-height:18px;
}

.small {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-decoration  : none;
  font-weight      : bold;
}

.smalldark {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #000000;
  text-decoration  : none;
  font-weight      : normal;
}


.contentpane {
  background       : #dedede;
  border           : 1px solid #FFCCCC;
}

.contentpaneopen {
  border : 0px ridge #0099cc;
  width: 100%;
  padding: 1px;
}

.contentheading, .componentheading {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 12px;
  font-weight      : bold;
  color            : #ff9900;
  text-align       : left;
}

.createdate {
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #999999;
  text-align       : left;
}


.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  font-size        : 11px;
  font-weight      : bold;
  background-color : #F0F0F0;
  color            : #000000;
  border           : 1px solid #CC0000;
}

.inputbox, .input-captcha {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 13px; padding:5px; 
  color            : #000000;
  background-color : #F0F0F0;
  border           : 1px solid #CCCCCC;
}
.input-captcha { padding-left:8px; font-size:16px; letter-spacing:10px; width:110px;}
#contact_text {width:320px;}
#button-kontakt {font-size:14px; padding:5px; border:1px solid #69AAC6;}

a:link, a:visited { color: #ff6600; text-decoration: none; }
a:hover           { color: #ff3300; text-decoration: underline; }

/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
 	color: #ff9900;
	text-align:left;
	text-decoration: underline;
	}

a.contentpagetitle:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align:left;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	}

a.category:link, a.category:visited {
  color      : #cc3333;
  font-size  : 11px;
  line-height: 18px;
  font-weight: bold;
}

a.category:hover {
  color            : #999999;
}

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #ffae00;
	border-left: outset 2px #ff9900;
	border-right: outset 2px #808080;
	border-top: outset 2px #ff9900;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	background-color : #e5e5e5;
	border-left: outset 2px #E0E0E0;
	border-right: outset 2px #E0E0E0;
	border-top: outset 2px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	/* Cannot use hand as its not a W3C CSS validator */
	/*	cursor: hand;*/
	font-weight: normal;
}
.tabpadding {
}

.tabheading {
	background-color: #ffae00;
	text-align: left;
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}
.code {
	background-color: #f0f0f0;
	border: 1px solid #FFF;
}

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}

/* Javascript Back button */
.back_button {
	text-align: center;
	margin-top: 40px;
}

table.contenttoc {
	color: #333300;
	background-color: #e0e0e0;
	border: 1px solid #333;
}

table.contenttoc td {
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

li {
  line-height: 15px;
  padding-left: 10px;
  padding-top: 0px;
  /*background-image: url('../images/arrow.png') ;*/
  background-repeat: no-repeat;
  background-position: 0px 3px
}


table.searchinto {
	width: 100%;
}

table.searchintro td {
	background-color: #293C43;
	color: #ffffff;
	font-weight: bold;
}

form {	margin: 0; padding: 0; }

a.mainlevel-home:link, a.mainlevel-home:visited {
display: block;
color: #006666;
font-weight: bold;
font-size: 11px;
background-image: url('../images/menu_bgr.png');
background-repeat: no-repeat;
background:#FF9933;
width: 95%;
text-indent: 15px;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 20px;
margin-bottom: 1px;
border-right: 8px solid;
border-right-color: #FF6600;
}
a.mainlevel-home:hover {
color: #333333;
background:#FF9933;
border-right-color: #008080;
}

.arta{font-family:arial,verdana,arial;font-size:16px;color:#FF6600;font-weight:bold;font-style:italic;}
.arth{font-family:verdana,arial;font-size:12px;color:#000000;font-weight:bold;}
.artn{font-family:verdana,arial;font-size:10px;color:#000080;}
.artz{font-family:verdana,arial;font-size:12px;color:#000000;}
.artd{font-family:verdana,arial;font-size:10px;color:#000080;font-weight:normal;}

.banner{background-image: url('../images/bg_logo_hell.jpg');}

.antipasti {background:#FFFFFF;background-image: url('http://www.iltramonto.at/pics/tramonto/hg_antipasti.jpg')  ;background-repeat:no-repeat;}
.pasta     {background:#FFFFFF;background-image: url('http://www.iltramonto.at/pics/tramonto/hg_pasta.jpg')      ;background-repeat:no-repeat;}
.spaghetti {background:#FFFFFF;background-image: url('http://www.iltramonto.at//pics/tramonto/hg_spaghetti.jpg') ;background-repeat:no-repeat;}
.minestrone{background:#FFFFFF;background-image: url('http://www.iltramonto.at//pics/tramonto/hg_minestrone.jpg');background-repeat:no-repeat;}
.insalata  {background:#FFFFFF;background-image: url('http://www.iltramonto.at//pics/tramonto/hg_insalata.jpg')  ;background-repeat:no-repeat;}
.pizze     {background:#FFFFFF;background-image: url('http://www.iltramonto.at/pics/tramonto/hg_pizze.jpg')      ;background-repeat:no-repeat;}
.pesce     {background:#FFFFFF;background-image: url('http://www.iltramonto.at/pics/tramonto/hg_pesce.jpg')      ;background-repeat:no-repeat;}
.dolce     {background:#FFFFFF;background-image: url('http://www.iltramonto.at/pics/tramonto/hg_dolce.jpg')      ;background-repeat:no-repeat;}
.bevande   {background:#FFFFFF;background-image: url('http://www.iltramonto.at/pics/tramonto/hg_bevande.jpg')    ;background-repeat:no-repeat;}
.burger    {background:#FFFFFF;background-image: url('http://www.iltramonto.at/pics/tramonto/hg_burger.jpg')     ;background-repeat:no-repeat;}

.imageContainer { padding: 0px; border: 0px solid blue;}
.imageBorder { margin:4px; float:left; background-color: #FFF; padding: 4px; padding-left:4px; border: solid 1px #ff9933; }
.imageImageBorder { border: solid 0px #B50000; }
.imageCaption { color: #666; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.imageStyle { cursor:pointer; border:0px solid green; }

.mob-yes { display:none; }
.mob-no  { display:block;  }
.drei {border:0px solid blue; float:left; width:31%; margin-top:8px; text-align:center; padding:5px;}
.drei img {width:100%; height:auto;}
img.allergene {width:100%; height:auto;}

@media screen and (max-width: 801px) {
	.imageContainerX { padding: 0px; border: solid 0px green; width:100%; left:3px;}
	.imageContainerX img { width:100%; height:auto;}
	.mob-yes { display:block; }
	.mob-no  { display:none;  }
	.drei {border:0px solid green; float:left; width:31%;}
	img.imageStyle {width:99%; height:auto;}
	
	.imageBorderXX {width:50%; border:2px solid magenta; }
	img.top-class  {width:99%;}	
}
@media screen and (max-width: 501px) {
	.imageContainerX { padding: 0px; border: solid 1px green;  width:99%; left:30px; position:absolute; top:180px;}
	.imageContainerX img { height:auto;}
	.drei {border:0px solid red; float:none; width:99%;}
	.imageStyle {width:40%;}
	img.imageStyle {width:99%; height:auto;}
	.imageBorder {width:44%; border: solid 1px red; }
	.imageBorderXX {width:50%; border:2px solid magenta; }
	img.top-class  {width:99%;}
	
}

/*  kab.php */
input {border:1px solid #ccc; }
.lief {float:left; min-width:260px; border:0px solid green; padding:5px 15px 5px 0px; margin-right:15px; text-align:left; }
.lief input { width:100%; max-width:300px; padding:5px; }
.dtime      { padding:5px; }
.clear      { clear:both; }
table.basket-table td {border-bottom:1px solid #ddd; }

/* kzu.php */
input {border:1px solid #ccc; }
.lief {float:left; min-width:260px; border:0px solid green; padding:5px 15px 5px 0px; margin-right:15px; text-align:left; }
.lief input { width:100%; max-width:300px; padding:5px; }
.dtime      { padding:5px; }
.clear      { clear:both; }

/* ################## */
.cookie-popupX { text-align: center; font-family: arial, verdana; background: #e5e5e5; border:2px solid #333; 
				 position: fixed; height:130px; bottom:3px;  width:95%; max-width:470px;  
				 z-index: 9999; font-size:26px; line-height:22px; padding: 5px; border-radius:0px; }
.hinweis div   { font-size:14px;}
.cookie-popupY { position: fixed; z-index:2; bottom:44px; left: 20px; background:#6AACC6; border-radius:15px; padding:8px; font-size:20px; } 
.cookie-popupZ { position: fixed; background:#e5e5e5; border-radius:15px; padding:8px; }
  
.no-cookie  { background:#69AAC6; text-align:left; color: #ffffff; cursor: grabbing; font-size:16px; border:1px solid #333;}
.yes-cookie { background:#69AAC6; text-align:left; color: #ffffff; cursor: pointer;  font-size:16px; border:1px solid #333;}
.nixCCC     { display:block; margin:auto; width:50%; margin:auto; text-align:center;}
h4          { font-weight:normal; font-family: Verdana,arial; margin-top:10px; margin-bottom:0px; font-size: 1.2em; color:#CC0000; }


@media (max-width: 860px) {
	.cookie-popupX { min-height:220px; width:95%; max-width:340px; line-height:20px; }
	.no-cookie  { background:#69AAC6; text-align:left; color: #fff; width:220px; margin:3px; margin-bottom:10px; }
	.yes-cookie { background:#69AAC6; text-align:left; color: #fff;   width:220px; }
}