/* CSS Document */
/*
 ********************************************** Allgemeine Styles ***********************************
*/
/* {
	margin:0; padding:0;
	font-size:100%;
}*/
html, body { height:100%; width:100%; margin:0; padding:0;}

a, a:link, a:visited {
	text-decoration:	none;
	color:				#565656;
	
}

a img {
	border:0;
}
			
body {
	background:	url(images/bg-schwarz.png) #000 no-repeat;
	font-family:		"Courier New", Courier, monospace, serif;
	font-size:			100.1%;
}
#flv_background {
	position:absolute; 
	top:0px;
	width: 928px;
	height: 358px;
	margin:	auto;
	z-index: 1;
}

h1 {
	width:				571px;/*597 - 13-13 (padding)*/
	height:				18px;
	font-size:			100%;
	color:				#fff;
	padding:			0px 13px 0px 13px;
	letter-spacing:		-0.025em;
	margin-bottom:		18px;
}

h2 {
	font-weight:		bold;
	font-size:			75%;
}


#videocontainer { 
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	z-index:0;
}

.link { 
	padding-top:		0.3em;
}

#bottomabstand {
	height:				20px;
	font-size:			0;
	line-height:		0;
}

#colorbg {
	background-repeat:	no-repeat;
	position:			absolute;
	z-index:			1;
}

#container {
	width:				965px;
	margin:				auto;
}

/*
 ********************************************** Menü ***********************************
*/
#menu {
	width:				774px;
	height:				44px;
	float:				left;
}

#menu ul {
	margin-left:		-20px;
}

#menu ul li {
	display:			inline;
	float:				left;
	color: 				#fff;
	font-weight:		bold;
	background-image:	url(images/trans.gif);
}

.stern {
	margin:				0;
	padding:			0;
	padding-top:		0px;
	cursor:				default;
}

#menu ul li a {
	color:				#fff;
	display:				block;
	height:				31px;
	padding-top:		0px;
	padding-left: 		20px;	
	padding-right: 	20px;	
	white-space: 		nowrap;
}

#menu ul.untermenu {
	display:				none;
	position:			absolute;
	z-index:				20;
	width:				271px;
	margin-left:		-30px;
}

#menu ul li ul.untermenu li div.boxtrenner  {
	margin:				0px;
	width:				215px;
}

#menu ul li ul.untermenu li.boxtrennerli  {
	padding:				0px 10px 0px 20px;
}

#menu ul li ul.untermenu li  {
	margin:				0px;
	border-left:		4px solid #fff;
	border-right:		4px solid #fff;	
	background-color:	#ddd;
}

#menu ul li ul.untermenu li.untermenutop {
	background:			url(images/nav-top.png) no-repeat;
	height:				16px;
	width:				271px;
	background-color: none;
	border:				none;
	font-size:			0;
	line-height:		0;
}

#menu ul li ul.untermenu li.untermenubottom {
	background:			url(images/nav-bottom.gif) no-repeat;
	height:				4px;
	width:				271px;
	background-color:	none;
	border:				none;
	font-size:			0;
	line-height:		0;
}


#menu ul li ul.untermenu li {
	float:				none;
	display:				block;
}

#menu ul li:hover ul.untermenu  {
	display:				block;
}


#menu ul li a:hover, #menu ul li a.active {
	color:				#000;
	white-space: 		nowrap;
}

#menu ul.untermenu a {
	font-weight: 		normal;
	color:				#000;
	font-size:			93%; /*15px*/
}

#menu ul.untermenu a:hover {
	font-weight:		bold;
	font-size:			100%; /*16px*/
}


#menubeginn, #menuende {
	height:				44px;
	width:				1px;
	float:				left;
}

/*  Icons rechts oben  */
#menuicons {
	width:				189px;
	float:				left;
	height:				31px;
	padding-top:		13px;
}

#menuicons a {
	width:				35px;
	font-size:			0px;
	line-height:		0;
	margin-right:		3px;
	background-repeat:	no-repeat;
	display:			block;
	height:				18px;
	float:				left;
}

#menuicons a span {
	display:			none;
}

#menucontainer {
	z-index:			2;
	position:			absolute;
	margin-top:			26px;
}

/*
 ********************************************** Content ***********************************
*/
#colorbg, #schriftrechts, #contenttop {
	z-index: 2;
}
#menucontainer {
	z-index: 3;
}
#content {
	top:				319px;
	position:			absolute;
	z-index:			5;
	width:				926px;
}
#content p {
	color:				#626262;
	font-size:			68%;
}

#content p a {
	font-weight:		bold;
	font-size:			100%;
	letter-spacing:		-0.025em;
}

#contenttop {
	background-image:	url(images/content-top.png);
	background-repeat:	no-repeat;
	width:				926px;
	height:				42px;
	position:			absolute;
	margin-top:			319px;
	z-index:			2;
}


.videocontent img {
	float:				left;
	
	
}

.videcontentbeschreibung {
	float:				left;
	width:				570px;
	margin-left:		13px;
	border: 				0px solid grey;
}

#inhaltscontainer {
	float:				left;
	
	
}

#inhalt { 
	border-left:		4px solid #fff;
	border-right:		4px solid #fff;
	width:				597px;
	background-color:	#ddd;
	margin-top:			42px;
	padding:			24px 18px 24px 18px;
}

#inhalt h2 {
	line-height:		135%;/*16px*/
	font-size:			87.5%;/*14px*/
}

#inhalt p {
	font-size:			75%;/*12px*/
	line-height:		130%;
	letter-spacing:		-0.015em;
}

#inhaltsbottom {
	background-image:	url(images/content-bottom.gif);	
	height:				4px;
	line-height:		0;
	font-size:			0;
	width:				641px;
}

/*
 ********************************************** Rechte Spalte Boxen ***********************************
*/

#box1content h2 {
	letter-spacing:		-0.010em;
}

#box1content p {
	letter-spacing:		-0.015em;
}

#box1 {
	float:				left;
	margin-left:		14px;
	margin-top:			15px;
}

#box1content {
	
	border-left:		4px solid #fff;
	border-right:		4px solid #fff;	
	width:				237px;
	background-color:	#ddd;
	padding:			10px 13px 10px 13px;
}

#schriftrechts {
	background-image:	url(images/schrift-rechts.png);
	width:				22px;
	height:				554px;
	position:			absolute;
	margin-left:		941px;/*943px max*/
	margin-top:			223px;
}


.box {
	float:				left;
	margin-left:		14px;
	margin-top:			5px;
}

.boxcontent {
	border-left:		4px solid #fff;
	border-right:		4px solid #fff;
	width:				237px;
	background:			#ddd;
	padding:			10px 13px 10px 13px;
}

.boximg {
	border-left:		4px solid #fff;
	border-right:		4px solid #fff;
	width:				263px;
	height:				145px;
	background:			#fff;
	font-size:			0;
	line-height:		0;
}

.boxhead {
	background-image:	url(images/box-top.gif);
	height:				4px;
	width:				271px;
	line-height:		0;
	font-size:			0;
}

.boxbottom {
	background-image:	url(images/box-bottom.gif);
	height:				4px;
	width:				271px;
	line-height:0;
	font-size:0;
}

.clearer {
	font-size:0;
	line-height:0;
	clear:both;
}

.boxtrenner {
	background:			url(images/box-trenner.gif) repeat-x #ddd;
	height:				5px;
	width:				100%;
	margin:				9px 0 9px 0;
	font-size:			0;
	line-height:		0;
}
.makelink {
	cursor:						pointer;
}

#content ul {
	font-family:		"Courier New", Courier, monospace, serif;
	color:				#626262;
	font-size:			73%;
}

#container #menucontainer #menu ul {
	margin-left: 20px;
	margin-top: 13px;
}
#topMenu {
	margin-left: -20px !important;
}
