html,body {
  background-color:#D4D4D4;
  background-image:url(img/htgrd.jpg);
  background-repeat:no-repeat;
  margin:0px;
  padding:0px;
}

h1,h2,h3,p,li,ul,td,tr,b {
  font-family:Arial, Helvetica, sans-serif;
}

input, text, textarea, select {
  background-color:#DADDE1;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

#content {
  margin-top:20px;
  background-color:#FFFFFF;
  width:750px;
  margin-left:auto;
  margin-right:auto;
  border:1px solid #999999;
}

#drunter {
  background-color:#D4D4D4;
  margin-top:0px;
  margin-left:auto;
  margin-right:auto;
  width:750px;
  vertical-align:middle;
}


#navi {
  margin-left:0px;
  padding:0;
  margin-top:0px;
  width:130px;
  background-color:#FFFFFF;
  float:left;
}

#main {
  width:550px;
  margin:-35px 0 0 130px;
  padding:30px;
}

div.inhalt_referenzen {
  border:1px solid #999999;
  background-color:#FFFFFF;
  padding-right:10px;
}
/* div.inhalt_referenzen:hover {                ??????????
  background-color:#F4F4F4;
} */

/*------------------------------------------------menu----------------------------------------*/
a.menu_home:link, a.menu_home:visited {
  display:block;
  line-height:30px;
  background-image:url(img/menu_home.jpg);
  text-decoration:none;
}
#home #nav-home, a.menu_home:hover, a.menu_home:active {
  background-image:url(img/menu_home_over.jpg);
  display:block;
  line-height:30px;
  text-decoration:none;
}


a.menu_print:link, a.menu_print:visited {
  display:block;
  line-height:30px;
  background-image:url(img/menu_printmedien.jpg);
  text-decoration:none;
}
#print #nav-print, a.menu_print:hover, a.menu_print:active {
  background-image:url(img/menu_printmedien_over.jpg);
  display:block;
  line-height:30px;
  text-decoration:none;
}


a.menu_web:link, a.menu_web:visited {
  display:block;
  line-height:30px;
  background-image:url(img/menu_webdesign.jpg);
  text-decoration:none;
}
#web #nav-web, a.menu_web:hover, a.menu_web:active {
  background-image:url(img/menu_webdesign_over.jpg);
  display:block;
  line-height:30px;
  text-decoration:none;
}


a.menu_referenzen:link, a.menu_referenzen:visited {
  display:block;
  line-height:30px;
  background-image:url(img/menu_referenzen.jpg);
  text-decoration:none;
}
#referenzen #nav-referenzen, a.menu_referenzen:hover, a.menu_referenzen:active {
  background-image:url(img/menu_referenzen_over.jpg);
  display:block;
  line-height:30px;
  text-decoration:none;
}


a.menu_about-me:link, a.menu_about-me:visited {
  display:block;
  line-height:30px;
  background-image:url(img/menu_about-me.jpg);
  text-decoration:none;
}
#about-me #nav-about-me, a.menu_about-me:hover, a.menu_about-me:active {
  background-image:url(img/menu_about-me_over.jpg);
  display:block;
  line-height:30px;
  text-decoration:none;
}


a.menu_kontakt:link, a.menu_kontakt:visited {
  display:block;
  line-height:30px;
  background-image:url(img/menu_kontakt.jpg);
  text-decoration:none;
}
#kontakt #nav-kontakt, a.menu_kontakt:hover, a.menu_kontakt:active {
  background-image:url(img/menu_kontakt_over.jpg);
  display:block;
  line-height:30px;
  text-decoration:none;
}


a.menu_impressum:link, a.menu_impressum:visited {
  display:block;
  line-height:30px;
  background-image:url(img/menu_impressum.jpg);
  text-decoration:none;
}

#impressum #nav-impressum, a.menu_impressum:hover, a.menu_impressum:active {
  background-image:url(img/menu_impressum_over.jpg);
  display:block;
  line-height:30px;
  text-decoration:none;
}


/*------------------------------------------------menu ende----------------------------------------*/

p.spruch {
  font-size:9px;
  color:#999999;
  text-align:right;
  padding:1px;
  margin-top:1px;
}

.drunter_text {
  font-size:9px;
  color:#999999;
  text-decoration:none;
}

h1 {
  border-bottom:1px solid #999999;
  line-height:30px;
  font-size:16px;
  font-weight:bold;
  padding-left:10px;
}

p,ul,li,td,tr,b {
  font-size:12px;
  padding:2px;
  padding-left:10px;
}
b {
	padding-left:10px;
	color:#900000;
}

ul {
	padding-left:40px;
}

.gr-font {
	font-size:24px;
	color:#900000;
}

.kleiner {
	font-size:9px;
}

ul.fett {
  font-weight:bold;
}

.fett {
  font-weight:bold;
}

p.drunter {
  font-size:10px;
  color:#666666;
}

a.drunter:link, a.drunter:visited {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  text-decoration:none;
  color:#666666;
}

a.drunter:hover, a.drunter:active {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  text-decoration:underline;
  color:#666666;
}

a.rot-dick:link, a.rot-dick:visited {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#900000;
  text-decoration:none;
}
a.rot-dick:hover, a.rot-dick:active {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#900000;
  text-decoration:underline;
}