/* Copyright Markus Herrmann */

body {
background-color: #E4E5E6;
font-size: 12px;
font-family: Arial, SunSans-Regular, Sans-Serif;
}

a {
color: #BE2522;
}

a:visited {
color:#BE2522;
}

a:hover {
color: #808080;
}

a:active { color:#000000;}

h1 {
	font-size: 28px;
	font-family: Arial, SunSans-Regular, Sans-Serif;
  color:#333;
}

h2 {
	font-size: 20px;
	font-family: Arial, SunSans-Regular, Sans-Serif;
  color: #BE2522;
}

h3 {
	font-size: 14px;
	font-family: Arial, SunSans-Regular, Sans-Serif;
  font-weight: bold;
}

#container {
background:#fff;
position: absolute; 
z-index: 1;
width: 930px;
height: 800px;
left: 50%; 
top: 10px;
margin-left: -465px;
} 

#container_sophos {
background:#fff;
position: absolute; 
z-index: 1;
width: 930px;
height: 1250px;
left: 50%; 
top: 10px;
margin-left: -450px;
} 

#content {
position: absolute; 
z-index: 2; 
left: 180px; 
top: 160px;
width: 610px;
line-height: 170%;
}

#top1 {
background:#BE2522;
position: absolute; 
z-index: 4; 
left: 0px;
top: 0px;
width: 930px;
height: 10px;
}

#top2 {
background:#BE4949;
position: absolute; 
z-index: 5; 
left: 0px;
top: 10px;
width: 930px;
height: 10px;
}

#top3 {
background:#BE8787;
position: absolute; 
z-index: 6; 
left: 0px;
top: 20px;
width: 930px;
height: 10px;
}

#top4 {
background:#BEAFAF;
position: absolute; 
z-index: 7; 
left: 0px;
top: 30px;
width: 930px;
height: 10px;
}

#top {
background:#fff;
position: absolute; 
z-index: 8; 
left: 0px;
top: 40px;
width: 930px;
height: 110px;
line-height: 170%;
}

#trenn {
background:#BE2522;
position: absolute; 
z-index: 9; 
left: 0px;
top: 140px;
width: 930px;
height: 10px;
}

#footer {
position: absolute; 
z-index: 10; 
left: 170px;
top: 780px;
width: 700px;
line-height: 170%;
}

#footer_sophos {
position: absolute; 
z-index: 10; 
left: 170px;
top: 1230px;
width: 700px;
line-height: 170%;
}

#sophos {
background:#fff;
position: absolute; 
z-index: 11; 
left: 10px;
top: 350px;
width: 150px;
height: 150px;
line-height: 170%;
}

#logo {
background:#fff;
position: absolute; 
z-index: 12; 
left: 5px;
top: 45px;
line-height: 170%;
}

#werbung {
background:#fff;
position: absolute; 
z-index: 13; 
left: 805px;
top: 160px;
line-height: 170%;
}

hr {
color:#AEAEAE; 
background-color:#AEAEAE; 
height:2px;
margin-right:0; 
text-align:left; 
border:0px;
}


/* common styling */
.menu {font-family: Arial, SunSans-Regular, Sans-Serif; font-weight: bold; top:120px; left:10px; width:120px; height:150px; position:relative; margin:0; font-size:12x; margin:50px 0; z-index:13;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:120px; height:35px; text-align:left; border:1px solid #fff; border-width:0px 1px 0 0; background:#fff url("http://www.he-it.de/images/hover.jpg") left center no-repeat; line-height:35px; font-size:12px; padding: 0px 10px; border-bottom: 1px solid #393939;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#B4B4B4 url("http://www.he-it.de/images/hover.jpg") left center no-repeat; }
.menu ul li:hover ul {display:block; position:absolute; top:0; left:121px; width:150px; padding: 0px 20px;}
.menu ul li:hover ul li a.hide {background:#fff; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:250px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#B4B4B4; color:#000; width:130px;}
.menu ul li:hover ul li a:hover {background:#B4B4B4; color:#fff;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:131px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:120px; background:#B4B4B4; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#B4B4B4; color:#fff;}