body, html {
position: relative;
text-align: center;
border: 0;
margin: 0 auto;
padding: 0;
width: 100%;
height: auto;
font: normal 100.01% Verdana, Arial, Helvetica, sans-serif;
background: #36312D;
}

#outer-wrapper {
position: relative;
z-index: 0;
text-align: left;
margin: 0 auto;
height: auto;
background: #FFFFFF;
}

#content-wrapper {
position: absolute;
/*z-index: 1;*/
top: 163px;
left: 0;
width: 100%;
height: auto;
background: #FFFFFF;
clear: both;
}

#header, #outer-wrapper, #footer {
width: 756px;
}

#header-img {
width: 756px;
}

#header {
position: absolute;
left: 0;
top: 0px;
height: 163px;
background: #FFFFFF;
}

#header-img {
position: absolute;
left: 0px;
top: 0px;
height: 163px;
background: #FFFFFF;
}

 #footer {
position: relative;
left: 0;
height: auto;
clear: both;
background: #FFFFFF;
}

#footer-box {
position: relative;
margin: 0;
padding: 6px;
}

#footer-text {
margin: 0;
padding: 6px;
background: #FFFFFF;
text-align: center;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #E6E6E6;
font-size: 9px;
line-height: normal;
color: #666666;
}

#middle-marker-box {
margin: 0;
padding: 6px !important;
padding: 0 0 0 2px;
}

#left-menu-box {
margin: 0;
padding: 6px !important;
padding: 2px 2px 0 0;
}
  
#left-marker-box {
margin: 6px !important;
margin: 0px;
padding: 0;
}

#left-marker {
margin: 0;
padding: 0px;
background: #FFFFFF;
}

#left {
float: left;
width: 200px;
z-index: 2;
background: #FFFFFF;
}
#left-content {
position: relative;
z-index: 5;
}

#middle {
float: left;
width: 556px;
z-index: 4;
background: #FFFFFF;
overflow-x: hidden !important;
overflow-x: auto;
}
   
#middle-content {
padding: 5px 0 0 0;
position: relative;
z-index: 3 ;
  
}

#left-menu ul {
margin: 0;
padding: 0;
overflow: hidden;
list-style-type: none;
}

#left-menu ul a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration: none;
display: block;
}

#left-menu ul li {
display: block;
padding: 0;
margin: 0 0 0 0;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #F3F3F3;
background: #ffffff;
}

#left-menu li.left-level-1-no a {
height: auto;
text-decoration:none;
display: block;
padding: 6px 6px 6px 5px;
background: #ffffff;
color: #666666;
font-size: 12px;

}

#left-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a {
height: auto;
text-decoration: none;
display: block;
padding: 6px 6px 6px 5px;
background: #FF0000;
color: #FFFFFF;
font-size: 12px;

}

#left-menu li.left-level-2-no a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
margin: 0 0 0 10px;
background: #E1E1E1;
color: #666666;
border-left: 1px solid White;
}

#left-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
margin: 0 0 0 10px;
background: #FF0000;
color: #FFFFFF;
border-left: 1px solid Gray;
}

#left-menu li.left-level-3-no a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
margin: 0 0 0 10px;
background: #F0F0F0;
color: #666666;
border-left: 2px solid #FF0000;
font-size: 10px;
}

#left-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
margin: 0 0 0 10px;
background: #FF0000;
color: #FFFFFF;
border-left: 2px solid #FF0000;
font-size: 10px;
}

#left-menu li.left-level-4-no a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
margin: 0 0 0 10px;
background: #FFFFFF;
color: #666666;
border-left: 10px solid #FF0000;
border-bottom: 1px solid #FF0000;
font-size: 10px;
}

#left-menu li.left-level-4-no a:hover, #left-menu li.left-level-4-act a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
margin: 0 0 0 10px;
background: #FF0000;
color: #FFFFFF;
border-left: 10px solid #FF0000;
border-bottom: 1px solid #FF0000;
font-size: 10px;
}

#left-menu li.left-level-5-no a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
margin: 0 0 0 10px;
background: #FFFFFF;
color: #666666;
border-left: 15px solid #FF0000;
border-bottom: 1px solid #FF0000;
font-size: 10px;
}

#left-menu li.left-level-5-no a:hover, #left-menu li.left-level-5-act a {
height: auto;
text-decoration: none;
display: block;
padding: 3px 6px 3px 15px;
margin: 0 0 0 10px;
background: #FF0000;
color: #FFFFFF;
border-left: 15px solid #FF0000;
border-bottom: 1px solid #FF0000;
font-size: 10px;
}
/*   content style         */

H1, H2, H3, H4, H5, H6, P, UL { font-family:sans-serif; color: #000000; }
A { color: #FF0000; text-decoration: none; font-size: 12px; }
A:hover { color: #FF0000; text-decoration: underline; }
P, UL, LI, OL, TABLE, TD, TR { font-family:sans-serif; font-weight: normal; font-size: 12px; color: #000000; line-height: 16px; padding-bottom: 3px; }
P { margin: 0px 0px 0px 0px; }

H1 { font-size: 16px; font-weight: bolder; color: #000000; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FF0000; padding: 0 0 2px 0; }
H2 { font-size: 16px; color: #000000; font-weight: bolder; }
H3 { font-size: 14px; color: #000000; font-weight: bolder; }
H4 { font-size: 12px; color: #000000; font-weight: bolder; }
H5 { font-size: 10px; color: #000000; font-weight: bolder; }
H6 { font-size: 10px; color: #7B7B7B; font-weight: normal; }
H1, H2, H3, H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 10px; }
H1 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 10px; }
H2, H3 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 5px; }
H4, H5, H6 { margin: 0px 0px 0px 0px; margin-top: 10px; margin-bottom: 5px; }
H1.csc-firstHeader, H2.csc-firstHeader  { margin-top: 0px; }
H3.csc-firstHeader { margin-top: 0px; }
H4.csc-firstHeader, H5.csc-firstHeader, H6.csc-firstHeader { margin-top: 0px; }

P.bodytext { font-family:sans-serif; font-weight: normal; font-size: 12px; color: #000000; line-height: 16px; padding-bottom: 3px;}

UL { list-style-type: disc; list-style-position: outside; }

LI { padding-left: 1px; }

IMG { border-style: none; }

P.csc-caption { font-size: 12px; }

.csc-textpic-caption { font-family:sans-serif; font-weight: normal; color: #000000; font-size: 11px; }
.tx-mailform { font-family:sans-serif; font-weight: normal; color: #000000; font-size: 11px; }

.csc-sitemap-einzel    { margin: 5px 0px 0px 0px;  padding: 0px 0px 0px 10px; list-style-image:url(fileadmin/templates/main/img/p.gif)}
 .csc-sitemap    { margin: 5px 0px 0px 0px;  padding: 0px 0px 0px 10px; list-style-image:url(fileadmin/templates/main/img/p.gif)}
.csc-sitemap-einzel-level1    { margin: 5px 0px 0px 0px;  padding: 0px 0px 0px 10px; list-style-image:url(fileadmin/templates/main/img/p.gif)}
.csc-sitemap-einzel-level2    { line-height: 16px;   margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 15px; }
.csc-sitemap-einzel-level3    { line-height: 16px; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 25px; }
.csc-sitemap-einzel-level4    {  line-height: 16px; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 35px; }

.tx-flseositemap-pi1    { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px; list-style-image:url(http://www.jobo.com/web/fileadmin/templates/main/img/p.gif)}
.item   { margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;}

table.csc-uploads {
    width: 100%; 
}    
.csc-uploads-fileName { padding: 2px 0px 0px 15px; background:url(http://www.jobo.com/web/fileadmin/templates/main/img/p.gif) no-repeat left center} 
tr.tr-even  {background-color: #E1E1E1; border-bottom: 1px solid black;} 
   
@import url(mailform.css);