body {
  background:white;
  margin:0px;
  padding:0px;
  width:770px;
}

div {
  font-size:11px;
  font-family: Verdana, Arial, sans-serif;
}

hr {
  border:0px solid #ddd;
  border-width:1px 0px 0px 0px;
}

/* Oberes Menü Start */

#logo {
  float:left;
}
/* Oberes Menü Ende */

div.topnav {
  width             : 600px;
  position          : absolute;
  left              : 172px;
}

#left {
  width             : 172px;
  float             : left;
  background        : #F5EBE0 url(static.img/left.back.jpg) no-repeat 0px 370px;
  overflow          : hidden;
  margin-top        : 68px;
}

.banner172 {
  height:68px;
  width:172px;
  overflow:hidden;
  position:absolute;
  z-index:100;
  top:0px;
  left:0px;
}

#footer {
  height:20px;
  font-size:10px;
  font-family:Verdana, sans-serif;
  padding:2px 10px;
}
#footer a:link,
#footer a:visited {
  color:black;
  text-decoration:none;
}
#footer a:hover,
#footer a:focus {
  color:#FF0000;
  text-decoration:underline;
}

/* Suchbox Start */

div.searchBox {
  background        : #CC9966;
  width             : 163px;
  height            : 50px;
  text-align        : right;
  padding           : 20px 9px 0px 0px;
}
div.searchBox form {
  padding:0px;
  margin:0px;
}

div.searchBox form input {
  border:1px solid black;
  font-size:10px;
  width:152px;
}
div.searchBox form input.submit {
  border:0px;
  padding:2px 3px 0px 0px;
  margin:0px 1px 0px 0px;
  background:#CC9966;
  font-size:9px;
  width:86px;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  background: url(static.img/searchbutton.gif) right no-repeat;
}

/* Suchbox Ende */

div.content {
  top:68px;
  float:left;
  width:422px;
  overflow:hidden;
  margin-top:68px;
}
div.content .navBar {
  margin:40px 0px 0px 20px;
}
div.content .navBar span,
div.content .navBar span a:link,
div.content .navBar span a:visited {
  font-size: 9px;
  color:#888;
  font-family: Verdana, Arial, sans-serif;
  text-decoration:none;
  margin-left:0px;
  margin-right:4px;
}
div.content .navBar span a:link,
div.content .navBar span a:visited {
  margin-left:2px;
}
div.content .navBar span a:hover,
div.content .navBar span a:focus {
  text-decoration:underline;
  color:#CC6633;
}

div.startLink a:link,
div.startLink a:visited {
  padding:0px 6px 0px 0px;
  display:block;
  float:left;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  text-decoration:none;
  color:#CC6633;
  margin-right:10px;
  font-weight:bold;
  background:url(static.img/arrow.gif) no-repeat;
  background-position:right 3px;
  margin:0px;
  float:right;
}

div.startLink a:focus,
div.startLink a:hover {
  padding:0px 6px 0px 0px;
  display:block;
  float:left;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  text-decoration:underline;
  color:#CC6633;
  margin-right:10px;
  font-weight:bold;
  background-position:right 3px;
  margin:0px;
  float:right;
}

div.startContent {
  padding:15px 8px 0px 0px;
}

/* Menü Start */

div.menu span {
  display:none;
} 

/*div.act,*/
div.menu a:link,
div.menu a:visited {
  padding:4px 10px;
  display:block;
  font-family:Verdana, Arial, Tahoma, sans-serif;
  text-decoration:none;
  color:black;
}

div.act {
  background:#F5EBE1 url(static.img/arrow.gif) no-repeat;
  background-position:1px 3px;
}

.Level1 {
  font-size:11px;
  font-weight:bold;
  border-bottom:1px solid #CC6633;
}
.Level2 {
  font-size:10px;
}
.Level3 {
  font-size:10px;
  margin-left:10px;
}
.Level4 {
  font-size:10px;
  margin-left:20px;
}

div.menu a:hover,
div.menu a:focus {
  display:block;
  color:#CC6633;
}
/* Menü Ende */


/* Content */
#mainContent {
  margin:16px 20px 10px 20px;
  font-size:11px;
  font-family:Verdana, Arial, sans-serif;
  width:390px; overflow:hidden;
}

#mainContent .bodytext img {
  margin:5px;
}

#mainContent div.contentElement {
  margin:0px 0px 10px 0px;
}

#mainContent .csc-header h1,
#mainContent .csc-textpicHeader h1 {
  margin:0px 0px 10px 0px;
  font-size:14px;
  font-family: Verdana, Arial, sans-serif;
  font-weight:bold;
  display:block;
}

#mainContent div p {
  margin:6px 0px 8px 0px;
}

#mainContent div p a:link,
#mainContent div p a:visited {
  margin:2px 0px;
}

#mainContent div p a:hover,
#mainContent div p a:focus {
  margin:2px 0px;
}

#mainContent h2.search {
  font-size:12px;
  margin:0px;
}
#mainContent a:link {
  color:#CC6633;
  text-decoration:underline;
}
#mainContent a:visited {
  color:#CC6633;
  text-decoration:underline;
}
#mainContent a:hover,
#mainContent a:focus {
  color:black;
  text-decoration:underline;
}



#feature {
  position:relative;
  float:left;
  top:164px;
  font-size:9px;
  width:173px;
  overflow:hidden;
  font-family:Verdana, Arial, sans-serif;
}

#feature .csc-header {
}

#feature .csc-header h1 {
  font-size:10px;
  color:#993300;
  background:#EBD6C2;
  padding:2px 8px;
  font-weight:normal;
  display:block;
  margin:0px;
  width:140px;
}

#feature .csc-header h1 a:link,
#feature .csc-header h1 a:visited,
#feature .csc-header h1 a:focus,
#feature .csc-header h1 a:hover {
  color:#CC6633;
}


#feature div.contentElement {
  border:1px solid #EBD6C2;
  padding:2px 5px;
  margin:0px 0px 30px 0px;
  width:161px;
}

#feature div.contentElement p {
  margin:4px 0px;
  font-size:10px;
}

#feature div.contentElement p a:link,
#feature div.contentElement p a:visited {
  margin:2px 0px;
}

#feature div.contentElement p a:hover,
#feature div.contentElement p a:focus {
  
}

#feature div.csc-textpic {
  border:1px solid #ebd6c2;
}

#feature div.textpic {
  border:1px solid #ebd6c2;
  margin-bottom:20px;
  padding:4px;
  overflow:hidden;
}

#feature div.csc-textpic div.textpic {
  border:0;
}

#feature div.csc-textpic-left div.csc-textpic-imagewrap {
  float:none;
  padding-bottom:4px;
}

#feature div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
  float:none;
}

#feature div.csc-textpic-left div.csc-textpic-imagewrap img {
  max-width:162px;
  margin:0px 4px;
}

/* Stylesheets nur für die Startseite */

div.startPage {
  padding-left:15px; clear:both;
}

div.startPage div a:link,
div.startPage div a:visited {
  padding:4px 10px;
  display:block;
  font-family: Verdana, Arial, Tahoma, sans-serif;
  text-decoration:none;
  color:black;
}

div.startPage h2 {
  padding:0px 6px;
  margin:8px 0px 0px 0px;
  font-size:13px;
  color:white;
  font-weight:bold;
}
div.startPage p {
  margin:3px 0px;
}

/* Stylesheets nur für die Startseite */



/*
  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
*/

/* COMMON */
.csi-textpic {
  padding: 0px;
  margin-bottom:10px;
}

.csi-textpic img {
  margin: 5px;
}

.csi-textpic .csi-caption {
  text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
}

.csi-textpic .csi-image {
  margin:3px 3px 10px 3px;
}

.csi-textpic .csi-imagewrap {
  text-align: center;		/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */
}

.csi-textpic .csi-text {
  text-align: left; /*will have to be an inline style - controlled by TS*/
}

.csi-text p {
  margin-top: 0;
}

/* CENTER */
.csi-center .csi-image {
  margin: 0px 0px 0px 0px;
}

/* RIGHT */
.csi-right div.csi-image {
  float: right;
  clear: both;
}

.csi-right div.csi-text {
  clear: right;
}


/* LEFT */
.csi-left div.csi-image {
  float: left;
  clear: both;
}

.csi-left div.csi-text {
  clear: left;
}


/* INTEXT LEFT */
.csi-intext-left .csi-image {
  float: left;
  clear: both;
  margin-right: 5px;
}


/* INTEXT RIGHT */
.csi-intext-right .csi-image {
  float: right;
  clear: both;
  margin-left: 5px;
}


/* INTEXT RIGHT NOWRAP */
.csi-intext-right-nowrap .csi-text {
  margin-right: 5px; /*will have to be an inline style - controlled by TS*/
}

.csi-intext-right-nowrap .csi-image {
  float: right;
}


/* COMMON */
#feature .csi-textpic {
  padding: 0px;
  margin-bottom:10px;
  width:170px;
}

#feature .csi-textpic img {
  margin: 5px;
}

#feature .csi-textpic .csi-caption {
  text-align: center;  /* will have to be an inline style?  - controlled by TS [left - right - center]*/
}

#feature .csi-textpic .csi-image {
  margin:3px 3px 10px 3px;
}

#feature .csi-textpic .csi-imagewrap {
  text-align: center;		/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */
}

#feature .csi-textpic .csi-text {
  text-align: left; /*will have to be an inline style - controlled by TS*/
}

#feature .csi-text p {
  margin-top: 0;
}

/* CENTER */
#feature .csi-center .csi-image {
  margin: 0px 0px 0px 0px;

}

/* RIGHT */
#feature .csi-right div.csi-image {
  float: right;
  clear: both;
}

#feature .csi-right div.csi-text {
  clear: right;
}


/* LEFT */
#feature .csi-left div.csi-image {
  float: left;
  clear: both;
  border:1px solid green;
}

#feature .csi-left div.csi-text {
  clear: left;
  border:1px solid green;
}


/* INTEXT LEFT */
#feature .csi-intext-left .csi-image {
  float: left;
  clear: both;
  margin-right: 5px;
}


/* INTEXT RIGHT */
#feature .csi-intext-right .csi-image {
  float: right;
  clear: both;
  margin-left: 5px;
}


/* INTEXT RIGHT NOWRAP */
#feature .csi-intext-right-nowrap .csi-text {
  margin-right: 5px;
}

#feature .csi-intext-right-nowrap .csi-image {
  float: right;
}

div.indexFeature {
  float:left; margin:0px 2px 0px 0px; width:170px; border-left:1px solid #993300;
}

form.culturedb input {
  width:350px;
  font-size:10px;
  padding:1px 2px;
}

form.culturedb textarea {
  width:350px;
  height:75px;
  font-size:10px;
  padding:1px 2px;
}

/**
 * formmailer
 **/ 
form.contactForm {
  margin-bottom:20px;
} 

form.contactForm div.formField {
  clear:left;
  margin:0px;
  padding:2px 0px;
}

form.contactForm label,
form.contactForm div.label {
  font-size:.9em;
  font-weight:bold;
  float:left;
  color:black;
  width:40%;
  display:block;
  margin-top:12px;
}

form.contactForm div.label {
  margin-top:10px;
  font-size:.9em;
}

form.contactForm label span,
form.contactForm div.label span {
  font-size:.8em;
  font-weight:normal;
  color:#666;
}

form.contactForm div.input {
  float:left;
  width:55%;
  margin:0px;
  padding:12px 0px 0px 5px;
}

form.contactForm input.box,
form.contactForm input.radio {
  clear:left;
  float:left;
  padding:0px;
}

form.contactForm div.input label {
  float:left;
  font-weight:normal;
  font-size:.9em !important;
  margin:2px 0px 0px 5px;
}


form.contactForm input.text,
form.contactForm textarea
{
  width:100%;
  font-size:.9em;
  border:1px solid #aaa;
  padding:2px 3px;
  font-family:Arial, Verdana, sans-serif;
}

form.contactForm textarea
{
  height:80px;
}

form.contactForm p.submit
{
  clear:left;
  padding-top:10px;
}

form.contactForm p.submit input
{
  font-size:.9em;
}

form.contactForm p.info
{
  padding-top:10px;
  font-size:.7em !important;
}

.formError {
  border:1px solid #ff0000;
  background:#fff0f0;
  padding:2px 4px;
  text-align:center;
  font-weight:bold;
  font-size:.9em;
}