@charset "utf-8";

body
{	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0;
	margin: 0px 0px 0px 0px;
	background-color: #000000;
}


#teammain {

	width: 955px;
	height: 2200px;
	position: absolute;
	/*margin-top: -10px;*/
	margin-left: -472px; /*das ist die hälfte der breite... nur im minusbereich*/
	left: 50%;
	background-color:#000066;
	background-image:url(../Grafik/Zubehoer/main_bg.jpg);
	background-repeat:no-repeat;

}

#kontaktmain {
	width: 953px;
	height: 2430px;
	position: absolute;
	/*margin-top: -10px;*/
	margin-left: -472px; /*das ist die hälfte der breite... nur im minusbereich*/
	left: 50%;
	background-color:#000066;
	background-image:url(../Grafik/Zubehoer/main_bg.jpg);
	background-repeat:no-repeat;

}

#main {
	width: 950px;
	height: 1559px;
	position: absolute;
	/*margin-top: -10px;*/
	margin-left: -472px; /*das ist die hälfte der breite... nur im minusbereich*/
	left: 50%;
	background-color:#000066;
	background-image:url(../Grafik/Zubehoer/main_bg.jpg);
	background-repeat:no-repeat;

}

#headline {
	position: absolute;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 3px 0px 0px 15px;
	color:#FFFFFF;
	top: 174px;
	width: 955px;
	height: 35px;

}
#bgal{
	position: absolute;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 0px 0px 15px;
	color:#FFFFFF;
	top: 174px;
	left: 830px;
	height: 35px;

}

a:link, a:visited, a:hover {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration:none;

}

#collage{
	position: absolute;
	margin-top:210px;
	margin-left: -477px; /*das ist die hälfte der breite... nur im minusbereich*/
	left: 50%;
	z-index:18;

}

#logo {
	position: absolute;
	top: 29px;
	left:414px;
	width: 124px;
	height: 106px;
	background-color:#00FF00;

}

#menu{
	position:absolute;
	width: auto;
	left: 4px;
	top: 71px;
	float: left;
	z-index:20;
}


#content {
	font: 12px Arial;
	line-height: 20px;
	position: absolute;
	color: #FFFFFF;
	top: 582px;
	z-index:19;

}

#spalte1 {

	width:400px;
	float:left;
	padding: 10px 7px 0px 15px;

}
#spalte2 {

	width:490px;
	float:left;
	padding: 10px 7px 0px 8px;
}

/* Styles für das JS-Menü */

.mlddm
{	visibility: hidden;
	margin: 0;
	padding: 0;
	background: transparent;
	height: 28px;}

	.mlddm li
	{	
		width: auto;
		display: inline;
		list-style: none;
		margin-left: 20px;
		padding: 0;
		float: left;
		font-weight: bold;
		font: 11px arial;}

	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		text-align: center;
		white-space: nowrap;
		color: #FFF;
		padding: 3px 10px;
		margin: 0;
		width: auto;
		font-weight: bold;
		text-decoration: none;
		background: transparent;
		}
		
		.mlddm li a.mmenu {
		
		letter-spacing: 0.075em;
		
		}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	color: #FFFFFF;
		font-weight: bold;
		background: transparent;}

		.mlddm ul
		{	z-index: 100;
			margin: 1px 0 0 0;
			padding: 0;
			visibility: hidden;
			position: absolute;
			clear: both;
			background: #000066 url(bg.jpg);}
		
		.mlddm ul li
		{	float: none;
			margin: 0px;
			padding: 0px;
		}

		.mlddm ul li a
		{	width: auto;
			margin-left: 0px;
			font-weight: normal;
			padding: 2px 12px;
			text-align: left;
			background: transparent;}
	

		.mlddm ul li a:hover
		{	color: #FFFFFF;
			font-weight: normal;
			padding: 2px 12px;
			background: #000099;
		}

		.mlddm .hsub
		{	background: no-repeat right url(arroww.gif);}

		.mlddm .hsub:hover
		{	background: #000099 no-repeat right url(arroww.gif);}


/* Special Styles */ 

img { display: block;}
a img { border: 0;}
.clear {clear: both; overflow: hidden; width: 1px; height: 1px; line-height: 1px; font-size: 1px;}
.block {display: block;}



.hdr
{	font:  1 Arial, Helvetica, sans-serif;
	margin: 0 0 0 20px;
	padding: 0;
	float: left;
	width: 200px;}

ul.samples
{	float: left;
	width: 200px;
	margin: 0 0 0 20px;
	padding: 0;}

	ul.samples li
	{	margin: 0 0 0 30px;
		padding: 0;}


.special
{	color: #6A8135;}

pre
{	background: #F1F8F1;
	border: 1px solid #9FAFB1;
	font: 12px Arial;}

pre code
{	display: block;
	padding: 10px;}

#copyright
{	border-top: 1px solid #2577B1;
	background: #ABC9DE;
	margin: 0px;
	padding: 10px;}

