/***************************************************************
*
*  StyleSheet: Boston Tea Campaign Skin_1 W3C-Definitions
*
*  Copyright notice
*
*  (c) 2004-2006 Boston Tea Campaign, Ingo Buse
*  All rights reserved
*
***************************************************************/

/***************************************************************
*	Imports
***************************************************************/
@import url(shop.css);
@import url(messages.css);
@import url(guestbook.css);
/***************************************************************
*	Base Layout
***************************************************************/
body {
	padding: 	0;
	margin: 	0;
	background-color:	#CCCCCC;
	
	font: normal 100.01% Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

/* Layout Container */
div#Layout {
	position:		relative;
	display:		block;
	width:			798px;
	
	padding: 		0;
	margin: 		0;
	margin-top:		1em;
	margin-left: 	auto;
	margin-right:	auto;
	
	text-align:		left;
	font-size:		9pt;

}

div#Head {
	position:			relative;
	display:			block;
	width:				798px;
	height:				90px;
	
	background-image:	url(../../images/layout/btc_798x90.jpg);
}

div#TopmenuContainer {
	position:			relative;
	display:			block;
	background-color:	#999999;

	width:				798px;
	height:				20px;
}

	ul#Topmenu {
		position:		absolute;
		display:		block;
		margin:			0;
		padding:		0;
		
		text-align:		center;
		margin-left:	5px;
		
		font-size:		0.9em;
		z-index:		999;
		
		width:			680px;
		background-color:	#999999;
	}
		ul#Topmenu li {
			float: 				left;
			list-style: 		none;
			margin:				0;
			padding:			0;
			margin-right:		0.5em;
			text-transform:		uppercase;
			height: 			20px;
			vertical-align:		middle;
		}
			ul#Topmenu li a {
				display:			block;
				line-height:		20px;
				text-decoration: 	none;
				color:				#FFFFFF;
				font-weight:		900;
			}
			ul#Topmenu li a:hover, ul#Topmenu li a:active, ul#Topmenu li.selected a {
				color:				#CCCC33;
			}
			ul#Topmenu li a:hover b.strich, ul#Topmenu li a:active b.strich, ul#Topmenu li.selected a b.strich {
				color: 				#990000;
			}

	ul#Topmenu2 {
		position:		absolute;
		top:			0;
		right:			0;
		margin:			0;
		padding:		0;
		text-align:		center;
		margin-left:	5px;
		
		font-size:		0.9em;
		z-index:		1000;
	}
		ul#Topmenu2 li {
			float: 			left;
			list-style: 	none;
			margin:			0;
			padding:		0;
			margin-right:	0.5em;
			text-transform:	uppercase;
			height: 		20px;
			vertical-align:	middle;
		}
			ul#Topmenu2 li a {
				display:			block;
				line-height:		20px;
				text-decoration: 	none;
				color:				#990000;
				font-weight:		900;
			}
			ul#Topmenu2 li a:hover, ul#Topmenu li a:active {
				color:				#CCCC33;
			}
			ul#Topmenu2 li a:hover b.strich, ul#Topmenu li a:active b.strich {
				color: #990000;
			}

div#ContentContainer {
	position:			relative;
	display:			block;
	background-color:	#FFFFFF;

	width:				798px;
	height:				auto;
	
	margin:			0;
	padding:		0;
	
	padding-top:	20px;
	padding-bottom:	20px;
	
	font-size:		9pt;
	clear:			both;
	
	overflow:		auto;
}
	.IndexContainer {
		background-color:	#999999 !important;
		padding: 0 !important;
	}


div#ContentContainer * {
	font-size:		9pt;
}
div#ContentContainer a {
	color:			#000000;
}
	div#SidemenuContainer {
		float:		left;
		position:	relative;
		display:	block;
		width:		160px;
		border-right:	1px solid #a5a5a5;
		border-collapse:collapse;
		margin:0;
	}
		ul#Sidemenu {
			margin:			0;
			margin-left:	0.5em;
			padding:		0;
			font-size:		0.9em;
			font-weight:	500;
		}
			ul#Sidemenu li {
				margin:			0;
				margin-bottom:	0.6em;
				padding:		0;
				list-style:		none;
/*				text-transform: uppercase; */
				color:			#757575;
			}
				ul#Sidemenu li a {
					margin:			0;
					padding:		0;
					text-decoration:none;
					color:			#757575;
				}
				ul#Sidemenu li a:hover, ul#Sidemenu li a:active, ul#Sidemenu li.selected a {
					color:			#336633;
				}
		
				ul#Sidemenu_Anchors {
					margin:			0;
					margin-left:	1.5em;
					margin-top:		0.6em;
					padding:		0;
					font-size:		0.9em;
					font-weight:	500;
				}
					ul#Sidemenu_Anchors li {
						margin:			0;
						margin-bottom:	0.1em;
						padding:		0;
						list-style:		square;
						/* text-transform: uppercase; */
						color:			#757575;
					}

	div#Content {
		border: 		1px solid white;
		position:		relative;
		display:		block;
		margin:			0;
		margin-left: 	160px;
		border-left:	1px solid #a5a5a5;
	}

	* html div#Content {  /* nur fuer Internet Explorer */
		/*margin-left: 	159px;*/
	}
	
	div#ContentSingle {
		border: 		1px solid white;
		position:		relative;
		display:		block;
		margin:			0;
		margin-left: 	10px;
		margin-right: 	10px;
	}
		div#ContentBorder {
			position:			relative;
			display:			block;
			margin:				0;
			margin-left:		1em;
			margin-right:		1em;
		}
	
div#FootmenuContainer {
	position:			relative;
	display:			block;
	background-color:	#999999;
	width:				798px;
	height:				20px;
	clear:				both;
}
	ul#Footmenu {
		margin:			0;
		padding:		0;
		text-align:		center;
		margin-left:	5px;
		font-size:		0.8em;
		float: 			right;
	}
		ul#Footmenu li {
			float: 			left;
			list-style: 	none;
			margin:			0;
			padding:		0;
			margin-right:	0.5em;
			text-transform:	uppercase;
			height: 		20px;
			vertical-align:	middle;
		}
			ul#Footmenu li a {
				display:			block;
				line-height:		20px;
				text-decoration: 	none;
				color:				#FFFFFF;
				font-weight:		900;
			}
			
			ul#Footmenu li a:hover, ul#Footmenu li a:active, ul#Footmenu li.selected a {
				color:	#CCCC33;
			}
			ul#Footmenu li a:hover b.strich, ul#Footmenu li a:active b.strich, ul#Footmenu li.selected a b.strich {
				color: 	#990000;
			}
			
div#Footer {
	clear:			both;
	position:		relative;
	display:		block;
	margin:			0;
	margin-top:	 	0.5em;
	margin-bottom:	1em;
	padding:		0;
	color:			#757575;
	width:			798px;
	text-align:		center;
	text-transform: uppercase;
	font-weight:	500;
}

.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}

/*
**	Styles für Überschriften
*/

/* Allgemeine Styles die für ALLE Überschriften gleich sind, z.B. Farbe und Rahmen */
div#Content h1, div#Content h2, div#Content h3, div#Content h4, div#Content h5, div#Content h6 {
	margin:			0;
	margin-bottom:	0.5em;
	padding:		0;
}

div#Content h1 {
	font-size:		18pt;
}
div#Content h2 {
	font-size:		17pt;
}
div#Content h3 {
	font-size:		16pt;
}
div#Content h4 {
	font-size:		15pt;
}
div#Content h5 {
	font-size:		14pt;
}
div#Content  h6 {
	font-size:		13pt;
}

div.Paragraph h1 {
	font-size:		14pt !important;
}
div.Paragraph h2 {
	font-size:		13pt !important;
}
div.Paragraph h3 {
	font-size:		12pt !important;
}
div.Paragraph h4 {
	font-size:		11pt !important;
}
div.Paragraph h5 {
	font-size:		10pt !important;
}
div.Paragraph h6 {
	font-size:		9pt !important;
}
div.Paragraph p {
	margin: 0;
}