/*
|| general container
*/
#pagewidth {
  width: 968px;
}

#header{
  height: 150px;
}

#leftcol {
  width: 198px;
}

#twocols {
  width: 770px;
}

#maincol {
  width: 580px;
}

#rightcol{
  width: 189px;
}

/*
|| header
*/
#header{
  background-color: #E4E4E2;
  background-image: url(head_segel.jpg);
  background-repeat: no-repeat;
}
/*
|| header menues
*/
#topnav{
  position: absolute;
  top: 10px;
  left: 490px;
  width: 477px;
  height: 58px;
  background: url(navigation1-hintergrund.png) no-repeat top right;
}

#headermenu {
  position: absolute;
  background: url(navigation2-hintergrund.gif) no-repeat top right;
  width: 581px;
  height: 41px;
  top: 109px;
  left: 198px;
}

#headermenu ul{
  list-style-type: none;
  padding: 16px 0 0 0;
  margin: 0;
}

#headermenu ul li{
  display: inline;
  margin-left: 30px;
}

#headermenu a:link,
#headermenu a:visited,
#headermenu a:active,
#headermenu li {
  font-size: 11px;
  font-weight: bold;
  color: #336699;
  text-decoration: none;
}

#headermenu a:hover{
  color: #ff0033;
}

/*
|| CONTENT ELEMENT FRAMES
|| This elements can be selected in:
|| BE => Pagecontent => Section "Type" => field "Frame"
*/
#maincol div.csc-frame{
  margin-top: 30px;
}

#maincol div.csc-frame-1col{
   margin-left: 30px;
   width: 521px;
   clear: both;
}
#maincol div.csc-frame-1-2-col{
  width: 230px;
  margin-left: 30px;
  float: left;
}

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

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

#maincol div.csc-frame-color{
  border: 1px solid #cccccc;
  background-color: #F1F1F1;
}

#maincol div.csc-frame-color .csc-frame-color-img{
  position: relative;
  top: -10px;
  left: -10px;
}

#maincol div.csc-frame-color div.csc-header h1{
  margin-top: 0px;
}

#maincol div.csc-frame-color div.csc-textpic,
#maincol div.csc-frame-color p.bodytext {
  margin-left: 20px;
  margin-right: 20px;
}

#maincol div.csc-frame-color div.csc-header h1,
#maincol div.csc-frame-color div.csc-header h1 a:link,
#maincol div.csc-frame-color div.csc-header h1 a:active,
#maincol div.csc-frame-color div.csc-header h1 a:visited{
  text-decoration: none;
  color: #ff0033;
  margin-left: 10px;
  margin-top: -15px;
}

#maincol div.csc-frame-color p a:link,
#maincol div.csc-frame-color p a:active,
#maincol div.csc-frame-color p a:visited{
  text-decoration: none;
  color: #ff0033;
}

/*
|| all columns elements
*/
div h1.csc-firstHeader, h1, h2, h3, h4, h5, h6, p, p.bodytext, ul, ol, ul li, ol li, td, th {
  color: #666666;
  line-height: 1.7;
}

.csc-textpic-text ul{
  position: relative;
  left: 50px;
}

.csc-textpic-caption{
  font-size: 10px;
  color: #666666;
}

#rightcol p#xhtml_valide{
  margin-top: 8px;
}

/*
|| maincol elements
*/
#maincol p.bodytext a:link,
#maincol p.bodytext a:visited,
#maincol p.bodytext a:active,
#maincol li a:link,
#maincol li a:visited,
#maincol li a:active{
  color: #666666;
  text-decoration: none;
  border-bottom: 1px dashed;
}

#maincol p.bodytext a:hover{
  color: #ff0033;
}

#maincol .csc-header-date{
  line-height: 1;
  margin-top: 0px;
  margin-bottom: 0px;
  float: right;
}

#maincol div.csc-header h1,
#maincol h1,
#maincol h2,
#maincol h3
{
  color: #336699;
  margin-top: 0px;
}

#maincol div.csc-header h1 a:link,
#maincol div.csc-header h1 a:active,
#maincol div.csc-header h1 a:visited,
#maincol div.csc-textpicHeader h1 a:link,
#maincol div.csc-textpicHeader h1 a:active,
#maincol div.csc-textpicHeader h1 a:visited
{
  color: #336699;
}

#maincol div.csc-header h1 a:hover,
#maincol div.csc-textpicHeader h1 a:hover{
  color: #ff0033;
  text-decoration: none;
}

#maincol div.csc-header h1,
#maincol h1{
  font-size: 16px;
  margin-bottom: 0px;
}

#maincol h2{
  font-size: 14px;
}

#maincol p.bodytext{
  margin-top: 0px;
}

/*
|| rightcol elements
*/
#rightcol ul li a:link,
#rightcol ul li a:visited,
#rightcol ul li a:active,
#rightcol p.bodytext a:link,
#rightcol p.bodytext a:visited,
#rightcol p.bodytext a:active{
  text-decoration: none;
}

#rightcol ul li a:hover,
#rightcol p.bodytext a:hover,
#rightcol ul li a:focus,
#rightcol p.bodytext a:focus{
  color: #ff0033;
}

#rightcol div.csc-frame-1col {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  border: 1px solid #cccccc;
  background-color: #F1F1F1;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 5px;
  margin-bottom: 5px;
}

#rightcol div.csc-header h1{
   margin: 0px;
}

#rightcol div.csc-header h1 a:link,
#rightcol div.csc-header h1 a:active,
#rightcol div.csc-header h1 a:visited{
  text-decoration: none;
  color: #666;
  display: block;
  height: 23px;
  margin-left: -15px;
  padding-top: 6px;
  padding-left: 30px;
  background: url(btn-news-a.gif) no-repeat 2px 5px;
}

#rightcol div.csc-header h1 a:hover{
  position: relative;
  color: #ff0033;
  background: url(btn-news-b.gif) no-repeat 2px 5px;
}

#rightcol p.bodytext{
   margin-top: 0px;
}

#rightcol div.csc-frame p.bodytext,
#rightcol div.csc-textpic{
   margin-left: 15px;
}
#rightcol div.csc-textpic-text p.bodytext{
   margin-left: 0px;
}
/* table */
#maincol table.contenttable {
  border-collapse: collapse;
  margin: 1em 0;
}

#maincol table.contenttable td.td-0 {
  border-left: 1px solid #c7d7e4;
  font-weight: bold;
}

#maincol table.contenttable td.td-last {
  border-right: 1px solid #c7d7e4;
}

#maincol table.contenttable tr td {
  color: #666;
  padding: .3em 1em;
  border-bottom: 1px solid #d1dee7;
}

#maincol table.contenttable tr.tr-0 th {
  border-bottom: 1px solid #d1dee7;
  background: #467AA1;
  color: #fff;
  padding: .3em 1em;
}

#maincol table.contenttable tr.tr-even {
  background: #E4EBF1;
}

/*
|| leftcol elements
*/
#leftcol {
  background-image: url(head_segel_l.jpg);
  background-repeat: no-repeat;
}

#leftcol #redstripe{
  float: left;
}

#leftcol .csc-frame{
  float: right;
  margin-top: 100px;
  margin-left: 10px;
  width: 172px;
}

#leftcol .csc-frame h1 a{
  color: #ff0033;
}

/*
|| footer
*/
#footertext{
  font-size: 9px;
}

/*
|| FORM
*/

input.radio,
input.cbx{
  margin-left: 88px;
  margin-right: 5px;
}

input.submit{
  margin-left: 108px;
}

.formhtml{
  margin-left: 109px;
}