@media (min-width: 1071px){
  div#home {
    width:90%;
	border:0px solid red;
    margin-left:0%; margin-right:auto;
    text-align:justify;
	padding:0px;
  }
  div.home_pic {
  	position:relative; top:0%; left:0%;
	width:304px; height:500px;
	background-image:url(../Bilder/tonform_304.jpg); background-repeat:no-repeat;
	padding-bottom:30px;
  }
}

@media (max-width: 1070px){
  div#home {
    width:100%;
	border:0px solid red;
    margin-left:15%; margin-right:auto;	margin-top:-10px;
    text-align:justify;
	padding:0px;
  }
  div.home_pic {
  	position:relative; top:0%; left:0%;
	width:304px; height:500px;
	background-image:url(../Bilder/tonform_304.jpg); background-repeat:no-repeat;
  }
}

@media (max-width: 790px){
  div#home {
    width:110%;
	border:0px solid red;
    margin-left:15%; margin-right:auto;	margin-top:-10px;
    text-align:justify;
	padding:0px;
  }
  div#home h1 {font-size:1.1em;}
  div#home h2 {font-size:1em;}
  div.home_pic {
  	position:relative; top:0%; left:0%;
	width:204px; height:336px;
	background-image:url(../Bilder/tonform_204.jpg); background-repeat:no-repeat;
  }
}

html, body {
	height:101%; /* blendet vert-scrollbalken permanent ein */
	width:100%;
}

body {
	background-color: #eee;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	margin: 0; /* wichtig fuer Firefox, IE, Safari &; Co */
    padding: 0; /* wichtig fuer Opera */
	min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
	background-image:url(../Grafiken/naviggrey.gif); background-repeat:repeat-y;
	background-position:7.9% 0px; background-attachment:fixed;
}

* html div.aktuell_zettel { /* fuer IE6 */
  margin-bottom:-100px;
  margin-top:100px;
  border:0;
  z-index:99;
}
*:first-child+html div.aktuell_zettel { /* fuer IE7 */
  margin-bottom:-100px;
  margin-top:100px;
  border:0;
  z-index:99;
}
div.aktuell_zettel {
    border:0px solid red;
    margin-top:-5%;
	z-index:99;
}

h1 {
	font-size:16px;
	font-weight:normal;
	padding:10px 0px 10px 0px;
}
h2 {
	font-size:14px;
	font-weight:bold;
	padding:10px 0px 5px 0px;
}
h3 {
	font-size:13px;
	font-weight:bold;
	padding:10px 0px 5px 0px;
}

div#logo {
	position:fixed; top:4%; left:7.9%;
	width:150px; height:167px;
	background-image:url(../Grafiken/logo.gif); background-repeat:no-repeat;
}

div#navigcontainer {
	position:fixed;
	border: 0px solid green;
	top:43%; left:7.6%;
}

p.cover { /* dieses p deckt den unteren Teil der alten php-Navigation zu (navig.php muss auch angepasst werden) */
    position:absolute;
	top:64%; left:-6%;
	width: 155px; height:100px;
	border: 0px solid blue;
	z-index:81; /* 1 mehr als in style_navig.css */
}

div#containertable { 
	width:87%; height:100%;
	margin:0 0 0 9%; border:0px solid red; padding:0;
	display:table;
}

div#containertd { 
	width: 90%; height:auto;
	margin:0;  padding-right:4%;
	border:0px solid blue;
	display:table-cell; vertical-align:middle;
}

div#content	{
    width:65%;
	border:0px solid lime;
    margin-left:23%; margin-right:auto;
    text-align:justify;
	padding:10px 0px;
}

.obj {
	width: 150px; height:140px;
	background-color:#fff;
	text-align:center;
	margin:0; padding:0;
}
.obj img{
	border:0px solid green;
}

.empty_obj {
	width: 150px; height:140px;
	background-color:#eee;
	text-align:center;
	margin:0; padding:0;
}

ul#innernavig {
	width:auto;
	margin:0 0 20px 0; padding:6px 0px;
	text-align: center;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
ul#innernavig li {
	list-style: none;
	display: inline;
	margin: 0; padding: 0;
}
ul#innernavig a {
	font-size: 1.1em;
	padding: 0px;
	text-decoration: none; font-weight: normal;
	color: #000;
	vertical-align:middle;
}
ul#innernavig span a {
	color:#888;
}
ul#innernavig a:hover {
	color: #888;
}
.innernavig_active {
	/*padding:0px; margin-right:-30px; margin-bottom:0px;*/
	font-style:italic;
}
.separator {
	padding: 0px 8px;
	color: #000;
	font-weight:100;
	font-size:15px;
}

span#bi_link {
	position:fixed; bottom:2%; left:8%;
	width:137px; height:20px;
	background-image:url(../Grafiken/bi_link.gif); background-repeat:no-repeat;
}

img#homeimg {
	width:535px;
	height:87px;
	border:0;
}

.thumb {
	border:0;
}
.hspace {
	width:5%;
}
.vspace {
	height:20px;
}

p.invis {
	font-size:2px;
	color:#eee;
}

.fwd {
	background-image:url("../Grafiken/fwd.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding-left:9px;
	text-decoration:none;
	color:#000;
	font-size:12px;
	font-style:italic;
	margin-left:3px;
}
.back {
	background-image:url("../Grafiken/back.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding-left:10px;
	text-decoration:none;
	color:#000;
	font-style:italic;
	font-size:12px;
	margin-left:3px;
}

div.info {
	width:auto; height:14px;
	background-image:url("../Grafiken/info.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding:7px 0 0 23px;
	color:#000000;
	font-size:12px;
}
div.error {
	width:auto; height:14px;
	background-image:url("../Grafiken/info2.gif");
	background-repeat:no-repeat;
	background-position:left;
	padding:7px 0 0 23px;
	color:#e71700;
	font-size:12px;
}
.hr {
	margin:8px 0px;
	height:1px;
	width:100%;
	background-image:url("../Grafiken/1px.gif");
	background-repeat:repeat-x;
}
.hr_dotted {
	margin:8px 0px;
	height:1px;
	width:100%;
	background-image:url("../Grafiken/1.1px.gif");
	background-repeat:repeat-x;
}
.hr_light {
	margin:8px 0px;
	height:1px;
	width:100%;
	background-image:url("../Grafiken/1px_l.gif");
	background-repeat:repeat-x;
}


/********* E-mail-link vor robots verstecken *************/
span.email { unicode-bidi:bidi-override; direction:rtl; }


/******************** tables *********************/
table.content {
	max-width:815px;
	text-align:justify;
}

table.kosten {
	border:none;
	border-collapse:collapse;
	font-size:11px;
}
table.kosten td {
	border:1px solid black;
	padding:5px;
}

table.ausstellungen {
	font-size:11px;
	border-collapse:collapse;
	max-width:715px;
	text-align:left;
}
table.ausstellungen td {
	padding:5px;
}
table.ausstellungen tr {
	border:1px solid #bbb;
}
.ausstellungen tr:nth-child(even) { background: #eee; }
.ausstellungen tr:nth-child(odd) { background: #ddd; }

table.kontakt_karten {
	max-width:485px;
}

/**************** eof tables ********************/

/************** Kochbuch Formular ***************/
.formtable { 
	font-size:12px;
	padding:0px; margin:0;
	color:#000;
	width:485px;
	min-width:315px;
	max-width:500px;
	border:0px solid lime;
}
.formtable td {
	width:30px;
	font-size: 12px;
}

.inputField { 
	border: 1px solid #aaa;
	font-size: 12px; 
	width: 400px; 
	padding:1px; margin:0;
} 

.errorField {
	border: 1px solid #9F0004;
	font-size: 12px;
	width: 400px; 
	background-color: #ffffcc;
	padding:1px; margin:0;
} 

.error_Table { /* errorTable (nicht error_Table !) wird in shopStyle.css definiert */
	color:#cc3300;
}

.error_Table td {
	font-size: 12px; 
	border:1px solid #9f0004; padding:2px;
}

.button {
	display:block;
	width:120px; height:24px;
	background-color:#ccc;
	font-size: 10px;
	text-decoration:none;
	color:#000;
	text-align:center;
	line-height:18px;
}
/***********  eof Kochbuch Formular *****************/

/***********  res_Bresse eventmgr  *****************/
table.mgr {
margin-left: 30px;
margin-top: 30px;
padding: 4px;
font-family: Tahoma, Verdana, sans-serif;
font-size: 12px;
}

.mgr {
background-color: #efefef;
border: 1px solid #bbb;
border-collapse:collapse;
margin:0px;
padding:4px;
font-family: Tahoma, Verdana, sans-serif;
font-size: 1em;
}

.mgr_invis {
color: #fff;
font-size:0px;
}
/***********  eof res_Bresse eventmgr *****************/