/*RESET CSS*/
html, body, div, span, applet, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: black;
        background: white;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
caption, th, td {
        text-align: left;
        font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
/*
Ab hier HFU-Mittelstandsberatung Styles ######################################################################################################################
Allgemeines Seitendesign
*/
body {background:#740900; font-family:Arial, sans-serif; font-size:11px; height:100%;}
#wrapper {width:922px; margin:0 auto; margin-top:15px;}
#inner_wrap {width:922px; float:left; height:auto; background: url(images/shadow.gif) repeat-y left;}
#headnavi {width:922px; height:75px; margin: 0; background: url(images/background-header.gif) no-repeat top center; float:left;z-index:2;}

#contentholder { float:left;width:880px; min-height:328px; background: url(images/background-content.gif) repeat-y center; padding:0px 0 50px 0 ;}
#content {width:600px; height:300px; position:relative; }
#bottom {width:880px; height:159px; background: url(images/background-small.gif) repeat-y center; float:right; margin:0; padding:0;}
#footer {width:922px; height:37px; background:url(images/background-footer.gif) no-repeat bottom center; float:left;}
#footernavi {width:922px; margin: 18px 0 0 20px;}
#sidenavi_outer {width:42px; float:left;}
.sesc_under {float:left; margin-left:12px; width:30px; height:30px;}
#sidenavi {width:42px; float:left; }
#claim {float:right; margin:0 35px 0 0; height:159px; width:247px;}
#player {position:relative; top:140px; left:230px; float:right;}
 
#content h1 {font-weight:bold; font-size:48px; text-transform:uppercase; position:relative; top:72px; left:30px; color:white; width:300px;}
#content h3 {font-size:26px; text-transform:uppercase; position:relative; top:90px; color:white; left:0px; font-family:Verdana, Arial, Helvetica, sans-serif}
#content h4 {font-size:25px; text-transform:uppercase; position:relative; top:150px; color:white;}
#content p {line-height:16px; position:relative; top:200px; left:75px; color:white; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#content p a {color:black; text-decoration:none; border-bottom:1px dotted #740900;}
#content p a:hover {color:black; text-decoration:none; border-bottom:1px solid #740900;}
#content ul  {margin: 3px 0 3px 0;}
#content ol {margin: 3px 0 3px 0;}
#content ol li  {margin:0 0 0 20px; list-style:decimal;}
#content ul li  {margin-left: 27px; list-style:square;}
#content .indent {margin:0;}
#content .align-center {text-align:center;margin:0 auto;}
#content .align-right {text-align:right;}
#content .csc-textpic-caption {font-size:10px; margin: 3px 0 3px 0;}
strong {font-weight:bold;}
em {font-style:italic;}
 
 
/*
Ab hier Navigationen #####################################################
*/
#headnavi ul {height:20px; float: left; margin: 3px 34px 3px 0px; float:right; color:white;}
#headnavi li {float:left; margin: 0; padding:0 3px;}
#headnavi li.normal a {color:white; text-decoration:none; }
#headnavi li.active a {color:white; text-decoration:none; border-bottom:2px solid white;}
 
#footernavi ul {margin:0 auto; width:690px; color:grey;}
#footernavi li {float:left; margin:0; padding:0 3px;}
#footernavi li.normal a {color:grey; text-decoration:none; }
#footernavi li.active a {color:grey; text-decoration:none; border-bottom:2px solid white;}
 
#bnavi {margin:8px 0 0 80px; float:left;}
 
/*
######## Kontaktformular
*/
#mailform {width:440px;margin-left:10px; margin-top:10px; font-size:12px;}
#mailform label {width:80px; float:left;}
#mailform input {width:240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0 0 3px 0;}
#mailform .csc-mailform-select {width:205px; color:white; border: 1px solid #666666;}
#mailform .csc-mailform-check {}
#mailform .csc-mailform-submit {width:245px; margin:10px 0 0px 80px; border: solid 1px #666666;font-family:Arial, Helvetica, sans-serif; font-size:11px; background:white;}
#mailform .label {margin:3px 0 3px 0;}
#mailform textarea {width:240px; height:72px; font-family:Arial, Helvetica, sans-serif; font-size:11px; overflow:auto;}
 
/*
Flexible ContentElemente ############################################################################################################################
*/
  .subcolumns { width: 100%; overflow:hidden; }
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }
  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }
   .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }
 
  .c33l_sesc {width:22%; float:left;}
  .c33m_sesc {width:48%; float:left;}
  .c33r_sesc {width:30%; float:left;}