/*Template für Techlogics created by Sissi */

/*Standard*/

#content ul {
  margin-left: 12px;
  margin: 0px;
  padding: 0px 0px 0px 24px;
  }
  
#content li {
  margin: 0px;
  padding: 0px;
  }

p {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #333;
  line-height: 150%;
  margin: 0px;
  padding: 0px;
  }

a {
  font-family: verdana, arial, sans-serif;
  font-size: 12px;
  color: #333;
  text-decoration: underline;
  }

a:hover {
  color: red;
  }


h1 {
  font-family: verdana, arial;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  margin-bottom: 10px;
  }

h2 {
  font-family: verdana, arial;
  font-size: 12px;
  color: #333;
  font-weight: bold;
  }

hr {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom:  1px solid #ccc;
  padding-top: 4px;
  padding-bottom: 4px;
  }

img {
  margin: 0px;
  padding: 0px;
  }

/*Die Haupt-Divs*/

body {
  margin: 0px;
  }

#page {
  margin: 0px auto;
  width: 780px;
  }

#header {
  text-align: right;
  padding-top: 54px;
  padding-right: 12px;
  background-image: url(header.gif);
  background-repeat: no-repeat;
  height: 31px;
  }

#container {
  display:block;
  }

#menu {
  background-image: url(hg_menu_center.gif);
  background-repeat: repeat-y;
  }

#impressum {
  padding: 20px 0px 0px 6px;
  float: left;
  width: 150px;
  }

#main_links {
  float: left;
  width: 156px;
  }

#main_rechts {  
  display:block;
  width: 620px;
  float: right;
  background-image: url(hg_main_center.gif); 
  background-repeat: repeat-y; 
  }

#content {
  padding: 16px 10px 10px 20px;
  width: 400px;
  min-height: 400px;
  font-family: verdana, arial;
  font-size: 12px;
  color: #333;
  line-height: 150%;
  }

#news {
  width: 160px;
  padding: 16px 10px 10px 10px;
  float: right;
  }

#footer {
  clear: both;
  background-image: url(hg_footer_center.gif);
  background-repeat: repeat-x;
  }

/*Das senkrechte Menü */

#menu ul{
  margin: 0px 0px 0px 3px;
  width: 147px;
  padding: 0px;
  }

#menu ul li, #menu ul li.act {
  list-style-type: none;
  margin: 0px;
  padding: 00px 0px 0px 0px;
  }

#menu ul li a {
  border: 1px solid #ccc;
  display: block;
  background-image: url(hg_button_no.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding: 4px 0px 4px 10px;
  text-decoration: none;
  margin: 0px;
  }


#menu ul li a:hover, #menu ul li.act_e1 a {
  border: 1px solid #ccc;
  display: block;
  background-image: url(hg_button_ro.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  padding: 4px 0px 4px 10px;
  text-decoration: none;
  margin: 0px;
  }

#menu ul ul li {
  border: none;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  }

#menu ul ul li a, #menu ul ul li a:hover {
  background-image: none;
  border: none;
  height: 19px;
  padding: 6px 6px 0px 0px;
  display: block;
  font-size: 10px;
  text-align: right;
  }

