body {
background:#F8F8F8; color:#000000;
font:normal normal normal 11px/16px Verdana,Geneva,Arial,Helvetica,sans-serif;
margin:0;padding:0;text-align:center;
}

/* general settings, initializations */

/*
INPUT, SELECT, TH, TD {font-size:1em};
BODY {font-size:62.5%}
H1 {font-size:2em}  /* displayed at 24px *
H2 {font-size:1.5em}  /* displayed at 18px *
H3 {font-size:1.25em}  /* displayed at 15px *
H4 {font-size:1em}  /* displayed at 12px *
*/

/* links general */
a {color:#000000;text-decoration:none;} /* border-bottom:dotted 1px #AAAAAA; */
/* a[icon ^="out"] {padding-right: 15px; background: transparent url(external_link3.gif) no-repeat center right;} */
a:hover {text-decoration:underline;}
a.insidelink {text-decoration:underline;}
a.lightgrey {color:#bbbbbb;}

/* main buttons: link and button box definition */
a.button {
	height:22px;
	padding:0;
	border:solid 1px;
	border-color: #5B5B5B;
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	margin-bottom:3px; /* distance of buttons */
	margin-right:3px; /* distance of buttons */
}

.button_inner_div {
	vertical-align:bottom;
	height:22px;
/*	display:table-cell; vertical-align:middle; This would align it nicely in MOZ */ 
	line-height:22px; /* This will align it *vertically* nicely anywhere :) */
	cursor:pointer; /* IE won't understand without that this is a link */
	text-indent:0; /* width 200, indent -100 will avoid line break within a button only for MOZ :( */
	white-space:nowrap; /* keine Umbrüche innerhalb buttons */
	font-weight:bold;
	font-size:.9em;
	color:#777777;
	text-align:center; 
}

/* Separate button width vor main button, and sub-level 1 */
.main {	width:120px; }
.sub1 { width:200px; }

/* Button colors */
a.main { background:#EBEBEB; } /* button maintopic, level 0 */
a.sub1 { background:#E6E6E6; } /* button subtopic, level 1 */
a.active { background:#DBDBDB; } /* currently active */
a.button:hover { background:#DBDBDB; text-decoration:none; } /* on hover */


/* some text and other general formatting */
.eyecatcher { color:#4f77B4; } /* obsolete? */
.eyecatcher_blue { color:#4f77B4; }
.eyecatcher_red { color:red; }
.randomblog { font-weight:normal; }
.randomgreentip { font-weight:normal; }
h1,h2,h3,h4,h5,h6 {clear:both;font-size:100%;font-weight:normal;margin:0;padding:0;}
h1 {clear:both;font-size:100%;font-weight:bold;margin:0;padding:0;}
/* h2 {clear:both;font-size:120%;font-weight:bold;margin:0;padding:0;} */
h2.picpage {text-align:left;color:#999999;font-style:italic;font-size:7pt;line-height:1.0;margin-top:2px;padding:0;}
h2.greentip {clear:both;font-size:100%;font-weight:bold;margin:0;padding:0;}
p.header_bg {clear:both;color:#EFEFEF;text-transform:uppercase;font-family:"Times";font-size:55px;text-align:left;font-weight:bold;margin:0;padding:0;} /* font-stretch:wider */
img {border:none;}
img.tt_pic {height:2.1em;cursor:default;float:left;margin-right:5px;} /* picture within a greetip tooltip */
img.social_bookmark {margin:0;padding:2px;height:15px;}
img.wallpaperpage {width:80px;height:80px;} /* this way it loads quicker and does not pop around */


/* paragraphs general */
p.anmerkung {color:#0f3774;font-size:8pt;line-height:1;}
p.legalnote {color:#FF8080;font-weight:normal;}
p.starttext {line-height:1.3;margin-bottom:10px;margin-top:10px;}
p.pics {line-height:1.3;margin-bottom:4px;}
p.greentipstext {font-size:120%;line-height:1.3;margin-bottom:4px;}
p.flat111 {line-height:1.1;margin-bottom:1px;}
p.subtitle {text-decoration:underline;}
p.didyouknow {text-align:center; color:#0f3774;font-size:8pt;line-height:1.1;margin-bottom:0;}
p.quotation {width:137px;font-style:italic; /* wg. "italic" wird Spalte bei best. IE Versionen breiter als 150px ...*/
text-align:left; color:#0f3774;font-size:8pt;line-height:1.1;margin-bottom:0;} /* border:solid;border-width: thin; */
p.filename {text-align:right; font-style:italic; font-size:7pt;line-height:1.0;margin-top:5px;}
p.quoted {text-align:left; font-size:7pt;line-height:1.25;margin-bottom:0;}
p.smallnote {text-align:left; font-size:8pt;line-height:1.25;margin-bottom:0;}
p.imagelisting {text-align:left; font-size:8pt;line-height:1.25;margin-bottom:0;}
/* a.tinytitle {text-align:left; color:red; font-size:6pt;line-height:1;margin-bottom:0;} /* Bildunterschriften sichtbar */
a.tinytitle {text-align:left; color:#efefef; font-size:6pt;line-height:0;margin-bottom:0;} /* Bildunterschriften */
a.imagelisting {color:#000000;}
p.sitemap_level0 {font-size:120%;font-weight:normal;font-style:normal;margin-top:1.5em;padding-left:0;}
p.sitemap_level1 {font-size:100%;font-weight:bold;font-style:normal;margin-top:0.5em;padding-left:10px;}
p.sitemap_level2 {font-size:100%;font-weight:normal;font-style:italic;margin-top:0em;padding-left:20px;}
p.sitemap_level3 {font-size:80%;font-weight:normal;font-style:normal;margin-top:0;padding-left:30px;}
p.counters {font-size:90%;font-weight:normal;font-style:italic;margin-left:20px;}
p.counters_alt1 {font-size:90%;font-weight:normal;margin-left:20px;}

ul {list-style-type:square; color:#0f3774}

/* db Einträge */
/* p.databaseentry {background:#E6E6E6; color:#0f3774;font-size:8pt;line-height:1.1;margin-bottom:3px} */
p.databaseentry {background:#E6E6E6;color:#0f3774;font-size:8pt;line-height:1.1;margin-bottom:3px;width:490px;} /* one of some WIDTH settings */
p.databaseentry_special {background:#E6E6E6; color:red;font-size:8pt;line-height:1.1;margin-bottom:3px} /* obsolete? "Your share"? */
a.dblink {background:#E6E6E6; color:#0f3774;font-size:8pt;line-height:1.1;margin-bottom:3px}
/* a.dblink:hover {text-decoration:none;} */
a.dblink:hover {background:#DBDBDB;text-decoration:none;cursor:pointer;}
p.databaseentry:hover {background:#DBDBDB;} /* does work for MOZ, but not IE */
p.databaseentry_special:hover {background:#DBDBDB;} /* does work for MOZ, but not IE */

/* Blog */
p.blogentry {text-align:left;background:#F2F2F2; color:#0f3774;font-size:9pt;line-height:1.35;margin-top:6px;margin-bottom:3px;width:490px;} /* one of some WIDTH settings */
p.blogheadline {background:#E6E6E6; color:#0f3774;font-size:9pt;line-height:1.25;margin-bottom:3px}
a.bloglink {background:#E6E6E6; color:#0f3774;font-size:9pt;line-height:1.1;margin-bottom:3px}
a.bloglink:hover {background:#DBDBDB;text-decoration:none;cursor:pointer;}
p.blogheadline:hover {background:#DBDBDB;} /* does work for MOZ, but not IE */
p.socialize {text-align: right;}

/* Userkommentare - geteilt in blog-Kommentare und greentip(item)-Kommentare */
#uc_item p.usercommentheadline {background:#D9E0E0; color:#0f3774;font-size:8pt;line-height:1.25;margin-bottom:3px}
#uc_item p.usercomment {background:#E1EAEA; color:#0f3774;font-size:8pt;line-height:1.25;margin-bottom:3px}
#uc_blog p.usercommentheadline {background:#aaaaaa; color:#eeeeee;font-size:8pt;line-height:1.25;margin-bottom:3px}
#uc_blog p.usercomment {background:#eeeeee; color:#444444;font-size:8pt;line-height:1.25;margin-bottom:3px}

/* FAQs */
p.faqheadline {background:#E6E6E6; color:#0f3774;font-size:8pt;line-height:1.25;margin-bottom:3px}
p.faqcontent {background:#EEEEEE; color:#0f3774;font-size:8pt;line-height:1.25;margin-bottom:3px}

/* Statistic page */
p.statistic_fact {background:#E6E6E6; color:#0f3774;font-size:8pt;line-height:1.25;margin-bottom:3px;font-weight:bold;}
p.statistic_source {background:#E6E6E6; color:#0f3774;font-size:8pt;line-height:1.25;margin-bottom:3px}
p.statistic_comment {background:#EEEEEE; color:#0f3774;font-size:8pt;line-height:1.25;margin-bottom:3px}

/* Formulare */
fieldset {border:none;margin:0;padding:0;}
form,p {margin:0;padding:0;}

.field_format /* INPUT, type TEXT */
	{ /* border: #CC0000 1px solid; color: #000000; background-color: #EEEEEE; */
	font-size: 13px; font-weight: normal; font-family: arial;  text-decoration: none; }
.button_format /* INPUT, type SUBMIT */
	{ /* border: #CC0000; color: #FFFFFF; background-color: #CC0000; */
	font-size: 12px; font-weight: normal; font-family: arial; text-decoration: none; }
.textbox_format /* TEXTAREA */
	{ /* border: #CC0000 1px solid; color: #000000; background-color: #EEEEEE; */
	font-size: 13px; font-weight: normal; font-family: arial;  text-decoration: none; }


/* MAIN BLOCK DEFINITIONS */

/*
container: 800px plus border
header: 770px plus 2x15 margin
content: 770px plus 2x15 margin
contentLeft: 100px
contentMain: 490px plus 2x15 margin
contentRight: 150px
*/

#container {
margin-left: auto;
margin-right: auto;
/* margin:10px 20px 0 20px; */
background:#F3F3F3; text-align:left;width:800px;border:solid; /* one of some WIDTH settings */
border-width:thin;border-color:#F0F0F0;
}

/* header incl. left & right */

#header {display:inline; background:#E6E6E6; margin:10px 15px 0 15px;
float:left;line-height:normal;width:770px;height:68px;border:none;} /* one of some WIDTH settings */
#header #title_bg {position:absolute; background:#E6E6E6; line-height:34px;padding-left:5px;width:300px;height:68px;border:none;} /* one of some WIDTH settings */
#header #hLeft {position:absolute; width:380px;border:none;height:68px;} /* one of some WIDTH settings */
#header #hRight {position:relative; left:380px;width:390px;border:none;height:68px;padding-top:5px;text-align:center;} /* center buttons */

/* sub-header special (e.g. donation call) */

#header_special {display:inline; background:#FFDDDD; margin:10px 15px 0 15px; padding: 3px 3px 3px 3px;
float:left;line-height:normal;width:758px;color:#DD2222;border:3px solid red;} /* one of some WIDTH settings */
p.specialnote {text-align:left; font-size:8pt;line-height:1.25;margin-bottom:0;color:#DD2222;background:#FFDDDD;border:2px solid red;}


/* content incl. left/main/right */

#content {display:inline;float:left;margin:10px 15px 15px 15px;width:770px;border:none;} /* one of some WIDTH settings */
#content #cLeft {display:inline; text-align:center; background:#E6E6E6; color:#000;float:left;margin:0 15px 0 0;width:100px;padding-top:5px;}
#content #cLeft p {margin:0 0 0 0; padding:7px 3px 7px 3px;}
#content #cLeft p.divider {margin:0 0 0 0;padding:0 0 0 0; background:#F3F3F3; line-height:8px;}
#content #cLeft .leftpic {margin:5px 0 5px 0;padding:0 0 0 0;cursor:pointer;} /* gilt für <p> und <a> */
#content #cLeft .leftpic img {width:80px;height:80px;}

#content #cMain {display:inline; background:transparent; float:left; width:490px;padding:5px 0 0 0;} /* one of some WIDTH settings */
#content #cMain_alt1 {display:inline; background:transparent; float:left; width:320px;padding:5px 0 0 0;} /* one of some WIDTH settings */
#content #cMain img.blogimage {width:80px;height:80px;cursor:pointer;margin-right:1px;}
#content #cMain img.smallpic {width:40px;height:40px;cursor:pointer;margin-right:1px;}
#content #cMain img.picpagepic {width:80px; height:80px; cursor:pointer;}
#content #cMain img.rating_icon { height:.8em; cursor:default;} /* This one for homepage */ /* make fluid x.x em */
#content #cRight img.rating_icon { height:.8em; cursor:default;} /* This one for image pages */ /* make fluid x.x em */ 
#content #ratingexception img.rating_icon { height:1.8em; cursor:default;} /* This one for green tip pages */ /* make fluid x.x em */

/* TEMP ... MAKE LINK IN CONTENT PART VISIBLE */
#content #cMain a {text-decoration:none; border-bottom:dotted 1px #AAAAAA;} /* color:#000000; COLOR NOT DEFINED! */

/* TEMP ... MAKE BLOGLINK ON INTROSCREEN GREY */
#content #cRight_alt1 a {text-decoration:none; color:#444444;}


/* #content #cRight {display:inline; text-align:left; background:#E6E6E6; float:left;margin:0 0 0 15px;width:150px; border:none} */
#content #cRight {position:relative; text-align:left; background:#E6E6E6; float:left;margin:0 0 0 15px;width:150px; border:none} /* one of some WIDTH settings */
#content #cRight_alt1 {position:relative; text-align:left; background:#E6E6E6; float:left;margin:0 0 0 15px;width:320px; border:none} /* one of some WIDTH settings */
#content #cRight p {margin:0 0 0 0; padding:5px 5px 5px 5px;}
#content #cRight p.imagelisting {margin:0 0 0 0;padding:1px 5px 1px 20px; text-indent:-15px;}
#content #cRight p.mailadr {margin:0 0 0 0; padding:0 0 0 6px;}
#content #cRight p.divider {margin:0 0 0 0;padding:0 0 0 0; background:#F3F3F3; line-height:8px;}
#content #cRight_alt1 p.divider {margin:0 0 0 0;padding:0 0 0 0; background:#F3F3F3; line-height:8px;}
#content #cRight img {margin-top:2px;}

#content #gwchart { text-align:left; float:left; }
#content #gwchart p { margin-bottom:.5em; line-height:1.2em; }


/* footer */

.cnt_footer{color:#0f3774;font-size:9px;font-family:Arial,Helvetica,sans-serif;}
.cnt_footer.def{text-align:center;margin:0 0 20px -100px;}


/* tooltip */

.tooltipBox
{
	border: 1px solid black;
	background: #FFFFDC;
	position: absolute;
	z-index: 50;
	padding: 2px;
	text-align: left;
	line-height:1.1;
/*	opacity:1; - erst ab CSS3 */
	font-size: 8pt;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}


/* Global warming chart - Tabellenformatierung */

table.gwc {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

table.outer {
	width:630px; /* colgroups in HTML sind als 180+250+200 definiert */
}

table.inner {
	background:#F3F3F3; /* container-Farbe um Pfeilüberstände zu verdecken */
}

/* Global warming chart - Zellentypen */

td { vertical-align:top; font-size:8pt; }

td.arrowcell { /* no-Pfeile */
	background-position: bottom left;
	background-repeat: no-repeat; }
td.beschriftet { background-image: url(icons/gwc_yes_arrow1.gif); } /* no-Pfeile, beschriftet */
td.unbeschriftet { background-image: url(icons/gwc_yes_arrow2.gif); } /* no-Pfeile, unbeschriftet */

td.boxcell {
	border: 1px solid black;
	background: #EEEEEE;
	padding: 2px 2px 2px 2px;
	margin: 0 0 0 0;
}


td.outerL { width:180px; } /* 150+30 */
td.outerM { width:260px; } /* 230+30 */
td.outerR { width:180px; } /* 180 */
td.textL { width:150px; }
td.textM { width:230px; }
td.textR { width:180px; }
td.arrow { width:30px; }