/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/
body{
  font-size: 12px;
}
/*
|| LAYOUT CONTAINER
*/
body{           text-align: left;}
#distance {     width:850px; height:640px; margin-top:-320px; margin-left: -425px; left:50%; top:50%; position:absolute; overflow: hidden;}
#pagewidth{     width:850px; margin-top: 8px;}
#leftcol {      width:165px; height: 335px; margin-top: 0px; margin-left: 40px; margin-right: 57px; margin-bottom: 0px;}
#twocols {      width:588px; margin-top: 0px;}
#maincol {      margin-top:100px; padding-left:10px; width:522px; z-index:40; min-height: 300px;}
#rightcol{      width:55px;}
#border{        height: 190px; margin-left: 244px; z-index: 30; width: 848px; float: left;}
#header{        height: 16px;}
#footer{        height: 102px;}
#wrapper{       background-image: url(bg.jpg); background-repeat: no-repeat; background-position: 0 570px;}

div#header img{
  margin-top: 110px;
}

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

div#footer{
  margin-top: 0px;
  background-image: url(footer.jpg);
  background-repeat: no-repeat;
}

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

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"
*/

a:link, a:visited, a:active {
  color: #1b5d42;
  text-decoration: none;
}

a:hover{
  color: #66B741;
  text-decoration: none;
}

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

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: Verdana, Helvetica, Arial;
  font-size: 12px;
  font-weight: bold;
  color: #1B5D42;
  line-height: 18px;
}

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

div#maincol div.csc-header h1{
  font-family: Verdana, Helvetica, Arial;
  font-weight: bold;
  font-size: 12px;
  color: #1B5D42;
  line-height: 18px;
}

div#maincol p,
div#maincol td,
div#maincol li,
div#maincol label{
  font-family: Verdana, Helvetica, Arial;
  font-size: 12px;
  color: #1B5D42;
  line-height: 18px;
}

div#maincol{
  scrollbar-face-color: #00835c;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-track-color: #ffffff;
  scrollbar-arrow-color: #B1d83f;
  scrollbar-highlight-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
}

h1 a:link,
h1 a:visited,
h1 a:active,
h1 a:hover,
h1 a:focus{
  color: #1B5D42;
}

/*
|| footer styles
*/
div#footertext{
  font-size: 12px;
  color: #1B5D42;
  float: left;
}

form{
  width: 100%;
  margin-left: 0px;
}

form#mailform{
}

fieldset{
  margin-left: 0px;
  padding-left: 0px;
  border: 0;
}

label{
  clear: both;
  display: block;
  width: 125px;
  float: left;
  font-weight: bold;
}

div.csc-mailform-field{
  min-height: 30px;
}

input{
  display: block;
  float: left;
  border: 1px solid #1B5D42;
}

textarea{
  border: 1px solid #1B5D42;
}

table.csc-loginform td{
  padding: 0;
}

input.csc-mailform-submit{
  margin-left: 125px;
  margin-top: 10px;
  border: 1px solid #1B5D42;
  font-weight: bold;
  color: #1B5D42;
  background-color: #ffffff;
}

td.csc-form-fieldcell input{
  font-weight: bold;
  color: #1B5D42;
  background-color: #ffffff;
}

td.csc-form-fieldcell,
td.csc-form-labelcell{
  height: 30px;
}

input.csc-mailform-submit:hover,
td.csc-form-fieldcell input.submit:hover{
  background-color: #1B5D42;
  color: #ffffff;
}

p.csc-form-label-req{
  font-weight: bold;
  margin-right: 15px;
}

input.txt,
textarea.mtxt{
  width: 250px;
  }

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

/*footer footer*/
#footerend{

}