/* Self!Service lite - Template 9 - style.css */
/* Free Download: www.kick-image.at > Self!Service lite > Free Templates */
/* general */
/* mostly modified by appending needed things FWE */
* {
 margin:0;
 padding:0;
}
body {
	font-family: Verdana,Georgia,Arial,sans-serif;
	font-size: 86%;
	/* background: #fff url(BernhardImages/zentrall_background.gif) repeat-y 50% 0; */
}
input, textarea {
 font-family:Verdana,Georgia,Arial,sans-serif;
 font-size:1em;
 color:#333;
}
a {
 color:#000;
}
a:hover {
 text-decoration:none;
}
a img {
 border:none;
}

/* main container */
div#main {
	height: 1%; /* autoclear */
	overflow: hidden; /* autoclear */
	margin: 20px auto;
	position: relative;
	background: #ffffff url(BernhardImages/zentrall_background.gif) repeat-y 50% 0;
	width: 1024px;
}

/* head */
div#head {
 	/* height:11em; */
	height:218px;
	border-left-width: 1px;
	border-left-color: Gray; 
	border-left-style: solid;
	border-top-width: 1px;
	border-top-color: Gray; 
	border-top-style: solid;
	border-right-width: 1px;
	border-right-color: Gray; 
	border-right-style: solid;
	border-bottom-color: Gray; 
	border-bottom-style: dotted; 
	border-bottom-width: 2px; 
 	position:relative;
	background-repeat: no-repeat;
	background-position: center;
 	background-image: url(BernhardImages/ZEN_HEAD.jpg) ;

}
/* name of site, name of company */
 	/* left: 780px; */
div#head h1 {
 	font-size: 0.9em;
 	position: absolute;
 	top: 6.4em;
	left: 63.3em;
 	color: #333;
}
/* description of the site, description of the company */
div#head h2 {
	font-size: 0.9em;
	position: absolute;
	top: 7.5em;
	left: 63.3em;
	color: #333;
}
/* Street of the company */
div#head h3 {
	font-size: 0.9em;
	position: absolute;
	top: 9.1em;
	left: 63.3em;
	color: #333;
}
/* City of the company */
div#head h4 {
	font-size: 0.9em;
	position: absolute;
	top: 10.2em;
	left: 63.3em;
	color: #333;
}
/* Telefon number of the company */
div#head h5 {
	font-size: 0.9em;
	position: absolute;
	top: 11.7em;
	left: 63.3em;
	color: #333;
}
/* eMail address of the company */
div#head h6 {
	font-size: 0.9em;
	position: absolute;
	top: 13.0em;
	left: 63.3em;
	color: #333;
}

/* search form */
div#head form.ssl_searchform {
 position:absolute;
 right:10px;
 bottom:10px;
}

/* menue */
div#menue {
	float: left;
	padding-top: 5px;
	/* border-left: 1px solid Gray; */ /* <- das Ergebnis ist unbrauchbar !*/
}
ul.sub1 {
 list-style-type:none;
 padding: 10px 0 10px 0;
 margin: 0 10px 0 10px;
}
ul.sslmenue {
	list-style-type: none;
	font-family: Verdana;
	padding-left: 40px; /* Menue-einzug links */
}
ul.sslmenue li {
	padding: 2px  0 2px 0; /* Abstand der Menu - Zeilen */
}
ul.sslmenue li a {
	font-weight: bold;
	text-decoration: none;
	text-indent: 10px;
	color: #F7AA2B; /* inaktive menu link */
}
ul.sslmenue li a:hover,
ul.sslmenue li a.sslmenueactive {
	text-decoration: underline;
	text-indent: 10px;
	color: #E41A67; /* aktive menu link */
}

/* Buttons in Menu as picture */
/* look at http://www.cms-self-service-lite.at/forum/viewtopic.php?f=3&t=132 */

/* START */
ul.sub1 li.sub_start a {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_G_Start.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_start a:hover {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_R_Start.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_start a.sslmenueactive {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_W_Start.jpg) no-repeat 0 0;
}
/* UEBER UNS */
ul.sub1 li.sub_ueber_uns a {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_G_Ueber_uns.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_ueber_uns a:hover {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_R_Ueber_uns.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_ueber_uns a.sslmenueactive {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_W_Ueber_uns.jpg) no-repeat 0 0;
}
/* OEFFNUNGSZEITEN */
ul.sub1 li.sub_oeffnungszeiten a {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_G_Oeffnungszeiten.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_oeffnungszeiten a:hover {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_R_Oeffnungszeiten.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_oeffnungszeiten a.sslmenueactive {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_W_Oeffnungszeiten.jpg) no-repeat 0 0;
}
/* WEGBESCHREIBUNG */
ul.sub1 li.sub_wegbeschreibung a {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_G_Wegbeschreibung.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_wegbeschreibung a:hover {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_R_Wegbeschreibung.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_wegbeschreibung a.sslmenueactive {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_W_Wegbeschreibung.jpg) no-repeat 0 0;
}
/* KONTAKT */
ul.sub1 li.sub_kontakt a {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_G_Kontakt.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_kontakt a:hover {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_R_Kontakt.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_kontakt a.sslmenueactive {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_W_Kontakt.jpg) no-repeat 0 0;
}
/* AKTUELLES */
ul.sub1 li.sub_aktuelles a {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_G_Aktuelles.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_aktuelles a:hover {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_R_Aktuelles.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_aktuelles a.sslmenueactive {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_W_Aktuelles.jpg) no-repeat 0 0;
}
/* QUALIFIZIERUNG */
ul.sub1 li.sub_qualifizierung a {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_G_Qualifizierung.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_qualifizierung a:hover {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_R_Qualifizierung.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_qualifizierung a.sslmenueactive {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_W_Qualifizierung.jpg) no-repeat 0 0;
}
/* GAESTEBUCH */
ul.sub1 li.sub_gaestebuch a {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_G_Gaestebuch.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_gaestebuch a:hover {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_R_Gaestebuch.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_gaestebuch a.sslmenueactive {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_W_Gaestebuch.jpg) no-repeat 0 0;
}
/* PARTNER */
ul.sub1 li.sub_partner a {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_G_Partner.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_partner a:hover {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_R_Partner.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_partner a.sslmenueactive {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_W_Partner.jpg) no-repeat 0 0;
}
/* IMPRESSUM */
ul.sub1 li.sub_impressum a {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_G_Impressum.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_impressum a:hover {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_R_Impressum.jpg) no-repeat 0 0;
}

ul.sub1 li.sub_impressum a.sslmenueactive {
	display: block; height: 30px; width: 192px; text-indent: -8000px;
	background: url(BernhardImages/buttons/BUT_W_Impressum.jpg) no-repeat 0 0;
}
/* ============================= Ende Menu =========================== */

ul.sslmenue li ul {
 padding:0 0 0 10px;
}
ul.sslmenue li * li {
 padding:0 0 1px 0;
}

/* content */
div#self-service-lite {
 float:left;
 padding:30px 20px 20px 20px;
}
div#sidebar {
	padding: 30px 10px;
	float: left;
	/* background-color: #fbdfe0;  border-right: 1px solid Gray; */
}

/* footer */
div#footer {
	background:#FFFFFF;
}
ul#footer {
	clear: both;
	float: none;
	list-style-type: none;
	padding: 2px 0 2px 0px;
	font-size: 0.8em;
	overflow: hidden; /* autoclear */
	height: 1%; /* autoclear */
	border-top-style: dotted;
	border-top-width: 2px;
	border-top-color: Gray;
	border-left-width: 1px;
	border-left-color: Gray;
	border-left-style: solid;
	border-right-width: 1px;
	border-right-color: Gray;
	border-right-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: Gray;
	border-bottom-style: solid;
}
ul#footer li {
 float:left;
 padding-right:5px;
}
div#copyright {
	font-family: Verdana; 
	font-size: xx-small; 
	text-align: center; 
	margin-top: -14px; 
	color: Gray;
}