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

html { 
height: 100%;
}


* { margin:0; padding: 0; } 

option {padding-left: 0.4em}
fieldset, img { border:0; }
select, input, textarea {
font-size: 0.9em;
}

body {
min-height: 101%;
font-family:"Trebuchet MS",verdana,arial,helvetica,geneva,sans-serif;
font-size: 100.01%;
font-size: 12px;
line-height:16px;
background-color:#4C5842;
background-image:url(../imgs/background.jpg);
background-repeat:repeat-x;
padding: 0;
margin: 0;
}

body#popup{
height: 90%;
background-image:none;
background-color:#ffffff;
padding:20px;
}

body#popup div#popup {

width: 560px;

padding: 0;

margin: 0;
}

#remembrance,
#remembrance_scroll{
width: 850px;
margin: auto;
padding-bottom:20px;
}

#topnavigation{
background-image:url(../imgs/remembrance.jpg);
background-repeat:no-repeat;
background-position:right top;
height: 30px;
color: #E5E1D1;
padding-top: 17px;
padding-left: 25px;
}

#ecoeternity{
}

#logo{
padding:0px 24px 0px 25px;
width:106px;
height:84px;
float:left;
}

#tipafriend{
width:155px;
height:84px;
padding-left: 540px;
float:left;
}

#tipafriend a{
color:#E6E3D4;
text-decoration:none;
}

#tipafriend a:hover {
color:#283720;
text-decoration:none;
}

#container{
 margin-top: 20px;
}

#remembrance_scroll #container{
 height: 360px;
 margin-top: 20px;
}

#borderleft{
 height: 360px;
 width: 155px;
 float: left;
 background-image:url(../../atmo/atmo1l.jpg);
}

#wrapper{
 width: 540px;
 float:left;
padding-bottom:20px;
}


#contentcenter{
 /*background-color:transparent;
 background-image:url(../imgs/bg_mitte.jpg);
 background-repeat:repeat-y;*/
 background-image:url(../imgs/innerbackground2.jpg);
 background-color:#ffffff;
 background-repeat:repeat-x;
 width: 500px;
 padding: 10px 20px 0px 20px;

}

#remembrance_scroll #contentcenter{
 height: 350px;
 overflow:auto;
float:left;
}

#borderright{
 height: 360px;
 width: 155px;
 float: left;
 background-image:url(../../atmo/atmo1r.jpg);
}

#footer {
background-image:url(../imgs/bg_footer.gif);
background-repeat:no-repeat;
background-position:0% 0%;
height:20px;
width:540px;
}

#comments{
width: 500px;
margin-left: 155px;
background-color:#5A694D;
border: 1px solid #48533E;
color: #D6D8CD;
padding: 10px 20px 10px 20px;
display: none;
}

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

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




/* Seitenaufbau -end */
/* -------------------------------------------------------------------------- */






/* Subtemplates - Zwei Spalten - default net/bureau -begin */
/* -------------------------------------------------------------------------- */





/* Subtemplates - Zwei Spalten - default net/bureau -end */
/* -------------------------------------------------------------------------- */





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

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

h1.csc-firstHeader{
margin-top:0px;
}	

h2{
	color: #DE7008;
	font-size: 1.2em;
	border-bottom: 1px solid #f5f5f5;
	padding-bottom: 2px;
}	

/* Überschiften -end */
/* -------------------------------------------------------------------------- */

/* Aufzählungen */


#popup ul{
margin-left:20px;
margin-right:5px;
padding-top:5px;
padding-bottom:10px;
list-style-type:square;
}

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

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


/* LINKS */

a {
color: #283720;
 text-decoration: underline;
}

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

a img{
text-decoration:none;
}

/* Formulare */

form input,
form textarea{
font-family:"Trebuchet MS",verdana,arial,helvetica,geneva,sans-serif;
background:#E1DECD none repeat scroll 0% 50%;
border:1px solid #48533E;
padding:2px 5px;
}

form label {
padding:0px 5px;
margin:0;
}

form select {
background:#E1DECD none repeat scroll 0% 50%;
border:1px solid #48533E;
}

form input:focus,
form textarea:focus,
form select:focus {background:#FFFFFF;} 




/* 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 MAIN -begin */
/* -------------------------------------------------------------------------- */


/* navigation UNTEN -begin */

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



.ul_nav_top{
 padding: 0;
 padding-top: 2px;
padding-bottom: 2px;
 margin: 0;
}



.ul_nav_top .nav_lev1_no{
 list-style: none;
 margin: 0;
 display: inline;
}



.ul_nav_top .nav_lev1_no a,
.ul_nav_top .active_lev1 a{
padding:0px 2px 0px 19px;
 border-bottom: none;
 text-decoration: none;
 color: #E6E3D4;
 background-image:url(../imgs/arrow.gif);
 background-repeat: no-repeat;
 margin-right: 10px;
}



.ul_nav_top .nav_lev1_no a:hover,
.ul_nav_top .active_lev1 a:hover{
/*  color: white; */
 background-image:url(../imgs/arrow_act.gif);
 background-repeat: no-repeat;
 margin-right: 10px;
 background-color: #283720;
}



.ul_nav_top .active_lev1{
 padding: 2px;
 color: white;
 list-style: none;
 margin: 0;
 font-weight: bold;
 display: inline;
}

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