@charset "utf-8";

/* globale Seitenstile */
html, body { height: 100%; }
body       { margin: 0; padding: 0; overflow: none; background-color: #FEDA8E; }

/*
 * Layout
 */

/* Header */
#header      { position: absolute; top: 0px; height: 220px; width: 100%;	
               background-image: url(../images/layout_navigation_bg.jpg);	
               background-repeat: repeat-x; z-index:1; }
#header1     { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 1; }
#header2     { position: absolute; top: 0px; left: 0px; width: 100%; z-index: 2; }
#werbebanner { position: absolute; top: 58px; left: 621px; width: 377px; height: 160px; border: 1px solid #562B0B; z-index: 0; padding: 0px; margin: 0px;}

#imageLeisteObenLinks  { position: absolute; top: 0px; left: 0px; z-index: 1; } 
#imageLeisteObenRechts { position: absolute; top: 0px; right: 0px; }
#imageLogo             { position: absolute; top: 28px; left: 0px; z-index: 1; border: 0px; }
#imagePuzzle           { position: absolute; top: 28px; left: 310px; z-index: 1; border:0px; }
#imageCollage          { position: absolute; top: 58px; left: 1002px; height: 158px; right: 0px;
                         border: 2px solid #562B0B; z-index: 0; 
                         background-image: url(../images/layout_navigation_collage.jpg);
                         background-repeat: repeat-x; }
* html #imageCollage   { width: expression(document.getElementById("content").clientWidth-1005); }
/* #imageWerbebanner      { position: absolute; top: 0px; left: 0px; border: 2px solid #562B0B; z-index: 0; } */

/* Content */
#content             { position: absolute; top: 224px; left: 0px; bottom: 31px; width: 100%; 
                       border-top: 2px solid #562B0B; background-color: #FEDA8E; z-index: 0; }
#menubar             { position: absolute; top: 0px; width: 100%; height: 25px; z-index: 100; text-align: center; }
#contentBox          { position:absolute; top: 32px; left: 0px; width: 490px; bottom: 2px; 
                       background-image: url(../images/layout_content_box_bg.jpg); }
#contentBoxHeader    { position: absolute; top: 35px; left: 0px; width: 490px; text-align: center;
                       color: #FFCC00; font-size: 18px; font-weight: bold; font-style: italic;
                       font-family: Arial, Helvetica, sans-serif }
#contentBoxFooter    { position: absolute; bottom: 6px; left: 0px; width: 490px; text-align: center;
                       color: #FFCC00; font-size: 18px; font-weight: bold; font-style: italic;
                       font-family: Arial, Helvetica, sans-serif;  }
#contentLeft         { position: absolute; top: 65px; left: 15px; width: 460px; bottom: 35px; overflow: auto; }
#contentRight        { position: absolute; top: 30px; left: 500px; right: 0px; bottom: 0px; overflow: auto; }
#contentRightText    { width: 450px; color: #663300; padding-left: 30px; }
#contentArticle      { position: absolute; top: 30px; left: 0px; bottom: 0px; width: 100%; overflow: auto; color: #663300; }
#contentAttachments  { }
	
* html #content        { height: expression(document.body.clientHeight-280); } /* IE Hack für volle Breite */
* html #contentBox     { height: expression(document.getElementById("content").clientHeight-35); }
* html #contentLeft    { height: expression(document.getElementById("content").clientHeight-115); }
* html #contentRight   { height: expression(document.getElementById("content").clientHeight-55); 
                         width: expression(document.getElementById("content").clientWidth-500); }
* html #contentArticle { height: expression(document.getElementById("content").clientHeight-35); }


#imageBoxOben  { position:absolute; top: 0px; left:0px; }
#imageBoxUnten { position:absolute; bottom: -1px; left:0px; }	

/* Footer */
#footer   { position:absolute; bottom: 0px; left: 0px; height: 31px; width: 100%;
             background-image: url(../images/layout_leiste_unten_rechts.jpg); 
             background-repeat: repeat-x; margin: 0px; padding: 0px;}

#footer1 { position: absolute; top: 10px; left: 4px; font-weight: bold; color: #ffffff; font-family: verdana; font-size: 10px; }
#footer2 { position: absolute; top: 18px; right: 10px; color: #ffffff; font-family: verdana; font-size: 9px; }

/*
 * Textformatierungen
 */

body { font-family: Arial, Helvetica, sans-serif; }
/* p    { font-size: 14px; } */
h1   { font-size: 16px; font-style: italic; }
h2   { font-size: 14px; font-weight: bold; }

#contentRightText p            { text-align: justify; font-size: 14px; }
#contentRightText .float_right { float: right; padding: 10px; }
#contentRightText .float_left  { float: left; padding: 10px; }
#contentRightText .toplink     { font-size:12px; text-align: right; }
#contentRightText img          { padding: 10px; }


#contentBox            { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#contentBox .headline  { background: #D5AA80; }
#contentBox .separator { height: 12px; }

#contentTopText        { width: 938px; float: left; padding-left: 10px; padding-right: 10px; 
	                       margin: 5px; border-style: ridge; border-color: #663300; background-color: #FFE9C0; }
#contentArticlePreview { width: 450px; float: left; padding-left: 10px; padding-right: 10px; 
	                       margin: 5px; border-style: ridge; border-color: #663300; background-color: #FFE9C0; }
#contentArticlePreview h1 a:link    {text-decoration: none}
#contentArticlePreview h1 A:visited {text-decoration: none}
#contentArticlePreview h1 A:active  {text-decoration: none}
#contentArticlePreview h1 A:hover   {text-decoration: underline; color: red;}

#article        { position: absolute; width: 938px; left: 15px; padding-left: 10px; padding-right: 10px;
	                border-style: ridge; border-color: #663300; background-color: #FFE9C0; overflow: auto; }
#articleGallery { float: left; width: 400px; padding: 10px; text-align: center; }
#article img    { padding: 10px; }

.odd  { background: #FFE9C0 }
.even { background: #D5AA80 }
.more {	text-align:right; }


.kalender                { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
.kalenderHeadline        { background: #D5AA80; }
.kalenderDetailsHeadline { font-size: 16px; font-weight: bold; font-style: italic ;color: #663300; background: #D5AA80; }
.kalenderDetailsHeading  { font-weight: bold; }
.kalenderInfoline        { }
.kalenderSeparator       { height: 12px; }
.kalender .even          { }
.kalender .odd           { background: #D5AA80; }
.kalenderOrt             { font-weight: bold; }

.advertisement                { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
.advertisementHeadline        { background: #D5AA80; }
.advertisementDescription     { font-weight: bold; }
.advertisementDetailsHeadline { font-size: 16px; font-weight: bold; font-style: italic ;color: #663300; background: #D5AA80; text-align: center;}
.advertisementDetailsHeading  { font-weight: bold; }
.advertisementSeparator       { height: 12px; }

.city                { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif }
.cityHeadline        { background: #D5AA80; }
.cityDetailsHeadline { font-size: 16px; font-weight: bold; font-style: italic ;color: #663300; background: #D5AA80; }
.cityDetailsHeading  { font-weight: bold; }
.cityInfoline        { }
.citySeparator       { height: 12px; }
.city .even          { }
.city .odd           { background: #D5AA80; }
.cityLogo            { }

.contact      { }
.contactError { color: #FF0000; }

#footer a:link    {text-decoration: none; color: white}
#footer A:visited {text-decoration: none; color: white}
#footer A:active  {text-decoration: none; color: white}
#footer A:hover   {text-decoration: underline; color: white;}

#fileBrowser          { width: 300px; }
#fileBrowserDirectory { padding-left: 10px; padding-right: 10px; margin: 5px;
                        border-style: ridge; border-color: #663300; background-color: #FFE9C0;}
#fileBrowserList      { padding-left: 10px; padding-right: 10px; margin: 5px; font-size: 12px; overflow:auto;
                        border-style: ridge; border-color: #663300; background-color: #FFE9C0;}                       
#fileBrowserClose     { padding: 10px; margin: 5px; text-align: center;
                        border-style: ridge; border-color: #663300; background-color: #FFE9C0;}

.angebot_headline {
	color: #663300;
	background: #D5AA80;
	font-weight: bold;
	font-style:italic;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.angebot_bild {
	float: right;
	padding: 5px;
}

.kontakt_error {
	color:#FF0000;
}

.impressum {
	color: #663300;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.gallerie {
	color: #663300;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif
}