/* CSS Document */

body {
	color:#FFFFFF;
	background-color:#5B5B5B;
	text-align: center;
	margin:0px;
	padding:0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	}
h1 {
	text-align:left;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:14px;
	color:#ffffff;
	font-weight: 300;
	font-stretch:wider;
	padding:55px 0px 0px 77px;
}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}


#twBackground {
	width:128px;
	top:0px;
	left:0px;
	
	background-color:#5B5B5B;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 650px;
	}
body>#twBackground{width:1000px;}

#twProd1{
	position:absolute;
	width:150px;
	top:19px;
	left:13px;
	background-image:url(images/raster_01.jpg);

	z-index:5;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 590px;
	}	
/* I've heard */
body>#twProd1 {width:157px;}

#twProd2{
	position:absolute;
	width:383px;
	top:18px;
	left:170px;
	background-image:url(images/raster_02.jpg);

	z-index:8;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 30px;
	}	
	/* "be nice to Opera 5" rule. */
body>#twProd2 {width:647px;}

#twProd3{
	position:absolute;
	width:150px;
	top:18px;
	left:171px;
	background-image:url(images/raster_04.jpg);

	z-index:3;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 84px;
	}	
	/* "be nice to Opera 5" rule. */
body>#twProd3 {width:645px;}

#twProd4{
	position:absolute;
	width:150px;
	top:102px;
	left:170px;
	background-image:url(images/raster_05.jpg);

	z-index:2;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 383px;
	}	
body>#twProd4 {width:56px;}

#twProd5{
	position:absolute;
	width:150px;
	top:102px;
	left:408px;
	background-image:url(images/raster_06.jpg)

	z-index:3;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 410px;
	}	
body>#twProd5 {width:407px;}

#twProd6{
	position:absolute;
	width:391px;
	top:413px;
	left:277px;
	background-image:url(images/raster_07.jpg);

	z-index:3;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 30px;
	}	
body>#twProd6 {width:644px;}

#twProd7{
	position:absolute;
	width:150px;
	top:516px;
	left:170px;
	background-image:url(images/raster_08.jpg);

	z-index:3;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 95px;
	}	
body>#twProd7 {width:645px;}

#twProd8{
	position:absolute;
	width:150px;
	top:18px;
	left:816px;
	background-image:url(images/raster_03.jpg);

	z-index:3;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 591px;
	}	
body>#twProd8 {width:148px;}

#twProd9{
	position:absolute;
	width:150px;
	top:948px;
	left:0px;

	z-index:3;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 111px;
	}	
body>#twProd9 {width:71px;}

#twProd10{
	position:absolute;
	width:150px;
	top:1198px;
	left:334px;

	z-index:3;
	/* Here is the ugly brilliant hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	height: 98px;
	}	
body>#twProd10 {width:71px;}


/** Footer **/

#twProd6 .unten, #content .unten2 {
  font-family: arial, sans-serif;
  font-size: 11px;
  text-align:right;
  line-height:20px;
}

#twProd6 .unten a:link {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #a4a4a4;
	font-weight: regular;
	text-decoration:none;
}
#twProd6 .unten a:visited {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #a4a4a4;
	font-weight: regular;
	text-decoration:none;
}
#twProd6 .unten a:hover{
  font-family: verdana, sans-serif;
  font-size: 11px;
  font-weight: regular;
  color: #ffffff;
}


/** Mitte **/

#twProd5 .main, #content .main2 {
  font-family: arial, sans-serif;
  font-size: 11px;
  text-align:left;
  line-height:20px;
}

#twProd5 .main a:link {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #a4a4a4;
	font-weight: regular;
	text-decoration:none;
}
#twProd5 .main a:visited {
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #a4a4a4;
	font-weight: regular;
	text-decoration:none;
}
#twProd5 .main a:hover{
  font-family: verdana, sans-serif;
  font-size: 11px;
  font-weight: regular;
  color: #ffffff;
}
		
		






.bildlinks
{
float: left;
margin: 0 10px 10px 0;
/*padding: 10px;*/
}

.bildlinks2
{
float: left;
margin: 0 10px 10px 0;
/*padding: 10px;*/
}

/*.bildrechts
{
float: right;
margin: 0px 50px 0px 0px;
padding: 0px;

}*/
a.links11px_bold:link 			{font-size: 11px; text-decoration:none; color:#000000; font-weight: bold;}
a.links11px_bold:visited 		{font-size: 11px; text-decoration:none; color:#000000; font-weight: bold}
a.links11px_bold:active 		{font-size: 11px; text-decoration:none; color:#000000; font-weight: bold}
a.links11px_bold:hover 			{font-size: 11px; text-decoration:underline; color:#000000; font-weight: bold}

a.links11px_2:link 				{font-size: 11px; text-decoration:underline; color:#000000; font-weight: normal;}
a.links11px_2:visited 			{font-size: 11px; text-decoration:underline; color:#000000; font-weight: normal}
a.links11px_2:active 			{font-size: 11px; text-decoration:underline; color:#000000; font-weight: normal}
a.links11px_2:hover 			{font-size: 11px; text-decoration: none; color:#000000; font-weight: normal}

.text11px_normal				{font-size:11px;  color:#000000;}
.text11px_bold					{font-size:11px;  color:#000000; font-weight: bold;}
img								{display:block;} /*!!Wichtig!! Dieser Style greift bei allen Bildern in einer TD! */
.text12px_white					{font-size:12px;  color:#ffffff; font-weight: bold;}

hr 								{border:solid #fffff 1px; background-color:#9CA1B5; height:1px}


#textblock1 {
	float: left;
	width: 150px;
	padding: 0px 0px 5px 0px;
	
}
#textblock2 {
	margin-left: 150px;
	padding: 0px 0px 5px 0px;
}

.text11px_normal_blue			{font-size:11px;  color:#001848;}

.text12px_normal_black		{font-size:12px;  color:#000000;}
.text12px_bold_black			{font-size:12px;  color:#000000; font-weight: bold;}
a.links12px_bold:link 			{font-size: 12px; text-decoration:none; color:#000000; font-weight: bold;}
a.links12px_bold:visited 		{font-size: 12px; text-decoration:none; color:#000000; font-weight: bold}
a.links12px_bold:active 		{font-size: 12px; text-decoration:none; color:#000000; font-weight: bold}
a.links12px_bold:hover 			{font-size: 12px; text-decoration:underline; color:#000000; font-weight: bold}