/* Allegemeine Einstellungen und Browser-Fixes -begin */
/* -------------------------------------------------------------------------- */

/* defaults zurücksetzen */
* { margin:0; padding:0; }
option {padding-left: 0.4em}

html {height:100%}

fieldset, img { border:0; }

select, input, textarea { font-size: 99% }


/* ------------------------------------------------- */
body {
 background-color: #FFFFFF;
 font-family: "Trebuchet MS", verdana, arial, helvetica, geneva, sans-serif;
 color: #4B5740;
 background-image:url(../imgs/bodybackground.gif);
 background-repeat:repeat-x;
 text-align:center;
 min-height: 101%;
 font-size: 100.01%;
 position: relative; 
 font-size: 0.9em;
 line-height: 1.5em;
 
}

/*maincontainer ist der oberste wrapper, sorgt für ausrichtung und hintergrund mit schatten */

#maincontainer{
 text-align: left;
 width: 920px;
 background-image:url(../imgs/maincontainershadow_new.gif);
 background-repeat:no-repeat;
 background-position: 0 0px;
 margin: auto;
 padding-left:19px;
}


/* ------------------------------------------------- */
#footercontainer{
 background-image:url(../imgs/footerbackground.png);
 background-repeat:repeat-x;
 background-color:#FFFFFF;
/*  height: 100px; */
 padding: 10px;
}

#footer{
 text-align:left;
 width: 896px;
 margin: auto;
 /*margin-top: 30px;*/
 padding: 12px;
 /*background-image:url(../imgs/footerbackground.png);
 background-repeat:repeat-x;
 background-color:#FFFFFF;*/
}

#footertext{
 float: left;
 width: 276px;

}

#footernavigation{
 width: 580px;
 float: left;

}

#footernavlevel1{
 margin-top: 15px;
}


/* ------------------------------------------------- */
/*der gesamte bereich für logo, sprachen und navigation des 1. levels */
#header{
 height: 83px;
}

/*Oben links, Container für Logo */
#headerleft{
 float: left;
 width: 290px;
}

/* ------------------------------------------------- */
/*das EcoEternity-Logo */
#logo{
 text-align: center;
}
#logo img{
 padding-top: 3px;
}

/* ------------------------------------------------- */

/*headerright enthält Sprachauswahl und Navi Level 1*/
#headerright{ 
 width: 630px;
 float: left;
}

/* ------------------------------------------------- */


/* sprachauswahl */
#languageselection{
 height: 23px;
 padding-top: 20px;
 padding-bottom: 15px;
 text-align:right;
}


#languageselection a{
 padding: 0;
 margin: 0;
}

.flag{
padding: 2px;
margin-left: 3px;
}

.flag img{border: 1px solid #d9d5c8;
padding: 2px;
}


/* ------------------------------------------------- */


#navigationlevel1{
 height: 25px;
 /*background-image:url(../imgs/bgnav4.gif); */
 background-image:url(../imgs/bg_nav_lev1_no.gif);
 background-repeat:repeat-x;
 width: 630px;
 /*overflow: auto;*/
 /*background-color:#E5E0CF; */
 /*border-bottom:1px solid #ffffff;*/
}


#centercontainer{
 background-color:#FFFFFF;
}

#columnleft{
 float: left;
 width: 290px;
}

#navigationlevel2{
 padding: 5px 12px 30px 12px;
}

#contentleft,
#contentleft-fix{
 padding: 10px 40px 10px 10px;
 width:240px;
 font-size: 0.8em;
 line-height:1.4em;
}

/* -------------------------------------------------------------------------- */
/*columnright umfasst Header, Rootline und Hauptcontentbereich */
#columnright{
 float: left;
 width: 630px;
}


#flashheader{
 height: 213px;
 background-color:#E2DDCA; 
  border-top:1px solid #ffffff;
}

#contentcontainer{
 padding-top: 0px;

/* bei schatten rechts: mit padding */
/*  padding-right: 8px; */
 
}

#branding{
 height: 204px; 
 padding: 10px;
 /*padding-top: 24px;*/
 background-color: white;
 font-size: 0.8em;
 line-height:1.4em;
}

#branding img{
/*padding: 3px;
margin: 2px;
border: 1px solid #E9E5D7;
*/
}

/* Formatierung der Fusszeile */
#columnbottom{
background-image:url(../imgs/line.gif);
background-repeat:repeat-X;
background-position: top;
padding-top:15px;
margin-top:15px;
width:100%;
font-size:0.9em;
height:35px;
}

#columnbottom a{
text-decoration:none;
line-height:1em;
}

#columnbottom a:hover{
line-height:1em;
}

#print{
float:left;
width:49%;
}

#totop{
float:right;
text-align:right;
width:50%;
}

#footernavigation #keywords{
padding:20px 0 0 5px;
font-size:11px;
}

/* -------------------------------------------------------------------------- */
#branding h1{
 color: #80561C;
 font-family: "Trebuchet MS", verdana, arial, helvetica, geneva, sans-serif;
 font-size: 12px;
/*  text-align: center; */
 padding: 0px;
 font-weight: normal;
 margin-top: 0px;
 letter-spacing: 0;
 border: none;
 background-image: none;
}


/* -------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
#rootline{
 font-size: 9px;
}

#rootline a{
 text-decoration: none;
}
/* Seitenaufbau -end */
/* -------------------------------------------------------------------------- */






/* Subtemplates - Zwei Spalten - default net/bureau -begin */
/* -------------------------------------------------------------------------- */
#main{
 width: 400px;
 float: left;
}

#content_main{
 width: 400px;
 float: left;
 padding-top: 30px;
/* fix: Disappearing text bug in IE6*/
/*  position:relative;  */
}

#content_right{
 width: 200px;
 float: left;
 padding-left: 20px;
/* bei schatten rechts: mit 40px padding links*/
 padding-left: 30px;

 padding-top: 30px;
 font-size: 0.9em;
 line-height:1.4em;
}
/* Subtemplates - Zwei Spalten - default net/bureau -end */
/* -------------------------------------------------------------------------- */

.align-center{
text-align:center;
}

#content_main_fullwidth{
 padding-top: 30px; 
}

/* LINKS */

a {color: #4B5740;
 text-decoration: underline;
}

a:hover {color: #4B5740;
 text-decoration: underline;
 background-color: #E5E0CF;
}

#logo a:hover{
background-color:transparent;
text-decoration:none;
}

#centercontainer a.internal-link{
	background-image:url(../imgs/link13.gif);
	background-position:0% 4px;
	background-repeat:no-repeat;
	padding-left:21px;
}

#centercontainer .frame2m a.internal-link {
	background-image:url(../imgs/link13_frame2.gif);
	background-position:0% 4px;
	background-repeat:no-repeat;
	padding-left:21px;
}

#centercontainer a.download{
	background-image:url(../imgs/download.gif);
	background-position:0% 8px;
	background-repeat:no-repeat;
	padding-left:21px;
}

#centercontainer a.external-link-new-window{
	background-image:url(../imgs/link13.gif);
	background-position:0% 4px;
	background-repeat:no-repeat;
	padding-left:21px;
}

.csc-linkToTop{
background-image:url(../imgs/totop.gif);
background-position:0% 1px;
background-repeat:no-repeat;
padding-left:21px;
margin:10px 0px 10px 0px;
}

/* Überschiften -begin */
/* -------------------------------------------------------------------------- */

h1,
body#seo h2{
 color: #80561C;
 font-size: 1.3em;
 padding-bottom: 4px;
 font-weight: normal;
 letter-spacing: 0px;
 margin-top: 20px;
 margin-bottom: 5px;
 padding-right: 20px;
 border-bottom: none;
}

h1.csc-firstHeader{
 color: #80561C;
 font-family:Georgia, "Times New Roman", Times, serif;
 font-size: 1.5em; 
 padding-bottom: 4px;
 font-weight: normal;
 letter-spacing: 0px;
 margin-top: 0px;
 margin-bottom: 10px;
 background-image: url(../imgs/maple_leaf.jpg);
 background-position: right;
 background-repeat: no-repeat;
 padding-right: 25px;
 border-bottom: 1px solid #E9E5D7;
}

#content_main_fullwidth .frame1m h1{
margin-top:0 !important ;
}

h2{
 color: #4B5740;
 font-size: 1.1em;
 padding-bottom: 2px;
 margin-top:1em; 
}

body#seo #keywords h2{
font-size:11px;
display:inline;
}

body#seo h3{
font-size:11px;
display:inline;
color: #4B5740;
padding:0;
margin:0;
line-height:13px;
}

body#seo h4{
font-size:11px;
display:inline;
color: #80561C;
padding:0;
margin:0;
line-height:13px;
}	

#content_main_fullwidth table h2{
 margin-top:0; 
}	

#content_right h1{
 color: #4B5740;
 font-family: "Trebuchet MS", verdana, arial, helvetica, geneva, sans-serif;
 font-size: 1.1em;
 padding-bottom: 5px;
 font-weight: bold;
 margin-top: 0px;
 letter-spacing: 0;
 background-image: none;
 border: none;
}

#content_right h2{
 color: #4B5740;
 font-family: "Trebuchet MS", verdana, arial, helvetica, geneva, sans-serif;
 font-size: 0.9em;
 padding-bottom: 5px;
 font-weight: normal;
 margin-top: 0px;
 letter-spacing: 0;
}

#content_right h3{
background-image:url(../imgs/bg_news.gif);
background-position:left top;
background-repeat:no-repeat;
background-color:#4B5740;
color:#FFFFFF;
font-family:"Trebuchet MS",verdana,arial,helvetica,geneva,sans-serif;
font-size:1.1em;
height:20px;
letter-spacing:0pt;
margin:0px;
padding:5px 10px 0px 10px;
}

/* Ueberschiften -end */
/* -------------------------------------------------------------------------- */



/* Aufzählungen */


#contentcontainer ul,
#contentcontainer ol{
margin-left:20px;
margin-right:5px;
padding-top:5px;
padding-bottom:10px;
list-style-type:circe;
}

#branding ul{
margin-left:15px;
margin-right:0px;
padding-top:5px;
padding-bottom:5px;
list-style-type:circe;
}



#contentcontainer ul li{
padding-top:3px;
padding-bottom:3px;
}

/* ----------------- */


/*Bildunterschriften und RTE Klasse detail*/
.detail, .csc-textpic-caption{
font-size:0.85em;
line-height:1.3em;
/*text-align: right;*/
}

.clearl, .clearb, .clear {
	padding:0;
	margin:0;
	font-size:0;
	line-height:0;
	height:0;
}

.clearl{clear:left; }
.clearb{clear:both; }

/* Rahmen 1 FULLWIDTH -begin */
/* -------------------------------------------------------------------------- */

#content_main_fullwidth .frame1o{
	background-image:url(../imgs/frames/frame1o_fullwidth.gif);
	font-size:0px;
	height:7px;
	padding:0;
	margin:0;
	margin-top: 0px;
	width: 630px;
	line-height:0px;
	background-repeat:no-repeat;
}

#content_main_fullwidth .frame1m{
	margin:0px;
 	padding:0px 19px 0px 19px;
	border-left: 1px solid #E0DCC9;
	border-right: 1px solid #E0DCC9;
	width: 590px;
}

#content_main_fullwidth .frame1u{
	background-image:url(../imgs/frames/frame1u_fullwidth.gif);
	font-size:0px;
	height:7px;
	line-height:0px;
	background-repeat:no-repeat;
	width: 630px;
	margin-bottom: 20px;
}


/* Rahmen 1 FULLWIDTH -end */
/* -------------------------------------------------------------------------- */


/* Rahmen 2 FULLWIDTH -begin */
/* -------------------------------------------------------------------------- */

#content_main_fullwidth .frame2o{
	font-size:0px;
	height:0px;
	padding:0;
	margin:0;
	margin-top: 0px;
}

#content_main_fullwidth .frame2u{
	font-size:0px;
	height:1px;
	line-height:0px;
	border-bottom:1px solid #E9E5D7;
	width: 630px;
	margin-bottom: 10px;
	clear:both;
}


/* Rahmen 2 FULLWIDTH -end */
/* -------------------------------------------------------------------------- */


/* Rahmen 1 RIGHT -begin */
/* -------------------------------------------------------------------------- */

#content_right .frame1o{
	background-image:url(../imgs/frames/rightframe1o.gif);
	font-size:0px;
	height:7px;
	padding:0;
	margin:0;
	margin-top: 0px;
	width: 200px;
	line-height:0px;
	background-repeat:no-repeat;
}

#content_right .frame1m{
	margin:0px;
 	padding:0px 9px 0px 9px;
	border-left: 1px solid #E0DCC9;
	border-right: 1px solid #E0DCC9;
	width: 180px;
}

#content_right .frame1u{
	background-image:url(../imgs/frames/rightframe1u.gif);
	font-size:0px;
	height:7px;
	line-height:0px;
	background-repeat:no-repeat;
	width: 200px;
	margin-bottom: 12px;
}


/* Rahmen 1 RIGHT -end */
/* -------------------------------------------------------------------------- */

/* Rahmen 2 RIGHT -begin */
/* -------------------------------------------------------------------------- */

#content_right .frame2o{
	background-image:url(../imgs/frames/rightframe2o.png);
	font-size:0px;
	padding:0;
	margin:0;
	margin-top: 0px;
	width: 200px;
	height:8px;
	line-height:0px;
	background-repeat:no-repeat;
	
}

#content_right .frame2m{
	margin:0px;
 	padding:0px 9px 0px 9px;
	border-left: 1px solid #9FAB8F;
	border-right: 1px solid #9FAB8F;
	width: 180px;
	background-color:#C4CBB7;
}

#content_right .frame2u{
	background-image:url(../imgs/frames/rightframe2u.png);
	font-size:0px;
	height:8px;
	line-height:0px;
	background-repeat:no-repeat;
	width: 200px;
	margin-bottom: 12px;
}


/* Rahmen 2 -end */
/* -------------------------------------------------------------------------- */


/* Rahmen 3 RIGHT -begin */
/* -------------------------------------------------------------------------- */

#content_right .frame3m{
	margin:0px;
 	padding:0px 9px 0px 9px;
	border-left: 1px solid #4B5740;
	border-right: 1px solid #4B5740;
	width: 180px;
	line-height:1.4em;
}

#content_right .frame3u{
	background-image:url(../imgs/frames/rightframe3u.png);
	font-size:0px;
	height:8px;
	line-height:0px;
	background-repeat:no-repeat;
	width: 200px;
	margin-bottom: 12px;
}


/* Rahmen 3 -end */
/* -------------------------------------------------------------------------- */


/* Rahmen 2 alt -begin */
/* -------------------------------------------------------------------------- */
#content_right .frame2outer {
	border: 1px #E9E5D7 solid;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 12px;
	
	
}

#content_right .frame2inner {
	margin: 0px;
	padding: 0px;
	background-color: #F8F7F2;
/* 	border: 1px solid #E9E5D7; */
}

#content_right .frame2inner h1{
	padding: 4px;
 	background-image:url(../imgs/gradient1.gif); 
 	background-repeat:repeat-x;

}
#content_right .frame2inner p{
	padding: 4px;
 }


/* Rahmen 2 -end */
/* -------------------------------------------------------------------------- */




/* nb_thumbview -begin */
/* -------------------------------------------------------------------------- */

/*Container fuer kleine Bilder*/
.tx_thumbview_container{
	background-color: none;
}

.tx_thumbview_container img{
	padding-right: 3px;
	padding-top: 3px;
}

/*container fuer das grosse bild*/
.tx_thumbview_image{
	text-align: right;
}

/*Beschriftung des großen Bildes aus EXIF-Kommentar*/
.tx_thumbview_comment{
	font-size: 0.8em;
	text-align: right;
}

/* nb_thumbview -end */
/* -------------------------------------------------------------------------- */


/* Navigation Level 1 horizontal begin -------------------------------------- */
/* -------------------------------------------------------------------------- */

/* Navigation oben, nur erste Ebene. Listenmenue mit IMGs in den li's */


#navigationlevel1 ul{
 background-image:url(../imgs/round1.gif);
 background-position: top left;
 background-repeat:no-repeat; 
 list-style-type: none;
 list-style-image:none;
 padding: 0;
 padding-left: 25px; 
 margin: 0; 
}

#navigationlevel1 ul li{
display: inline;
}



/* navigation MAIN -begin */
/* -------------------------------------------------------------------------- */

.ul_nav_main{
	list-style: none;
	margin: 0;
	padding: 0pt;
}

.ul_nav_main .nav_lev1_no{
	width: 100%;	
}


.ul_nav_main .nav_lev1_no a{	
	display: block;
	width: 233px;
	padding: 2px;
	padding-left: 5px;		
	color: #4B5740;
	text-decoration: none;
	background-image:url(../imgs/dotsbrown1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
}

.ul_nav_main .nav_lev1_no a:hover{
	display: block;
	background-color: #8A9775;
	color: white;
}

.ul_nav_main .active_lev1{
	width: 233px;
	padding: 2px;
	padding-left: 5px;
	background-color: #8A9775;
	color: white;
	background-image:url(../imgs/dotsbrown1.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	font-weight: bold;
}


/* navigation MAIN Level 2 */

.ul_nav_main .nav_lev2_no{
	width: 100%;	
}

.ul_nav_main ul li{
	/*background-image:url(../imgs/bg_nav_lev2.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
}


.ul_nav_main .nav_lev2_no a{	
	background-image:url(../imgs/lev2_no.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	display: block;
	width: 207px;
	padding: 2px;
	padding-left: 31px;
	font-size: 0.9em;
	color: #4B5740;
	text-decoration: none;
	border-bottom: 1px solid #E9E5D7;
	/*border-left: 1px solid #E9E5D7;*/
/* 	background-color: #E5E0CF;	 */
}

.ul_nav_main .nav_lev2_no a:hover{
	background-image:url(../imgs/lev2_act.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	display: block;
	background-color: #8A9775;
	color: white;
	width: 207px;
	/*border-left: 1px solid #798762;*/
	border-bottom: 1px solid #798762;
}

.ul_nav_main .active_lev2{
	background-image:url(../imgs/lev2_cur.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	width: 207px;
	padding: 2px;
	padding-left: 31px;
	color: #8A9775;
font-size: 0.9em;
font-weight: bold;
	border-bottom: 1px solid #E9E5D7;
	/*border-left: 1px solid #E9E5D7;*/
	background-color: #ffffff;
}



/* navigation MAIN Level 3 */

.ul_nav_main .nav_lev3_no{
	width: 100%;	
}


.ul_nav_main .nav_lev3_no a{	
	background-image:url(../imgs/lev3_no.gif);
	background-repeat: no-repeat;
	background-position: 30px 50%;
	display: block;
	width: 192px;
	padding: 2px;
	padding-left: 46px;
	font-size: 0.85em;
	color: #4B5740;
	text-decoration: none;
	border-bottom: 1px solid #E9E5D7;
}

.ul_nav_main .nav_lev3_no a:hover{
	background-image:url(../imgs/lev3_act.gif);
	background-repeat: no-repeat;
	background-position: 30px 50%;
	display: block;
	background-color: #8A9775;
	color: white;
	width: 192px;
	border-bottom: 1px solid #798762;
}

.ul_nav_main .active_lev3{
	background-image:url(../imgs/lev3_cur.gif);
	background-repeat: no-repeat;
	background-position: 30px 50%;
	width: 192px;
	padding: 2px;
	padding-left: 46px;
	color: #8A9775;
	font-size: 0.85em;
	font-weight: bold;
	border-bottom: 1px solid #E9E5D7;
	background-color: #ffffff;
}



/* navigation MAIN -end */
/* -------------------------------------------------------------------------- */



/* -------------------------------------------------------------------------- */
/* navigation 1st level in footer area */

.ul_navmain_footer{
/* 	list-style: none; */
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	float: left;
	width: 100%;
	margin: 0;
}

.ul_navmain_footer li{
	width: 100%;	
	display: inline;
	margin: 0;
}


.ul_navmain_footer li span a{	
	padding: 4px;
	color: #4B5740;
	text-decoration: none;
	background-image: none;	
	float: left;	
	margin: 0;
}

.ul_navmain_footer li span a:hover{	
	text-decoration: underline;
}

.ul_navmain_footer li#current span a{	
	text-decoration: underline;
}




/* -------------------------------------------------------------------------- */
/* sub_navigation in footer area */

.ul_subnav_footer{
/* 	list-style: none; */
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	float: left;
	width: 100%;
	margin: 0;
}

.ul_subnav_footer li{
	width: 100%;	
	display: inline;
	margin: 0;
}


.ul_subnav_footer li span a{	
	padding: 4px;
	color: #4B5740;
	text-decoration: none;
	background-image: none;	
	float: left;	
	margin: 0;
}

.ul_subnav_footer li span a:hover{	
	text-decoration: underline;
}

.ul_subnav_footer li#current span a{	
	text-decoration: underline;
}

/* -------------------------------------------------------------------------- */
/* CSC Sitemaps*/

#contentcontainer .frame2m ul.csc-menu-3{
margin-left:0px;
}

#contentcontainer .frame2m ul.csc-menu-3 li.csc-section{
list-style-type:none;
}

#contentcontainer .frame2m ul.csc-menu-3 li.csc-section a{
	background-image:url(../imgs/link13_frame2.gif);
	background-position:0% 50%;
	background-repeat:no-repeat;
	padding-left:21px;
}






/* -------------------------------------------------------------------------- */
/* CSC Formulare stylen, die sind tabellenlos*/

.csc-mailform {
   border: 0px;
}

.csc-mailform label {
   width: 160px;
   float: left;
   text-align: right;
   margin-right: 0.5em;
   display: block;
   border: none;
   margin: 2px;
   line-height:1em;
}

input, select {
 	margin: 2px;
 	border:1px solid #788862;
}

textarea {
 	margin: 2px;
 	font-size:110%;
 	border:1px solid #788862;
}

.csc-mailform-submit{
 float: left; 
 }
 
.csc-mailform-field input#mailformformtype_mail{
margin-left:168px;
}


/* -------------------------------------------------------------------------- */
.tx-wtgallery-pi1{
text-align: left;

}

.tx-wtgallery-pi1 img{
padding: 3px;
margin: 2px;
border: 1px solid #E9E5D7;
}

.tx-wtgallery-pi1 .wtgallery_singlepic img{
padding: 0px;
 border: none;
margin: 0;
}

/* -------------------------------------------------------------------------- */