html, body { margin: 0; height: 100%; }
body { background-color: #ebeced; }
html, body, td, input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
img { border-width: 0px }

h1 { color: #626262; font-weight: bold; font-size: 12px; }
h2 { color: #626262; font-weight: bold; font-size: 12px;}
h3 { color: #626262; font-weight: bold; font-size: 11px;}
h4 { color: #626262; font-weight: normal; font-size: 11px;}
ul { margin-left: 0; padding-left: 20px; }

a { color: black; }
a:hover { color: #ffcc00; }

input, textarea { border: 1px solid #FFCC00; margin-bottom: 5px;}
textarea {  font-family: Verdana, Tahoma, Arial; font-size: 9pt; }
input.submit { background-color: white; cursor: pointer; margin-top: 10px; }

img.plus { margin-left: -10px; }

div.clear { clear: both; height: 0px; line-height: 0px; font-size: 0px; }

/* Home-Seite */
.home div.page { margin-top: 0px; color: #626262; position: absolute; width: 797px; margin-left: -398px; left: 50%; z-index: 2; }
.home div.row { height: 136px; background-color: white; }
.home div.row1 { text-align: center; }
.home div.row2 { }
.home div.row2 img { border: 1px solid #fff2bf; border-left-width: 0px; }
.home div.row2 img.last { border-right-width: 0px; }
.home div.row3 { }
.home div.row3 div { height: 136px; width: 265px; float: left; }
.home div.logos { text-align: center; }
.home div.logos p { color: #626262; font-size: 10px; }
.home div.logos img { margin-top: 20px;  }
.home div.logos img.evi { margin-left: 20px; }
.home div.menu { text-align: left; background-image: url(../images/home-menu-back.png); background-color: #e55723;  }
.home div.menu div { height: auto; float: left; margin-top: 20px; width: 112px; }
.home div.menu ul { margin: 0; padding: 0; color: white; font-weight: bold;  margin-left: 25px; list-style-type: none; }
.home div.menu ul li { margin: 0; padding: 0; margin-bottom: 7px; padding-left: 10px; background-image: url(../images/home-bullet-main.png); background-repeat: no-repeat; background-position: left center; }
.home div.menu ul li a { color: white; text-decoration: none; }
.home div.menu ul li a:hover { text-decoration: underline; }
.home div.aktuelles h2 { color: red; font-size: 12px; margin-left: 18px; margin-top: 15px; margin-bottom: 0px; }
.home div.aktuelles ul { margin: 0; padding: 0; margin-left: 10px; list-style-type: none; font-size: 10px; }
.home div.aktuelles ul li { margin-bottom: 3px; }
.home div.aktuelles ul li a { color: #626262; font-weight: bold; text-decoration: underline; }
.home div.aktuelles ul li a:hover { color: black; }
.home { background-color: #ffcc00; }

/* Links der Balken mit Menü und Logo unten */
.site div.left {
    position: absolute; width: 150px; margin-left: -398px; left: 50%;
	z-index: 3; height: 100%; background-color: #ffcc00;
}
.site div.logoTop { height: 105px; background-color: white; z-index: 9; position: relative;}
.site div.logoTop img { margin-top: 15px; margin-left: 15px; }

.site div.menu { z-index: 10; position: relative; }
.site div.menu ul { margin: 0; padding: 0; padding-top: 22px; padding-left: 15px; list-style-type: none; }
.site div.menu ul li { margin: 0; padding: 0; margin-bottom: 3px; padding-left: 10px; 
      background-image: url(../images/page-bullet-main.png); background-repeat: no-repeat; background-position: 0 4px; }
.site div.menu ul li a { font-weight: bold; text-decoration: none; color: black; font-size: 11px; }
.site div.menu ul li.active a,
.site div.menu ul li a:hover { color: white; }
.site div.menu ul li ul { margin: 0; padding: 0; padding-left: 0px; }
.site div.menu ul li ul li { margin: 0; padding: 0; list-style-type: none;  padding-left: 8px; 
      background-image: url(../images/page-bullet-sub.png); background-repeat: no-repeat; background-position: 0 6px; }
.site div.menu ul li.active ul li a { color: black; }
.site div.menu ul li.active ul li.active a,
.site div.menu ul li.active ul li a:hover { color: white; }

.site div.logoBottom { width: 150px; text-align: center; padding-bottom: 8px; padding-top: 158px;
                       position: absolute; bottom: 0; z-index: 0;
                       background-image: url(../images/menu-back.gif); background-repeat: no-repeat; background-position: top; 
					   }
.site div.logoBottom p { font-size: 10px; margin: 0; color: #626262; margin-top: 7px; text-align: center; }

/* Content-Bereich, mit einem 150px breiten balken links */
.site div.content { color: #626262; position: absolute; width: 797px; margin-left: -398px; left: 50%; z-index: 2; }
.site div.content div.innerContent { margin-top: 30px; padding: 30px; padding-top: 0; border-left: 150px solid #ffcc00; background-color: white; }
.site div.content div.emopic { height: 105px; overflow: hidden; padding-left: 150px; }

/* Weisser Hintergrund */
div.pageBack {
    width: 797px; margin-left: -398px; left: 50%;
	background-color: white; height: 100%; position: absolute;
	z-index: 1;
}


/* Template aktuelles */
.aktuelles div.entry { border: 1px solid #ffcc00; margin-bottom: 10px; }
.aktuelles div.entry h1 { color: #626262; font-weight: bold; font-size: 13px; background-color: #ffcc00; margin: 0; padding-left: 10px; padding-top: 5px; }
.aktuelles div.entry h2 { font-size: 11px; font-weight: normal; background-color: #ffcc00; margin: 0; padding-left: 10px; padding-bottom: 5px;}
.aktuelles div.entry div.text { margin: 10px; width: 270px; }
.aktuelles div.row1 div.image { float: left; margin: 15px; }
.aktuelles div.row1 div.text { float: right; margin-left: 0; }
.aktuelles div.row2 div.image { float: right; margin: 15px; }
.aktuelles div.row2 div.text { float: left; }
.aktuelles p.comments { clear: both; margin: 0; text-align: right; font-size: 10px; background-color: #ffcc00; padding: 2px; }
.aktuelles p.comments a { color: #626262; font-weight: bold; }

.aktuelles div.commentEntry { clear: both; margin-bottom: 10px; }
.aktuelles div.commentEntry div.commentEntry { margin-left: 10px; margin-bottom: 0px; margin-top: 5px;}
.aktuelles div.commentEntry div.commentEntry h2 { border-top-width: 0px; }
.aktuelles div.commentEntry h2 { border: 1px solid #FFCC00; font-size: 12px; padding: 3px; margin: 0; background-color: #ffd940; }
.aktuelles div.commentEntry p { border: 1px solid #FFCC00; border-top-width: 0; font-size: 11px; margin: 0; padding: 10px; }
.aktuelles a.antwort { float: right; padding: 3px; color: black; }
.aktuelles a.antwort:hover { color: #626262; }
.aktuelles p.newentry { margin: 0; border-width: 0; padding: 0; padding-top: 15px; margin-bottom: 10px; }
.aktuelles p.newentry a { color: black; padding: 4px; background-color: #ffd940; border: 1px solid #ffcc00; text-decoration: none; }
.aktuelles p.newentry a:hover { color: #626262; }
.aktuelles p.archiv { font-weight: bold; text-align: center; }

.aktuelles table { border-collapse: collapse; }
.aktuelles table td { border: 1px solid white; }
.aktuelles table tr td.name { font-size: 11px; color: black; background-color: #ffcc00;  text-align: right; font-weight: bold; padding-left: 10px; padding-right: 5px; }
.aktuelles table tr.submit td.name { background-color: #ffffff; }
.aktuelles table td.field { padding: 3px; border-left-width: 0; padding-left: 6px; }
.aktuelles table td.color { width: 4px; border-right-width: 0; }
.aktuelles table tr.pflicht td.color { background-color: #E33626; }
.aktuelles table tr.error td.field input,
.aktuelles table tr.error td.field textarea { background-color: #fff5cf; }
.aktuelles table tr.checkbox td.field input { border-width: 0; }
.aktuelles div#fehler { font-size: 11px; width: 300px; background-color: #fff5cf; border: 1px solid #ffcc00; padding: 5px; margin-bottom: 10px; }
.aktuelles div#fehler p { font-size: 11px; margin: 0; }
.aktuelles div#fehler ul { margin: 0; padding: 0; padding-left: 15px; }
.aktuelles div.pflicht { margin-bottom: 10px; }
.aktuelles div.pflicht div { background-color: #E33626; width: 5px; height: 5px; float: left; margin-top: 0px; margin-right: 6px; }



/* Template rows */
.rows div.row { clear: both; font-size: 12px; margin-left: 10px; }
.rows div.row1 div.image { width: 285px; float: right;  }
.rows div.row1 div.text { width: 260px; }
.rows div.row2 div.image { width: 240px; float: left; margin-right: 50px; }
.rows div.row2 div.text {  }
.rows div.noimage { }
.rows div.row div.image { margin-bottom: 30px; }
.rows div.row div.text { margin-bottom: 30px; }

/* Template produkte */
.produkte div.row { margin-bottom: 30px; position: relative; width: 100%; }
.produkte div.row h1 { background-color: #ffd940; text-align: right; padding: 9px; margin: 0; color: #626262; font-weight: bold; font-size: 11px; }
.produkte div.row div.text { background-color: #fff5cf; margin: 0; padding: 0; height: 120px; padding-right: 160px; overflow: hidden; }
.produkte div.row div.text2 { text-align: right; padding: 10px; }
.produkte div.row div.image { position: absolute; right: 0px; z-index: 10; }

/* Template maerkte */
.maerkte div.row { margin-bottom: 30px; clear: right; width: 100%; }
.maerkte div.row h1 { background-color: #ffd940; padding: 9px; margin: 0; color: #626262; font-weight: bold; font-size: 11px; }
.maerkte div.row div.text { padding: 0; margin: 6px; }
.maerkte div.row div.text2 { padding: 0; margin: 6px; }
.maerkte div.row div.image { float: right; padding-bottom: 10px; }

/* Template gaestebuch */
.gaestebuch p.siteNr { padding: 0; border-width: 0; margin: 0; float: right; margin-bottom: 2px; }
.gaestebuch p.siteNr a { font-weight: bold; color: black; margin-right: 2px; padding: 3px; display: block; text-align: center; float: left; background-color: #ffd940; border: 1px solid #ffcc00; text-decoration: none; }
.gaestebuch p.siteNr a:hover { color: #626262; }
.gaestebuch p.siteNr span { margin-right: 2px; display: block; padding: 3px; float: left; text-align: center; background-color: #fff5cf; border: 1px solid #ffcc00; text-decoration: none; }
.gaestebuch div.entry { clear: both; margin-bottom: 10px; }
.gaestebuch div.entry div.entry { margin-left: 10px; margin-bottom: 0px; margin-top: 5px;}
.gaestebuch div.entry div.entry h2 { border-top-width: 0px; }
.gaestebuch div.entry h2 { border: 1px solid #FFCC00; font-size: 12px; padding: 3px; margin: 0; background-color: #ffd940; }
.gaestebuch div.entry p { border: 1px solid #FFCC00; border-top-width: 0; font-size: 11px; margin: 0; padding: 10px; }
.gaestebuch label { display: block; float: left; width: 50px; text-align: right; font-weight: bold; margin-right: 4px; }
.gaestebuch a.antwort { float: right; padding: 3px; color: black; }
.gaestebuch a.antwort:hover { color: #626262; }
.gaestebuch p.newentry { width: 100px; margin: 0; border-width: 0; padding: 0; padding-top: 15px; }
.gaestebuch h1 { width: 100px;}
.gaestebuch p.newentry a { color: black; padding: 4px; background-color: #ffd940; border: 1px solid #ffcc00; text-decoration: none; }
.gaestebuch p.newentry a:hover { color: #626262; }

.gaestebuch table { border-collapse: collapse; }
.gaestebuch table td { border: 1px solid white; }
.gaestebuch table tr td.name { font-size: 11px; color: black; background-color: #ffcc00;  text-align: right; font-weight: bold; padding-left: 10px; padding-right: 5px; }
.gaestebuch table tr.submit td.name { background-color: #ffffff; }
.gaestebuch table td.field { padding: 3px; border-left-width: 0; padding-left: 6px; }
.gaestebuch table td.color { width: 4px; border-right-width: 0; }
.gaestebuch table tr.pflicht td.color { background-color: #E33626; }
.gaestebuch table tr.error td.field input,
.gaestebuch table tr.error td.field textarea { background-color: #fff5cf; }
.gaestebuch table tr.checkbox td.field input { border-width: 0; }
.gaestebuch div#fehler { font-size: 11px; width: 300px; background-color: #fff5cf; border: 1px solid #ffcc00; padding: 5px; margin-bottom: 10px; }
.gaestebuch div#fehler p { font-size: 11px; margin: 0; }
.gaestebuch div#fehler ul { margin: 0; padding: 0; padding-left: 15px; }
.gaestebuch div.pflicht { margin-bottom: 10px; }
.gaestebuch div.pflicht div { background-color: #E33626; width: 5px; height: 5px; float: left; margin-top: 0px; margin-right: 6px; }

/* Template links */
.links ul li  { margin-bottom: 6px;  }

/* Template kontakt */
.kontakt table { border-collapse: collapse; }
.kontakt table td { border: 1px solid white; }
.kontakt table tr td.name { font-size: 11px; color: black; background-color: #ffcc00;  text-align: right; font-weight: bold; padding-left: 10px; padding-right: 5px; }
.kontakt table tr.submit td.name { background-color: #ffffff; }
.kontakt table td.field { padding: 3px; border-left-width: 0; padding-left: 6px; }
.kontakt table td.color { width: 4px; border-right-width: 0; }
.kontakt table tr.pflicht td.color { background-color: #E33626; }
.kontakt table tr.error td.field input, .formular table tr.error td.field textarea { background-color: #fff5cf; }
.kontakt table tr.checkbox td.field input { border-width: 0; }
.kontakt div#fehler { font-size: 11px; width: 300px; background-color: #fff5cf; border: 1px solid #ffcc00; padding: 5px; margin-bottom: 10px; }
.kontakt div#fehler p { font-size: 11px; margin: 0; }
.kontakt div#fehler ul { margin: 0; padding: 0; padding-left: 15px; }
.kontakt div.pflicht { margin-bottom: 10px; }
.kontakt div.pflicht div { background-color: #E33626; width: 5px; height: 5px; float: left; margin-top: 0px; margin-right: 6px; }


/* ImagePopup */
div.popupPic { position: absolute; text-align: left; z-index: 11; }
div.popupPic div.loading { position: absolute; left: 10px; top: 10px; background-color: #faf1f2; z-index: 12; }
div.popupPic div.loading p { margin: 0; position: absolute; top: 50%; text-align: center; width: 100%; font-weight: bold; }
div.popupPic img { position: absolute; left: 10px; top: 10px; margin-bottom: 0; z-index: 15; }
div.popupPic div.border { position: absolute; top: 0; left: 0; border: 10px solid #fff5cf; width: 100%; height: 100%; z-index: 13; }
div.popupPic div.text { position: absolute; left: 10px; background-color: #faf1f2; }
div.popupPic div.text p { margin: 0; padding-top: 5px; text-align: center; }
div.popupPic a.close { position: absolute; top: 0px; z-index: 16; text-decoration: none; }