@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
	margin: 0;
	padding: 0;
	font: 11px tahoma,arial;
/**	color: #5b5b5b;*/
	color: #000000;
	width: 100%;
	height: 100%;
}

html {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	}

td{	
	font: 11px tahoma,arial;
/**	color: #5b5b5b;*/
	color: #000000;
}



img {

	border: none;

	}


p {
	margin-top: 0px;
	margin-bottom: 0px;
	}



a{
	color: #e2001a;
	text-decoration: none;
}

hr{ 	
	border-top: 1px dotted #c2c3c3;
	border-bottom: none;
	border-left: none;
	border-right: none;
	height: 0px;
	margin: 20px 0px 20px 0px;
}

ul{
	margin: 0px;
	padding: 0px;
}

li{
	margin: 0px;
}

#footer{
	width: 999px;
	padding: 5px 0px 10px 0px;
	color: #fff;
	height: 10px;
	position: relative;
	float: right;
	text-align: center;
}

#footer a{
	color: #fff;
}


#print{
	visibility:hidden;
 	display:none;
}


/*****************************************************| Formular|***/

form{
	margin: 0px !IMPORTANT;
	padding: 0px !IMPORTANT;
}

input {
	padding: 1px 2px 1px 2px;
	border: 1px #c2c3c3 solid;
	background-color: #FFFFFF; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 110px;
	height: 13px;
	margin: 3px 30px 3px 15px;
}

.checkbox{
	width: 20px !IMPORTANT;
	margin:  3px 0px 3px 0px !IMPORTANT;
	border: 0px #c2c3c3 solid !IMPORTANT;
}

select {
	border: 1px #c2c3c3 solid;
	background-color: #FFFFFF; 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 116px;
	height: 17px;
	*height: 19px;
	margin: 3px 30px 3px 15px;

}

textarea {
	border: 1px #c2c3c3 solid;
	background-color: #FFFFFF; 
	width: 512px;
	*width: 512px;
	height: 78px;
	*height: 84px;
	padding: 2px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.hl{
	font-weight: bold;
/**	color: #a5a6a6;*/
	color: #000000;
	padding-bottom: 10px;
}

.black{
	color: #000000;

}
.red{
	font-weight: bold;
	color: #e2001a;
	padding-bottom: 10px;
	font-size: 12px;
}

.red-normal{
	color: #e2001a;	
	font-weight: normal;
}

/*****************************************************| Main|***/

#main{
	width: 999px;
	*width: 999px;
	_width: 999px;
	height: 614px;
	margin-top: 5px;
	margin-left: -499px;
	left: 50%;
	position: absolute;
	text-align: left;
	}

#logo{
	position: relative;
	float: left;
	width: 333px;
}	

/***************************************************| HAUPTNAVIGATION |***/	



#navi-top{
	float: left;
	position: relative;	
	margin: 62px 0px 0px 0px; 
	_margin: 64px 0px 0px 0px;
	width: 646px;
	padding-left: 20px;
	height: 17px;
	z-index: 100;
}

	#hauptnavi ul{
		list-style: none;
		padding: 0px;
		margin: 0px 0px 0px 0px;
		*margin: 0px 0px 0px 0px;
		}

		
		#hauptnavi li {
			float: left;
			position: relative;
			color: #fff;
			cursor: pointer;
			font-size: 12px;
			padding: 0px 29px 0px 0px;	
			margin: 0px;
			display: block;	


			}
			
			#hauptnavi li:hover {
				text-decoration: none;
				}
				
			#hauptnavi a {
				color: #fff;
				text-decoration: none;
				padding: 0px 0px 10px 0px;
display: block;

				}
			
			
						
	.dropdown {
		list-style: none;
		display: none;
		position: absolute;	
		top: 22px;
		left: 0px;
		margin: 0px;
		padding: 0px;
		background: url(/images/hg-dropdown.png);
		*background: url(/images/trans.gif);
		*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hg-dropdown.png', sizingMethod='scale');
		z-index: 100;

		}

		.dropdown li {
			float: none !IMPORTANT;
			position: relative;
			margin: 0px 0px 0px 0px!IMPORTANT;
			padding: 0px !IMPORTANT;
			font: 12px arial,tahoma  !IMPORTANT;
			font-weight: normal !IMPORTANT;	
			}
			.dropdown li a {
				display: block;
				text-decoration: none;
				padding: 4px 0px 4px 10px !IMPORTANT;
				width: 120px !IMPORTANT;
				color: #fff !IMPORTANT;
				}
				
			.dropdown li a:hover {
				color: #e2001a !IMPORTANT;
				}
	
	li:hover ul, li.over ul { /* lists nested under hovered list items */
		display: block;
		}



/*****************************************************| Bild|***/

#einleitungstext{
	color: #000000;
	padding: 20px;
	_padding: 20px;
	position: realtive;
	float: left;
	width: 293px;
	height: 465px;
	_height: 465px;
	z-index: 10;
	background-color: #fff;
}

#einleitungstext h1{
	font-weight: bold;
	font-size: 13px;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}

#ticker{
	position: absolute;
	bottom: 30px;
	left: 0px;
	width: 646px;
	overflow: hidden;
	padding: 10px 10px;
	font-size: 14px;
	text-align: center;
	background: url(/images/hg-weiss.png);
	*background: url(/images/trans.gif);
	*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/hg-weiss.png', sizingMethod='scale');
	z-index: 100;

}

#ticker a{
	color: #000000;
	text-decoration: none;

}

#head-img{
	position: relative;
	float: left;
	width: 333px;
	height: 505px;
	z-index: 1;
	overflow: hidden !IMPORTANT;
	}
				#imageContainer {
					overflow: hidden;


					}
					#imageContainer img {
						position: absolute;
						right: 0px;
						top: 0px;

						display:none;
						}
						#imageContainer noscript img {
							display: block;
							}
	


/*****************************************************| Content|***/

#content{
	position: relative;
	float: left;
	_margin-left: -1px;
	width: 666px;
	height: 505px;
	background-color: #fff;
	overflow:-moz-scrollbars-vertical;
	overflow-y:scroll;
	overflow-x:hidden;
	/*overflow:scroll;*/
}

h1{
	font: 18px arial, verdana;
	color: #000000;
	margin: 0px;
	font-weight: normal;
	/*height: 19px;*/
}


#print-hl{
	visibility:hidden;
 	display:none;
}


#herzstuecke{
	position: relative;
	float: right;
	visibility:hidden;
 	display:none;
}



#text{
	position: relative;
	float: left;

}

#text a:hover{
	text-decoration: underline;

}

#text ul{
	margin: 0px 0px 0px 10px;
	*margin: 0px 0px 0px 9px;
	padding: 0px;
}

#text li{
	margin: 0px;
	padding: 1px 0px 1px 0px;
	list-style-image:url(/images/li.gif);
	*list-style-image:url(/images/li-ie.gif);
}

table {
	border-collapse: collapse;
	clear: both;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 610px;
}


td{
	border-left: 1px dotted #b1b2b2;
	border-bottom: 1px dotted #b1b2b2;
	padding: 3px;

}


th {
	border: none;
	border-left: 1px solid #fff;
	padding: 2px 4px 2px 4px;
	background-color: #b1b2b2;
	color: #fff;
	text-transform:uppercase;
	font: 11px arial, verdana;
}

th a{
	color: #fff;
}

.tabelle table, .tabelle td{
	background-color: #fff !IMPORTANT;
	border: 0px !IMPORTANT;
	padding: 0px !IMPORTANT
}



/*****************************************************| Box|***/

#box{
	width: 140px; 
	position: relative;
	float: left;
	margin-bottom: 10px; 
}

#box .click{
	width: 140px; 
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
}

#bild{
	width: 140px; 
	height: 130px;
	position: relative;
	float: left;
	z-index: 1;
	overflow: hidden;
}

#bild img{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

h4{
	width: 130px; 
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	margin: 3px 0px 0px 10px;
	padding: 0px;
	position: relative;
	float: left;
	z-index: 1;
}

h3{
	max-width: 110px; 
	font-weight: bold;
	font-size: 11px;
	color: #000000;
	margin: 0px;
	padding: 0px 20px 0px 10px;
	background: url(/images/plus.gif) center right no-repeat;
	position: relative;
	float: left;
	z-index: 1;
}

/*****************************************************| Thumbs |***/

#thumbs{
      position: relative;
      float:left;
      border:0px;
      width:610px;
      margin-top: 20px;
    }

    #image{
      position: relative;
      float:left;
      width:107px;
      height:71px;
      overflow: hidden;
      z-index:1;
      margin :15px 13px 0px 0px;
      _margin :15px 13px 0px 0px;
      text-align: center;
      border: 2px solid #b1b2b2;
    }

    #inner{
      position: absolute;
      margin-left:  0px;
      *margin-left:  -53px;
      width:107px;
      height:71px;
      text-align: center;
    }