/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/
body{
  font-size: 12px; background-image: url('bg_body.jpg'); background-position: 0 0; background-repeat: repeat-x; background-color: #d1a9a2;
}
/*
|| DEBUG COLORS (delete or uncomment after layout styling)
*/
#pagewidth{background-image: url('bg.jpg'); background-repeat: none; background-position: 0 150px;}
#leftcol { background-color: none;}
#twocols { min-height: 408px;}
#maincol {}
#rightcol{}

#header  { background-color: #ffffff;}
#footer  {}
/*
|| LAYOUT CONTAINER
*/
#pagewidth{     width:992px; }
#leftcol {      width:110px; }
#twocols {      width:882px; padding-top: 20px;}
#maincol {      width:857px; }
#rightcol{      width:24px; }

#header{        height: 150px;}
#footer{        height: 0px;}

/* margins */
div#footer{}
div#footertext{}

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

/*
|| CONTENT ELEMENT FRAMES
|| This elements can be selected in:
|| BE => Pagecontent => Section "Type" => field "Frame"
*/
div.csc-frame-1col{
  clear: both;
  width: 725px;
}

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

div.csc-frame-color{
  background-color: #23b9ed;
  margin-top: -21px;
  height: 475px;
  overflow: hidden;
  width: 396px;
  margin-left: 25px;
}

/* content elements */

div h1.csc-firstHeader, h1, h2, h3, h4, h5, h6, p, p.bodytext, ul, ol, ul li, ol li, td, th{
  color: #ffffff;
  font-family: Arial;
  font-size: 17px;
}

h1.title{
  font-family: Helvetica;
  font-size: 30px;
  font-weight: 100;
  color: #666666;
}

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

div#maincol div.csc-header h1, h1{
  font-size: 24px;
  font-weight: normal;
  color: #ffffff;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  line-height: 32px;
}

div#maincol p,
div#maincol td,
div#maincol li,
div#maincol label{
  color: #ffffff;
  margin: 0;
  padding: 0;
  line-height: 23px;
  margin-bottom: 15px;
}

/* footer styles */
div#footertext{
  font-size: 10px;
  color: #666666;
  float: left;
}

/* logo */

div#logo{
  width: 251px;
  height: 56px;
  float: right;
  margin-right: 33px;
  margin-top: 30px;
}

/* submenu */
ul#submenu{
  display: none;
}

/* two columns */
div#maincol div.csc-frame-color div.csc-header h1, div.csc-frame-color h1{
  font-size: 14px;
  font-weight: bold;
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 15px;
}

div#maincol div.csc-frame-color p, div#maincol div.csc-frame-color li{
  line-height: 20px;
  margin: 0;
  padding: 0;
  margin-left: 25px;
  margin-right: 25px;
}

div#maincol div.csc-frame-color li{
  margin-left: 0px;
}

div#maincol div.csc-frame-1-2-col p{
  margin-right: 25px;
}

div.rgsgcontent,
div.jdGallery div.slideElement{
  background-color: #23b9ed;
  background-position: 0 0;
}

div.myGallery{
  border: 1px solid #D1A9A2;
  border-top: 1px solid #ffffff;
  border-left: 0;
}

div.jdGallery div.slideInfoZone{
  background: none;
  left: 30px;
  width: 86%;
}

div.jdGallery div.slideInfoZone h2{
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
  line-height: 22px;
}

div#maincol div.csc-frame-color div.jdGallery div.slideInfoZone p{
  margin-bottom: 15px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: normal;
}

div.jdGallery a.right{
  background: transparent url(forward.gif) no-repeat scroll right center;
  right: 10px;
  top: 223px;
}

div.jdGallery a.left{
  background: transparent url(back.gif) no-repeat scroll right center;
  left: 10px;
  top: 223px;
}

div.jdGallery a.right,
div.jdGallery a.left{
  cursor: pointer;
  height: 99%;
  opacity: 1.0;
  position: absolute;
  width: 2%;
  z-index: 10;
}

div.jdGallery a{
  color:inherit;
  font-size:100%;
  text-decoration:none;
}

div.tx-rgsmoothgallery-pi1,
div.jdGallery div.loadingElement{
  background-color: #23b9ed;
  background-image: none;
}

/* form */
form {
  float: right;
  font-size: 14px;
  line-height: 19px;
  margin-left:8px;
  width: 520px;
}

fieldset{
  margin: 0;
  padding: 0;
  width: 520px;
  border: 0;
}

label.lbl{
  margin: 0;
  padding: 0;
}

input.txt{
  width: 396px;
  margin: 0;
  padding: 0;
  margin-left: 15px;
  margin-top: 3px;
}

input.submit{
  margin: 0;
  padding: 0;
  background-color: #D1A9A2;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-family: Arial;
  font-size: 14px;
  margin: 20px 0 0 115px;
}

textarea.mtxt {
  font-size: 14px;
  height: 70px;
  margin: 0;
  padding: 0;
  margin-left: 15px;
  margin-top: 3px;
  width: 396px;
}

div.csc-frame-1-3-col{
  width: 300px;
}

/* footer */
div#footer{
  background-image: url(strich.jpg);
  background-position: 0 0;
  background-repeat: repeat-x;
  height: 90px;
  overflow-x: visible;
  width: 100%;
  background-color:#D1A9A2;
}

img#maennchen{
  float: left;
}