/* CSS Document */

/* @group Layout */
* {
	margin: 				0;
	padding: 				0;
}
body,
html {
	font-family: 			Verdana, Helvetica, Arial, sans-serif;
	font-size: 				0.81em;
	height: 				100%;
}
#Wrapper {
	min-height: 			100%;
	width: 					100%;
	background: 			#457bc7 url(/images/bg.jpg) repeat-x bottom left;
}
* html #Wrapper {
 	height: 				100%;
}
#Left {
	left: 					0px;
	top: 					0px;
	position: 				absolute;
	width: 					230px;
}
#Main {
	width: 					531px;
	color: 					#333;
	padding: 				0px 230px 150px 230px;
	left: 					230px;
	background: 			url(/images/content/bg.gif) no-repeat center top;
}
#MainStart {
	width: 					531px;
	color: 					#333;
	padding: 				0px 230px 150px 230px;
	left: 					230px;
}
#Right {
	position: 				absolute;
	left: 					761px;
	top: 					128px;
	width: 					230px;
	color: 					#FFF;
}
/* @end */



/* @group Header */
#Header {
	height: 				115px;
}
#Logo {
	width: 					220px;
	float: 					left;
}
#Claim {
	width: 					289px;
	float: 					right;
	margin-right: 			20px;
}
#Ballon {
	position: 				absolute;
	top: 					0px;
	left: 					0px;
}
span.claim {
	color: 					#FC6;
	font-size: 				18px;
}
#Locator {
	background: url(/images/header/locator_bg.gif);
	height: 30px;
	margin: 0px 0px 0px 0px;
	line-height: 23px;
	color: #FFF;
	padding-left: 23px;
}
#Locator a {
	color: #FFF;
	text-decoration: none;
}
/* @end */

/* @group Content */
#Content {
	width: 					485px;
	font-size: 				1.23em;
	color: 					#1d5fac;
	padding: 				20px 20px 28px 22px;
	min-height: 			540px; /* For Modern Browsers */
	height: 				auto !important; /* For Modern Browsers */
	height: 				540px; /* For IE */
}
#ContentStart {
	width: 					470px;
	font-size: 				12px;
	color: 					#1d5fac;
	padding: 				3px 5px 26px 6px;
	min-height: 			430px; /* For Modern Browsers */
	height: 				auto !important; /* For Modern Browsers */
	height: 				430px; /* For IE */
}
#Content img,
#Content div.border {
	border: 1px solid #C4D5E4;
	padding: 2px;
}
/* @end */



/* @group Footer */
#Footer {
	color: 					#FC6;
	width: 					991px;
	height: 				180px;
	margin-top: 			-180px;
	background: 			url(/images/footer/center_bg.jpg) no-repeat center bottom;
	font-size: 				11px;
}
#FooterStart {
	color: 					#FC6;
	width: 					991px;
	height: 				600px;
	margin-top: 			-600px;
	background: 			url(/images/footer/center_bg_start_18-1.jpg) no-repeat center bottom;
}
#FooterContentLeft {
	width: 					230px;
	height: 				180px;
	float: 					left;
}
#FooterContentCenter {
	margin-top: 			60px;
	width: 					531px;
	height: 				120px;
	float: 					left;
}
#FooterContentCenterStart {
	margin-top: 			20px;
	width: 					531px;
	float: 					left;
}
#FooterContentRight {
	width: 					230px;
	height: 				180px;
	float: 					left;
}
#FooterContentRight #Sauber a {
	color: 					#FFF;
	text-decoration: 		underline;
}
#FooterContentRight #Vulkan a {
	color: 					#FFF;
	text-decoration: 		underline;
}
#Flower {
	position: 				relative;
	bottom: 				0px;
	margin-left: 			19px;
	margin-top: 			-122px;
}
#PrimaKlima {
	position: 				relative;
	margin-top:             -442px;
}
#CompanyGroup {
	clear: 					both;
	position: 				relative;
	text-align: 			center;
}
#CompanyGroup img {
	margin-bottom: 			10px;
}
#CompanyGroupStart {
	text-align: 			center;
	margin-top: 			30px;
}
#CompanyGroupStart img {
	margin-bottom: 			10px;
}
#Footer,
#Footer a {
	color: #FFF;
	text-decoration: none;
}
#Footer a:hover {
	color: #FFF;
}
#FooterStart a {
	color: #FC6;
	text-decoration: none;
}
#FooterStart a:hover {
	color: #FFF;
}
#Copyright {
	width: 					200px;
	height: 				20px;
	float: 					left;
	padding-top: 			75px;
}
#MetaLinks {
	float: 					right;
	width: 					200px;
	height: 				20px;
	text-align: 			right;
	padding-top: 			75px;
}
/* @end */



/* @group Header Themes (old) */
div.ausmalbilder {
	background: url(/media/ausmalbilder/header2.jpg) center no-repeat;
}
div.kinder {
	background: url(/media/header/kinder.jpg) center no-repeat;
}
div.frankfurt {
	background: url(/media/header/frankfurt.jpg) center no-repeat;
}
div.fahrrad {
	background: url(/media/header/fahrrad.jpg) center no-repeat;
}
div.spielen {
	background: url(/media/header/spielen.jpg) center no-repeat;
}
div.freizeit {
	background: url(/media/header/freizeit.jpg) center no-repeat;
}
div.vulkanradweg {
	background: url(/media/header/vulkanradweg.jpg) center no-repeat;
}
div.jubilaum {
	background: url(/media/header/jubilaum.jpg) center no-repeat;
}
div.tdn_2006 {
	background: url(/media/header/tdn_2006.jpg) center no-repeat;
}
div.maerchenfestspiele {
	background: url(/media/header/maerchenfestspiele.jpg) center no-repeat;
}
div.apfelwein {
	background: url(/media/header/apfelwein.jpg) center no-repeat;
}
div.hessentag {
	background: url(/media/header/hessentag.jpg) center no-repeat;
}
/* @end */



/* @group Sitemap */
#Sitemap ul li {
	margin: 2px 0px 4px -10px;
	font-size: 14px;
	font-weight: bold;
	background: none;
}
#Sitemap ul li ul li {
	margin: 2px 0px 4px 0px;
	background: url(/images/bullet.gif) no-repeat left 6px;
	font-size: 12px;
	font-weight: normal;
}
/* @end */



/* @group Navigation */
#Menu {
	width: 205px;
	margin: 165px 0px 0px 25px;
	font-size: 16px;
	text-align: left;
}
#Menu li {
	width: 205px;
	padding: 6px 0px 6px 0px;
	list-style-type: none;
	margin-bottom: 1px;
}
#Menu li.current>a {
	color: #f6a039;
	text-decoration: none;
	background: url(/images/menu/arrow.gif) no-repeat 10px 50%;
}
#Menu li a {
	color: #2874bb;
	text-decoration: none;
}
#Menu li a:hover {
	color: #f6a039;
}
#Menu li span {
	margin-left: 20px;
}
html>body #Menu li {
	/* commented backslash hack v2 \*/
	background: url(/images/menu/nav_1_off.png) repeat-y;
	/* end hack */
}
* html #Menu li {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu/nav_1_off.png',sizingMethod='scale');
}
html>body #Menu li.current {
	/* commented backslash hack v2 \*/
	background: url(/images/menu/nav_1_on.png) repeat-y;
	/* end hack */
}
* html #Menu li.current {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu/nav_1_on.png',sizingMethod='scale');
}
* html #Menu li.current ul li {
	filter: none;
}
#Menu li.current ul {
	padding: 4px 0px 0px 0px;
}
#Menu li.current ul li {
	font-size: 11px;
	padding: 2px 0px 2px 0px;
	background: none;
}
#Menu li.current ul li a {
	color: #2874bb;
}
#Menu li.current ul li.current a {
	color: #f6a039;
}
#Menu li.current ul li a:hover {
	color: #f6a039;
}
#Menu li.current ul li ul {
	font-weight: normal;
	padding: 2px 0px 2px -16px;
	margin: 0px -16px 0px 16px;
}
#Menu li.current ul li.current ul li a {
	color: #2874bb;
}
#Menu li.current ul li.current ul li.current a {
	color: #f6a039;
	background: none;
}
/*#Menu li#nav_sortiment_tabaluga {
  display: none;
}*/
/* @end */



/* @group Products */
#Content ul.product_groups li {
	display: 				block;
	float: 					left;
	background: 			none;
	margin: 				0;
	padding: 				0;
	width: 					241px;
}
#Content ul.products {
	margin: 				0 0 10px 0;
	display: 				block;
}
#Content ul.products li {
	background: 			none;
	padding-left: 			0;
	float: 					left;
	margin: 				0 0px 10px 0;
	width: 					110px;
}
#Content ul.products li img {
	padding: 				0;
}
#Content ul.products li img:hover {
	border-color: 			#6d7b87;
}
#Content ul.products:after,
#Content ul.product_groups:after {
	content:  				".";
	display: 				block;
	height: 				0;
	clear: 					both;
	visibility: 			hidden;
	margin-bottom: 			1em;
}
#Content img.product_item {
	float: 					right;
	border: 				none;
}
/* @end */



/* @group Gallery */
.gallery {
	overflow: auto;
	display: table;
	width: 486px;
}
.gallery_album {
	float: left;
	margin: 0px 12px 10px 0px;
}
.gallery_album .meta_info {
	display: none;
}
.gallery_image .meta_info {
	display: none;
}
div.gallery_navigation  {
	width: 480px;
	padding: 2px;
	display: table;
	overflow: auto;
}
.gallery_navigation .prev {
	float: left;
}
.gallery_navigation .next {
	float: right;
}
.gallery_navigation .up {
	float: left;
	width: 124px;
	text-align: center;
}
.gallery_navigation .up a {
	font-weight: bold;
}
/* @end */



/* @group Shop */
#Shop {
	overflow: auto;
	width: 485px;
}
#ShopItems {
	width: 295px;
	float: left;
}
#ShopCheckout {
	width: 175px;
	float: right;
}
.shop_item {
	overflow: auto;	
	display: table;
	width: 100%;
	border-top: 1px solid #F90;
	margin: 5px 0px -5px 0px;
	padding: 10px 0px 5px 0px;
}
* html .shop_item {  /* nur fuer Internet Explorer */
	margin: 5px 0px -17px 0px; /* Version 5.x */
	m\argin: 5px 0px -17px 0px; /* Version 6 */
}
.shop_item h4 {
	font-size: 14px;
}
.shop_item h5 {
	font-size: 14px;
	color: #F90;
}
.shop_item img {
	float: left;
	margin-right: 10px;
}
.shop_item p {
}
.shop_calculation {
	display: table;
	width: 100%;
	border-top: 1px solid #F90;
	padding: 8px 0px 4px 0px;
}
/* @end */



/* @group Boxes */
.box, .notice {
	background: #E1E9EA;
	border: 1px solid #4E97C2;
	border-left: 5px solid #1264AB;
	padding: 10px;
}
.box2 {
	background: #fff4e0;
	border: 1px solid #FFA800;
	border-left: 5px solid #FFA800;
	padding: 10px;
}

.error {
	background: #fad1d1;
	border: 1px solid #f90404;
	border-left: 5px solid #f90404;
	padding: 10px;
}




#StartBoxes {
  overflow: auto;
  position: relative;
  width: 512px;
}
#StartBoxes div {
  width: 236px;
  margin-right: 20px;
  float: left;
  padding-bottom: 20px;
}
#StartBoxes img {
  border: none;
  padding: 0;
  border-top: 5px solid #2874bb;
}
#StartBoxes p {
  margin-bottom: 0.5em;
}
#StartBoxes h2 {
  margin: 0;
}
/* @end */



/* @group Sidebar (#Right) */
#Service {
	color: 					#FFF; /*#2773ba;*/
	width: 					162px;
	margin: 				30px 0px 0px 30px;
	text-align: 			left;
}

#Promotion {
	color: 					#FFF; /*#2773ba;*/
	width: 					212px;
	margin: 				0px 0px 0px 30px;
	text-align: 			left;
}
#Service a,
#Promotion a {
	color: 					#FFF;
	text-decoration: 		underline;
}
#Service p,
#Promotion p {
	font-size: 				1.05em;
	margin: 				5px 0;
}
#Service h2,
#Promotion h2 {
	font-size: 				1.38em;
	color: 					#FFF;
}
#CalciumPlusButton a {
	color: 					#FFF;
}
#CalciumPlusButton {
	cursor: 				pointer;
}
#Hessentag {
	background: 			url(/media/start/hessen_box.gif) no-repeat;
	width: 					199px;
	height: 				75px;
	margin: 				43px 0px 0px 10px;
	color: 					#FFF;
	padding: 				0px 10px 1px 10px;
	text-align: 			left;
}
#Hessentag a {
	color: 					#FFF;
	text-decoration: 		underline;
}
#Hessentag {
	cursor: 				pointer;
}
#Vulkan {
	background: 			url(/media/start/vulkan_radweg.gif) no-repeat;
	width: 					200px;
	height: 				75px;
	margin: 				3px 0px 0px 10px;
	color: 					#FFF;
	padding: 				0px 10px 1px 10px;
	text-align: 			left;
}
#Vulkan a {
	color: 					#FFF;
	text-decoration: 		underline;
}
#Vulkan {
	cursor: 				pointer;
}
#AnimationStart {
	/* margin-top: 97px;-- normale Position*/
	margin-top: 36px;   /* -- Position mit der Eiszeit-Aktion */
}
/* @end */



#Video {
	width: 					476px;
	border: 				1px solid #C4D5E4;
	padding: 				2px;
}
#Container {
	overflow: 				auto;
	width: 					485px;
}
#ColumnMain {
	float: 					left;
	width: 					295px;
}
#ColumnBox {
	float: 					right;
	width: 					170px;
}
#ColumnBox.tipps {
	display: 				table;
	background: 			url(/images/icons/bike.gif) no-repeat right top;
}
#ColumnBox.tipps li {
	list-style: 			none;
	background: 			url(/images/bullet.gif) no-repeat left 6px;
	padding-left: 			10px;
	font-weight: 			bold;
	margin-bottom: 			12px;
	font-size: 				0.92em;
}
#ColumnBox.tipps h3 {
	margin-bottom: 			1.15em;
}
#ColumnBox.tipps li ul li {
	list-style: 			none;
	background: 			none;
	padding-left: 			0px;
	margin-left: 			-2px;
	font-weight: 			normal;
}
#ColumnBox.tipps li a {
	text-decoration: 		none;
}
#ColumnBox.tipps li ul li a {
	text-decoration: 		underline;
}
#ColumnBox small {
	font-weight: 			normal;
	font-size: 				0.85em;
}
#Drawings {
	overflow: 				auto;
	margin-right: 			-25px;
}
#Drawings p {
	float: 					left;
	margin-right: 			25px;
	text-align: 			center;
}
#ContentTitle {
	display: 				table;
	width: 					469px;
	height: 				106px;
	border: 				1px solid #C4D5E4;
	padding: 				8px;
	margin-bottom: 			4px;
}
#ContentTitle h2 {
	margin: 				60px 0px 0px 0px;
	color: 					#FFF;
}
#SnowHeader {
    display: none;
}

#facebook {
	margin: 420px 0 0 50px;
}

.gigasaurier {
	padding: 15px;
	padding-top: 5px;
	background: url(/media/start/bg_gigasaurier.jpg) no-repeat;
	width: 256px;
	height: 185px;
}