
#hide 	{visibility: hidden; display: none;}

body 		{ margin: 0px 0px 0px 0px; font-size: 9pt; line-height: 15px; font-weight: normal; color: #000000; }
blockquote  { font-style : italic; color: #5389FD;}

/* Farben */
.blau				{background-color: #009900; }
.midblau				{background-color: #00cc00; }
.hellblau				{background-color: #66ff00; }

.gelb					{background-color: #FBF49C;}
.hellgelb				{background-color: #FEFFEE;}
.dunkelgelb				{background-color: #FBD65C;}

/* flächen */
.blaudiv 			{ width: 100%; background-color: #009900; }
.midblaudiv 		{ width: 100%; background-color: #00cc00;}
.hellblaudiv 		{ width: 100%; background-color: #66ff00;  }

/* Hintergründe */
.leftcol			{ background-image:url(/zahlengarten/img/hg_left.gif); background-repeat: repeat-y; vertical-align: top; }		

#logo 		{ position:absolute; left: 0px; top: 0px; z-index: 100; }

#leftcol			 { position:absolute; left: 0px; top: 100px; z-index: 99; margin: 0px 0px 0px 0px; width: 67px; }
#headtitle			 { height: 35px; position:absolute; left: 100px; top: 30px; z-index: 110; color: #FFFFFF; font-size: 20px; font-weight: bold; font-family: "Times New Roman", Times, serif; }
#headsubtitle			 { height: 20px; position:absolute; left: 100px; top: 50px; z-index: 110; color: #FFFFFF; font-size: 16px; font-weight: bold; font-family: "Times New Roman", Times, serif; }

#mainnav			 { position: absolute; left: 100px; top: 90px; z-index: 99; }
#midnav			 { position: absolute; left: 100px; top: 115px; z-index: 99; }
#subnav			 { position: absolute; left: 100px; top: 135px; z-index: 99; }
#meta			 { position: absolute; left: 600px; top: 15px; z-index: 99; }

#intro			 { position:absolute; left: 100px; top: 120px; z-index: 90; }
#contentstart			 { position:absolute; left: 420px; top: 150px; z-index: 90; width: 50%; }
#content			 { position:absolute; left: 100px; top: 160px; z-index: 90; width: 60%; }
#imgrowbig			 { position:absolute; left: 0px; top: 150px; z-index: 110; }
#imgrow			 { position:absolute; left: 20px; top: 360px; z-index: 110; }

/* ausrichter */ 
.td_bottomright			{vertical-align: bottom; text-align: right;}
.td_bottomleft			{vertical-align: bottom; text-align: left;}
.td_centerleft			{vertical-align: middle; text-align: left;}
.td_middle				{vertical-align: middle; text-align: center;}
.td_printheader			{vertical-align: bottom; text-align: left; padding: 5px 10px 2px 15px; }

/* Listen */ 
.menueliste 			{list-style-image:url(/zahlenland/img/arrow.gif); }
.submenueliste 			{list-style-image:url(/zahlenland/img/arrowkl.gif); margin-left:15px; }

dt 						{ font-size: 9pt; line-height: 12px; font-weight: bold; padding-bottom: 8px; }
dd 						{font-size: 9pt; line-height: 12px; font-weight: normal; padding-bottom: 14px; }

/* Blöcke */ 
.teaser_corner			{background-color: #324C96; vertical-align: top; text-align: right;}
.teaser_td_footer   	{line-height: 20px; height: 20px; background-color: #D5E4FF; vertical-align: middle; text-align: left; }
.list_footer   			{padding: 2px 3px 2px 3px; height: 18px; background-color: #D5E4FF; vertical-align: middle; text-align: right; }

.horizont				{background-color: #FBF49C; background-image:url(/zahlenland/img/Horizont.jpg); } 

/* linien */
.lineblue 				{font-size: 1px; line-height: 1px; height: 1px; width: 145px; background-color: #324C96;}

/* Schriftarten */ 
.headtitle, h1, h2 {font-family: "Times New Roman", Times, serif; }
body, h3, .nav_main, .nav_main_sub, .navBold, .navMeta, .sub, .copyMini, .imgtext, .headline, .subheadline, .nav_black_sm, .copylink, .copy, .copyBold, .copyBig, .copylinkBold, .copylinkMini, .teaserheadline, .teasertext, .teasertextBold, dl {font-family: Arial, Helvetica, sans-serif;}

h1 			{font-size: 14pt; line-height: 20px; font-weight: bold; color: #009900; padding-bottom: 0px;}
h2 				{font-size: 12pt; line-height: 20px; font-weight: bold; color: #009900; padding-top: 0px;}
h3 				{font-size: 9pt; line-height: 12px; font-weight: bold; color: #000000; padding-top: 0px;}
.copyMini				{font-size: 8pt; line-height: 12px; font-weight: normal; color: #000000;}

.copy, body					{font-size: 9pt; line-height: 15px; font-weight: normal; color: #000000;}
.copyBold 				{font-size: 9pt; line-height: 15px; font-weight: bold; color: #000000;}
.copyBig				{font-size: 12pt; line-height: 20px; font-weight: bold; color: #000000;}
.imgtext			{font-size: 8pt; text-align : center; line-height: 12px; font-weight: normal; padding-bottom: 4px; }

.teaserheadline			{font-size: 10pt; line-height: 12px; font-weight: normal; color: #FFFFFF;}
.teasertext				{font-size: 8pt; line-height: 12px; font-weight: normal; color: #000000; padding-top: 4px; padding-bottom: 4px; }
.teasertextBold			{font-size: 8pt; line-height: 12px; font-weight: bold; color: #000000; 	padding-top: 4px;}

/* interaktive Elemente */
.nav_main 			{font-size: 10pt; line-height: 20px; font-weight: bold; color: #009900; text-decoration: none; vertical-align: top;}
.nav_main:hover 	{text-decoration: underline }
.nav_main:visited 	{color: #00cc00; }
.nav_main:active	{color: #00cc00; text-decoration: underline }

.nav_main_sub 			{font-size: 9pt; font-weight: normal; color: #008a45; text-decoration: none; vertical-align: top; line-height: 16px;}
.nav_main_sub:hover 	{text-decoration: underline }
.nav_main_sub:visited 	{color: #008a45; }
.nav_main_sub:active	{text-decoration: underline }

.navMeta 			{font-size: 8pt; line-height: 12px; font-weight: normal; color: #f2f2f2; text-decoration: none; }
.navMeta:hover 		{color: #f2f2f2; text-decoration: underline; }
.navMeta:visited 	{color: #f2f2f2; }
.navMeta:active		{color: #f2f2f2; }

a 			{color: #009900; font-size: 9pt; text-decoration : none;}
a:hover 	{color: #00cc00; text-decoration: underline}
a:visited 	{ color: #00cc00}

.copylinkBold 		{color: #000000; font-weight: bold; font-size: 9pt; text-decoration : none;}
.copylinkBold:hover 	{color: #000000; text-decoration: underline; }
.copylinkBold:visited 	{color: #666666}
.copylinkBold:active 	{color: #666666; text-decoration: underline;}

.copylinkMini 		{color: #000000; font-weight: bold; font-size: 8pt; text-decoration : none;}
.copylinkMini:hover	{text-decoration: underline; }

