/* CSS Document

Style Sheet
(c) Copyright 2007 Tangletree Graphic Design
--------------------------------------------------------------------------------------------------*/

body 						{ margin: 0px; padding: 0px; background-color: #CCCCCC; }

ul							{ list-style: square; padding-left: 0px; margin-left: 15px; margin-bottom: 2px; }


/* navigation panels
--------------------------------------------------------------------------------------------------*/

#navigation					{ font-size: 13px; font-family: Arial, sans-serif; margin: 6px 0px 0px 0px; width: 800px; height: 22px; }

#navigation ul				{ list-style: none; margin: 0; padding: 5px 0px 4px 0px; background-color: #336699; border-bottom: solid 2px #CCCC66; }

#navigation ul li			{ display: inline; }

#navigation ul li a			{ margin-bottom: 5px; padding: 5px 12px 4px 12px; color: #FFFFFF;  text-decoration: none; border-right: dotted 1px #FFFFFF; }

#navigation ul li a#selected	{ color: #336699; background-color: #CCCC66; }	

#navigation ul li a:hover	{ color: #FFFFFF; background-color: #000000; }	

/* Contents
--------------------------------------------------------------------------------------------------*/

#wrapper    				{ margin: 0 auto; padding: 30px; width: 800px; background-color: #FFFFFF; }

#header						{ margin: 0 auto; width: 800px; height: 70px; border-bottom: dotted 1px #CCCCCC; }

#content					{ margin: 0 auto; padding-top: 12px; width: 800px; }

#flash						{ margin: 0 auto; width: 800px; height: 380px; }

#flash_game					{ width: 580px; height: 540px; }

#logo						{ float: left; margin: 5px 0px 0px 0px; width: 220px; height: 65px; }

#highlight					{ float: right; margin: 5px 0px 0px 0px; width: 580px; height: 65px; }

#footer						{ margin: 0px 0px 0px 0px;; width: 800px; height: 100px; border-top: dotted 1px #CCCCCC; padding-top: 6px; clear: both; }

.address					{ margin: 0 auto; width: 800px; }

#footerleft					{ float: left; margin: 6px 0 12px auto; width: 400px; height: 70px; text-align: left; }

#footerright				{ float: right; margin: 6px 0 12px auto; width: 400px; height: 70px; text-align: right; }

#tickertape					{ margin: 8px 0px 0px 0px; width: 800px; height: 22px; border-top: dotted 1px #CCCCCC; padding: 6px 0px 6px 0px;}

#newstape					{ margin: 6px 0px 0px 0px; width: 800px; height: 120px; }

#index						{ margin: 0px 0px 0px 0px; width: 800px; height: 15px; }

#date						{ width: 220px; padding-top: 30px; float: right; text-align:right; display:inline; }

#panel						{ float: left; margin: 0px 0px 20px 0px; width: 160px; vertical-align: top; text-align: left; }

#one_column					{ float: right; margin: 0px 0px 20px 0px; padding-left: 20px; width: 600px; vertical-align: top; text-align: left; border-left: dotted 1px #CCCCCC; }

.news_box					{ width: 140px; margin: 30px 0px 0px 0px; margin-bottom: 10px; background-color: #CCCC66;; padding: 10px; }

.childs						{ width: 160px; height: 160px; margin: 10px 0px 0px 0px; margin-bottom: 10px; }

.highlight					{ width: 199px; height: 114px; float: left; margin: 6px 0px 0px 0px; border-right: dotted 1px #CCCCCC; }

.highlight_end				{ width: 199px; height: 114px; float: left; margin: 6px 0px 0px 0px; }

#link_box					{ width: 140px; padding: 10px; margin: 20px 0px 0px 0px; background-color: #CCCCCC; }

#column_left				{ float: left; width: 270px; margin: 20px 30px 30px 0px; }

#column_right				{ float: left; width: 270px; margin: 20px 30px 30px 0px; }


/* Links
--------------------------------------------------------------------------------------------------*/

.breadcrumb 				{ font-size: 10px; color: #666666; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb a:link 			{ font-size: 10px; color: #666666; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb a:visited 		{ font-size: 10px; color: #666666; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }
.breadcrumb a:hover 		{ font-size: 10px; color: #336699; font-family: Arial, sans-serif; text-align:left; text-decoration: underline; }

.text						{ font-size: 12px; color: #666666; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }
.text a:link				{ font-size: 12px; color: #336699; font-family: Arial, sans-serif; text-align:left; text-decoration: underline; font-weight: bold; }
.text a:visited				{ font-size: 12px; color: #666666; font-family: Arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }
.text a:hover				{ font-size: 12px; color: #336699; font-family: Arial, sans-serif; text-align:left; text-decoration: none; font-weight: bold; }

.form_bld 					{ font-size: 11px; color: #000000; font-family: Arial, sans-serif; font-weight: bold; text-align:left; text-decoration: none; }
.form_bld a:link			{ font-size: 11px; color: #000000; font-family: Arial, sans-serif; font-weight: bold; text-align:left; text-decoration: underline; }
.form_bld a:visited			{ font-size: 11px; color: #666666; font-family: Arial, sans-serif; font-weight: bold; text-align:left; text-decoration: none; }
.form_bld a:hover			{ font-size: 11px; color: #336699; font-family: Arial, sans-serif; font-weight: bold; text-align:left; text-decoration: none; }

.legend	 					{ font-size: 11px; color: #666666; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }
.legend a:link	 			{ font-size: 11px; color: #666666; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }
.legend a:visited	 		{ font-size: 11px; color: #666666; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }
.legend	a:hover 			{ font-size: 11px; color: #336699; font-family: Arial, sans-serif; text-align:left; text-decoration: underline; }

.imprint 					{ font-size: 9px; color: #FFFFFF; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }
.imprint a:link 			{ font-size: 9px; color: #FFFFFF; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }
.imprint a:visited 			{ font-size: 9px; color: #FFFFFF; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }
.imprint a:hover 			{ font-size: 9px; color: #666666; font-family: Arial, sans-serif; text-align:left; text-decoration: none; }


/* Type
--------------------------------------------------------------------------------------------------*/

.h1		 					{ font-size: 18px; color: #336699; font-family: Arial, sans-serif; text-align:left; }

.intro		 				{ font-size: 24px; color: #000000; font-family: Arial, sans-serif; text-align:left; }

.form_h1	 				{ font-size: 11px; color: #336699; font-family: Arial, sans-serif; font-weight: bold; text-align:left; }

.form	 					{ font-size: 11px; color: #000000; font-family: Arial, sans-serif; text-align:left; }

.text_bld					{ font-size: 12px; color: #333333; font-family: Arial, sans-serif; font-weight: bold; text-align:left; }

.text_bld_white				{ font-size: 12px; color: #fff; font-family: Arial, sans-serif; font-weight: bold; text-align:left; }


.quote						{ font-size: 24px; color: #336699; font-family: Arial, sans-serif; font-style: italic; text-align:left; }

.breadcrumb_bd				{ font-size: 10px; color: #666666; font-family: Arial, sans-serif; font-weight: bold; text-align:left; text-decoration: none; }

.legend_bd					{ font-size: 11px; color: #666666; font-family: Arial, sans-serif; font-weight: bold; text-align:left; text-decoration: none; }

/* Downloads
--------------------------------------------------------------------------------------------------*/

.downloads					{ float: left; width: 120px; height: 110px; margin: 10px 10px 10px 0px; border: 1px solid #CCCCCC; background-color: #fff; padding: 10px; text-align: center; }

#download_column			{ margin: 0px 0px 0px 0px; padding-left: 0px; width: 800px; vertical-align: top; text-align: left; }

/* HACKS
--------------------------------------------------------------------------------------------------*/
.clearfix:after				{ content: "."; display:block; height:0; clear: both; visibility: hidden; }
.clearfix 					{ display: inline-block; }
/* Hide from IE Mac \*/
.clearfix 					{ display: block; }
/* End hide from IE Mac */
/*
--------------------------------------------------------------------------------------------------*/

/* navigation panels
--------------------------------------------------------------------------------------------------*/

#imprint					{ margin: 0 auto; width: 860px; height: 30px; text-align: center; padding-top: 6px; }