/*CSS: allgemeine Tags
Verwendete Farben:
mittelblau:#85B2DE
hellblau:#CAE1F8
*/


#topBg {
	background-color: #3f4c6b;
	background-image: url(../images/backgrounds/bacspot_plates_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	position:absolute;
	width:100%;
	height:100px;
	z-index:1;
	top: 0px;
	left: 0;
	border: 1px #000000;
} 

#topLogo {
	background-image: url(../images/backgrounds/bacspot_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	height: 99px;
	width: 900px;
}



#colonyCounterRed {
	position:absolute;
	width:100%;
	height:55px;
	z-index:2;
	left: 0px;
	top: 45px;
	background-color: #660000;
	border: 1px none #000000;
	background-image: url(../images/backgrounds/rotVerlauf.jpg);
	background-position: left;
	background-repeat: repeat-x;
}
 
#colonyCounterBlue { background-color: black; position:absolute; width:100%; height:55px; z-index:2; left: 0; top: 45px; border: 1px #000000; } 


/*NAVIGATION..............................................................................................*/
#nav {
	padding-top: 25px;
	position: absolute;
	width: 200px;
	z-index: 3;
	left: 0;
	top: 140px;
	background-color: #3f4c6b;
	font-size: 4px;
}

#nav a {
	height: 24px;
	/*HACK ! */
	padding-top: 3px;
	width:200px;
	padding-left: 10px;
	/* EOF HACK ! */
	font-size: 16px;
	font-weight: bold;
	color: #ea7625;
	font-family: Arial, Helvetica, sans-serif;
	background-position: left 50%;
	background-repeat: no-repeat;
	text-decoration : none;
	display: block;
}
#nav a:visited {
	
}
#nav a:hover { color:#FFFFFF;/*background-image: url(../images/buttons/a_navLinks.gif);*/ }

#navImprSitemap {
	bottom: -27px;
	height: 27px;
	width: 200px;
	height: 24px;
	
}
#navImprSitemap a {
	padding-top: 0px;
	padding-left: 0px;
	text-decoration : none;
	display: inline;
}

#navImprSitemapSup {
	bottom: 0;
	height: 27px;
	width: 200px;
	height: 24px;
	z-index: 4;
}
#navImprSitemapSup a {
	padding-top: 0px;
	padding-left: 0px;
	border-top: 0px;
	border-top-style: none;
	border-bottom: 0px;
	border-bottom-style: none;
	text-decoration : none;
	display: inline;
}

.sample {
	border-width: 0px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #cccccc;
	background-color: white;
}
.sample th { color: navy; padding: 4px; background-color: #f9fcfd; height: 15px; border: solid 1px #cccccc; }
.sample td { color: #0a3255; font-size: 12px; font-family: Verdana; font-weight: normal; padding: 4px; background-color: #f9fcfd; text-decoration: none; border: solid 1px #cccccc;  }



































#navIndex { padding-top: 25px; position:absolute; width:100%; height: 350px; z-index:3; left: 0; top: 100px; background-color: #3f4c6b; background-repeat: no-repeat; background-position: 0 bottom; }

/*Hauptnavigation...............................................*/
#navImTextIndex { position: absolute; display: block; width: 95%; padding-left: 5%; padding-top: 1px; height: 20px;
	/*HACK*/
	margin-bottom : 50px; clear : left; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background-image: url(../images/div/menu_bar.jpg); background-repeat: repeat; top: 100px; z-index: 4; }
#navImTextIndex a { width:140px;    /*HACK ! */
	height: 25px; padding-left: 10px; padding-right: 10px; border-top: 0 none; border-bottom: 0 none;
	/* EOF HACK ! */
	font-size: 13px; font-weight: bold; color: #3d4965; font-family: Arial; font-style: normal; text-decoration : none; }
#navImTextIndex a:hover {
	background-color: #848ea5;
}
#navImTextIndex a:active {
	background-color: #8491a6;
	color: #fff;
}

#navImprSitemapIndex { position: absolute; bottom: 0; height: 27px; width: 170px; height: 24px; background: #3f4c6b no-repeat; top: 101px; z-index: 4; border-bottom: 1px solid #ccc; border-top-style: none; border-right-style: none; border-left-style: none; }
#navImprSitemapIndex a {
	padding-top: 0px;
	padding-left: 0px;
	border-top: 0px;
	border-top-style: none;
	border-bottom: 0px;
	border-bottom-style: none;
	text-decoration : none;
	display: inline;
}
/*TEXTBLOCK...................................................................................................*/
#textIndex1 {
	position:absolute;
	width:75%;
	height: 400px;
	z-index:6;
	left: 170px;
	top: 100px;
	background-color:#ffffff; /*#9F9DA0;*/
	border: 1px none #000000;
	background-image: url(../images/backgrounds/verlauf_streife.jpg);
	background-repeat: repeat-x;
	background-position: left 50%;
/*	background-image: url(../images/backgrounds/index_verlauf.jpg);*/
/*	background-repeat: repeat;*/
} 

#textIndex1-back { /*alte tuerkis-streife*/
	position:absolute;
	width:75%;
	height: 400px;
	z-index:6;
	left: 170px;
	top: 72px;
	background-color:#ffffff; /*#9F9DA0;*/
	border: 1px none #000000;
	background-image: url(../images/backgrounds/verlauf_streife.gif);
	background-repeat: repeat-x;
	background-position: left 50%;
/*	background-image: url(../images/backgrounds/index_verlauf.jpg);*/
/*	background-repeat: repeat;*/
} 

#textIndex2 { position:absolute; width:75%; z-index:4; left: 170px; top: 130px; background-color: #ffffff; background-image: url(../images/div/plate_flower.jpg); background-repeat: no-repeat; background-position: right top; border-style: none; outline: dashed 1px #939db3; }
#button {
	width:125px;
	height:40px;
	z-index:1;
    
}
#index_product_cell {
	word-spacing: normal;
	border: 0.3mm solid #999999;
	background-color: #B7BDC9;
}
index_prod_cell {
	background-color: #B7BDC9;
	border: 0.3mm solid #666666;
}
#index_product_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	background-color: #ffffff;
}
.readmore {
	/*background-image: url(../images/buttons/readmore1.jpg);
	background-repeat: no-repeat;
	background-position: left top; */
	
}
.readmore a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3C426D;
	font-weight: bold;
	text-decoration: none;
}


































/*Hauptnavigation...............................................*/
#navImText {
	display: block;
	width: 95%;
	padding-left: 5%;
	padding-top: 2px;
	height: 24px;
	/*HACK*/
	margin-bottom : 50px;
	clear : left;
	background-image: url(../images/backgrounds/bacspot_topmenue_bg.jpg);
	background-repeat: repeat;
	position: absolute;
	top: 97px;
	z-index: 4;
}

#navImText a {
	width:140px;    /*HACK ! */
	height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	border-top: 0 none;
	border-bottom: 0 none;
	/* EOF HACK ! */
	font-size: 16px;
	font-weight: bold;
	color: #3f4c6b;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#navImText a:hover {
	color: #ffffff;
}
#navImText a:active {
		color: #ffffff;
}
/*Markierung f?r aktive Seiten in der Hauptnavigation*/
.activeTop {
	color: #00ff00;
	background: #00ff00;
}
/*Markierung f?r aktive Seiten in der Seitennavigation*/
.active { color: #ffffff;/* background-image: url(../images/buttons/a_active.gif); background-position: left 50%; background-repeat: no-repeat; */}

/*EOF NAVIGATION........................................................................................*/


/*TEXTBLOCK...................................................................................................*/
#text {
	position:absolute;
	width:84%;
	z-index:3;
	left: 200px;
	top: 122px;
	background-color: #ffffff;
} 
#textInhalt { width: 84%; padding-top: 15px; padding-left: 5%; padding-right: 5%; border-style: none; outline-style: none; }

#button {
	width:125px;
	height:40px;
	z-index:1;
    
}
/*Fussteil mit Hinweis auf AID*/

#fussteil {
	color: #bbbbbb;
	padding-left: 5%;
	margin-top: 50px;
	margin-bottom: 50px;
	font-size: 9pt;
}
#fussteil a {
	font-weight: bold;
	color: #990000;
	text-decoration: none;
	font-size: 9.5pt;
}

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


/*EOF TEXTBLOCK...........................................................................................*/

/*reine Designelemente*/

#EckeLinks {
	position: static;
	float: left;
}
#EckeRechts {
	float: right;	
}
#EckeLinksUnten {
	bottom: 0px;
	position: absolute;
	left: 0px;
}
#EckeRechtsUnten {
	bottom: 0px;
	position: absolute;
	right: -1px;
}
#fussAbstand {
	position: absolute;
	bottom: -60px;
	color: #FFFFFF;
	right: 0px;
	width: 50px;
	height: 30px;
}
#logo {
	position:absolute; 
	width:75px; 
	height:36px; 
	z-index:5; 
	left: 42px; 
	top: 0px;
}
/*um das @ Bildchen und den Punkt nach unten auszurichten*/
.unten {
	vertical-align : bottom;
}


/*Classes von Dateien, die in der AID oder ELISPOt COM auftauchen
hier aufgef?hrt, damit man aus diesen Seiten die Distributoren, Referenzen
etc kopieren kann ohne nacheditieren zu m?ssen
*/

.normText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-align:left;
	color: #333333;
}
#textLink { 
	position:absolute;
	width:75%;
	z-index:4;
	left: 170px;
	top: 72px;
	background-color: #FFFFFF;
	border: 1px none #000000;
	padding-left: 5%;
	padding-right: 5%;
}
.normTextStyled
{
font-size:12.0pt;
mso-bidi-font-size:13.5pt;
font-family:Arial;
mso-ansi-language: EN-GB;
font-weight:normal;
text-align:left;
}
#read_more 
{ color: #7a88a9; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; }
#read_more a:hover
{ color: #547dde; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; text-decoration: none; }

#link_hi a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #85B2DE;
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
}
#link_hi a:hover{
	color: #0099CC;
}
#link_hi a:visited{
	color: #85B2DE;
}
#link_hi a:active{
	color: #85B2DE;
}
.txt_country {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3366CC;
	font-weight: bold;
}
.txt_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #3f4c6b;
}
.txt_adv {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #ea7625;
}
#box {
	margin: 30px;
	padding: 4px;
	border: 1px solid #7a88a9;
	font-family: "Franklin Gothic Book";
	font-size: 16px;
	font-weight: normal;	color: #3f4c6b;
	background-image: url(../images/backgrounds/bg_bluebox.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
}







































/*CSS: allgemeine Tags*/
/*H?he Body mu? definiert werden, damit Kinderelemente eine H?he bekommen k?nnen*/

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #333333; background-color: #3f4c6b; height : 100%; margin : 0; padding : 0; width : 100%; }
/*Links im Textinhalt*/
#textInhalt a {
	padding-left: 10px;
/*	background-image: url(../images/buttons/i_link.gif);
	background-position: left;
	background-repeat: no-repeat; */
	text-decoration: none;
	color: #000099;
}

#textInhalt a:visited {
	color: #000066;
}

#textInhalt a:hover {
/*	background-image: url(../images/buttons/a_link.gif); */
	text-decoration: underline;
	color: #0000FF;
}

#textInhalt a:active {
	/*background-image: url(../images/buttons/a_link.gif);*/
	text-decoration: none;
	color: #000000;
/*	background-color: #00FA00; */
}

#textLink a {
	padding-left: 10px;
	text-decoration: none;
	color: #007FAA;
}
#textInhalt a:hover {
	text-decoration: none;
	color: #0000FF;
}
#textInhalt a:active {
	text-decoration: none;
	color: #000000;
}
#textInhalt a:visited {
	color: #000066;
}
td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #333333;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #ea7625;
	font-weight: bold;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #142B67;
}

 h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	color: #142b67;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #142B67;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #142B67;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

b {
	font-weight: bold;
	color: #000000;
}

strong {
	font-weight: bold;
	color: #000000;
}

li {
	list-style-type: circle;
}

p {
text-align:left;
}



.contentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #ea7625;
	font-weight: bold;
	text-align: center;
	align: center;
}



/* ФОРМАТИРОВАНИЕ НАВИГАЦИИ/МЕНЮ (MENU) */

a.mainlevel{} /* форматирование ГЛАВНЫХ(main, не вложенных) элементов меню */
a.mainlevel:link {}
a.mainlevel:visited {}
a.mainlevel:hover {}

#active_menu {} /* форматирование для элемента меню, когда оно активно, даже в позиции main/sub*/

ul#mainlevel-nav {}
ul#mainlevel-nav li{}
#mainlevel-nav a:link {}
#mainlevel-nav a:visited{}
#mainlevel-nav a:hover {}

.contentpane {} /* Форматирование таблицы, в которой находится не новостная информация (компоненты, список категорий, форма контактов и т.д.).*/
/* Форматирование таблицы, в которой находится новостная информация (статьи, новости и т.д.).*/
.contentpaneopen 
{
	width:100%;
	text-align:left;
} 


.rahmenTab {
	border: 1px #3f4c6b solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none
}


.cells_bg {
	background-color: #ffeec1;
	}
.top_bg {
	background-color: #3f4c6b;
	color: #FFFFFF;
	}
	

.cells_blue {
	background-color: #ffeec1;
	background-image: url(../images/div/streife_blau.png);
	background-repeat: repeat-y;
	background-position: left top;
        padding-left: 10px;
}

.cells_grey {
	background-color: #ffeec1;
	background-image: url(../images/div/streife_grey.png);
	background-repeat: repeat-y;
	background-position: left top;
        padding-left: 10px;
}
.cells_green {
	background-color: #ffeec1;
	background-image: url(../images/div/streife_green.png);
	background-repeat: repeat-y;
	background-position: left top;
        padding-left: 10px;
}
.cells_orange {
	background-color: #ffeec1;
	background-image: url(../images/div/streife_orange.png);
	background-repeat: repeat-y;
	background-position: left top;
        padding-left: 10px;
}
.innerTableCaption 
 {
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3f4c6b;
	background-image: url(../images/div/table_grad2.png);
	background-repeat: repeat-x;
	background-position: top;
 }