@charset "utf-8";

/* Autor: Cornelia Krause */

*	{
margin: 0;
padding: 0;
	}

body {
	background: #fff url(../images/bgidx.jpg) repeat;
	border:none;
	color: #666;
	font-size: small; 
	font-family: Georgia, Times New Roman, Times, serif;
	text-align: center;
	width: auto;
	}
*	html body {
	font-size: x-small; /* für IE5 Win */
	f\ont-size: small;  /* für andere IE Versionen */
	}


h1 	{
	color:#FF6600;
	}
	
h2	{
	color: #b4c91a;
	}
	
h2, h3, p	{
	padding-bottom: 1em;
	}
	
p.dark	{
	color:#03062c;
	}
	
p.ref {
/*	text-align:right; */
	padding: 0 0 5px 0;
	}
		
h3	{
	color:#70c4f3;
	}

h4	{
	color:#fe940b;
	padding-bottom:10px;
	}
	
/* ----------------------------------------------------------------------------- Seitendefinition */

#mainWrapper	{
	background: #fff url(../images/bg_colour.png) no-repeat center 25px;
	margin: 0 auto;
	padding: 10px 50px;
	text-align: left;
	width: 880px;
	}
/* ----------------------------------------------------------------------------- Navi Sprachen  */
#menu	{
	background: #fff;
	margin:0 auto;
	padding:0; /* Rand versetzt die Deko um ein paar Pixel nach unten, weils besser aussieht */
	height: 25px;
	width:880px;
	}
#menu ul	{
	border-bottom:#CCC thin solid;
	list-style:none;
	margin:0;
	padding:0;
	width:880px; /* verhindert, dass IE/Mac die Box breiter darstellt */
	}
	
#menu li	{
	float:right;
	list-style:none;
 	-moz-user-select: none;
	-khtml-user-select: none; 
	}
	
#menu li a	{
	color: #03062c;
 	display:block; 
	font: x-small Georgia, serif;
	height:24px;
	padding:0 0 0 20px;
	text-decoration:none;
	}
	
#menu ul a:hover	{
	color: #990033;
	text-decoration:none;
	}
	
/* ----------------------------------------------------------------------------- Header-Bereich */	

#header	{
	margin-top: 30px;
	padding: 0;
	}

h1	{
	background: url(../images/hd_logo.gif) no-repeat; /* Überschrift ersetzt */
	height: 143px;
	margin: 0;
	padding: 0 0 50px 0;
	text-align:center;
	text-indent: -9000px;
	width: 381px;
	}
	
h1 a	{
	background: url(../images/hd_logo.gif) no-repeat;
	display:block;
	height: 143px;
	}
		
#zusatz {
	background-color:#fff;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	}
	
#txt {
	float:left;
	list-style:none;
	margin-bottom: 2em;
	margin-top: 1em;
	padding: 0 10px 0 0;
	}
/* ------------------------------------------------------------------------ Player  im header   */	
#player {
	border:none;
	float:right;
	list-style:none;
	margin-bottom: 2em;
	margin-top: 1em;
	padding: 0 0 0 10px;
	}
	
/* ----------------------------------------------------------------------------- Hauptnavigation */
.TabbedPanels {
	background: #fff url(../images/btn_glossy.png) repeat-x top left; 
	float:left;
	list-style:none;
	margin: 0;
	padding: 0;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
 	position: relative;  
	background: #ccc url(../images/btn_glossy.png) repeat-x top left; 
 	border-left:1px solid #FFF; 
	border-right:1px solid #999;
	color:#03062c;
	cursor: pointer;
	font: small Georgia, serif;
	float: left;
	list-style: none;
	margin:0;
	padding: 10px 36px;
	text-decoration:none;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.TabbedPanelsTabHover, .TabbedPanelsTabSelected, .TabbedPanelsTab a {
	color: #990033;
	text-decoration:none;
}

/* ---------------------------------------------------------------- allgemeiner Inhalt beginnt */
.TabbedPanelsContentGroup {
	border-bottom: solid 1px #CCC;
	background: #fff url(../images/bg_ct.gif) repeat top;
	clear:none;
	float:left;
	width:100%;
}

.TabbedPanelsContent {
	background-color: #fff;
	margin:0;
 	padding-right:10px;
	padding-left:10px;  
} 

.TabbedPanelsContent a	{
	color:#03062c;
	font: small Georgia, serif;
	text-decoration:none;
	}
	
.TabbedPanelsContent a:hover	{
	color: #990033;
	text-decoration:none;
	}

.TabbedPanelsContentVisible {
}


/* ----------------------------------------------------------------------------- home beginnt */
.txt70prozent	{
	float:left;
	margin: 0;
	padding: 25px 20px 0 0;
	width:586px;
	}
	
.txt70prozent.rcontent	{  /* references */
	float:right;
	margin: 0;
	padding: 25px 0 0 20px;
	width:586px;
	}
	
.txt70prozent p {
	text-align:justify;
	}
	
#shop  {                  /* merchandise */
	float:left;
	margin: 0;
	padding: 25px 0 10px 0;
	}

#shop iframe  {	
	border-left: #70c4f3 1px solid;
	border-right: #70c4f3 1px solid;
	height: 1120px;
	width: 598px;
	}
	
.ad30prozent	{
	float:right;
	margin: 0 0 0 10px;
	padding: 25px 0 0 0;
	width:244px;
	}
	
.ad30prozent.lcolumn	{ /* references */
	float:left;
	margin: 0 10px 0 0;
	padding: 25px 0 0 0;
	width:244px;
	}
	
.ad30prozent .advert {
	background-color:#FFF;
	border: 2px solid #CCC;
	padding: 0 10px;
	margin-bottom:10px;
	width:220px;
	}
	
.ad30prozent .advert.img {
	background-color:#fff;
	height:45px;
	margin:0;
	padding:0;
	width:160px;
	}
	
/* ----------------------------------------------------------------------------- news */	
#news	{
	float:left;
	padding: 10px 0;
	text-align:left;
	width:100%;
	}
	
#news dl	{
 	background: url(../images/divider2.png) top center no-repeat;    
	display:inline; /*fixt den Bug der Randverdoppelung im IE */
	float:left;
	margin: 0 0 10px 0;
	padding-top:55px;
	width:586px;	
	}
	
#news dt	{
	float:right;
	margin: 0;
	padding:0;
	width:390px;
	}
	
#news dd	{
	color: #666;
	font: small Georgia, serif;
	margin: 0 0 0 196px;
	padding:0;
	}
	
#news dl dd.date	{
	float:left;
	margin: 0 20px 0 0;
	}

/* ----------------------------------------------------------------------------- contact beginnt */	
#team	{
	float:left;
	padding: 10px 0;
	text-align:left;
	width:100%;
	}
	
#team dl	{
	background: url(../images/divider2.png) top center no-repeat;
	display:inline; /*fixt den Bug der Randverdoppelung im IE */
	float:left;
	margin: 0 0 10px 0;
	padding-top:55px;
	width:586px;	
	}
	
#team dl ul	{
 	padding-bottom:10px; 
	padding-left:20px;
	}
	
#team dt	{
	letter-spacing:1px;
	float:right;
	margin:0;
	padding:0;
	width:390px;
	}
	
#team dd	{
	color: #666;
	font: small Georgia, serif;
	line-height: 1.3em;
	margin: 0 0 0 196px;
	padding:0;
	}
	
#team dl dd.img	{
	margin:0;
	}
	
#team dd.img img	{
	background: #fff;
	border: 1px solid #333;
	border-left-color: #999;
	border-top-color: #999;
	float:left;
	margin: 0 8px 0 0;
	padding:4px;
	}
	
/* umgekehrter float */
#team .alt dt	{
	float: left;
	}
	
#team .alt dd	{
	margin: 0 196px 0 0;
	}
	
#team .alt dd.img img	{
	float: right;
	margin: 0 0 0 8px;
	}

/* ----------------------------------------------------------------------------- references */
	
#showcase	{
	float:right;
	padding: 10px 0;
	text-align:left;
	width:100%;
	}
	
#showcase dl	{
	background: url(../images/divider2.png) top no-repeat;
	display:inline; /*fixt den Bug der Randverdoppelung im IE */
	float:left;
	margin: 0;
	padding-top:55px;
	width:100%;	
	}
	
#showcase dl ul	{
 	padding-bottom:10px; 
	padding-left:10px;
	}
	
#showcase dt	{
	letter-spacing:1px;
	float:right;
	margin:0;
	padding:0;
	width:440px;
	}
	
#showcase dd	{
	color: #666;
	font: small Georgia, serif;
	line-height: 1.3em;
	margin: 0 0 0 143px;
	padding:0;
	}
	
#showcase dl dd.pic	{
	margin:0;
	}
	
#showcase dd.pic img	{
	background: #fff;
	border: 1px solid #333;
	border-left-color: #999;
	border-top-color: #999;
	float:left;
	margin: 0 10px 0 0;
	padding:4px;
	}
	
/* umgekehrter float */
#showcase .alt dt	{
	float: left;
	}
	
#showcase .alt dd	{
	margin: 0 143px 0 0;
	}
	
#showcase .alt dd.pic img	{
	float: right;
	margin: 0 0 0 10px;
	}
/* ----------------------------------------------------------------------------- footer */

#footer	{
	clear:both;
	display:block;
	float:left;
	margin:0;
	padding:0;
	width: 880px;
	}
	
#infoline {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
	width:100%;
	}
	
#infoline p {
	font: xx-small Georgia serif;
	}
	
#infoline a {
	color: #03062c;
	text-decoration:none;
	font: xx-small Georgia serif;
	}
	
#infoline a:hover {
	color:#990033;
	}
	
#upd {
	float:right;
	list-style:none;
	margin: 0;
	padding: 5px 1em 0 10px;
	}
	
#design {
	float:left;
	list-style:none;
	margin: 0;
	padding: 5px 10px 0 1em;
	}
/* ----------------------------------------------------------------------------- allgemeine Klassen */
	
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
    }

/* ------------------------------------------------------- cleared die folgenden floats automatisch */	
#menu ul:after,
#zusatz ul:after,
#team dl:after 
	{ /* alle Browser, die :after unterstützen */
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
	}
/* -------------------------------------------------- IE Hacks stehen in ../CSS/ie_hacks.css */