@import url("stylesheet.css");

body 
{ 
background-color: #ffffff;
border: 0;
margin:0;
padding:0;
}

#mein 
{ 
width: 1000px;
padding: 0;
margin: 0 auto;
}

#header 
{ 
padding: 0;
margin: 0;
height: 110px;
background-image: url(../images/header-bg.gif);
}

#header_logo 
{
position: absolute;
top: 0;
margin: 0 0 0 14px;
}

#menu 
{
float: right;
padding: 0 12px 0 0;
margin: 36px 0 0 0;
}

#menu ul
{ 
margin: 0;
padding: 0;
list-style: none;
float:right;
}

#menu li
{
float: left;
display: inline;
margin: 0 0 0 8px;
}

#n_home 
{ 
background-image: url(../images/homeon.gif);
width: 110px;
height: 65px;
}

#n_aboutus  
{ 
background-image: url(../images/aboutuson.gif);
width: 110px;
height: 65px;
}

#n_support
{
background-image: url(../images/supporton.gif);
width: 110px;
height: 65px;
}

#n_career 
{ 
background-image: url(../images/careeron.gif);
width: 110px;
height: 65px;
}

#n_whyus 
{ 
background-image: url(../images/whyuson.gif);
width: 110px;
height: 65px;
}
	
.rollover { display: block; } /* Allow setting widths and heights */
.rollover img { width: 100%; height: 100%; border: 0; background: none; } /* only set width and height once */
.rollover:hover { visibility: visible; background: none;  /* for IE */ } /* sets any property for the :hover state */
.rollover:hover img { visibility: hidden; background: none; } /* 'rolls over' the image */
.rollover.active img { visibility: hidden; background: none; } /* current page icon */
.rollover.active:hover img {  } /* current page icon */	

#image 
{ 
width: 1000px;
padding: 0;
margin: 0 0 12px 0;
}

.clear
{
clear: both;
}

.clear02
{
clear: both;
height: 1px;
}

#left
{
width: 237px;
margin: 0 12px 0 0;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
color: #5D5D5D;
}

.left_top
{
height: 28px;
background-image: url(../images/leftmenutop.gif);
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
padding: 9px 0 0 22px;
}

.left_box
{
margin: 0 0 12px 0;
padding: 0px;
border-right: solid 1px;
border-bottom: solid 1px;
border-left: solid 1px;
border-color:#CCCCCC;
}

.left_box02
{
margin: 0;
padding: 10px; 
border-right: solid 1px;
border-bottom: solid 1px;
border-left: solid 1px;
border-color:#CCCCCC;
}

.left_box ul
{
margin: 0;
padding: 10px;
}

.left_box li
{
margin: 0;
padding: 5px;
list-style: none;
border-top: 1px dotted #CCCCCC;
}

.left_box li.first 
{
border: none;
}

.left_box a 
{
padding-left: 15px;
background: url(../images/img4.gif) no-repeat left center;
text-decoration: none;
color: #000000;
}

.left_box a:hover 
{
text-decoration: none;
color: #BD4F21;
}

#pscroller1
{
width: 215px;
height: 114px;
padding: 0px;
background-color: transparent;
margin-bottom:0px;
line-height:18px;
}

#pscroller1 a
{
text-decoration: underline;
color: #BD4F21;
}

#pscroller1 a:hover 
{
text-decoration: none;
color: #0099FF;
}

#page
{
width: 751px;
margin: 0;
padding: 0;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
color: #5D5D5D;
line-height: 18px;
word-spacing: 1px;
}

#page p
{
margin: 10px 0 0 0; 
padding: 0; 
}

#page ul
{
margin: 10px 0 0 40px; 
padding: 0; 
}

#page_title
{
font-size: 20px;
font-weight: bold;
color: #7E7E7E;
}

fieldset
{
margin: 0;
padding: 0 10px 20px 10px;
border: solid 1px;
border-color: #CCCCCC;
}

legend
{
padding: 0 2px 2px 2px;
}

.grayline
{
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-bottom:#D7D7D7 dashed 1px;
}

.grayline02
{
margin: 0 0 20px 0;
padding: 0 0 22px 12px;
border-bottom:#D7D7D7 dashed 1px;
}

.grayline03
{
padding: 0 0 0 45px;
}

#box01
{
width: 190px;
height: 131px;
padding: 67px 15px 15px 15px;
background-image: url(../images/box01.jpg);
float: left;
word-spacing: 0; 
}

#box02
{
width: 190px;
height: 131px;
padding: 67px 15px 15px 15px;
background-image: url(../images/box02.jpg);
float: left;
margin: 0 0 0 22px;
word-spacing: 0;
}

#box03
{
width: 190px;
height: 131px;
padding: 67px 15px 15px 15px;
background-image: url(../images/box03.jpg);
float: left;
margin: 0 0 0 22px;
word-spacing: 0;
}

.box_button
{
padding: 35px 0 0 125px;
border: 0;
}

.box_button02
{
padding: 54px 0 0 125px;
border: 0;
}

#buttom_image
{
float: left;
border: 0;
}

.b_image
{
float: left;
margin: 0 0 0 30px;
border: 0;
}

#contact_text
{
text-align: center;
}

#footer_line
{
margin:12px 0 0 0;
height: 5px;
background-color:#868585;
}

#footer
{
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: justify;
color: #888888;
}

#footer .left
{
float: left;
padding: 15px 10px 20px 10px;
}

#footer .right
{
float: right;
padding: 15px 10px 20px 10px;
}

#footer a 
{
text-decoration: none;
color: #888888;
font-size:13px;
}

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