body {
	width: 1024px;
	font-size: 12px;
	color: #000;
	font-family: Frutiger, Helvetica, Arial, sans-serif;
	background-color: grey;
	background-image: url('/fileadmin/ecce-terram/dummy/lire_2.gif');
	line-height: 1.4em;
}

/* get rid of nasty borders on linked images */
img, img a {
	border:none;
}

body, dl, p, h1, h2, h3, h4, h5, h6, form { /* get rid of nasty spaces in headers forms and paragraphs */
	margin: 0;
	padding: 0;
}
/* style for partnerprogramm Mailform */
.error {
 color: red;
}

.info {
 color: grey;
}

p {
	margin-bottom: 5px;
}

a {
	color: #000000;
}

li {
        line-height: 1.4em;        
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 10px;
}

h1 {
        font-size: 16px;
      	/*margin-bottom: -8px; */
        /*-font-family: Frutiger, Helvetica, Arial, sans-serif;*/ 
}

h2 {
 font-size:14px;
}

h3, h4, h5, h6 {
 font-size:12px;
}


.yellowbg {
     background: url(/fileadmin/ecce-terram/css/h1-main-bg.jpg) no-repeat left top;
     height:35px;
     padding: 7px 30px 7px 10px;
}
.yellowbgnarrow{
     background: url(/fileadmin/ecce-terram/css/h1-main-bg.jpg) no-repeat right top;
     height:35px;
     padding: 7px 30px 7px 10px;
}



input {
    background : #fcfcfc;
    border: 1px solid #999;
}
input#htdsubmit {
    background : none;
    border: none;
}



#content table.contenttable   { border-collapse: collapse }
#content table.contenttable td {
       font-size: 12px;
       padding: 5px;
}
table.htmlarea-showtableborders { border-collapse: collapse }
table.htmlarea-showtableborders td {
       font-size: 12px;
       padding: 5px;
       border: 1px solid #333333;       
}

.einspaltbox {
       background-image: url('/fileadmin/ecce-terram/images/roben.gif');
       background-position: right top;
       background-repeat: no-repeat;
       margin:0;
       padding:0;
}

.loben {
       background-image: url('/fileadmin/ecce-terram/images/loben.gif');
       background-position: left top;
       background-repeat: no-repeat;
       margin:0;
       padding:0;

}

.lunten {
       background-image: url('/fileadmin/ecce-terram/images/lunten.gif');
       background-position: left bottom;
       background-repeat: no-repeat;
       margin:0;
       padding:0;

}

.runten {
       background-image: url('/fileadmin/ecce-terram/images/runten.gif');
       background-position: right bottom;
       background-repeat: no-repeat;
       margin:0;
       padding:0;
}


/***** Real Side Borders box *****/
.cB {
  clear: both;
  background:#fff;
  border:1px solid #000;
  border-width:0 1px;
  padding:0 10px;
  margin:0 0 1em 0;
}
.cBt, .cBb, .cBt div, .cBb div {
  background:url(rb_topbottom.gif) top right;
  height:19px;
}
.cBt div { background-position:top left; }
.cBb div { background-position:bottom left; }
.cBb { background-position:bottom right; }
.cBt, .cBb {
  margin:0 -11px 0 -11px;
  padding-right:18px;
}
/***** end Real Side Borders box *****/




.fl_seo_sitemap_item ul {
          margin: 0;
          padding-left: 25px;
}

.fl_seo_sitemap_item li {
        line-height: 1.5em; 
}



.fl_seo_sitemap_list a{
        font-weight: bold;
}

.deep_0 {
       padding-top: 10px;
}

.boxText {
 padding: 15px;	
}

.csc-frame-frame1 td {
       margin-left: 10px;
       margin-right: 10px;
       padding-left: 15px; 
       padding-right: 15px;
       width: 200px;
       background-color: #EEEEEE;
       color: black;
       font-size: 10px;
       vertical-align: top;
}

.csc-frame-frame1 td h3 {
       margin-top: 10px;
}


.csc-frame-frame1 td li {
       padding: 3px 0px;
       margin-left: -30;
       list-style-type: square;
       list-style-image: url('/fileadmin/ecce-terram/images/pfeil-graue-box2.gif');
}

.csc-frame-frame1 h1 {
       font-size: 12px;
}
.csc-frame-frame2 {
       background-color: white;   
       padding: 2px 4px 2px 4px; 
       border: 1px solid #333333;
       margin-bottom: 10px;
       -moz-border-radius:20px;
}

.clear {
	clear: both;
}

clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#singlenews p.bodytext {
        margin-top: 2px;
        margin-bottom: 0;
}
#singlenews h1 {
        font-size: 16px;
	margin-bottom: 5;
        font-family: Frutiger, Helvetica, Arial, sans-serif;
}
#news {
        font-weight: bold;
}

#news p.bodytext {
        margin-top: 2px;
        margin-bottom: 0;
        font-weight: normal;
        text-decoration: underline;
}
#news table a {
  padding: 0;
  background-image: none;
}
#drumrum {
		margin: 0;
		width: 989px;
                margin-left: 16px;
                margin-right: 16px;
		margin-bottom: 16px;
}

#container
	{
		background-color: white;
		text-align: left;
	}

#inhaltsblock {
	background-color: white;
}
/* IE benoetigt Korrektur, CSS-Weiche */

* html #inhaltsblock { width: 989px; height: 100%; }

/* IE Ende    */

#kopf
	{
	margin: 0;
	}

#kopf .logo {
        position: absolute;
        z-index = 100;
        margin-left: 0;
        top: 0:
      }

#topkopf {
		background-color: #000034;
		height: 35px;
}

#servicebalken {
		background-color: #999999;
                border-top-height: 1px;
                border-top-color: white;
                border-top-style: solid;
                border-bottom-height: 2px;
                border-bottom-color: white;
                border-bottom-style: solid;
}

#servicebalken ul {
                padding: 3px 0px;
                margin: 3px;
                margin-left: 250px;
                font: 14px Frutiger, Helvetica, Arial, sans-serif;
}
#servicebalken li {
                list-style: none;
                display: inline;
		line-height: 1em;
}
#servicebalken li a{
                padding: 6px 6px;
                border-top: 0;
                border-left-width: 0;
                border-right-width: 1px;
                border-right-color: white;
                border-right-style: solid;
                color: black;
                background-color: lightgrey;
                text-decoration: none;
}
#servicebalken li.active a{
		padding: 6px 6px;
                border-top-width: 6px;
                border-top-color: white;
                border-top-style: solid;
                font-weight: bold;	
                background-color: white;
}

#servicebalken li a:hover{
                background-color: white;
}


#kopfbild{
	height: 200px;
	width: 989px;
}

/* ************* HEADER/ FOOTER ************* */


/*.header .logo {
 background-image: url(/fileadmin/ecce-terram/images/logo.gif);
 background-position: left top;
 background-repeat: no-repeat;
 height: 6em;
}*/

.header .logo img {
 margin-left: 1.0em;
 margin-top: .7em;
}

.footer {
 background-image: url('/fileadmin/ecce-terram/images/footer.gif');
 background-position: left top;
 background-repeat: no-repeat;
 font-size: 11px;
 margin-bottom: 16px;
}
.footer ul {
   height: 23px;
   margin: 0;
}

.footer li {
  list-style: none;
  display: inline;
  padding: 5px;
}

.footer a {
 color: #fff;
 text-decoration: none;
}

.footer a:hover {
	text-decoration: underline;
}

.position { 
 margin-left: 28px;
 background-color: #000034;
 text-align: right; 
 color: #fff;
}

#mainnav {
	margin-top: 10px;
	background-color: white;
}

#aktuelles {
	margin-top: 5px;
	height: 180px;
	background-color: lightgrey;
}
hr {
	 border-bottom: 1px solid;
         color: #000034;
}

#content{
	float: left;
	padding-left: 30px;
	width: 575px;
        padding-bottom: 15px;
	background-color: white;
}
#links   {
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	background-color: white;
}
#suche {
	float: right;
	width: 100%;
	height: 34px;
	background-image: url('/fileadmin/ecce-terram/images/search_bg.gif');
	background-repeat: no-repeat;
}
#suche .suchformular {
	float:left; 
	padding-right: 4px;
} 
#suche .suchfeld {
	position: relative; 
	margin-top: 3px;
        padding-left: 305px; 
}

#graueBox {
	width: 80px;
	background-color: yellow;
}


#mainnav ul {
        list-style: none;
        clear: both;
}	

#mainnav li {
	 	border-top: 1px solid grey;
		font-space: 1px;
                line-height: 1.5em;
}	

/* IE benoetigt Korrektur, CSS-Weiche */ 

* html #mainnav ul { float:left; }
* html #mainnav ul li { clear:left; }

/* IE Ende    */

#mainnav a {
		display: block;
		color: black;
		text-decoration: none;
		 background-image:url(/fileadmin/ecce-terram/images/menu_icon.gif );
        background-repeat:no-repeat;
        background-position: left;
        padding-left: 8px;
}
#mainnav a:active {
                display: block;
                color: black;
                text-decoration: none;
}
#mainnav a:link {
                display: block;
                color: black;
                text-decoration: none;
}


#mainnav a:hover {
		text-decoration: underline;
		display: block;
                color: black;
}


#mainnav .marked {
		display: block;
		font-weight: bold;
		background-color: lightgrey;

}
#mainnav ul {
		margin: 0;
	        padding-left:20px;
}

#mainnav ul li { }

#mainnav ul ul {padding-left:14px; }

#mainnav ul ul li { }

#mainnav ul ul ul {padding-left:14px;}

#mainnav ul li ul li {}



#sitemenu ul {
	padding: 0px;
	padding-top: 7px;
	list-style: none;
}	

#sitemenu li {
	font-space: 1px;
	line-height: 1.7em;
}	

#sitemenu a {
	display: block;
	color: black;
	text-decoration: none;
}

#sitemenu a:hover {
	text-decoration: underline;
}

#sitemenu .marked {
	display: block;
	font-weight: bold;
	background-color: lightgrey;
}

#rechts {
        margin-top: 20px;
        float: right;
        margin-left: 1px;     
        margin-right: 0px;
        width: 194px;
	background-color: white;
}

#rechts h1 {
        font-size: 10;
}


#news {
        margin-left: 8px;
 	font-size: 10px;
	font-weight: bold;
        font-family: Frutiger, Helvetica, Arial, sans-serif;
}	

#news .header {
	color: #CC0000;
	font-size: 12;
	font-weight: bold;	
}

/* News */

.news-list-item {
 background-image: url(background_teaser_bottom.gif);
 background-position: bottom left;
 background-repeat: no-repeat;
 margin: 0;
 padding: 0;
 liste-style: none;
}

.news-list-item h3 {
 background-image: url(background_sitemap_top.gif);
 background-position: top left;
 background-repeat: no-repeat;
 margin: 0;
 padding: 10px 0 0 13px;
 color: #1959A0;
}

.news-list-item h3 a {
  background-image: none;
  color: #5E8ABC;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.news-list-item h3 a:hover {
  text-decoration: underline;
}

.news-list-item table  {
 padding-right: 10px;
 padding-left: 13px;
}

.news-list-item td {
 vertical-align: top;
}

.news-list-item .newsimage {
 float: left;
 margin: 10px 15px 0 0;
}

.news-list-item .newsimage a {
 background: none;
 margin: 0;
  padding: 0;
}

.news-list-item p {
 padding: 5px 0 0px 0px;
}

.news-single-item h2 {
 color: #000;
}


/* News Archivmenue - Container rechts*/

.archivemenu ul {
 list-style: none;
 margin: 0 0 10px 20px; 
}

.brotkruemel {
 margin-bottom:1em;
}


.brotkruemel a{
 color: #999999;
}

.brotkruemel li {
 list-style-type: square;
 list-style-color: #999999;
 
}
.csc-mailform {
       padding-top: 20px;
       padding-left: 0px;
}
.csc-mailform input {
        display: block;
        width: 380px;
        float: left;
        margin-bottom: 10px;
}
.csc-mailform label {
      display: block;
      text-align: right;
      float: left;
      width: 100px;
      padding-right: 12px;
}
.csc-mailform br {
      clear: left;
}
.csc-mailform .csc-mailform-submit {
      margin-top: 10px;
      margin-right: 10px;
      width: 100px;
      float: right;
      
}
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
  border: 1px solid black;
  padding: 0px 0px;
}
.csc-frame-rulerAfter {
     border-bottom: 1px solid;
     color: #000034;
}
/* behelf da floatclear bei bildern nicht geht: ruler before*/
.csc-frame-rulerBefore {
  margin-top:35px;
  clear: both;
  border:none;
}


.csc-frame-rot {
        background:#F3F3F3;
        padding:5px;
        width: 350px;
}

.csc-frame-indent6633 {
       border-color: black;
       border: 1px;
       border-style: dotted;
       padding: 5px;
}
.csc-uploads-fileName {
       font-size: 10px;
}
.csc-uploads-fileSize {
       font-size: 10px;
}
.filecount {
  display: none;
}
.filecount {
  display: none;
}
img  {
       border: none;
}

/* ab hier typo3 css - aus dem inline herausgeholt */


/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

#news .csc-firstheader {
            display: none;
}

#news .filecount {
                display: none;
}

.align-center {
	text-align: center;
}

.tx-etpostcard {
	clear: both;
}


.postcard_product {
	background: url(../images/css_teaser_top.jpg) no-repeat;
	background-position: 0% 0%;
	color: #333;
	margin-bottom: 10px;
	margin-bottom: 10px;
	margin: 0px 0px 10px;
	padding-top: 26px;
	width: 545px;
}

.postcard_product_wrap {
	background: url(../images/css_teaser_bottom.jpg) no-repeat;
	background-position: 0% 100%;
	clear: both;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.postcard_product .info {
	text-transform: uppercase;
	color: #000000;
	font-style: italic;
}

.postcard_product .description {
	margin-top: 5px;
	margin-bottom: 15px;
}

.postcard_product.row_1 .text {
	margin-left: 115px;
}

.postcard_product .image {
	width: 100px;
	float: left;
	margin-right: 15px;
}

.postcard_product.row_2 .image {
	float: right;
	margin-right: 0;
	margin-left: 15px;
}

.postcard_product .bottom {
	height: 20px;
	margin-top: 30px;
	margin-bottom: 15px;
}

.postcard_product .bottom .order {
	float: right;
	margin-top: -5px;
}

.postcard_product .bottom .price-left {
	position: absolute;
	margin-left: 8px;
}

.postcard_product .bottom .funbutton-left a {
	position: absolute;
	margin-left: 460px;
}
