/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/
body{
  font-size: 12px;
}
/*
|| DEBUG COLORS (delete or uncomment after layout styling)
*/
#pagewidth{background-color: #333333;}
#leftcol { background-color: #666666;}
#twocols { background-color: #999999;}
#maincol { background-color: #CCCCCC;}
#rightcol{ background-color: #666666;}

#header{   background-color: #DDDDDD;}
#footer{   background-color: #DDDDDD;}
/*
|| LAYOUT CONTAINER
*/
#pagewidth{     width:1024px; background-image: url(bg_allgemein.jpg); height: 768px; background-repeat: no-repeat; background-color: #ffffff; background-position: left top;}
#leftcol {      width:0px; background-color: transparent; display: none;}
#twocols {      width:1024px; height: 518px; background-color: transparent;}
#maincol {      width:780px; background-color: transparent; margin-top: 60px; height:459px; overflow: hidden;}
#rightcol{      width:243px; background-color: transparent; margin-top: 60px;}

#header{        height: 170px; background-color: transparent;}
#footer{        height: 30px; background-color: transparent;}

/* margins */
div#pagewidth{
  margin-left: 8px;
  margin-right: 8px;
}

div#footer{
  margin-top: 8px;
}

h1.title,
img#headerimg,
h1.parentpagetitle,
div.csc-frame{
  margin-left: 0px;
}

/*
|| CONTENT ELEMENT FRAMES
|| This elements can be selected in:
|| BE => Pagecontent => Section "Type" => field "Frame"
*/

div#maincol div.csc-header h1 {
  color: #444444;
}

div#maincol a:link,
div#maincol a:visited,
div#maincol a:active,
div#maincol a:hover,
div#maincol a:focus{
  color: #444444;
}

div#maincol div.csc-frame{
  margin-left: 111px;
  margin-right: 111px;
  font-family: Arial, Helvetica, sans-serif;
}

div#rightcol div.csc-frame{
  margin-left: 20px;
}

#maincol .csc-frame ul,
#rightcol .csc-frame ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: url(orange.jpg);
  margin-bottom: 15px;
}

#maincol .csc-frame ul li,
#rightcol .csc-frame ul li{
  margin: 0;
  padding: 0;
  margin-left: 14px;
  margin-bottom: 0px;
}

a:link, a:visited, a:active{
  margin: 0;
  padding: 0;
  color:#000000;
  text-decoration: none;
  background-image: url(arrows.gif);
  background-repeat: no-repeat;
  background-position: 0px 4px;
  padding-left: 17px;
  margin-bottom: -15px;
}

a:hover, a:focus{
  text-decoration: underline;
}

a.internal-link-new-window,
#maincol p.bodytext a{
  background: none;
  text-decoration: underline;
  padding-left: 0px;
}

a.internal-link-new-window:hover,
a.internal-link-new-window:focus{
  text-decoration: none;
}

a.download{
  display: block;
}

div.csc-frame-1col{
  clear: both;
}

div.csc-frame-1-2-col{
  width: 303px;
  float: left;
}

div.csc-frame-1-3-col{
  width: 199px;
  float: left;
}

div.csc-frame-2-3-col{
  width: 398px;
  float: left;
}

div.csc-frame-color{
  background-color: #DDDDDD;
}

/*
|| content elements
*/
h1.title{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  font-weight: 100;
  color: #666666;
}

img#contentheader{
  margin-left: 8px;
}

div.csc-header h1{
  font-size: 12px;
  color: #000000;
  margin: 0;
  padding: 0;
  margin-bottom: 25px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 17px;
}

div#maincol p,
div#maincol td,
div#maincol li,
div#maincol label,
div#rightcol p,
div#rightcol td,
div#rightcol li,
div#rightcol label{
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  line-height: 17px;
  color: #444444;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}

div#rightcol p,
div#rightcol td,
div#rightcol li,
div#rightcol label{
/*  text-align: left;*/
}

h2{
  color:#000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  line-height: 17px;
}

/* footer styles */
div#footertext{
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  float: left;
  width: 669px;
  margin-top: 1px;
  margin-left: 111px;
}

div#footertext a:link,
div#footertext a:visited,
div#footertext a:active,
div#footertext a:focus,
div#footertext a:hover{
  margin: 0;
  padding: 0;
  color:#666666;
  text-decoration: none;
  background: none;
}

div#footertext a:focus,
div#footertext a:hover{
  color: #000000;
}

/* topmenu */
div#menue{
  margin: 0;
  padding: 0;
  padding-top: 140px;
  padding-left: 111px;
  height: 30px;
  width: 913px;
}

div#menue ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 22px;
  width: 913px;
  margin-top: 8px;
}

div#menue ul li{
  margin: 0;
  padding: 0;
  display: block;
  float: left;
  height: 22px;
  margin-right: 48px;
}

div#menue ul li a:active,
div#menue ul li a:link,
div#menue ul li a:visited{
  font-size: 13px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  background-image: url(menue_arrrow.jpg);
  background-repeat: no-repeat;
  background-position: 0px 6px;
  padding-left: 22px;
  height: 22px;
}

div#menue ul li a:hover,
div#menue ul li a:focus{
  font-weight: bold;
  text-decoration: none;
}

div#menue ul li.menueact a,
div#menue ul li.meunecur a{
  font-weight: bold;
}

/* Anfahrtsskizze */
div#c24 div.csc-frame-1col{
  margin-left: 0px;
  margin-top: 60px; /*85px*/
}

a.anfahrt{
  background: none;
  margin: 0;
  padding: 0;
}

/* Tabellen Styler */
table.contenttable tr.tr-odd,
table.contenttable tr.tr-even{
  background: none;
}

table.contenttable td.td-last,
table.contenttable tr.tr-last,
table.contenttable td.td-0{
  border: 0;
}

div#maincol table.contenttable td{
  padding-right: 10px;
  padding-bottom: 3px;
  vertical-align: top;
  text-align: left;
  font-size: 11px;
}

div#maincol table.contenttable tr.tr-0 td{
  font-size: 12px;
}

table.skillcoresystem td.td-0,
table.skillcoresystem td.td-2{
  width: 200px;
}

table.skillcoresystem td.td-1{
  width: 150px;
}

table.itengineering td.td-0{
  width: 150px;
}

table.itengineering td.td-1{
  width: 180px;
}
table.itengineering td.td-2{
  width: 190px;
}
table.itengineering td.td-3{
  width: 60px;
}

table.externe td.td-0{
  width: 235px;
}

table.externe td.td-1{
  width: 40px;
}

table.externe td.td-2{
  width: 75px;
}

table.externe td.td-3{
  width: 90px;
}

table.externe td.td-4{
  width: 75px;
  padding-right: 0;
}

table.interne td.td-0{
  width: 275px;
}

table.interne td.td-1{
  width: 120px;
}

table.interne td.td-2{
  width: 90px;
}

#iframe
iframe{
  border: 0 none;
}

iframe.stuffitpro body div#page-wraper div#page-main div#page-header{
  display: none;
}