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

/**************************************************************************Allgemein*/



a img {
	border : 0 none;
	outline:thick;
}

a:active { 
	border:0;
}

a:focus 
{
	border-bottom-color:Red;
	border-bottom-width:thick;
	border-bottom-style:double;
	
}



.rundeEcken {
	-moz-border-radius: 15px;
	border: 1px solid #cccccc;
	background-color: #D1D1D1;
}

.bildschatten {
	background: url(../image/schatten-500px.png) no-repeat bottom left;
	padding: 4px 7px 17px 7px;
}

.bildschatten600 {
	background: url(../image/schatten-600px.png) no-repeat bottom left;
	padding: 4px 7px 17px 7px;
}


.protectPic{
	background: url(../image/ueberuns1.png) no-repeat ;

}

a.tooltip {
	text-decoration:none;
}

.tooltip span.info{
	display:none;
}

.tooltip:hover span.info{
	display:block;
	position:absolute;
	width:200px; 
	height:200px;
}



/***************************************************************Schriften*/
.headline{
	position: absolute; 
	bottom: 0;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
}

h1{
	color:#FFF;	
}

h2{
	color:#004A9A;	
}

h3{
	color:#004A9A;		
}

h4{
	color:#004A9A;		
}

strong{
	color:#004A9A;			
}

/**************************************************************************Positionen der Bereiche*/


/*Linke Seite (Logo, Menü, Kontakt)*/
#leftDiv {
	position: absolute;
	height: 100%;
	width: 20%;
	top: 0px;
	left:0;
	z-index:1;
}
	/*Menü Bereich im linken Bereich*/
	#navi{
	position: absolute;
	height: 70%;
	width: 15%;
	top:20%;
	left:0;
	z-index:1;
	}

/*Rechter Bereich (Inhalt)*/
#rightDiv {
	position: absolute;
	height: 76%;
	width: 65%;
	top:18%;
	right:10%;
	overflow:auto;
	z-index:3;
}

/*Oberer Bereich (Überschrift)*/
#topDiv {
	position: absolute;
	height: 12%;
	width: 65%;
	top: 25px;
	right:10%;
	font-weight:bolder;
	font-size:34px;
	color:#B2B2B2;
	text-align:left;
	vertical-align:text-bottom;
	z-index:3;
}

/*Trennlinie´: Überschrift zu Inhalt*/
#topLine{
	position:absolute;
	color:#24458A; 
	height:1px; 
	width:65%; 
	top:12%;	
	right:10%;
	
}

/*Bereich oben rechts (BVMW - Logo)*/
#topRightDiv{
	position:absolute;
	height:8%;
	right:5%;	
	z-index:5;	
	text-align:right;
	/*max-width:15%;*/
}

/*Bereich oben rechts (BVMW - Logo)*/
#tickerDiv{
	position:absolute;
	width: 65%;
	top:13%;
	right:10%;
	height:2%;
	z-index:5;
}


/*Bereich unten (KK-Bilder, Impressum)*/
#bottomDiv{
	position:absolute;
	height:3%;
	width:70%;
	right:10%;
	z-index:8;
	bottom:1%;
}

/*Bereich rechts neben den KKBildern*/
#partnerDiv{
	position:absolute;
	height:5%;
	width:10%;
	left:0;
	z-index:8;
	bottom:1%;
	text-align:center;	
	font-size:80%;
}

/**************************************************************************Bilder Eigenschaften und positionen*/

/*Hintergrundbild (Rand.png)*/
#bgImg{
	z-index:0;
	height: 100%	
}

/*Meier und Schütte Logo*/
#logoImg{
	position:absolute;
	left:10%;
	top:2%;
	z-index:2;
	width:100%;
}

/*Menü Tasten (Über uns, Arbeitsplatztechnologie, usw.)*/
.btnMenu
{
	position:relative;
	width:90%;
	left:10%;
	top:20%;
}

/*Kontakt Button (unten Links)*/
#contactImg{
	position:absolute;
	left:8px;
	bottom:4%;
	z-index:9;
	width:10%;
}



/*****%;	
	z-index:9;
}

/*Impressum (alt)*/
#impressumImg{
	position:absolute;
	text-decoration:none;
	left:8px;
	
	bottom:1%;
	z-index:9;
}

/*Krankenkassen Bilder unten*/
.kkImg{
	height:100%;
	padding-left:8%;
	
}



/***************************************************************Seite: Über uns*/

/*Aufzählung (Rehatechnik, Arbeitsplatztech., usw.*/
#tdUeber2
{	
	font-size:100.01%;	
	padding-left:10px;
}

/***************************************************************Seite: Reha Technik*/

/*Text links oben*/
#divReha1
{
	position: relative;
	top:0;
	width:70%;
}

/*Bild1*/
#divReha2
{
	position: relative;
	text-align:right;
	width:75%;
	left:0;
	top:20px;
}

/*Bild2*/
#divReha3
{
	position:absolute;
	left:70%;
	width:20%;	
	top:200px;	
}


/***************************************************************Seite: Produkte*/

/*Navigation: Vor, Zurück, Auswahl, Suche*/
#ProduktNavigation{
	position:absolute;	
	height:100%;
	top:0;
	left:0;
	text-align:right;	
}

/*Hier werden die Produkte gelistet/gezeigt*/
#ProduktBereich{
	position:absolute;
	top:4%;	
	width:100%;
	height:94%;
}

/*Produkt Feld: Titel*/
.Produktetd1 {
	position:absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size:130%;
	text-align:center;	
	background-color: #006;
	color: #FFF;
	height:15%;
	width:100%;
	top:0;
	left:0;
	line-height:150%;
}

.Produktetd2{	
	position:absolute;	
	top:20%;
	left:5%;
	width:100%;
	height:100%;
}

.ProduktDiv{
	left : 0;
	top : 0;
	width:90%;
	height:90%;
}

.ProduktBild{
 background: url(../image/schatten-500px.png) no-repeat bottom left;
 padding: 4px 7px 17px 7px;
 width:100%;
}

.ProduktDivTitel {
	position:absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-size:130%;
	text-align:left;	
	height:5%;
	width:50%;
	top:0;
	right:10%;
	line-height:150%;	
}

.ProduktDiv{
	position:relative;
	top:0;
	width:100%;
	height:70%;
	overflow:auto;
}
.ProduktDivBild{	
	position:absolute;	
	top:0;
	left:0;
	width:30%;
	height:70%;
	font-size:80%;
}

.ProduktDivText{	
	position:absolute;	
	top:10%;
	right:10%;
	width:50%;
	height:70%;
}

.ProduktDivAnwender{	
	position:relative;	
	left:0;
	width:93%;
	top:55px;
	min-height:15%;
	-moz-border-radius: 15px;
	background-color: #D1D1D1;
	padding-left:20px;
	padding-top:2px;
	padding-right:20px;
	padding-bottom:10px;
}

.ProdukteImg{
	position:relative;
	
	height:100px;
	max-width:100px;
}

.ProduktInfo{
	position:absolute; 
	right:10%;
	font-size:150.1%;
	top:55%;

}





/********************************************************************Seite: Arbeitsplatz-Technologie*/
.ArbeitLinkDiv1{
	position:absolute;
	left:0;
	width:30%;
	height:6%;
	top:0;
	-moz-border-radius: 15px;
	text-align:center;
	line-height:150%;
	font-size:120%;
	color:#FFF;
	text-decoration:none;	
}


.ArbeitLinkDiv1 a{
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
	
}

.ArbeitLinkDiv2{
	position:absolute;
	left:35%;
	width:30%;
	height:6%;
	top:0;
	-moz-border-radius: 15px;
	text-align:center;
	line-height:150%;
	font-size:120%;
	color:#FFF;
	text-decoration:none;
	
	
}
.ArbeitLinkDiv2 a{
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
	
}

.ArbeitLinkDiv3{
	position:absolute;
	left:70%;
	width:30%;
	height:6%;
	top:0;
	-moz-border-radius: 15px;
	text-align:center;
	line-height:150%;
	font-size:120%;
	color:#FFF;
	text-decoration:none;
	
	
}
.ArbeitLinkDiv3 a{
	color:#FFF;
	text-decoration:none;
	font-weight:bolder;
	
}

.ArbeitInhalt{
	position:absolute;
	top:10%;
	width:100%;
}