@charset "utf-8";
/* CSS Document */
body {
  background-image: url('../pics/hsq_bg.jpg');
	background-repeat: no-repeat;
	margin: auto;
	position: static;
	background-color: #111111;

}
body,td,th {
	font-family: Arial, Verdana, sans-serif;
	color: #000000;
}
a:link {
	text-decoration: none;
	color: #000000;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
	color: #000000;
}

#main
{
width: auto;
margin-top: 25px;
height: auto;
text-align: center;
}

#center
{
width:1100px;
height: auto;
margin: auto;
text-align: center;
}

#logo
{
  text-align: left;
  position: relativ;
  z-index: 20;
  float: left;
  width:550px;
  height:200px;
  background-image:url('../pics/hsq_logo.png');
}

#top_pic
{
  float: right;
  position: absolute;
  z-index: -10;
  width: 700px;
  height: 200px;
  margin-left: 300px;
  background-image:url('../pics/top_pic.png');
}

#container
{
position: absolute;
margin-top: 50px;
border:2px #000000 solid;
display: block;
width:1000px;
height:auto;
background-color: #f3f3f3;
}

#menubar
{
display: inline-table;
width: 1040px;
height: 58px;
text-align: right;
}

#low_menubar
{
display: block;
background-color: #ff0000;
width: 1100px;
height: 50px;
text-align: right;
}

#content
{
display: inline-block;
background-color:#f3f3f3;
border:2px #000000 solid;
text-align:justify;
width:850px;
height:auto;
margin-top:50px;
margin-bottom:50px;
margin-left:50px;
margin-right:50px;
font-weight:700;
}

#footer
{
display: block;
margin-left:50px;
margin-right:50px;
text-align:left;
background-color: #f3f3f3;
border:2px #000000 solid;
width:850px;
height:100px;
}

#linkbarleft
{
float:left;
background-image:url('');
background-color: #f3f3f3;
width:150px;
height:auto;
margin-right:25px;
}

#mbr1
{
width:140px;
height:58px;
background-image:url('../pics/menubar_r1.png');
background-repeat:no-repeat;
}
/* Schriftzuge für Menubar */

#home
{
width:225px;
height:58px;
background-image:url('../pics/home_i.png');
background-repeat:no-repeat;
}

#home ul
 {
 margin: 0;
 padding: 0;
 list-style-type: none;
 }

#navi a
 {
 display: block;
 }

#home a:hover
{
width:225px;
height:58px;
background-image:url('../pics/home_h.png');
background-repeat:no-repeat;
}

#home #aktuell a
{
width:225px;
height:58px;
background-image:url('../pics/home_a.png');
background-repeat:no-repeat;
}

#home a:active
{
width:225px;
height:58px;
background-image:url('../pics/home_a.png');
background-repeat:no-repeat;
}

#home a:visited
{
width:225px;
height:58px;
background-image:url('../pics/home_a.png');
background-repeat:no-repeat;
}



#team
{
width:225px;
height:58px;
background-image:url('../pics/team_i.png');
background-repeat:no-repeat;
}

#team:hover
{
width:225px;
height:58px;
background-image:url('../pics/team_h.png');
background-repeat:no-repeat;
}

#team:active
{
width:225px;
height:58px;
background-image:url('../pics/team_a.png');
background-repeat:no-repeat;
}

#team:visited
{
width:225px;
height:58px;
background-image:url('../pics/team_a.png');
background-repeat:no-repeat;
}



#media
{
width:225px;
height:58px;
background-image:url('../pics/media_i.png');
background-repeat:no-repeat;
}

#media:hover
{
width:225px;
height:58px;
background-image:url('../pics/media_h.png');
background-repeat:no-repeat;
}

#media:active
{
width:225px;
height:58px;
background-image:url('../pics/media_a.png');
background-repeat:no-repeat;
}

#media:visited
{
width:225px;
height:58px;
background-image:url('../pics/media_a.png');
background-repeat:no-repeat;
}



#info
{
width:225px;
height:58px;
background-image:url('../pics/info_i.png');
background-repeat:no-repeat;
}

#info:hover
{
width:225px;
height:58px;
background-image:url('../pics/info_h.png');
background-repeat:no-repeat;
}

#info:active
{
width:225px;
height:58px;
background-image:url('../pics/info_a.png');
background-repeat:no-repeat;
}

#info:visited
{
width:225px;
height:58px;
background-image:url('../pics/info_a.png');
background-repeat:no-repeat;
}

/* Impressum */

.impressum
{
font-family:"Arial";
font-size:10px;
color:#ff0000;
}

.impressum:hover
{

font-family:"Arial";
font-size:10px;
color:#ff0000;
}

.impressum:active
{

font-family:"Arial";
font-size:10px;
color:#ff0000;
}





/* MENUUUU */


#wrapper
{
width: 100%;
position: absolute;
height: auto;
top:200px;
margin: auto;
}

#dropline
{
padding:0 0 0 150px;
margin:0 0 0 0;
list-style:none;
width:1100px;
height:60px;
background:url('../pics/menubar_test.png') no-repeat;
position:relative;
text-align:center;
}

#dropline table
{
border-collapse:collapse;
width:0;
height:0;
margin:-3px -10px;
}

#dropline li
{
float:left
}

#dropline li a
{
display:block;
line-height:72px;
padding:0 0 0 0;
float:left;
color:#ffffff;
text-decoration:none;
font-family: Arial, Verdana, sans-serif;
font-size:25px;
}

#dropline li a b {
display:block;
float:left;
padding:0 0 0 0;
cursor:pointer;
width: 225px;
}

#dropline li a:hover
{
background:url('../pics/hover_test.png') no-repeat;
line-height:30px;
height:60px;
}
/* #dropline li a:hover b {background:url(tab_b.gif) no-repeat left top; line-height:36px;}  */

#dropline li:hover > a
{
background:url('../pics/hover_test.png') no-repeat;
line-height:30px;
height:60px;
}
/* #dropline li:hover > a b {background:url(tab_b.gif) no-repeat left top; line-height:36px;}  */

#dropline ul
{
padding:0;
margin: auto;
text-align: center;
list-style:none;
position:absolute;
height:30px;
width:1050px;
background:#ff0000;
left:-9999px;
top:60px;
z-index:10;
border-bottom:0;
}


#dropline ul li
{
height:30px;
line-height:30px;
float: left;
}


#dropline ul li a
{
color:#ffffff;
padding:0 30px 0 30px;
height:30px;
line-height:30px;
border-right:0;
font-weight:bold;
font-size:13px;
}

#dropline ul li a:hover
{
height:30px;
line-height:30px;
background:transparent;
color:#000;
}
#dropline ul.right li a
{
border-left:0;
border-right:0;
}

#dropline ul li a.last
{
border:0;
}

#dropline :hover ul
{
left:0;
}

#dropline li.current ul
{
left:0;
z-index:1;
}

#dropline li.current a
{
background:url('../pics/hover_test.png') no-repeat left top;
line-height:72px;
height:60px;
}
/* #dropline li.current a b {background:url(tab_b.gif) no-repeat left top; line-height:36px;}  */

#dropline li.current ul li a {
color:#ffffff;
padding:0 30px 0 30px;
height:30px;
line-height:30px;
background:transparent;}

#dropline li.current ul li.current_sub a
{
color:#000;
}

#dropline li.current ul li a:hover
{
color:#000;
}