/**** page-structure ****/
body {
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #fff;
  background-image: url(../images/background.png);
  background-repeat: repeat-x;
  text-align: center;
}
#frame_main {
  display: block;
  width: 500px;
  margin: 35px auto 10px auto;
  padding: 0;
}
#frame_main, #frame_main * {
  text-align: left;
}


/**** main typo ****/
body, body * {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 11px;
  line-height: 140%;
  color: #666;
}
a {
  text-decoration: none;
  color: #06c; 
}
a:link    { color: #06c; text-decoration: none; }
a:visited { color: #006660; text-decoration: none; }
a:focus   { color: #c30; text-decoration: underline; }
a:hover   { color: #c30; text-decoration: underline; }
a:active  { color: #c30; text-decoration: underline; }


.csc-header h1 {
  margin: 12px 0 6px 0;
  padding: 2px 0;
  border-top: 1px solid #666;
}
.csc-header-n1 h1 {
  border-top: 0px none transparent;
}
h1 {
  margin: 0;
  padding: 16px 0 8px 0;
  text-transform: uppercase;
}
h2 {
  margin: 0;
  padding: 12px 0 0 0;
}
h3 {
  margin: 0;
  padding: 12px 0 6px 0;
  color: #666;
}


.bodytext {
  margin: 6px 0;
  padding: 0;
}


.csc-textpic dl,
.csc-textpic dt,
.csc-textpic dd {
  margin: 0;
  padding: 0;
}

/** image-pos border to border **/
.csc-textpic .csc-textpic-image {
  margin: 0 -20px 0 -20px;
  padding: 0;  
}
/** image-pos center **/
.csc-textpic-center {
  text-align: center;
}
.csc-textpic-center .csc-textpic-imagewrap,
.csc-textpic-center .csc-textpic-imagewrap * {
  margin: 0 auto;
}
/** image-pos within content-area **/
.csc-textpic-right .csc-textpic-image {
  margin: 0;
}


/** file-uploads **/
table.csc-uploads {
  border-collapse: collapse;
  margin: 0 0 12px 0;
}
.csc-uploads tr,
.csc-uploads td,
.csc-uploads th,
.csc-uploads p {
  margin: 0;
  padding: 0;
}
.csc-uploads a {
  font-weight: bold;
}




/**** nav_utilities ****/
#nav_utilities {
  display: block;
  margin: 0;
  padding: 8px;
}
#nav_utilities ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#nav_utilities li {
  margin: 0;
  padding: 0 8px 0 0;
  display: inline;
}
#nav_utilities, #nav_utilities * {
  font-size: 9px;
  color: #ddd;
  text-transform: uppercase;
}

#nav_utilities .menuu-level1-act a {
  font-weight: bold;
}




/**** frame_content ****/
#frame_content {
  display: block;
  margin: 0;
  padding: 0;
  background-color: #fff;
  border: 8px solid #fff;
}


/**** header ****/
#header {
  display: block;
  margin: 0;
  padding: 0;
  border: 1px solid #637d7c;
  background-color: #637d7c;
}
#header, #header * {
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
}


/**** logo ****/
#logo {
  display: block;
  margin: 0;
  padding: 0;
  width: 100px;
  height: 97px;
  float: right;
  background-image: url(../images/logo.gif);
  background-repeat: no-repeat;
  background-position: 3px 6px;
}
#logo a {
  display: block;
  margin: 0;
  padding: 0;
  width: 100px;
  height: 97px;
}
#logo span {
  display: block;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}




/**** nav_main ****/
#nav_main {
  display: block;
  width: 160px;
  margin: 0;
  padding: 6px;
}
#nav_main, #nav_main * {
  font-size: 11px;
}
#nav_main ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#nav_main li {
  margin: 0;
  padding: 0;
}
#nav_main a {
  display: block;
  margin: 0;
  padding: 1px 1px 1px 20px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 2px 6px;
}
#nav_main a:link    { text-decoration: none; background-image: none; }
#nav_main a:visited { text-decoration: none; background-image: none; }
#nav_main a:focus   { text-decoration: none; background-image: url(../images/arrow_right_greenwhite.gif); }
#nav_main a:hover   { text-decoration: none; background-image: url(../images/arrow_right_greenwhite.gif); }
#nav_main a:active  { text-decoration: none; background-image: url(../images/arrow_right_greenwhite.gif); }

#nav_main .menum-level1-act a {
  background-image: url(../images/arrow_right_greenwhite.gif);
  font-weight: bold;
}



/**** content-column left ****/
#col_left {
  margin: 0;
  padding: 0;
  width: 184px;
  float: left;
}


/**** nav_sub ****/
#nav_sub {
  display: block;
  margin: 8px 0 0 0;
  padding: 0 0 10px 6px;
}
#nav_sub, #nav_sub * {
  color: #666;
}
#nav_sub ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#nav_sub li {
  margin: 0;
  padding: 0;
}
#nav_sub a {
  display: block;
  margin: 0;
  padding: 2px 1px 2px 20px;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 2px 6px;
  color: #666;
}
#nav_sub a:link    { text-decoration: none; color: #666; background-image: none; }
#nav_sub a:visited { text-decoration: none; color: #666; background-image: none; }
#nav_sub a:focus   { text-decoration: none; color: #666; background-image: url(../images/arrow_right_whitegrey.gif); }
#nav_sub a:hover   { text-decoration: none; color: #666; background-image: url(../images/arrow_right_whitegrey.gif); }
#nav_sub a:active  { text-decoration: none; color: #666; background-image: url(../images/arrow_right_whitegrey.gif); }

#nav_sub .menus-level2-act a {
  background-image: url(../images/arrow_right_whitegrey.gif);
  font-weight: bold;
  color: #c30;
}

/*--- nav_sub2 ---*/
#nav_sub #menus2 {
  border-top: 1px solid #bbc5c3;
  border-bottom: 1px solid #bbc5c3;
  margin-top: 10px;
  margin-left: 20px;
  padding-top: 8px;
  padding-bottom: 10px;
  width: 140px;
}
#nav_sub #menus2 a {
  margin-left: -20px;
}
#nav_sub .menus2-level3-act a {
  background-image: url(../images/arrow_right_whitegrey.gif);
  font-weight: bold;
  color: #c30;
}






/**** content_left ****/
#content_left {
  border-top: 1px solid #bbc5c3;
  border-bottom: 1px solid #bbc5c3;
  margin: 0 6px 0 26px;
  padding: 10px 0 6px 0;
  width: 140px;
}
/** image-pos border to border **/
#content_left .csc-textpic .csc-textpic-image {
  margin: 0;
}







/**** content ****/
#content {
  display: block;
  background-color: #e6e6e6;
  margin: 8px 0 0 0;
  padding: 0 20px 10px 20px;
  width: 260px;
  float: right;
}
#content, #content * {
  line-height: 150%;
}


/**** footer ****/
#footer {
  display: block;
  margin: 0;
  padding: 10px;
}
#footer p {
  margin: 0;
  padding: 0;
}
#footer, #footer * {
  text-align: right;
  font-size: 10px;
  line-height: 150%;
  color: #666;
  text-transform: uppercase;
}



/**** misc helpers ****/
.helper_floatclearer {
  display: block;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clear: both;
}
.leeer { /* @todo fix workaround */
  border: 1px solid #fff !important;
  display: block !important;
  padding: 0 !important;
  margin: -12px 0 !important;
  background-color: #fff !important;
  min-height: 30px !important;
}



/**** specific page adaptions ****/

/*-- Startpage --*/
.startpage #content {
  background-color: #fff;
  width: auto;
  float: none;
}
.startpage #frame_main {
  margin-top: 60px;
}
.startpage .csc-textpic {
  margin: -6px 0 -10px -18px;
  /*margin: -8px -8px -8px -8px;*/
  padding: 0;  
}
.startpage .csc-textpic .csc-textpic-image {
  margin: 0;
}