/**
* Created by Harald Moser
*/

/*For regular use*/

/*
@font-face { font-family:MetaNormal-Italic;  src: url(http://1.2.3.10/bmi/www.hygiene-produkte.at/templates/mytemplate/font/mtnoit.eot) ;}
@font-face { font-family:MetaNormal-Roman; src: url(http://1.2.3.10/bmi/www.hygiene-produkte.at/templates/mytemplate/font/mtnoro.eot);}

@font-face { font-family:MetaNormal-Italic;  src: url(http://1.2.3.10/bmi/www.hygiene-produkte.at/templates/mytemplate/font/mtnoit.ttf)}
@font-face { font-family:MetaNormal-Roman; src: url(http://1.2.3.10/bmi/www.hygiene-produkte.at/templates/mytemplate/font/mtnoro.ttf);}
*/
/*For local use*/
/*
@font-face { font-family:MetaNormal-Italic;  src: url(http://localhost/hygiene-produkte/templates/mytemplate/font/mtnoit.eot) ;}
@font-face { font-family:MetaNormal-Roman; src: url(http://localhost/hygiene-produkte/templates/mytemplate/font/mtnoro.eot);}

@font-face { font-family:MetaNormal-Italic;  src: url(http://localhost/hygiene-produkte/templates/mytemplate/font/mtnoit.ttf) ;}
@font-face { font-family:MetaNormal-Roman; src: url(http://localhost/hygiene-produkte/templates/mytemplate/font/mtnoro.ttf);}
*/
/* defined default values for all html */
/* * { 
 margin: 0; 
 padding: 0;
}

p{
margin-bottom:5px;
margin-top:5px;
} */

h1{
font-size:15px;
}
 
/* white background, font -> MetaNormal-Roman, font-size 13px, color darkblue */
html, body { background-color: #ffffff; 
 font-family: Arial, Verdana, MetaNormal-Roman;
 font-size:12px;
 color:#0e71b4;
 }
 
 
 
 a{
color: #0e71b4;
}

a:hover{
text-decoration:none;
}

strong,h2,h3,h4,h5,h6{
display:inline;
font-size:12px;
font-weight:normal;
}

.inline{
display:inline;
font-size:12px;
font-weight:normal;
}


/****************************************************************
* defines the divs into the website
****************************************************************/
#container {
 width: 900px;
 margin: 10px auto;
 background-color: #fff;
 color: #0e71b4;
 line-height: 130%;
 border: 1px solid #0e71b4;
}

#banner {
 /*font-family:MetaNormal-Italic;*/
 color:#46b3e0;
 padding:2em 17em 0em;
 line-height:normal;
}

.info{
   color:#666666;
}

#navigation1 {
 padding: 0.5em 0em 0.5em 0.5em;
 width:880px;
 text-align:right;
 font-size:13px;
}
 
#navigation2 {
 float: left;
 width: 250px;
 padding: 0em 1em 1em 1em;
 text-align:right;
 font-size:13px;
}
 
#bilder {
 width:580px;
 margin-left: 300px;
 padding:0.5em 0.5em 0.5em 0em;
}

#bilder img{
   
}

#information {
 width:460px;
border:0px solid #333333;
 /*font-family: MetaNormal-Italic;*/
 font-family: Arial, Helvetica, sans-serif;
font-style:italic;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
 color:#ffffff;
 margin-left: 300px;
 padding: 1em;
 background-color:#0e71b4;
}

#produkte {
  width:560px;
 margin-left: 300px;
 padding: 1em;
}

#titel {
  width:560px;
 font-weight:bold;
 margin-left: 300px;
 padding: 1em;
}
 
#inhalt {
  width:560px;
 margin-left: 300px;
 padding: 0em 1em;
}
 
#inhalt a{
color: #0e71b4;
}

#inhalt a:hover{
text-decoration:none;
}
 
 
#fusszeile {
  width:560px;
 clear: both;
 margin-left: 300px;
 padding: 1em;
 color: #666666;
 background-color: #ffffff;
}

#fusszeile a{
  color: #0e71b4;
}

#fusszeile a:hover{
text-decoration:none;
}
 
/**************************************************************************
* defines top-navigation
***************************************************************************/
#navigation1 ul li {
display: block;
}
 
#navigation1 ul li a {
font-size: 85%;
font-weight: 700;
text-decoration: none;
padding: 0 1em;
color: #0e71b4;
}
 
#navigation1 ul li a.aktiv,#navigation1 ul li a:hover,
#navigation1 ul li a:active {
color: #46b3e0;
padding: 0 1em;
}

#navigation1 ul, #navigation2 ul{
list-style:none;
}
 
/**************************************************************************
* defines left-navigation
**************************************************************************/
#navigation2 p{ margin:0 0 0 0; 
}
 
#navigation2 ul li {
display: block;
margin-top:1em;
}
 
#navigation2 ul li a {
/* font-family: MetaNormal-Italic; */
font-family: Arial, Helvetica, sans-serif;
font-style:italic;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
color: red;
text-decoration: none;
padding: 0 1em;
background-color:#46b3e0;
color:white;
text-align:right;
}
 
#navigation2 ul li a.aktiv,#navigation2 ul li a:hover,
#navigation2 ul li a:active{
text-decoration: none;
background-color:#0e71b4;
}

#navigation2 .menu_current {
	background-color:#0e71b4;
	text-decoration:none;
}