/**
 * MBJ
 *
 *
 * @filesource /styles.css
 * @version    $Id: style.css 13 2011-03-24 10:59:59Z am $
 */
a:link  {
	color : #666666;
	text-decoration : none;
	cursor : pointer;
}

a:hover  {
	/*
	font-family : Verdana, Arial, Helvetica, sans-serif;
	*/
	color : #888888;

	}

a:active  {
	color : 888888;
}

a:visited  {
	color : 888888;
    text-decoration : none;
}

Body  {
	scrolling: yes;
	scrollbar-face-color : #D1D1D0;
	scrollbar-highlight-color : #dddddd;
	scrollbar-shadow-color : #bbbbbb;
	scrollbar-3dlight-color : #ffffff;
	scrollbar-arrow-color : #ffffff;
	scrollbar-track-color : #EDEDED;
	scrollbar-darkshadow-color : #222222;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9px;
	background-image: url(images/backgroundpic.jpg);
}

.H1  {
	font-size : 10pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : 333333;
	font-weight : bold;
	text-decoration : none;
	text-align : left;
	margin : 1 1 1 1;
}

H1  {
	font-size : 10pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : 333333;
	font-weight : bold;
	text-decoration : none;
	text-align : left;
	margin : 1 1 1 1;
}

H5  {
	font-size : 8pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : 333333;
	font-weight : bold;
	text-decoration : none;
	text-align : left;
	margin : 0 0 0 0;
}

.img  {

	margin : 6 6 6 6;
}

.tdpicmid  {	
background-position: center;
}

.small  {
	font-size : 7pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #333366;
	font-weight : normal;
	text-decoration : none;
	text-align : center;
	margin : 0% 0% 0% 0%;
}

.smallwhite  {
	font-size : 7pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-weight : normal;
	text-decoration : none;
	text-align : right;
	margin : 0% 0% 0% 0%;
}

.smallgrey  {
	font-size : 6pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #dddddd;
	font-weight : normal;
	text-decoration : none;
	text-align : right;
	margin : 0% 0% 0% 0%;
}

.small1  {
	font-size : 7pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #333366;
	font-weight : normal;
	text-decoration : none;
	text-align : left;
	margin : 0% 0% 0% 0%;
}

.H6  {
	font-size : 10pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	text-align : center;
	color : #333366;
}

.H4  {
	font-size : 8pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	font-weight : bold;
	color : #ffffff;
}

.H3  {
	font-size : 7pt;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	text-decoration : none;
	text-align : left;
	color : #444444;
}

p  
{	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #333333;
	text-decoration : none;
	line-height: 16px;
}

.p  
{	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #333333;
	text-decoration : none;
	line-height: 16px;
}

.gruen  
{
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #090;
	font-weight : bold;
	text-decoration : none;
	line-height: 16px;
}

ul  {	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #333333;
	text-decoration : none;
	line-height: 16px;
	margin-left : 20;
}

.white  {	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #ffffff;
	text-decoration : none;
}

.li  {
	font-size : 12px;
	font-family : Arial, Helvetica, sans-serif;
	color : #333333;
	text-decoration : none;
	margin : 0 0 0 5;
}

.formular  {

	border-color : #eeeeee;
	border-left-width : 1;
	border-right-width : 1;
	border-top-width : 1;
	border-bottom-width : 1;
	padding-left : 1;
	padding-top : 1;
	padding-right : 1;
	padding-bottom : 1;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : #333333;
	font-size : 8pt;
}

.td1  {	
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif;
	text-decoration : none;
	text-align : left;
	color : #444444;
	border-bottom-color : bbbbbb;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	padding-top: 10px; 
	padding-bottom: 10px; 
}

/* TeaserRollover mit Mouse-Over-Effekt */
.TeaserRollover 
{ 
position: relative; 
margin-bottom: 15px; 
}

/* off state */
.TeaserRollover .TeaserSmall 
{ 
position: relative; 
height: 25px; 
width: 223px;
background-image: url(images_de/teaserback_over.jpg); 
border-bottom: 0px solid #ffffff; 
clear: both; 
overflow: hidden; 
}                

.TeaserRollover1 .TeaserSmall1 
{ 
position: relative; 
height: 25px; 
width: 223px;
background-image: url(images_de/teaserback_over1.jpg); 
border-bottom: 0px solid #ffffff; 
clear: both; 
overflow: hidden; 
}  

.TeaserRollover .TeaserSmall .TeaserInfo 
{ 
float: left; 
width: 200px; 
padding: 4px 0px 0px 10px; 
color: #666666; 
font-size: 10px; 
font-weight: bold; 
text-transform: uppercase; 
margin-top: 3;
}                

.TeaserRollover .TeaserSmall .TeaserPic 
{ 
display: none; 
}                

.TeaserRollover .TeaserSmall .TeaserText 
{ 
float: left; 
width: 223px; 
padding: 4px 0px 0px 0px; 
} 

.TeaserRollover .TeaserSmall .TeaserText .Info 
{ 
display: none; 
}   

.TeaserRollover .TeaserSmall .TeaserText h3 
{ 
padding: 0; 
margin: 0; 
font-size: 12px; 
line-height: 16px; 
font-weight: bold; 
}   

.TeaserRollover .TeaserSmall .TeaserText p 
{ 
display: none; 
}

/* over state */
.TeaserRollover .TeaserBig 
{ 
position: relative; 
height: 78px; 
width: 223px;
background-image: url(images_de/teaserback.jpg); 
border-bottom: 1px solid #bbbbbb; 
clear: both; 
overflow: hidden; 
}                

.TeaserRollover .TeaserBig .TeaserInfo 
{ 
padding: 4px 0px 0px 7px; 
color: #000000; 
font-size: 10px; 
font-weight: bold; 
text-transform: uppercase; 
margin-top: 3;
}                

.TeaserRollover .TeaserBig .TeaserPic 
{ 
 float: left;
 padding: 0px 5px 0px 0px;
}                

.TeaserRollover .TeaserBig .TeaserText 
{ 

padding: 2px 10px 10px 7px; 
} 

.TeaserRollover .TeaserBig .TeaserText .Info 
{ 
color: #cc0033; 
font-size: 11px; 
text-transform: uppercase; 
}   

.TeaserRollover .TeaserBig .TeaserText h3 
{ 
padding: 0; 
margin: 0; 
font-size: 14px; 
line-height: 8px; 
font-weight: bold; 
}   

.TeaserRollover .TeaserBig .TeaserText p 
{ 
}

.LeftColumn .TeaserText a,
.LeftColumn .TeaserText a:active,
.LeftColumn .TeaserText a:link,
.LeftColumn .TeaserText a:visited,

.LeftColumn .TeaserText a:hover 
{ 
color: #333333; 
}

.TeaserPic img 
{ 
margin: auto; 
}
