/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults 
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}


body {
	height: 100%;
	color: #333;
 	font-size: 62.5%; 
 	margin: 0px;
	font-family: Verdana, Helvetica, sans-serif; 
	background: #fff url(../images/verlauf_blau_hg.jpg) top left repeat-x;
}


.clear{
	clear:both;
}


/* CONTAINER
----------------------------------------- */
#contentPosition {
	margin: 0 auto;
	width: 970px;
	background: transparent url(../images/trans.gif) top left repeat-y;
	height: 100%;
}

#leftTdSpace {
	width: 50%;
}

td.tdBackground {
	background: transparent url(../images/site_background.jpg) top left repeat-y;
}

td.kidsTDBackground {
	background: #FF9400 url(../images/kidsBG.jpg) top left no-repeat;
}


#tdHeader {
	height: 1px;	
}

#headerFill {
	margin-top: 10px;
	width: 960px;
	height: 106px;
	background: transparent url(../images/header_01.jpg) top left no-repeat;
}

#menuFill {
	margin-top: 0px;
	padding-top: 0px;
	width: 960px;
	background: transparent url(../images/header_02.jpg) top left no-repeat;
	height: 37px;
	overflow: hidden;
}

#contentFill {
	/*margin-left: 7px;*/
	width: 960px;
	clear: both;
	float: left;
	background: transparent url(../images/header_03.jpg) top left no-repeat;
	min-height: 70px;
	overflow: hidden;
}

#hBoxFill {
	/*margin-left: 7px;*/
	width: 963px;
	clear: both;
	float: left;
	background: transparent url(../images/header_03.jpg) 7px 0px no-repeat;
	min-height: 70px;
	overflow: hidden;
}

#leftcontent {
	float: left;
	width: 759px;

}

#hboxcontent {
	float: left;
	width: 963px;
}

div.hBox {
	float: left; width: 188px; height: 105px; border-bottom: 1px solid black; border-right: 1px solid black; 
}

#rightcontent {
	float: right;
	width: 194px;
	/*background: #1a171b;*/
	overflow: hidden;
	margin-right: 1px;
}


#footerFill {
	margin-left: 2px;
	width: 957px;
	background-color: #F29400;
	height: 20px;
	overflow: hidden;
}

#footerFill p {
	padding-left: 23px;
	font-family: Verdana, Helvetica, sans-serif;
	line-height: 17px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}

#langChoser {
	float: right;
	margin-top: 101px;
	margin-right: 17px;
}

#menuleiste {
	margin-left: 230px;
	height: 37px;
	clear: both;
}


#footerContent {
	height: 15px;
	margin-left: 7px;
	width: 957px;
	background-color: #F29400;
}

#leftSide {
	clear: both;
	float: left;
	width: 755px;
}

#gallerycontentPosition {
	clear: both;
	position: relatve;
	padding-top: 25px;
	margin-left: 12px;
	width: 500px;
	overflow: hidden;
	margin-left: 220px;

}

#ShopscontentPosition {
	clear: both;
	position: relatve;
	padding-top: 25px;
	margin-left: 12px;
	width: 738px;
	overflow: hidden;

}


#AHcontentPosition {
	clear: both;
	position: relatve;
	padding-top: 50px;
	margin-left: 12px;
	width: 738px;
	overflow: hidden;
}

#AHlinkImages {
	text-align: center;
}
	#AHlinkImages img {
		border: 0px;
	}


#gastContent {
	text-align: left;
	color: #FFF;
	padding-top: 10px;
	padding-bottom: 10px;
}
	#gastContent h2 {
		font-size: 14px;
		padding-bottom: 10px;
	}




#contentTD strong {
	color: #e5322d;
}
/* MAIN NAVIGATION - TABS
----------------------------------------- */
#menuleiste ul {
	line-height: 34px;
	vertical-align: middle;
}

	#menuleiste ul li {
		list-style: none;
		float: left;
		margin-right: 37px;
	}

		#menuleiste ul li a {
			color: #fff;
			font-family: Verdana, Helvetica, sans-serif;
			font-size: 17px;
			text-decoration: none;
		}

			#menuleiste ul li a:hover {
				color: #FF9900;
			}
			
			#menuleiste li a.current, #menuleiste li a.section, #menuleiste li a.current span, #menuleiste li a.section span {
				color: #FF9900;
			   }

    
#submenuPosition {
	width: 750px;
	text-align: right;
}

#submenus {
	
}

	#submenus ul {
		
	}

		#submenus ul li {
			list-style: none;
			float: left;
			margin-right: 15px;
		}

			#submenus ul li a {
				color: #fff;
				font-family: Verdana, Helvetica, sans-serif;
				font-size: 11px;
				text-decoration: none;
			}

			#submenus ul li a:hover {
				color: #FF9900;
			}

			#submenus li.current a, #submenus li.section a {
				color: #FF9900;
			}


#submenuTitle {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 32px;
	color: #FF9900;
	min-width: 100px;
}

#underlined {
	clear: both;
	float: right; 
	/*border-bottom: 1px solid #FFF;*/
	width: 530px;
	height: 63px;
	overflow: hidden;
}

#artHListPosition {
	float: left;
	padding-bottom: 20px;
}

#artHlistText {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	width: 490px;
	float: left;

}
	#artHlistText h2 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 19px;
		color: #fff;
		padding-bottom: 10px;
		font-weight: bold;
	}



#artHListImg {
	float: left;
	width: 217px;
	text-align: right;
	overflow: hidden;
}


#GastImg {
	float: left;
	width: 217px;
	text-align: right;
	overflow: hidden;
	padding-bottom: 10px;
}


#NewsList table, td, img, a {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	border: 0px;
	text-decoration: none;
}



#sound {
	width: 120px;
	float: right;
	margin-top: 50px;
}

a.boxlinks {
	margin-left: 1px;
}

#artHListPosition a.current {
	color: #ff9900;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
}

#artHListPosition a.link {
	color: #fff;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
}

#artHListPosition a.link:hover {
	color: #ff9900;
}

div.kidsBlock {
	width: 132px; height: 132px; margin-left: 23px;
}