/*
 OneByte GmbH - e-Business & Webdesign - www.onebyte.ch

 Filename    : web.css
 Created by  : Franziska Jungen (fj@onebyte.ch)
 Purpose     : Stylesheet für Browserdarstellung
*/

#inhaltsbereich *,
.mceContentBody *, {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 12px;
}
#inhaltsbereich * span,
.mceContentBody * span {
	margin: 0;
	padding: 0;
}

/* ---------------------------------------------------
   H1
   =================================================== */
#inhaltsbereich h1,
.mceContentBody h1 {
	font-size: 14px;
	padding-bottom: 15px;
	color: #808080;
}

/* ---------------------------------------------------
   H2
   =================================================== */
#inhaltsbereich h2,
.mceContentBody h2 {
	font-size: 12px;
	padding-bottom: 15px;
	font-weight: bold;
	color: #111111;
}

/* ---------------------------------------------------
   H3
   =================================================== */
#inhaltsbereich h3,
.mceContentBody h3 {
	font-size: 14px;
	padding-bottom: 15px;
	color: #7F7F7F;
}

/* ---------------------------------------------------
   P Standard
   =================================================== */
#inhaltsbereich p,
.mceContentBody p {
	color: #111111;
	line-height: 15px;
	padding-bottom: 1em;
	font-size: 12px;
}

#inhaltsbereich p img, p img {
	margin: 4px 0;
}

/* ---------------------------------------------------
   HR Standard
   =================================================== */
hr {
	background-color: #666; /* Farbe für Opera und Firefox */
	color: #666; /* Farbe für Internet Explorer (IE) */
	border: 0;
	height: 1px;
	width: 550px;
}

/* ---------------------------------------------------
   SPAN
   =================================================== */
#inhaltsbereich .TextOrange,
#tinyMCEinhalt .TextOrange {
	color: #F18E00;
}

/* ---------------------------------------------------
   Tabelle
   =================================================== */
#inhaltsbereich table a {
	font-size: 12px;
}

/* ---------------------------------------------------
   Zelle Standard
   =================================================== */
#inhaltsbereich td,
.mceContentBody td {
	/* color: #666666; */
	padding-bottom: 5px;
	line-height: 15px;
}

/* ---------------------------------------------------
   Liste Punkte
   =================================================== */
#inhaltsbereich ul,
.mceContentBody ul {
	padding-bottom: 1em;
	margin-top: 0px;
	font-size: 12px;
}
#inhaltsbereich ul li,
.mceContentBody ul li {
	margin-left: 15px;
	text-align: left;
	line-height: 18px;
	list-style-image: url(/images/design/bull2.gif);
}

/* ---------------------------------------------------
   Liste Zahlen
   =================================================== */
#inhaltsbereich ol,  .mceContentBody ol {
	padding-left: 30px;
	padding-bottom: 15px;
	margin-top: 0px;
	list-style-type:decimal;
}
#inhaltsbereich ol li,  .mceContentBody ol li {
	margin-bottom: 2px;
	text-align: left;
	line-height: 18px;
}


/* ---------------------------------------------------
   Links Standard
   =================================================== */
#inhaltsbereich a,
.mceContentBody a {
	color: #F18E00;
	text-decoration: none;
	font-size: 12px;
}
#inhaltsbereich a:visited,
.mceContentBody a:visited {
	color: #F18E00;
	text-decoration: none;
}
#inhaltsbereich a:hover, #inhaltsbereich a:active,
.mceContentBody a:hover, .mceContentBody a:active {
	color: #F18E00;
	text-decoration: underline;
}

/* ---------------------------------------------------
   Links Speziell: Intern
   =================================================== */
#inhaltsbereich a.LinkIntern,
a.LinkIntern {
	background: url(/images/design/links/link_intern.gif) no-repeat left center;
	padding-left: 9px;
}
#inhaltsbereich a.LinkIntern:visited,
a.LinkIntern:visited {

}
#inhaltsbereich a.LinkIntern:hover, #inhaltsbereich a.LinkIntern:active,
a.LinkIntern:hover, a.LinkIntern:active {
	background: url(/images/design/links/link_intern.gif) no-repeat left center;
}

/* ---------------------------------------------------
   Links Speziell: Zurueck
   =================================================== */
#inhaltsbereich a.LinkZurueck,
a.LinkZurueck {
	background: url(/images/design/links/link_intern_back.gif) no-repeat left center;
	padding-left: 9px;
}
#inhaltsbereich a.LinkZurueck:visited,
a.LinkZurueck:visited {

}
#inhaltsbereich a.LinkZurueck:hover, #inhaltsbereich a.LinkZurueck:active,
a.LinkZurueck:hover, a.LinkZurueck:active {
	background: url(/images/design/links/link_intern_back.gif) no-repeat left center;
}

/* ---------------------------------------------------
   Links Speziell: Extern
   =================================================== */
#inhaltsbereich a.LinkExtern,
a.LinkExtern {
	background: url(/images/design/links/link_extern_gross.gif) no-repeat right center;
	padding-right: 11px;
}
#inhaltsbereich a.LinkExtern:visited,
a.LinkExtern:visited {

}
#inhaltsbereich a.LinkExtern:hover, #inhaltsbereich a.LinkExtern:active,
a.LinkExtern:hover, a.LinkExtern:active {
	background: url(/images/design/links/link_extern_gross.gif) no-repeat right center;
}


/* ---------------------------------------------------
   Links Speziell: Nach Oben
   =================================================== */
#inhaltsbereich a.LinkNachOben,
a.LinkNachOben {
	background: url(/images/design/links/nach_oben.gif) no-repeat left center;
	padding-left: 9px;
}
#inhaltsbereich a.LinkNachOben:visited,
a.LinkNachOben:visited {

}
#inhaltsbereich a.LinkNachOben:hover, #inhaltsbereich a.LinkNachOben:active,
a.LinkNachOben:hover, a.LinkNachOben:active {
	background: url(/images/design/links/nach_oben.gif) no-repeat left center;
}

/* ---------------------------------------------------
   Links Speziell: Download
   =================================================== */
#inhaltsbereich a.LinkDownload,
a.LinkDownload {
	background: url(/images/design/links/link_download.gif) no-repeat left center;
	padding-left: 11px;
}
#inhaltsbereich a.LinkDownload:visited,
a.LinkDownload:visited {

}
#inhaltsbereich a.LinkDownload:hover, #inhaltsbereich a.LinkDownload:active,
a.LinkDownload:hover, a.LinkDownload:active {
	background: url(/images/design/links/link_download_aktiv.gif) no-repeat left center;
}

/* ---------------------------------------------------
   Links Speziell: PDF
   =================================================== */
#inhaltsbereich a.LinkPDF, #inhaltsbereichlang a.LinkPDF, #inhaltsbereichofferte a.LinkPDF,
a.LinkPDF {
	background: url(/images/icons/pdf.gif) no-repeat left top;
	padding-left: 19px;
	line-height: 20px;
	padding-top: 3px;
	color: black;
}
#inhaltsbereich a.LinkPDF:visited, #inhaltsbereichlang a.LinkPDF:visited, #inhaltsbereichofferte a.LinkPDF:visited,
a.LinkPDF:visited {
	color: black;
}
#inhaltsbereich a.LinkPDF:hover, #inhaltsbereich a.LinkPDF:active, #inhaltsbereichlang a.LinkPDF:hover, #inhaltsbereichlang a.LinkPDF:active, #inhaltsbereichofferte a.LinkPDF:hover, #inhaltsbereichofferte a.LinkPDF:active,
a.LinkPDF:hover, a.LinkPDF:active {
	background: url(/images/icons/pdf.gif) no-repeat left top;
	color: black;
}

/* ---------------------------------------------------
   Links Speziell: Mail
   =================================================== */
#inhaltsbereich a.LinkMail,
a.LinkMail {
	text-decoration: none;
	font-size: 12px;
}
#inhaltsbereich a.LinkMail:visited,
a.LinkMail:visited {

}
#inhaltsbereich a.LinkMail:hover, #inhaltsbereich a.LinkMail:active,
a.LinkMail:hover, a.LinkMail:active {
	text-decoration: underline;
}