/*--------------------------------------------------------------------------------
  Layout CSS
--------------------------------------------------------------------------------*/

*, html, body {
	margin: 0; 
	padding: 0; 
}

/* NN6/7 min-width is needed for scrollability when wrapper is centered */
body {
	min-width: 656px;
	text-align: center;
}

/* Use wrapper for Left Faux Column */
#wrapper { 
	text-align: left;
	width: 656px;
	margin: 0 auto; 
}

#header, #navigation-container-lower, #navigation-container-upper, #masthead, #footer {
	clear: both; 
	width: 100%;
}

#navigation-container-lower, #navigation-container-upper, #masthead, #footer {
	padding: 1px 0;
}

/* Use main for Right Faux Column */
#main {
	float: left;
	width: 100%;
}

#main:after {
 	/* Clear floating elements for NN6/7 */
    content: "."; 
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
}

#center {
	/* margin: 0 170px 0 170px; */
	margin: 0 0 0 0; /* one column */
}

#content {
  	float: left;
  	width: 100%; 
	margin: 0 -95% 0 0;
}

#left {
	display: none; /* one column */
  	float: left;
  	width: 170px;
}

#right {
	display: none; /* one column */
  	float: right;
  	width: 170px;
	margin: 0;
}

/* IE Fixes for Win/Mac */
* html div#content {
	margin: 0 -100% 0 0;
}

* html div#menu {
	width: 615px;
}

/*--------------------------------------------------------------------------------
  Theme CSS
--------------------------------------------------------------------------------*/

body {
	background-color: #652501;
	font-size: smaller;
	font-family:Arial, Helvetica, sans-serif;
	background: #ad7b4a url(../img/bg_slice.jpg) repeat-x top;
}

#main {
	background:url(../img/slice_hor_content.jpg);
}

#header, #footer {
  background: url(../img/top.jpg) no-repeat top left;
  height:102px;
}

#footer {
  background: url(../img/bot_bg.jpg) no-repeat;
  height: 86px;
/*  padding-top: 10px;
  padding-left: 70px; */
  padding-top: 10px;
  padding-left: 20px;
  font-size: 1em;
  color: #FBFAEE;
}


#footer a {
  color: #FBFAEE;
  text-decoration: none;
}

#navigation-container-upper {
	background-color: #cccccc;
	height: 25px;
	background: url(../img/slice_hor_content.jpg);	
}
#navigation-container-lower {
	display:none;
	background-color: #cccccc;
	height: 25px;
	background: url(../img/slice_hor_content.jpg);	
}
		
#masthead {
	display:none;
	background-color: #111111;
	height: 20px;	
}

#left, #right {
	display:none;
	background-color: #aaaaaa;
	padding: 0 0 20px 0;
}

#center, #content, #wrapper {
	/*background-color: #eeeeee;*/
}

#content {
	padding: 0 00px 30px 20px;
	width: 616px;
  background: url(../img/bottom-floral.jpg) bottom right no-repeat;
}

#center {
	padding: 0 0 20px 0;	
}
		
p {
	margin: 10px 10px 0 10px;
}

h1 {
	font-weight: normal;
	color: #808080;
	padding: 10px;
}

h3 {
	font-size: 0.98em;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #652501;
	padding: 10px 0 10px 0;
}

body, td, th, p, li {
	font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#652501;
}

a {
	color:#652501;
}

ul {
	list-style-type:disc;
	margin-left: 20px;
}

.sitetitle {
  padding-left: 25px;
  padding-right: 90px;
  padding-top: 45px;
  font-size: 2em;
  font-weight: bolder;
  color: #FBFAEE;
}

.sitetitle a{
  text-decoration: none;
  color: #FBFAEE;
}


.sitesubtitle {
  padding-left: 27px;
  padding-right: 90px;
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 1em;
  color: #FBFAEE;
}


.anmerkung {
  font-size: 0.70em;
}

.floatr {
  float: right;
}

.floatl {
  float: left;
}



/* joomla related */
.articleinfo, .buttonheading {
  display: none;
}

/*    Spalten    */

#col1 {
  /* background: #ad7b4a url(/templates/rischmann/img/col-top.png) repeat-x; */
  color: #ffffff;
  color: #000000;
  color:#652501;
  float:left;
  width:29%;
  padding:10px;
  /*border-right: 1px solid #652501;*/
/*  min-height: 300px; */
}

#col2 {
  /* background: #ad7b4a url(/templates/rischmann/img/col-top.png) repeat-x; */
  color: #ffffff;
  color: #000000;
  color:#652501;
  float:left;
  width:29%;
  padding:10px;
  /*border-right: 1px solid #652501;*/
}

#col3 {
  /* background: #ad7b4a url(/templates/rischmann/img/col-top.png) repeat-x; */
  color: #ffffff;
  color: #000000;
  color:#652501;
  float: left;
  width:29%;
  padding:10px;
}

#col1 ul, #col2 ul, #col3 ul {
  margin-left: 0px;
  padding-left: 15px;
}

#headerpic {
  width: 500px;
  height: 167px;
  margin: auto;
  margin-top: 11px;
  position:relative;
  margin-bottom: 20px;
}

* html #headerpic {
  margin-left: 58px;
}

#headerpic IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#headerpic IMG.active {
    z-index:10;
}

#headerpic IMG.last-active {
    z-index:9;
}


#designbykressnet {
  color: #e2bb9a;
  font-size: 0.8em;
  text-align: right;
  text-decoration: none;
}

#designbykressnet a {
  color: #e2bb9a;
  text-decoration: none;
}

/* ===== Joomla-5-Ergänzungen (2026-10-22): Markup-Unterschiede zu 1.5 ausgleichen, Optik unverändert ===== */
.article-info, .articleinfo, .icons, .article-footer, .pagination, .pagenavigation { display: none; }
.com-content-article h1, .com-contact h1, .page-header h1, .page-header h2 { font-weight: bold; color: #652501; padding: 10px 0 6px 0; font-size: 1.35em; margin: 0; font-family: Arial, Helvetica, sans-serif; }
.com-content-article p, .com-contact p { margin: 10px 10px 0 10px; }
.com-content-article ul, .com-contact ul { margin-left: 20px; }
/* Galleria-Regel .nav trifft in Joomla 5 auch das Menü (ul.nav) → auf die Galerie beschränken */
#mydroplinemenu ul.nav { letter-spacing: 0; text-transform: none; text-align: left; padding: 0; margin: 0; }
/* Kontaktformular wie aiContactSafe: Label links, Feld rechts, keine Fieldset-Rahmen/Überschriften */
legend, .com-contact fieldset { border: 0; padding: 0; margin: 0; }
.com-contact legend, .com-contact .contact-misc h3, .com-contact h3 { display: none; }
.com-contact .contact-misc { margin: 6px 10px 0; }
.com-contact .contact-form { margin: 10px; }
.com-contact .contact-form .control-group { margin: 0 0 6px 0; overflow: hidden; }
.com-contact .contact-form .control-label { float: left; width: 110px; padding-top: 3px; }
.com-contact .contact-form .controls { float: left; }
.com-contact .contact-form input[type=text], .com-contact .contact-form input[type=email] { width: 260px; }
.com-contact .contact-form textarea { width: 300px; height: 150px; }
.com-contact .contact-form .form-actions { margin: 10px 0 0 110px; }
.com-contact .contact-form .form-actions button { font-size: 12px; }
.alert { margin: 10px; padding: 6px 10px; border: 1px solid #ad7b4a; background: #fcfaee; }
.gallery_demo li { list-style: none; float: left; overflow: hidden; }
.gallery_demo li img { width: 68px; height: 50px; object-fit: cover; }
#main_image img { max-width: 500px; max-height: 334px; }
#center .nav { margin: 0; }
/* Kontaktseite wie 2010: nur Formular, keine Überschriften/Misc-Block */
.com-contact h1, .com-contact h2, .com-contact .contact-misc, .com-contact .contact-name { display: none; }
.com-contact .contact-form .form-check { margin: 4px 0 0 110px; }
/* Thumbnails: galleria.css (li img.thumb {width:auto}) überstimmen → immer auf 68×50 verkleinern */
ul.gallery_demo li img, ul.gallery_demo li img.thumb, ul.galleria li img.thumb { width: 68px !important; height: 50px !important; object-fit: cover; display: block; }