@font-face 
{ 
font-family: "ubuntu";  
src: local("ubuntu"), 
url("ubuntu.ttf") 
format("TrueType") 
} 

html, body {
height: 100%;
margin:0;
padding:0;
background:url(img/bg.png) repeat-x;
font-family:ubuntu, calibri, Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
color:#222;
}

img, div , a  { behavior: url(iepngfix.php); border:0px; }

h1 {font-size: 22px;}
h2 {font-size: 18px;}

a {color: #004879; text-decoration: none; font-weight:bold; outline:none;}
a:visited { color: #004879; text-decoration: none;}
a:hover { color: #004879; text-decoration: underline; }

a.normal{color: #ccc; text-decoration: none; font-weight:normal; outline:none;}
a.normal:visited { color: #ccc; text-decoration: none;}
a.normal:hover { color: #ccc; text-decoration: underline;}

a.menue2{color: #222; text-decoration: none; outline:none; font-size:11pt;}
a.menue2:visited { color: #222; text-decoration: none; font-size:11pt;}
a.menue2:hover { color: #1879c3; text-decoration:none; font-size:11pt;}

#wrapper{
position:relative;
width: 770px;
left: 50%;
margin-left:-385px;
}

#header{
width:770px;
height:112px;
}

#lavo_logo {
width:317px;
height:112px;
float:left;
display:block;
}

#footer{
background:url(img/bg_footer.png);
width:100%;
height:99px;
float:left;
margin-top:100px;
}

/* //////////////////////////////////////////////////////////////////// */

#hauptmenue_wrapper {
width:453px;
height:62px;
float:left;
margin-top:50px;
display:block;
}

#menuepunkt1 {
background:url(img/m_01.png);
width:49px;
height:62px;
float:left;
display:block;
}

#menuepunkt2 {
background:url(img/m_02.png);
width:61px;
height:62px;
float:left;
display:block;
}

#menuepunkt2:hover {
background:url(img/mh_02.png);
width:61px;
height:62px;
float:left;
display:block;
}

#menuepunkt3{
background:url(img/m_03.png);
width:102px;
height:62px;
float:left;
display:block;
}

#menuepunkt3:hover {
background:url(img/mh_03.png);
width:102px;
height:62px;
float:left;
display:block;
}

#menuepunkt4 {
background:url(img/m_04.png);
width:96px;
height:62px;
float:left;
display:block;
}

#menuepunkt4:hover {
background:url(img/mh_04.png);
width:96px;
height:62px;
float:left;
display:block;
}

#menuepunkt5 {
background:url(img/m_05.png);
width:77px;
height:62px;
float:left;
display:block;
}

#menuepunkt5:hover {
background:url(img/mh_05.png);
width:77px;
height:62px;
float:left;
display:block;
}

#menuepunkt6 {
background:url(img/m_06.png);
width:30px;
height:62px;
float:left;
display:block;
}

/* //////////////////////////////////////////////////////////////////////////// */

#eingrenzung{
background:url(img/vertikaler_verlauf_content.png);
width:1px;
min-height:350px;
float:left;
display:block
}

#content_middle_part{
width:768px;
min-height:350px;
float:left;
display:block
}

#content_menue{
background:url(img/content_menue_bg.png);
width:768px;
height:30px;
float:left;
display:block;
padding-top:10px;
text-align:center;
}

#inhalt{
width:668px;
min-height:350px;
float:left;
display:block;
margin-top:10px;
margin-left:50px;
}

#footer_part1{
width:280px;
float:left;
display:block;
padding-top:25px;
text-align:center;
color:#ccc;
}

#footer_part2{
width:270px;
float:left;
display:block;
padding-top:20px;
text-align:center;
}

#footer_part3{
width:210px;
float:left;
display:block;
padding-top:37px;
text-align:center;
color:#ccc;
}

#send-btn {
width: 190px;
height: 34px;
background: #FFF url(img/aktivieren_0.png) no-repeat;
outline: none;
}

#send-btn:hover {
background: #FFF url(img/aktivieren_1.png) no-repeat;
}

.slideshow { 
height: 293px; 
width: 770px; 
margin: auto; 
overflow:hidden;
z-index:0;
}

.Produkte {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: center;
}

.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none;
	background:#f0f0f0;
	border: solid 1px #ccc;
	width:170px;
	text-align:center;
	padding:5px;
}