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

*					{
					padding: 0;
					margin: 0;
					color: #fff;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 12px;
					line-height: 18px;
					}
					
img					{
					border: 0;
					}
					
h2					{
					font-size: 14px;
					color: #cc262b;
					}
					
ul					{
					margin: 15px 0;
					padding-left: 16px;
					}
					
li					{
					padding-left: 10px;
					}

html				{
					height: 97%;
					}

body				{
					height: 100%;
					background: url(../images/body_bg.jpg) 0px 116px no-repeat; 
					background-color: #353334;
					}
					
a, a:hover			{
					outline: none;
					color: #fff;
					text-decoration: underline;
					}
					
.clear				{
					clear: both;
					height: 1px;
					font-size: 1%;
					}
					
.page				{
					position: relative;
					width: 810px;
					min-height: 100%;
					height: auto;
					background: url(../images/teaser_textilesvertrauen.jpg) bottom left no-repeat;
					}
					
.headarea			{
					height: 57px;
					}
					

.leftframe			{
					width: 176px; 
					float: left;
					}
					
.bagira-logo		{
					margin-bottom: 18px;
					}
					
.menu				{
					padding-left: 16px;
					}
/* Deutsch */
				
#mp1				{
					display: block;
					width: 160px;
					height: 15px;
					background: url(../images/menu_mp1.gif) top left no-repeat;
					}
					
#mp2				{
					display: block;
					width: 160px;
					height: 21px;
					background: url(../images/menu_mp2.gif) top left no-repeat;
					}
					
#mp3				{
					display: block;
					width: 160px;
					height: 19px;
					background: url(../images/menu_mp3.gif) top left no-repeat;
					}
					
#mp4				{
					display: block;
					width: 160px;
					height: 19px;
					background: url(../images/menu_mp4.gif) top left no-repeat;
					}
					
#mp5				{
					display: block;
					width: 160px;
					height: 22px;
					background: url(../images/menu_mp5.gif) top left no-repeat;
					}
					
#startseite #mp1, #mp1:hover{
					background: url(../images/menu_mp1_on.gif) top left no-repeat;
					}
					
#unternehmen #mp2, #mp2:hover{
					background: url(../images/menu_mp2_on.gif) top left no-repeat;
					}
					
#produkte #mp3, #mp3:hover{
					background: url(../images/menu_mp3_on.gif) top left no-repeat;
					}
					
#kontakt #mp4, #mp4:hover{
					background: url(../images/menu_mp4_on.gif) top left no-repeat;
					}
					
#impressum #mp5, #mp5:hover{
					background: url(../images/menu_mp5_on.gif) top left no-repeat;
					}	
/* ENGLISCH */

#en_mp1				{
					display: block;
					width: 160px;
					height: 17px;
					background: url(../images/en_menu_mp1.gif) top left no-repeat;
					}
					
#en_mp2				{
					display: block;
					width: 160px;
					height: 21px;
					background: url(../images/en_menu_mp2.gif) top left no-repeat;
					}
					
#en_mp3				{
					display: block;
					width: 160px;
					height: 17px;
					background: url(../images/en_menu_mp3.gif) top left no-repeat;
					}
					
#en_mp4				{
					display: block;
					width: 160px;
					height: 20px;
					background: url(../images/en_menu_mp4.gif) top left no-repeat;
					}
					
#en_mp5				{
					display: block;
					width: 160px;
					height: 22px;
					background: url(../images/en_menu_mp5.gif) top left no-repeat;
					}
					
#startseite #en_mp1, #en_mp1:hover{
					background: url(../images/en_menu_mp1_on.gif) top left no-repeat;
					}
					
#unternehmen #en_mp2, #en_mp2:hover{
					background: url(../images/en_menu_mp2_on.gif) top left no-repeat;
					}
					
#produkte #en_mp3, #en_mp3:hover{
					background: url(../images/en_menu_mp3_on.gif) top left no-repeat;
					}
					
#kontakt #en_mp4, #en_mp4:hover{
					background: url(../images/en_menu_mp4_on.gif) top left no-repeat;
					}
					
#impressum #en_mp5, #en_mp5:hover{
					background: url(../images/en_menu_mp5_on.gif) top left no-repeat;
					}

/* FRANZÖSISCH */

#fr_mp1				{
					display: block;
					width: 160px;
					height: 16px;
					background: url(../images/fr_menu_mp1.gif) top left no-repeat;
					}
					
#fr_mp2				{
					display: block;
					width: 160px;
					height: 21px;
					background: url(../images/fr_menu_mp2.gif) top left no-repeat;
					}
					
#fr_mp3				{
					display: block;
					width: 160px;
					height: 18px;
					background: url(../images/fr_menu_mp3.gif) top left no-repeat;
					}
					
#fr_mp4				{
					display: block;
					width: 160px;
					height: 20px;
					background: url(../images/fr_menu_mp4.gif) top left no-repeat;
					}
					
#fr_mp5				{
					display: block;
					width: 160px;
					height: 20px;
					background: url(../images/fr_menu_mp5.gif) top left no-repeat;
					}
					
#startseite #fr_mp1, #fr_mp1:hover{
					background: url(../images/fr_menu_mp1_on.gif) top left no-repeat;
					}
					
#unternehmen #fr_mp2, #fr_mp2:hover{
					background: url(../images/fr_menu_mp2_on.gif) top left no-repeat;
					}
					
#produkte #fr_mp3, #fr_mp3:hover{
					background: url(../images/fr_menu_mp3_on.gif) top left no-repeat;
					}
					
#kontakt #fr_mp4, #fr_mp4:hover{
					background: url(../images/fr_menu_mp4_on.gif) top left no-repeat;
					}
					
#impressum #fr_mp5, #fr_mp5:hover{
					background: url(../images/fr_menu_mp5_on.gif) top left no-repeat;
					}

/* Russisch */
		
#ru_mp1				{
					display: block;
					width: 160px;
					height: 22px;
					background: url(../images/ru_menu_mp1.gif) top left no-repeat;
					}
					
#ru_mp2				{
					display: block;
					width: 160px;
					height: 22px;
					background: url(../images/ru_menu_mp2.gif) top left no-repeat;
					}
					
#ru_mp3				{
					display: block;
					width: 160px;
					height: 22px;
					background: url(../images/ru_menu_mp3.gif) top left no-repeat;
					}
					
#ru_mp4				{
					display: block;
					width: 160px;
					height: 22px;
					background: url(../images/ru_menu_mp4.gif) top left no-repeat;
					}
					
#ru_mp5				{
					display: block;
					width: 160px;
					height: 22px;
					background: url(../images/ru_menu_mp5.gif) top left no-repeat;
					}
					
#startseite #ru_mp1, #ru_mp1:hover{
					background: url(../images/ru_menu_mp1_on.gif) top left no-repeat;
					}
					
#unternehmen #ru_mp2, #ru_mp2:hover{
					background: url(../images/ru_menu_mp2_on.gif) top left no-repeat;
					}
					
#produkte #ru_mp3, #ru_mp3:hover{
					background: url(../images/ru_menu_mp3_on.gif) top left no-repeat;
					}
					
#kontakt #ru_mp4, #ru_mp4:hover{
					background: url(../images/ru_menu_mp4_on.gif) top left no-repeat;
					}
					
#impressum #ru_mp5, #ru_mp5:hover{
					background: url(../images/ru_menu_mp5_on.gif) top left no-repeat;
					}					
									
.menu-teaser		{
					padding: 35px 0 0 12px;
					}
					
.contentarea		{
					width: 518px; 
					margin: 120px 0 150px 17px; 
					float: left;
					}
					
h3					{
					color: #CC262B;
					}
					
.pic				{
					float: left;
					width: 201px;
					height: 265px;
					margin: 0 20px 20px 0;
					}
					
.flags				{
					position: absolute;
					top: 25px;
					left: 840px;
					white-space: nowrap;
					}
					
.flags a img 		{
					margin: 0 10px 0 0;	
					}
					
.preloadpic			{
					display: none;
					}