ÿþ@charset "UTF-16";

@font-face {
	font-family: 'ArialRegular';
	src: url('../user_upload/webfonts/arial-webfont.eot');
	src: local(':&'), url('../user_upload/webfonts/arial-webfont.woff') format('woff'), url('../user_upload/webfonts/arial-webfont.ttf') format('truetype'), url('../user_upload/webfonts/arial-webfont.svg#webfontW6VeHF1w') format('svg');
	font-weight: normal;
	font-style: normal;
}

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


.csc-mailform-field {
    margin-top:3px;
    padding:3px;
    background-color: #FAFAFA;
    }
    
.csc-mailform-field label {
    width: 330px;
    position: relative;
    display: block;
    }


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

/* Oberes Menü Start */

#forst {
  background:url(static.img/top.menu/forst.jpg) no-repeat;
  float:left;
} 
#bibi {
  background:url(static.img/top.menu/bibi.jpg) no-repeat;
  float:left;
}
#museum {
  background:url(static.img/top.menu/museum.jpg) no-repeat;
  float:left;
}
#natur {
  background:url(static.img/top.menu/naturschutz.jpg) no-repeat;
  float:left;
}
#hermann {
  background:url(static.img/top.menu/hermann.jpg) no-repeat;
  float:left;
}
#logo {
  float:left;
}

#forst span,
#bibi span,
#museum span,
#natur span,
#hermann span {  
  display: none; 
}

#forst a,
#forst a:link,
#bibi a,
#bibi a:link,
#museum a,
#museum a:link,
#natur a,
#natur a:link,
#hermann a,
#hermann a:link
{
  display           : block;
  background-repeat : no-repeat;
  width             : 85px;
  height            : 68px;
  padding-bottom    : 18px;
  border-right      : 1px solid black;
}


#forst a,
#forst a:link {
  background-image  : url(static.img/top.menu/forst.gray.jpg);
}
#forst a:hover,
#forst a:focus {
  background-image  : url(static.img/top.menu/forst.jpg);
}

#bibi a,
#bibi a:link {
  background-image  : url(static.img/top.menu/bibi.gray.jpg);
}

#bibi a:hover,
#bibi a:focus {
  background-image  : url(static.img/top.menu/bibi.jpg);
}

#museum a,
#museum a:link {
  background-image  : url(static.img/top.menu/museum.gray.jpg);
}

#museum a:hover,
#museum a:focus {
  background-image  : url(static.img/top.menu/museum.jpg);
}

#natur a,
#natur a:link {
  background-image  : url(static.img/top.menu/naturschutz.gray.jpg);
}

#natur a:hover,
#natur a:focus {
  background-image  : url(static.img/top.menu/naturschutz.jpg);
}

#hermann a,
#hermann a:link {
  background-image  : url(static.img/top.menu/hermann.gray.jpg);
}

#hermann a:hover,
#hermann a:focus {
  background-image  : url(static.img/top.menu/hermann.jpg);
}

/* Oberes Menü Ende */

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

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

.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:#CC0000;
  text-decoration:underline;
}

/* Suchbox Start */

div.searchBox {
  background        : #ABABAB;
  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:#ABABAB;
  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;
  
  /* geändert 2010 */
  width:452px;
  
  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:#000000;
}

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:black;
  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:#CC0000;
  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:#E7E7E7 url(static.img/arrow.gif) no-repeat;
  background-position:1px 3px;
}

.Level1 {
  font-size:11px;
  font-weight:bold;
  border-bottom:1px solid #CC0000;
}
.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:#CC0000;
}
/* Menü Ende */


/* Content */
#mainContent {
  margin:10px 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: ArialRegular, 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:#666;
  text-decoration:underline;
}
#mainContent a:visited {
  color:#666;
  text-decoration:underline;
}
#mainContent a:hover,
#mainContent a:focus {
  color:#CC0000;
  text-decoration:underline;
}



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

#feature .csc-header {
}

#feature .csc-header h1 {
  font-size:10px;
  color:#CC0000;
  background:#EBEBEB;
  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:#CC0000;
}


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

#feature div.contentElement p {
  margin:4px 0px;
}

#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 {
  margin:2px 0px;
}

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

#feature div.textpic img {
  max-width: 170px !important;
}

#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 #CCCCCC;
}

/**
 * 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;
}