/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/
body{
  font-size: 12px;
}
/*
|| LAYOUT CONTAINER
*/
#pagewidth{     width:850px;}
#leftcol {      width:200px;}
#twocols {      width:650px;margin-top:34px;}
#maincol {      width:460px;}
#rightcol{      width:189px;margin-top:8px;}

#header{        height: 274px;}
#footer{        height: 40px;}

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

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

div#footertext{
  margin-top: 10px;
}

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

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

div.csc-frame{
  margin-right: 20px;
  padding-bottom: 12px;
}

div.csc-frame-1col,
div.csc-frame-1yellow,
div.csc-frame-1yellowpic,
div.csc-frame-1yellowhead{
  clear: both;
}

/*
|| content elements
*/
h1.title,
div.csc-frame h1{
  font-family: Verdana, Helvetica, Arial;
  font-size: 12px;
  font-weight: bold;
  color: #191718;  
  margin-bottom: 6px;
}

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

p.csc-header-date{
  margin: 0;
  padding: 0;
  margin-top:8px;
  margin-bottom:-6px;
}

div#maincol div.csc-header h1,
div#rightcol div.csc-header h1{
  font-family: Verdana, Helvetica, Arial;
  font-size: 12px;
  font-weight: bold;
  color: #191718;
  padding-bottom: 6px;
}

div#maincol p,
div#maincol td,
div#maincol li,
div#maincol label,
div#rightcol p{
  color: #191718;
  font-family: Verdana, Helvetica, Arial;
  line-height: 16px;
}

div#maincol div.csc-frame-1yellow p.yellow,
div#maincol div.csc-frame-1yellowpic p.yellow,
div#maincol div.csc-frame-1yellowhead p.yellow{
 color: #FCFF28;
 margin-bottom: -3px;
}

div.csc-frame-1yellow div.csc-textpic-intext-right-nowrap{
}

div.csc-frame-1yellowpic,
div.csc-frame-1yellowhead{
  width: 620px;
}

div.csc-frame-1yellowhead{
  margin-top: -24px;
}

dd.csc-textpic-caption{
  padding-top: 3px;
  font-size: 11px;
  color: #3E5692;
  font-family: Verdana, Helvetica, Arial;
  line-height: 16px;
}

span.detail{
  color: #3a528e;
}

/* 
|| footer styles
*/
div#footertext{
  font-size: 8px;
  color: #191718;
  float: left;
}

/*
|| Form Style
*/

form#kontaktformular{
  margin-top:10px;
}

input.txt{
  width:300px;
  font-family: Verdana, Helvetica, Arial;
}

textarea.mtxt{
   width:300px;
   height: 100px;
   font-family: Verdana, Helvetica, Arial;
}

label.lbl{
   text-align:left;
}

input.submit{
  font-family: Verdana, Helvetica, Arial;
  font-size: 11px;
  background-color: #cccccc;
  border: 1px solid #555555;
  margin-left: 110px;
}