/*
--------------------------------------------------
--- 01.11.2005
--- Stylesheet fuer www.essko.de - Screen

--------------------------------------------------
*/

body {
	background-color: #FFF;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: .86em; 								/* Opera: 100.01% */
	text-align: left;
	scrollbar-base-color: #EBEBEB;
	scrollbar-arrow-color: #888;
}

h1 { 
	color: #666; 
	font-size: 1.3em;
	line-height: 1.25em;
/*	margin: auto;
	padding: 8px 10px 0 10px;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1em;
	letter-spacing: .15em;*/
}
h1.h1first, h1.h1first_c, h1.h1first_cn {
	margin: 0;
	padding: 0;
}
h1.h1first_c {
	text-align: center;
}
h1.h1first_cn {
	font-weight: normal;
	text-align: center;
}
h2 { 
	color: #C00; 
	font-size: 1.2em;
	line-height: 1.15em;
/*	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.20em;
	letter-spacing: .65em;
	font-variant: small-caps;
	margin: 0 0 5 0;
	padding: 8px 10px 0 0;*/
}
h2.h2home_c {
	letter-spacing: .15em;
	text-align: center;
}
h2.h2first, h2.h2first_c {
	margin: 0;
	padding: 0;
	letter-spacing: .15em;
}
h2.h2first_c {
	text-align: center;
}
h3 { 
	color: #C00;
	font-size: 1.1em;
	line-height: 1.05em;
/*	margin: auto; 
	font-size: 1.2em; 
	font-weight: normal; 
*/
}
h3.h3first_c, h3.h3first_cn {
	margin: 0;
	padding: 0;
	text-align: center;
}
h3.h3first_l, h3.h3first_ln {
	margin: 0;
	padding: 0;
	text-align: left;
}
h3.h3first_cn, h3.h3first_ln {
	color: #474747; 
	font-weight: normal;
}
h4 {
	color: #666; 
	font-size: 1em;
	line-height: 1.1em;
/*	margin: auto;
	font-size: 1.1em;
	font-weight: bold;*/
}
h4.h4first_c, h4.h4first_cn {
	margin: 0;
	padding: 0;
	text-align: center;
}
h4.h4first_l, h4.h4first_ln {
	margin: 0;
	padding: 0;
	text-align: left;
}
h4.h4first_cn, h4.h4first_ln {
	color: #474747; 
	font-weight: normal;
}
h5 { 
	color: #474747; 
	font-size: .9em;
	line-height: 1.25em;
/*	margin: auto; 
	padding: 10px 0 0 0;
	font-size: 1.2em; 
	font-weight: bold; 
	color: #C00;*/
}
h5.h5first_c, h5.h5first_cn {
	margin: 0;
	padding: 0;
	text-align: center;
}
h5.h5first_l, h5.h5first_ln {
	margin: 0;
	padding: 0;
	text-align: left;
}
h5.h5first_c {
}
h5.h5first_cn, h5.h5first_ln {
	font-weight: normal;
}
h6 {
	color: #666; 
}
p {
	font-size: .86em;
	line-height: 1.25em;
}
* html p {
	font-size: .86em;
}
p.justify {
	text-align: justify;
}
p.center {
	text-align: center;
}
p.bold {
	font-weight: bold;
}
.smallFont { 
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em; 
	padding: 0 10px;
}
.link {
	color: #C00;
	font-size: .95em;
	font-weight: normal;
	text-decoration: overline underline;
}
.link:hover {
	background-color: #FF2D2D;
	color: #FFF;
	text-decoration: overline underline;
}


/*  **  Seitenkonstruktion  **
   * Zentrierung vertikal * */
#vertFrame {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
}
/* Gesamtframe (horiz. zentriert) */
#horizFrame {
	position: absolute;
	top: -230px;
	height: 460px;
	left: 50%;
	width: 750px;
	margin-left: -376px;		/* Opera / Mozilla */
	border: 1px solid #C00;
	text-align: left;
	background-color: #FFF;
}
* html div#horizFrame {
	margin-left: -365px;		/* MS IE */
}
/* Firmenlogo */
#skinO1 {
	background-color: transparent;
	background-image: url(images/Bilder/essPicTop_01.jpg);
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 114px;
}
#skinO2 {
	background-color: transparent;
	background-image: url(images/Bilder/essPicTop_02.jpg);
	position: absolute;
	top: 0;
	left: 150px;
	width: 150px;
	height: 114px;
}
#skinO3 {
	background-color: transparent;
	background-image: url(images/Bilder/essPicTop_03.jpg);
	position: absolute;
	top: 0;
	left: 300px;
	width: 150px;
	height: 114px;
}
#skinO4 {
	background-color: transparent;
	background-image: url(images/Bilder/essPicTop_04.jpg);
	position: absolute;
	top: 0;
	left: 450px;
	width: 150px;
	height: 114px;
}
#skinO5 {
	background-color: transparent;
	background-image: url(images/Bilder/essPicTop_05.jpg);
	position: absolute;
	top: 0;
	left: 600px;
	width: 150px;
	height: 114px;
}

/* Datenbereich - Allgemein */
div#mainContent {
	background-color: #F9F9F9;
	border: 1px solid;
	border-color: #CCC #808080 #808080 #CCC;
/*	font-size: .94em;*/
	line-height: 1.5em;
	padding: 20px 30px;
/*	margin: 0 12px 12px 12px;*/
	top: 116px;
	left: 125px;
	width: 562px;
	height: 301px;
	position: absolute;
	overflow: auto;
}
/* Datenbereich - Window 'Webmail-Login' */
div#mainContwm {
	background-color: #F0F0F0;
	background-color: #F9F9F9;
	line-height: 1.5em;
	padding: 20px 30px;
	margin: 0 2.5% 12px 1%;
	top: 116px;
	left: 2px;
	width: 676px;
	height: 300px;
	position: absolute;
	overflow: auto;
}

/* Container for the Tool-Menu */
div#toolMenu {
	background-color: transparent;
	border: none;
	top: 433px;
	width: 124px;
	left: 1px;
	position: absolute;
}

div#zitat {
	border: 0px solid #C00;
	border-top: 3px;
	border-bottom: 3px;
	padding: 6px 3px 3px 6px;
	top: 20px;
	left: 300px;
	height: 45px;
	width: 250px;
	position: absolute;
	overflow: hidden;
	color: #474747; 
	line-height: 1.25em;
	font-size: .8em;
}
div#zitat .zittext {
	font-weight: bold;
}
div#zitat .zitname {
	line-height: 1.5em;
	font-weight: normal;
}
/* Homepage des Monats - Home-Seite */
table.tblHpDesMon {
	width: 450px;
	border: 1px solid #C00;
	background-color: #FFF;
}
table.tblHpDesMon td {
	padding: 1px 0 0 4px;
}
table.tblHpDesMon a {
	color: #C00;
	font-size: .86em;
	text-decoration: overline underline;
}
table.tblHpDesMon a:hover {
	background-color: #FF2D2D;
	color: #FFF;
	text-decoration: overline underline;
}

/* Seite Preise - Überschrift*/
table.preise {
	width: 97%;
	border: 0px solid #666; 
	border-width: 1px 1px 0 0;
	background-color: #EBEBEB;
	color: #333;
}
table.preise th, table.preise td {
	padding: 2px 4px 2px 4px;
	border: 0px solid #666; 
	border-width: 0 0 1px 1px;
}
table.preise th {
	background-color: #DDD;
	font-weight: normal;
	font-size: 1em;
}
/* Formatierung Seite Preise - Details*/
table.preisd {
	width: 97%;
	border: 0px solid #C00; 
	border-width: 0 0px 1px 1px;
	background-color: #F9F9F9;
}
table.preisd td {
	border: 0px solid #C00;
	border-width: 0 1px 0 0;
}
table.preisd td.head {
	vertical-align: top;
	padding: 4px 4px 2px 8px;
	font-size: .9em;
}
table.preisd td.list {
	vertical-align: top;
	padding: 4px 4px 2px 8px;
	color: #C00;
	font-size: 1em;
}
table.preisd td.text {
	vertical-align: top;
	padding: 4px 4px 2px 4px;
	color: #333;
	font-size: .94em;
}
table.preisd td.preis {
	vertical-align: top;
	margin: 0;
	padding: 0px 4px 0px 0px;
	color: #333;
	font-size: .9em;
	text-align: right;
	font-weight: bold;
	letter-spacing: .1em
	line-height: 12px;
}
table.preisd td.p.preis-ms {
	vertical-align: top;
	padding: 0px 4px 0px 0px;
	color: #333;
	font-size: .9em;
	text-align: right;
	font-weight: normal;
	letter-spacing: .1em;
	line-height: 14px;
}
/* Seite Impressum */
table.impr {
	left: 50%;
	width: 400px;
	margin-left: -200px;
	position: relative;
}
table#impr td {
	padding: 3px 7px;
	margin: 5px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	line-height: 1.4em;
	font-size: .77em; 
}
table#impr td p {
	text-align: justify;
	letter-spacing: normal;
	font-size: 1em; 
}
table#impr .link {
	color: #FF2D2D;
	text-decoration: overline underline;
}
table#impr .link:hover {
	color: #FFCACA;
	background-color: #FF2D2D;
	text-decoration: overline underline;
}

/* Tabelle Home-Seite 'Button Hp.d.Monats' */
table.tblHome {
	width: 400px;
	position: relative;
}
table.tblHome td {
	padding: 15px 0 0 0;
	text-align: center;
}

/* Formatierung Seite Referenzen
	1. Tabelle, Links, Beschriftung */
table.referenzen {
	width: 540px;
	border: 1px solid #CCC #888 #666 #AAA;;
	background-color: #F0F0F0;
	color: #474747;
}
table.referenzen td {
	padding: 2px 4px 2px 4px;
	font-size: .94em;
	vertical-align: top;
}
table.referenzen a:link, table.referenzen a:visited {
	color: #555;
	text-decoration: underline;
}
table.referenzen a:focus, table.referenzen a:hover {
	background-color: #FFCACA;
	text-decoration: underline overline;
}
table.referenzen tr.z2 {
	background-color: #DDD; 
}
table.referenzen td.sp1 {
	text-align: right;
}
table.referenzen td.sp2 {
	
}
/*	2. Tabelle f. Zusatztexte */
table.refText {
	width: 500px;
	border: 1px solid #CCC #888 #666 #AAA;;
	border: none;
	color: #C00;
	text-align: center;
	font-size: .86em; 
	line-height: 1.1em;
}
table.refText td {
	padding: 10px;
}

/* Tabellen */
table.tbl400 {
	width: 400px;
}
table.tbl500 {
	width: 500px;
}
table.tbl400 td, table.tbl500 td {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding-right: 3px;
	vertical-align: text-top;
	font-size: 1em;
	line-height: 1.3em;
}

/* Tabelle - Zelle "Description" */
td.tdDescrL, td.tdDescrR, td.tdDescrM,
td.tdContR, td.tdContL, td.tdContM {
	padding: 2px 0 2px 4px;
	vertical-align: top;
	line-height: 1.25;
	font-size: .9em; 
	color: #333;
}
td.tdDescrL {
	font-weight: bold;
	text-align: right;
}
td.tdDescrM {
	font-weight: bold;
	text-align: center;
}
td.tdDescrR {
	font-weight: bold;
	text-align: right;
}
td.tdContL {
	text-align: left;
}
td.tdContM {
	text-align: center;
}
td.tdContR {
	text-align: right;
}

/*	Formular */
table#form {
	width: 500px;
	border-top: 1px solid #CCC;
}
table#form td {
	padding: 3px 7px;
	margin: 0 5px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	font-size: .86em; 
}
table#form td.descr {
	width: 60px;
	font-size: .9em;
	font-weight: bold;
	text-align: right;
}
table#form td.feld {
	width: 165px;
}
.subresBtn, input, select, textarea {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-transform: none;
	background-color: #F0F0F0;
	color: #000;
	border: 1px solid #808080;
	padding: 1px 2px;
}
input, select {
	font-size: .9em;
}
.subresBtn {
	text-transform: none;
	text-align: center;
	color: #666;
	font-size: .9em;
	font-weight: bold;
	border: 2px solid #999;
}
textarea {
	font-size: .9em;
}

/* Anfahrtskizze / Routenplaner + Geocoder 
	Formatierung der Seite inkl. Buttons, Input-Feldern etc.	*/
body#anfGeoc {
	background-color: #FFF;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	scrollbar-base-color: #EBEBEB;
	scrollbar-arrow-color: #888;
}
* html body#anfGeoc {
	font-size: 11px;
}
body#anfGeoc h1 { 
	color: #666; 
	font-size: 15px;
	text-align: left;
	line-height: 1.15em;
	padding-left: 10px;
}
body#anfGeoc p {
	font-size: 11px;
	padding-left: 5px;
}
body#anfGeoc .inpBtn {
	font-size: 11px;
	margin: 0;
	border: 1px solid #999;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
body#anfGeoc .inpBtn:hover {
	color: #C00;
	background-color: #FAE5E5;
	font-size: 11px;
	margin: 0;
	border: 1px solid #C00;
	border-top: 1px solid #F00;
	border-left: 1px solid #F00;
}
body#anfGeoc .inpFeld {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 11px;
	font-weight: bold;
	background-color: #F7F7F7;
	border: 2px solid #999;
	border-top: 2px solid #CCC;
	border-left: 2px solid #CCC;
	text-transform: none;
	padding: 1px 2px;
}
body#anfGeoc table#tblRplMNav,
body#anfGeoc table#tblRplaner,
body#anfGeoc div#Map24MappingArea {
	width: 640px;
	background-color: #F9F9F9;
	font-size: .86em;
	font-size: 11px;
	border: 1px solid #c00;
	padding: 2px;
}
body#anfGeoc table#tblRplMNav {
	margin-top: 10px;
}
body#anfGeoc div#Map24MappingArea {
	position: relative; 
	top: 0; 
	left: 0;
	width: 630px;
	margin: 7px 0;
	height: 50px;
}
body#anfGeoc table#tblRplaner td.sp1 {
	width: 250px;
	vertical-align: top;
}
body#anfGeoc table#tblRplaner td.sp2c {
	width: 200px;
	font-weight: bold; 
	font-size: 12px; 
	line-height: 1.5em;
	vertical-align: top;
	text-align: center;
}
body#anfGeoc td.sp2l {
	padding-left: 30px;
}
body#anfGeoc table#tblRplaner td.sp3c {
	font-weight: bold; 
	font-size: 12px; 
	line-height: 1.5em;
	vertical-align: top;
	text-align: center;
}
body#anfGeoc table.tblRoute {
	width: 640px;
	background-color: #F9F9F9;
	font-size: 11px;
	border: 1px solid #c00;
	margin-top: 7px;
	padding: 3px;
}
body#anfGeoc table.tblRoute td.strecke {
	background-color: #DDD;
	font-size: 12px;
	padding: 3px 10px;
	border-bottom: 1px solid #808080;
}
body#anfGeoc table.tblRoute td.zeit {
	background-color: #DDD;
	font-size: 12px;
	padding: 3px 10px;
	border-bottom: 1px solid #C00;
}
body#anfGeoc table.tblRoute td.acSp11, 
body#anfGeoc table.tblRoute td.acSp21 {
	width: 50px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #666;
	border-right: 1px dotted #666;
}
body#anfGeoc table.tblRoute td.acSp12, 
body#anfGeoc table.tblRoute td.acSp22 {
	width: 380px;
	text-align: left;
	vertical-align: top;
	padding: 3px 10px;
	border-bottom: 1px solid #666;
	border-right: 1px dotted #666;
}
body#anfGeoc table.tblRoute td.acSp13,
body#anfGeoc table.tblRoute td.acSp23 {
	width: 60px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #666;
	border-right: 1px dotted #666;
}
body#anfGeoc table.tblRoute td.acSp14,
body#anfGeoc table.tblRoute td.acSp24 {
	width: 60px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #666;
}
body#anfGeoc table.tblRoute td.acSp11, 
body#anfGeoc table.tblRoute td.acSp12, 
body#anfGeoc table.tblRoute td.acSp13, 
body#anfGeoc table.tblRoute td.acSp14 {
	background-color: #F7F7F7;	
}

body#anfGeoc table.tblRoute td.acSp21, 
body#anfGeoc table.tblRoute td.acSp22, 
body#anfGeoc table.tblRoute td.acSp23, 
body#anfGeoc table.tblRoute td.acSp24 {
	background-color: #D7D7D7;	
}
	
body#anfGeoc table.tblRoute td.ende {
	background-color: #DDD;	
	font-size: 12px;
	color: #C00;
	font-weight: bold;
	padding: 3px 70px 3px 0;
}


/* Container for the Main-Menu */
div#mainMenu {
	background-color: transparent;
	border: 1px transparent;
	border-color: #CCC #808080 #808080 #CCC;
	top: 115px;
	width: 122px;
	height: 100px;
	padding: 2px;
	position: absolute;
	font-size: .94em;
}

/* Turns off Margin, Padding, and Bullets for the Menu List */
div#mainMenu ul { margin: 0px; padding: 0px; }
div#mainMenu li { margin: 0px; padding: 0px; list-style-type: none; }

/* Rules to copy if you use the WriteStyles Command */
.closed ul     { display: none; }
.open ul       { display: block; }
.nosub_clos ul { display: none; }
.nosub_open ul { display: none; }

/* Link Styles for the Menu */
.closed a, .open a, 
.nosub_clos a, .nosub_open a {
	background-repeat: no-repeat;
	background-position: 3px 50%;
	background-color: #EBEBEB;
	border: 1px solid;
	border-color: #CCC #808080 #808080 #CCC;
	color: #333333;
	display: block;
	font-size: 0.9em;
	padding: 2px 0px 2px 16px;
	text-decoration: none;
}
/* IE7 */
html*.closed a, html*.open a, 
html*.nosub_clos a, html*.nosub_open a {
	padding: 2px 0px 5px 16px;
}
/* IE bis 6.xx */ 
* html .closed a, * html .open a, 
* html .nosub_clos a, * html .nosub_open a {
	padding: 2px 0px 2px 16px;
}
 
/* Focus styles for the menu */
.closed a:focus, .open a:focus,
.nosub_clos a:focus, .nosub_open a:focus {
	background-color: #FFF;
	color: #817F7F;
}
/* Hover styles for the menu */
.closed a:hover, .open a:hover, 
.nosub_clos a:hover, .nosub_open a:hover {
	background-color: #DDD;
	color: #817F7F;
}
/* Active styles for the menu */
.nosub_clos a:active, .nosub_open a:active,
.closed a:active, .open a:active {
	background-color: #FFF;
	color: #817F7F;
}
/* Plus Sign for Trigger Links in Closed State */
.closed a {background-image: url(images/essNavPlusRot.gif);}
/* Minus Sign for Trigger Links in Open State */
.open a {background-image: url(images/essNavMinusRot.gif);}
/* Empty Sign for Trigger Links in Open and Cloesed State */
.nosub_clos a, .nosub_open a  {background-image: url(images/essNavNosubRot.gif);}

.closed ul a, .open ul a, .open ul a:hover {
	background-color: #F0F0F0;
	background-image: url(images/essNavSubRot.gif);
	background-repeat: no-repeat;
	background-position: 3px 50%;
	border: solid 1px;
	border-color: #CCC #AAA #CCC #AAA;
	color:#666;
	font-size: .86em;
	font-weight: normal;
	padding: 0 0 0 18px;
	margin: 0 0 0 8px;
}
/* IE7 */
html*.closed ul a, html*.open ul a, html*.open ul a:hover {
	padding: 0 0 7px 18px;
	margin: 0 0 1px 8px;
}
/* IE bis 6.xx */ 
* html .closed ul a, * html .open ul a, * html .open ul a:hover {
	padding: 0 0 3px 18px;
	margin: 0 0 0 8px;
}
.open ul a:hover {
	background-color: #DDD;
	border: 1px solid;
	border-color: #808080;
}
/* Optional ID to assign the <a> to highlight a "Current Page" link */
#p7current { 
	color: #C00;
	font-weight: bold;
}