/********************************
 *
 * ALLGEMEINE DEFINITIONEN
 *
 ********************************/
html, body {
    font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
    font-size: 12px;
    background-color: #ffffff;
    margin:0px;
    padding:0px;
    color: #000000;
}


div, p {
    margin: 0px;
    padding: 0px;
}
img {
	border-width: 0px;
}

hr {
    border-width: 0px;
    height: 1px;
    color: #B0B5B9;
    background-color: #B0B5B9;
}

hr.white {
    border-width: 0px;
    height: 3px;
    color: #fff;
    margin-top: 20px;
    background-color: #fff;
}
* + html hr.white {
    margin-top: 10px;
}

div.csc-textpic, div.csc-textpic-center, div.csc-textpic-above, div.csc-textpic-imagewrap, dl.csc-textpic-image, dl.csc-textpic-firstcol, dl.csc-textpic-lastcol, dt {
    margin: 0px;
    padding: 0px;
    margin-left: -35px;
}
div.csc-textpic-clear {
    display: none !important;
}

div.csc-header-n1 {
    display: none !important;
}

/* Typo3 Edit-Icon für gesamt-Struktur nicht anzeigen, aber für Unterelemente! */
body img.frontEndEditIcons {
    visibility: hidden;
}
body div img.frontEndEditIcons {
    visibility: visible;
    position: relative !important;
    margin-left: 12px;
}


input[type=submit], input.submit, input.reset, a {
    cursor: pointer !important;
}

a.pfeil, a.mail {
    background-image:url(/fileadmin/esk/images/design/promobox_pfeil.gif) !important;
    background-position: 10px 3px !important;
    background-repeat: no-repeat !important;
    
    padding-left: 18px !important;
    background-position: 0px 2px !important;
    color:#666;
    text-decoration: none;
}


/* FLASH */
#flashsource {
	display: none;
}


/********************************
 *
 * LAYOUT & HEADER
 *
 ********************************/
div#layout {
    width: 965px;
    margin: 0px auto;
    
    background-image: url(/fileadmin/esk/images/design/bg_y.gif);
    background-repeat: repeat-y;
}

div#header {
	padding: 15px 0px 18px 13px;
	background-color: #fff;
	color: #000;
	height: 57px;
	
}

img#header_logo_esk {
	width: 45px;
	height: 57px;
}
img#header_logo_esk_claim {
	width: 287px;
	height: 57px;
}



/********************************
 *
 * NAVIGATIONSLEISTE
 *
 ********************************/
div#navigationsleiste {
    background-color: #dce1e6;
    font-size: 11px;
    color: #666;
    border-bottom: 3px solid #ffffff;
    height: 14px;
    padding: 8px 0px 8px 13px;
}

div#navigationsleiste a:link, div#navigationsleiste a:visited {
    color: #666;
    background-color: inherit;
    text-decoration: none;
}
div#navigationsleiste a:active, div#navigationsleiste a:hover, div#navigationsleiste a:focus {
    text-decoration: underline;
}
div#navigationsleiste a.active:link, div#navigationsleiste a.active:visited {
    text-decoration: underline;
}
/*
 * Subnavigationsleiste
 */
div#navigationsleiste_sub {
    background-color: #8c96a0;
    color: #fff;
    font-size: 11px;
    border-bottom: 3px solid #ffffff;
    height: 14px;
    padding: 8px 0px 8px 13px;
}
div#navigationsleiste_sub a:link, div#navigationsleiste_sub a:visited {
    color: #fff;
    text-decoration: none;
    background-color: inherit;
    
}
div#navigationsleiste_sub a:active, div#navigationsleiste_sub a:hover, div#navigationsleiste_sub a:focus {
    text-decoration: underline;
    
}
div#navigationsleiste_sub a.active:link, div#navigationsleiste_sub a.active:visited {
    text-decoration: underline;
    
}

div#languageselect {
    float: right;
    margin: -5px 22px 0px 0px;
    padding: 0px;
    width: 180px;
    text-align: right;
}

div#languageselect a{
    margin-left:10px;
}


*+html div#languageselect {
    float: right;
    margin: -5px 22px 0px 0px;
    padding: 0px;
    width: 180px;
    text-align: right;
}

div#languageselect form select {
    width: 100px;
    margin: 2px 0px 0px 0px;
    padding: 0px;
    vertical-align: -1px;
}

*+html div#languageselect form select {
    vertical-align: -4px;
}

div#languageselect form > select {
    width: 100px;
    margin: 0px;
    padding: 0px;
    }

 

/********************************
 *
 * HAUPTNAVIGATION
 *
 ********************************/
div#hauptnavigation {
	width: 230px;
    float:left;
}

div#hauptnavigation div#hauptnavigation_suche {
	border-bottom: 3px solid #ffffff;
	height: 60px;
	background-color:#dce1e6;
	color: inherit;
}

div#hauptnavigation ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div#hauptnavigation ul li {
    margin: 0px;
    padding: 0px;
}

/*
 * Hauptkategorie
 */
div#hauptnavigation ul#haupt li {
    border-bottom: 3px solid #ffffff;
}
div#hauptnavigation ul#haupt li.active {
    background-color:#dce1e6;
    color: inherit;
}
div#hauptnavigation ul#haupt li a:link, div#hauptnavigation ul#haupt li a:visited {
    display:block;
	margin:0px;
    padding: 8px 0px 8px 30px;
    height: 14px;
    
    font-size: 11px;
    color: #666;
    text-decoration: none;
    background-color:#dce1e6;
    
    background-image:url(/fileadmin/esk/images/design/nav_haupt_pfeile.gif);
    background-position: 13px -34px;
    background-repeat: no-repeat;
}
div#hauptnavigation ul#haupt li a:active, div#hauptnavigation ul#haupt li a:hover, div#hauptnavigation ul#haupt li a:focus {
    text-decoration: underline;
}
div#hauptnavigation ul#haupt li.active a:link, div#hauptnavigation ul#haupt li.active a:visited {
	background-color: #8c96a0;
	background-position: 13px -1px;
	text-decoration: none;
	color: #ffffff;
}
div#hauptnavigation ul#haupt li.active a:active, div#hauptnavigation ul#haupt li.active a:hover, div#hauptnavigation ul#haupt li.active a:focus {
    text-decoration: underline;
}

/*
 * Erste Subkategorie
 */
/*
div#hauptnavigation ul#haupt li ul {
    margin: -8px 0px 0px 0px;
    padding: 0px 0px 8px 0px;
    background-color: #8c96a0;
}
div#hauptnavigation ul#haupt li ul li {
    border-bottom-width: 0px;
}
div#hauptnavigation ul#haupt li ul li a:link, div#hauptnavigation ul#haupt li ul li a:visited {
    background-image: none;
    padding: 4px 0px 0px 30px;
}
div#hauptnavigation ul#haupt li a.active:link, div#hauptnavigation ul#haupt li a.active:visited, div#hauptnavigation ul#haupt li a.active:active, div#hauptnavigation ul#haupt li a.active:hover, div#hauptnavigation ul#haupt li a.active:focus {
    text-decoration: underline;
}
*/

/*
 * Reiter
 */
div#hauptnavigation ul#reiter {
    padding: 0px;
    margin: 0px;
    width: 230px;
    overflow: hidden;
}

div#hauptnavigation ul#reiter li {
    display: block;
    float: left;
    
    margin: 0px 0px 0px -22px;
    padding: 0px 0px 0px 22px;
    
    border-bottom: 1px solid #78818a;
    background-color: #dce1e6;
    color: inherit;
    height: 20px;
    overflow: hidden;
    
    background-image: url(/fileadmin/esk/images/design/nav_reiter.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
div#hauptnavigation ul#reiter li.active {
    background-color: #8c96a0;
    color: inherit;
    background-position: 0px -20px;
}
div#hauptnavigation ul#reiter li a:link, div#hauptnavigation ul#reiter li a:visited {
    font-size: 11px;
    color: #666;
    background-color: inherit;
    text-decoration: none;
    display: block;
    height: 15px;
    padding: 4px 0px 4px 30px;
    width: 85px;
}
div#hauptnavigation ul#reiter li a:active, div#hauptnavigation ul#reiter li a:hover, div#hauptnavigation ul#reiter li a:focus {
    text-decoration: underline;
}
div#hauptnavigation ul#reiter li.active a:link, div#hauptnavigation ul#reiter li.active a:visited, div#hauptnavigation ul#reiter li.active a:active, div#hauptnavigation ul#reiter li.active a:hover, div#hauptnavigation ul#reiter li.active a:focus {
    color: #ffffff;
    background-color: inherit;
}

/*
 * Subkategorie 1
 */
div#hauptnavigation ul#sub {
	margin: 0px 0px 15px 0px;
	clear: left;
	background-color:#8C96A0;
}
div#hauptnavigation ul#sub li {
	border-bottom: 1px solid #78818a;
}
div#hauptnavigation ul#sub li a:link, div#hauptnavigation ul#sub li a:visited {

	display: block;
	margin: 0px;
	padding: 3px 13px 0px 30px;
    line-height: 15px;
	height: auto;
	
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background-color: #8c96a0;
}
div#hauptnavigation ul#sub li a:active, div#hauptnavigation ul#sub li a:hover, div#hauptnavigation ul#sub li a:focus {
	text-decoration: underline;
	
}

div#hauptnavigation ul#sub li a:hover {text-decoration: underline;}

div#hauptnavigation ul#sub li a.active:link, div#hauptnavigation ul#sub li a.active:visited, div#hauptnavigation ul#sub li a.active:active, div#hauptnavigation ul#sub li a.active:focus {
	text-decoration: underline;
	
}

/*
 * Subkategorie 2
 */
div#hauptnavigation ul#sub li ul {

	margin: 8px 0px 10px 0px;
}
div#hauptnavigation ul#sub li ul li {
	border-bottom-width: 0px;
	/*display: inline;*/
	
}
div#hauptnavigation ul#sub li ul li a:link, div#hauptnavigation ul#sub li ul li a:visited {
	padding: 0px 15px 0px 30px;
	height: auto;
	line-height: 15px;
}

/*
 * Subkategorie 3
 */
div#hauptnavigation ul#sub li ul li ul {
				

	margin: 5px 5px 5px 0;
}
div#hauptnavigation ul#sub li ul li ul li a:link, div#hauptnavigation ul#sub li ul li ul li a:visited {
	padding:0px 0px 2px 50px;
	line-height: 14px;
	
}

/*
 * Subkategorie 4
 */
div#hauptnavigation ul#sub li ul li ul li ul {
	margin: 0px 5px 5px 0;
}
div#hauptnavigation ul#sub li ul li ul li ul li a:link, div#hauptnavigation ul#sub li ul li ul li ul li a:visited {
	padding:0px 0px 4px 65px;
	line-height: 15px;
	
}



/********************************
 *
 * PROMOBOX
 *
 ********************************/
div#promobox {
    width: 230px;
    float:right;
    color: #666;
    margin-bottom: 126px;
    background-color: inherit;
}

div#promobox div {
    border-bottom: 3px solid #ffffff;
    padding: 0px 0px 20px 0px;
}

div#promobox span.hideHr {
    position: relative;
}
div#promobox span.hideHr span {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 230px;
    background-color: #DCE1E6;
}
* html div#promobox span.hideHr span { left: -115px; height: 30px; }
* + html div#promobox span.hideHr span { left: -115px; height: 20px; }

div#promobox div div.user-jskontaktformular-pi1 {
    border-bottom-width: 0px;
    padding: 0px;
    margin: 0px;
}

div.user-jskontaktformular-pi1 h1.pfeil{
    padding: 0px 15px 0px 15px;
    margin: 25px 0px 6px 0px;
    font-size: 13px;
    line-height: 18px;
    text-transform:uppercase; 
    background-image:none !important; 
}

div#promobox p {
    padding: 0px 15px 0px 30px;
    margin: 6px 0px 6px 0px;
    font-size: 11px;
    line-height: 14px;
}
div#promobox h1, div#promobox h3 {
    padding: 0px 15px 0px 30px;
    margin: 25px 0px 6px 0px;
    font-size: 13px;
    line-height: 18px;
    text-transform:uppercase;
}
div#promobox h1 a, div#promobox h3 a {
    font-size: 13px !important;
}
div#promobox h1.pfeil, div#promobox h3.pfeil {
    padding-left: 30px;
    text-transform:uppercase;
}

div#promobox h2 {
    padding: 0px 15px 0px 30px;
    margin: 6px 0px 6px 0px;
    font-size: 11px;
    line-height: 12px;
    font-weight: bold;
}

div#promobox h4 {
    padding: 0px 15px 0px 30px;
    margin: 25px 0px 6px 0px;
    font-size: 13px;
    line-height: 12px;
    font-weight: bold;
}

div#promobox .border {
    border-bottom: 1px solid #999;
}
div#promobox .pfeil {
    background-image:url(/fileadmin/esk/images/design/promobox_pfeil.gif) !important;
    background-position: 10px 3px !important;
    background-repeat: no-repeat !important;
}
div#promobox p.pfeil {
    background-position: 10px 1px;
    font-weight:bold !important;
}
div#promobox a.pfeil {
    padding-left: 18px !important;
    background-position: 0px 2px !important;
}
div#promobox span.pfeil {
    background-image: none !important;
}

div#promobox span.pfeil h1 {
    background-image:url(/fileadmin/esk/images/design/promobox_pfeil.gif);
    background-position: 10px 3px;
    background-repeat: no-repeat;
    
    padding-left: 30px;
}

div#promobox a:link, div#promobox a:visited {
    color: #666;
    background-color: inherit;
    text-decoration: none;
    
}
div#promobox a:active, div#promobox a:hover, div#promobox a:focus {
    text-decoration: underline;
}

div#promobox a.pdfdownload:link, div#promobox a.pdfdownload:visited {
    text-decoration: none;
    font-size: 11px;
    color: #666;
    background-color: inherit;
    padding: 0px 0px 0px 19px;
    margin: 0px 0px 0px 30px;
    
    background-image: url(/fileadmin/esk/images/design/pdfdownload.gif);
    background-position: left 1px;
    background-repeat: no-repeat;
}
div#promobox a.pdfdownload:active, div#promobox a.pdfdownload:hover, div#promobox a.pdfdownload:focus {
    text-decoration: underline;
}

div#promobox a.toplink:link, div#promobox a.toplink:visited {
    text-decoration: none;
    font-size: 11px;
    color: #666;
    background-color: inherit;
    padding: 0px 0px 0px 16px;
    margin: 0px 0px 0px 33px;
    
    background-image: url(/fileadmin/esk/images/design/promobox_pfeil.gif);
    background-position: left 2px;
    background-repeat: no-repeat;
    
    display: block;
}
div#promobox a.toplink:active, div#promobox a.toplink:hover, div#promobox a.toplink:focus {
    text-decoration: underline;
}
div#promobox p a.toplink:link, div#promobox p a.toplink:visited {
    margin-left: 0px;
}

div#promobox div.toplink {
    display: none;
    position: absolute;
    background-color: white;
    border: 1px solid #807e7b;
    padding: 6px;
    width: 202px;
    margin: 28px 0px 0px 7px;
}
div#promobox div.toplink img {
    float: left;
    margin-right: 10px;
    border:1px solid #807e7b;
}
div#promobox div.toplink p {
    font-size: 10px;
    line-height: 12px;
    color: #666;
    margin-left: 53px;
}

div#promobox  p.bodytext a:link, div#promobox p.bodytext a:visited {
    text-decoration: none;
    font-size: 11px;
    color: #666;
    background-color: inherit;
    padding: 0px 0px 0px 8px;
    margin: 0px 0px 0px 0px;
    
    background-image: url(/fileadmin/esk/images/design/pfeil_email_link_promo.jpg);
    background-position: 2px 4px;
    background-repeat: no-repeat;
}


div#promobox form {
    display: inline;
    margin: 0px;
    padding: 0px;
}

div#promobox form h2 {
    font-size: 11px;
    margin: 20px 0px 12px 30px;
    padding: 0px;
}

div#promobox form label, form.defform label {
    font-size: 10px;
}

div#promobox form input, form.defform input {
    margin: 6px 0px 0px 0px;
    border: 1px solid #666;
    width:168px;
   font-size: 10px;
       color: #666666;
    font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;  
}
div#promobox form select, form.defform select {
    margin: 6px 0px 0px 0px;
    border: 1px solid #666;
    width: 170px;
    
    line-height: 18px;
    height: 18px;
    font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
    font-size: 10px;
    color: #666666;
    
}
* html div#promobox form select, * html form.defform select {
    width: 173px !important;
}

* + html div#promobox form select, * + html form.defform select {
    width: 173px !important;
    height: 20px;
 
}


div#promobox form textarea, form.defform textarea {
    margin: 6px 0px 0px 0px;
    border: 1px solid #666;
    width:168px;
    height:100px;
    font-size: 11px;
    font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
    color: #666666;
}

div#promobox form input.submit, form.defform input.submit {
    font-size: 11px;
    line-height: 15px;
    color: #666;
    text-align: left;
    
    background-color: #dce1e6;
    border-width: 0px;
    
    height: 15px;
    width: 140px;
    
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 22px;
    
    background-image: url(/fileadmin/esk/images/design/content_pfeil.gif);
    background-position: 4px 2px;
    background-repeat: no-repeat;
}


div#promobox img.full {
    width: 230px;
    margin-bottom: 5px;
    border-width: 0px;
}
div#promobox img.full_border {
    width: 230px;
    border-bottom: 3px solid white !important;
    border-width: 0px;
}

div#promobox p.times {
    font-family: Arial;
    margin-top: 40px;
    font-size: 12px;
    line-height: 17px;
    padding-left: 19px;
    padding-bottom:10px;
}


/********************************
 *
 * SUCHE
 *
 ********************************/

div#hauptnavigation_suche {
    margin: 0px;
    padding: 0px;
}

div#hauptnavigation_suche p {
    margin: 0px;
    padding: 20px 0px 0px 13px;
}

div#hauptnavigation_suche form input {
    margin: 0px;
    border: 1px solid #666;
    width: 130px;
    
}

div#hauptnavigation_suche form input.submit {
    font-size: 11px;
    line-height: 15px;
    color: #666;
    
    text-align: left;
    
    background-color: #dce1e6;
    border-width: 0px;
    
    height: 15px;
    width: 55px;
    
    margin: 0px;
    padding: 0px 0px 0px 20px;
    
    background-image: url(/fileadmin/esk/images/design/content_pfeil.gif);
    background-position: 6px 2px;
    background-repeat: no-repeat;
}


 

/********************************
 *
 * CONTENT
 *
 ********************************/
div#layout div#content {
	width: 475px;
	padding: 12px 12px 0px 12px;
	margin: 0px 230px;
	overflow: hidden;
} /* padding-right nur 12px, da der IE ansonsten die content-Box nach unten verschiebt! */
div#layout > div#content {
	padding: 12px 15px 0px 15px;
	overflow:visible;
}

div#layout div#content a.prev:link, div#layout div#content a.prev:visited {
    text-decoration: none;
    font-size: 11px;
    color: #666;
    background-color: inherit;
    padding: 0px 0px 0px 16px;
    
    background-image: url(/fileadmin/esk/images/design/content_pfeil_prev.gif);
    background-position: left 2px;
    background-repeat: no-repeat;
}
div#layout div#content a.prev:active, div#layout div#content a.prev:hover, div#layout div#content a.prev:focus {
    text-decoration: underline;
}

div#layout div#content a.next:link, div#layout div#content a.next:visited {
    text-decoration: none;
    font-size: 11px;
    color: #666;
    background-color: inherit;
    padding: 0px 16px 0px 0px;
    
    background-image: url(/fileadmin/esk/images/design/content_pfeil.gif);
    background-position: right 2px;
    background-repeat: no-repeat;
}
div#layout div#content a.next:active, div#layout div#content a.next:hover, div#layout div#content a.next:focus {
    text-decoration: underline;
}

div#layout div#content a.nav:link, div#layout div#content a.nav:visited {
    text-decoration: none;
    font-size: 11px;
    color: #666;
    background-color: inherit;
    padding: 0px;
}
div#layout div#content a.nav:active, div#layout div#content a.nav:hover, div#layout div#content a.nav:focus {
    text-decoration: underline;
}

div#layout div#content a.arrow:link, div#layout div#content a.arrow:visited {
    text-decoration: none;
    font-size: 11px;
    color: #666;
    background-color: inherit;
    padding: 0px 0px 0px 16px;
    
    background-image: url(/fileadmin/esk/images/design/content_pfeil.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}
div#layout div#content a.arrow:active, div#layout div#content a.arrow:hover, div#layout div#content a.arrow:focus {
    text-decoration: underline;
}

/********************************
 *
 * FOOTER
 *
 ********************************/
div#footer_container {
    clear: both;
}

div#footer_container p#footer_esk_zertifikat {
    font-size: 9px;
    float: right;
    width: 185px;
    color: #999;
    background-color: inherit;
    height: 22px;
    line-height: 11px;
    margin: -42px 0px 0px 0px;
    padding: 0px 15px 20px 0px;
}
div#footer_container p#footer_esk_zertifikat a {
    font-size: 9px;
    color: #999;
    text-decoration: none;
}

div#footer {
    background-color: #ffffff;
    padding-top: 15px;
    height: 20px;
    clear: both;
    padding-bottom:30px;
    font-size: 10px;
    color: #999;
    z-index:9999;
}

div#footer p {
    margin: 0px;
    padding: 0px;
}

div#footer p#footer_mid {
	width: 475px;
	padding: 0px 12px 0px 12px;
	margin: 0px 230px 0px 230px;
	clear: none;
}
div#footer > p#footer_mid {
	padding: 4px 15px 0px 15px;
}

div#footer p#footer_mid span {
	float: right;
}
div#footer p#footer_mid img {
	height: 11px;
	vertical-align: top;
	margin-right: 2px;
}
div#footer p#footer_mid a:link, div#footer p#footer_mid a:visited {
	color: #999;
	background-color: inherit;
	text-decoration: none;
}
div#footer p#footer_mid a:active, div#footer p#footer_mid a:hover, div#footer p#footer_mid a:focus {
	text-decoration: underline;
}

div#footer p#footer_left {
    padding-top: 4px;
	width: 230px;
    float:left;
}
div#footer p#footer_right {
	width: 230px;
  float:right;
}


/*Dienstleistungen START*/
div#promobox a.nobgrimg{
	background-image:none !important;	
	}
div#promobox p.bodytext a img.kontakt_img{
	padding-left:0px !important; 	
	position:relative;
	left:-38px;
	}
	
div#content.a3 div.copy ul.zeilenabstand{
	position:relative;
	margin-top:0px;
	left:-25px;
	}	
div#content.a3 div.copy ul.zeilenabstand li{
	margin-bottom:0px;
	}
	
div#content.a3 div.copy h4.zeilenabstand_h4{
	margin-bottom:5px;
	}
.stoerer_en{
	/*float:left;
	margin-right:10px;*/
	position:relative;
	top:-198px;
	width:44px;
	height:17px;
	background-image:url(/fileadmin/esk/images/design/new.jpg);
	background-repeat:no-repeat;
	}
.stoerer_en_big{
	/*float:left;
	margin-right:10px;*/
	position:relative;
	top:-136px;
	width:44px;
	height:17px;
	background-image:url(/fileadmin/esk/images/design/new.jpg);
	background-repeat:no-repeat;
	}
	*html .stoerer_en_big{ /*IE 6*/
	top:-481px;
	}
	*+html .stoerer_en_big{ /*IE 7*/
	top:-492px;
	}
/*Dienstleistungen ENDE*/

a, a:active{
	outline:none;
	}

/*
div { border: 1px solid red; }
div div { border: 1px solid green; }
div div div { border: 1px solid blue; }
p { border: 1px solid black; }
*/


#flashcontent{}

#flashcontent2{
	position:absolute;
	}
#flashcontent3{
	width:475px;
	height:181px;
	display:none;
	background-image:url('http://www.esk.com/fileadmin/esk/medien/bilder_web/flashcontent3.jpg');
	}