/*--------------------------------------------------------------------- standard elements */
body{
  background: #042a49 url(/fileadmin/templates/img/bg.png) repeat-x;
  padding-bottom: 10px;
}

html {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

* {
  margin: 0;
  padding: 0;
}

/* outerWrapper */
#outerWrapper {
  width: 910px;
  margin: 10px auto 0 auto;
  background: white;
}

/* innerWrapper */
#innerWrapper {
  float: left;
  width: 900px;
  margin: 5px;
  display: inline;
}

/* standard header */
#pageHeader {
  float: left;
  width: 900px;
  height: 100px;
  background: url(/fileadmin/templates/img/header.png);
  margin-bottom: 5px;
}

/* addNav */
#addNav {
  float: right;
  width: 250px;
  height: 100px;
line-height: 100px;
text-align: right;
margin-right: 10px;
display: inline;
}

#addNav li {
list-style: none;
display: inline;
margin: 0 10px 0 10px;
}

#addNav li a {
color: #fff;
text-decoration: none;
}

#addNav li a:hover {
color: #cad9e9;
text-decoration: none;
}

/* add header */
#addHeader {
  float: left;
  width: 900px;
  height: 220px;
  margin-bottom: 5px;
}

#headerText {
  background: url(/fileadmin/templates/img/headertext_bg.png) no-repeat;
  float: left;
  width: 220px;
  height: 190px;
font-size: 14px;
padding: 15px 20px;
}



#headerText p {
font-size: 13px;
color: #4d4d4d;
line-height: 17px;
}

#headerText img {
margin-bottom: 5px;
}

#headerImage {
  float: left;
  width: 640px;
  height: 220px;
}

#centerWrapper {
  float: left;
  width: 900px;
  background: url(/fileadmin/templates/img/wrapper_bg.png) repeat-y;
}

#leftArea {
  float: left;
  width: 260px;
  background: url(/fileadmin/templates/img/menu_bg.png) repeat-x;
  height: 450px;
}

#rightArea {
  float: right;
  width: 640px;
}



/* mainnav */
#mainNav {
  float: left;
  width: 260px;
}

#mainNav ul li {
list-style: none;
border-top: 1px solid #fff;
}

#mainNav ul li a {
display: block;
height: 25px;
line-height: 25px;
text-align: left;
text-indent: 15px;
text-decoration: none;
color: #fff;
font-size: 13px;
}

#mainNav ul li a.act {
text-decoration: none;
font-weight: bold;
color: #324e6b;
}

#mainNav ul ul {
margin-bottom: 10px;
margin-left: 15px;
border-left: 3px solid #324e6b;

}

#mainNav ul ul li {
list-style: none;
border-top: none;
}

#mainNav ul ul li a {
display: block;
height: 18px;
line-height: 18px;
text-align: left;
text-indent: 5px;
text-decoration: none;
color: #fff;
font-size: 11px;
}

#mainNav ul ul ul {
margin-bottom: 10px;
margin-right: 10px;
border-left: 0px solid #324e6b;
}

#mainNav ul ul ul li a {
text-align: left;
text-indent: 00px;
}


/* content */
#pageContent {
  width: 550px;
  margin: 30px auto;
}

/* footer */
#pageFooter {
  clear: both;
  width: 960px;
  height: 25px;
  background: Red;
}

.clearer {
  clear: both;
  font-size: 1px;
  height: 1px;
}

#pageContent h1 {
  margin: 0 0 0 0px;
color: #324e6b;
font-family: Friz Quadrata OS TT, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#pageContent p {
  margin: 0 0 15px 0px;
color: #4d4d4d;
line-height: 18px;
}

#pageContent ul {
  margin: 0 0 15px 15px;
color: #4d4d4d;
line-height: 18px;
}

#pageContent ol {
  margin: 0 0 15px 20px;
color: #4d4d4d;
line-height: 18px;
}

#pageContent a {
color: #324e6b;
}

#pageContent a:hover {
color: red;
}

.csc-textpic-caption {
color: #324e6b;
font-size: 10px;
font-weight: bold;
border-bottom: 1px solid #324e6b;
padding: 3px 0 5px 0;
}
/****************************************************** boxen */

.tx-jppageteaser-pi1-list-margin {
margin-right: 9px;
margin-bottom: 15px;
float: left;
background: url(/fileadmin/bilder/boxen/box_bg.png) no-repeat;
width: 177px;
height: 190px;
}

.tx-jppageteaser-pi1-list-entry.noMargin .tx-jppageteaser-pi1-list-margin {
margin-right: 0px;
}

.tx-jppageteaser-pi1-list-innen {
width: 160px;
margin-left: 9px;
margin-top: 5px;
}

.tx-jppageteaser-pi1-list-innen h4 {
margin: 5px 0 0 5px ;
}

.tx-jppageteaser-pi1-list-innen h4 a {
text-decoration: none;
font-size: 12px;
}

.tx-jppageteaser-pi1-list-entry-image {
text-align: center;
}

.tx-jppageteaser-pi1-list-entry-image img {
border: none;
}

#pageContent .tx-jppageteaser-pi1-list-entry-description {
margin: 5px 0 0 5px ;
}

#pageContent .tx-jppageteaser-pi1-list-entry-description a {
color: #4d4d4d;
font-size: 11px;
text-decoration: none;
line-height: 15px;
}



/****************************************************** Login */
#specialContent {
float: left;
}

.tx-arotealoginbox-pi1 {
float: left;
width: 210px;
margin: 40px 0px 0 25px;
display: inline;
}

* html .tx-arotealoginbox-pi1 { 
margin: 40px 0px 0 10px;
}

.login-element h1 {
color: #fff;
text-align: center;
font-size: 15px;
}

.login-element {
color: #fff;
font-size: 13px;
}

input.homeLoginForm {
width: 208px;
border: 1px solid #fff;
background: #a2bfdb;
margin-bottom: 10px;
color: #44698f;
font-weight: bold;
letter-spacing: 1px;
}

.login-element-c {
text-align: right;
}


.login-element-c input,
.homeLoginText input {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #44698f;
border: 1px solid #fff;
background: #a2bfdb;
padding: 0px 10px;
letter-spacing: 1px;
cursor: pointer;
}


.login-element-zugang {
text-align: center;
}

.login-element-zugang a {
color: #fff;
text-decoration: none;
}

.login-element-zugang a:hover {
color: #a2bfdb;
text-decoration: underline;
}



/****************************************************** Mailform */

.tx-pilmailform-pi1 {
color: #4d4d4d;
}

.tx-pilmailform-pi1 b,
.tx-pilmailform-pi1 span {
color: red;
}

#MailCaptcha img.tx-srfreecap-pi2-image  {
width: 167px;
border: 1px solid #999;
}