body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;font-family:Arial,sans-serif;}
 table {border-spacing:0;}
 fieldset,img {border:0;}
 address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
 ol,ul {list-style:none;}
 caption,th {text-align:left;}
 h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
 q:before,q:after {content:'';}
 abbr,acronym {border:0;}

 /*** OBEN: Browser-Voreinstellungen zuruecksetzen ***/

 body {
  background: url(images/top_bg.jpg) no-repeat;
  }

 #seite {
  width:100%;
  min-height:620px;
  padding-bottom:135px;
  background: url(images/bottom_bg.jpg) left bottom no-repeat;
  }

 #kopf {
  height:370px;
  }

 #logo {
  position:absolute;
  top:89px;
  left:220px;
  width:358px;
  height:88px;
  padding:0;
  overflow:hidden;
  }

 #logo em {
  position:absolute;
  top:0;
  left:0;
  display:block;
  width:358px;
  height:88px;
  background:url(images/groooveman_logo2.gif);
  }

 #logo a {cursor:pointer;}

 #navi {
  position:absolute;
  left:60px;
  top:323px;
  list-style-type: none;
  text-transform: uppercase;
  font-weight: bold;
  font-family: arial, helvetica, sans-serif;
  letter-spacing: 1px;
  color:#aaa;
  }

 #foot,.cont {
  display:block;
  clear:both;
  position:static;
  padding-left:60px;
 }

 #foot {
  padding:225px 0 0 40px;
  margin:0;
  width:360px;
 }

 .col_a {
  float:left;
  width:510px;
  margin-right:60px;
  text-align:right;
  min-height:250px;
  }

 .col_b {
  float:left;
  width:265px;
  text-align:left;
  }
 .noh {
  padding-top: 54px;
  }

 .col_ab {
  width:720px;
  text-align:right;
  min-height:300px;
  }

 .terminblock {
  padding: 0 0 14px 5px;
  }

 .newsletter {
  padding: 0 0 8px 2px;
  position: relative;
  top: -6px;
  }


 .gbeintrag {
  padding-bottom:30px;
  }

 .cdblock {
  display:block;
  float:left;
  width:240px;
  height:260px;
  margin:0 0 20px 0;
  color:#5F5F5F;
  text-align:right;
  }
 .cdblock img {
  border: 1px solid #000;
  }
 .cdblock p {
  font:11px/14px Arial,sans-serif;
  padding: 0;
  }

 .galerie {
  display:block;
  float:left;
  width:240px;
  height:200px;
  margin:0 0 30px 0;
  color:#5F5F5F;
  text-align:center;
  }
 .galerie img {
  border: 3px solid #BFBFBF;
  }
 .galerie p {
  font:13px/16px Arial,sans-serif;
  padding: 0;
  }

 .border {
  border: 1px solid #000;
  }
/* Textformatierungen */

 strong {font-weight:bold;}
 em {font-weight:bold;color:#A3363C}

 .cont h1, .cont h1 a {
  display:block;
  clear:both;
  position:static;
  width:510px;
  font:30px/34px Arial,sans-serif;
  color:#305599;
  margin:0 0 10px 0;
  padding:0;
  }
 .cont .col_ab h1 {
  width:720px;
  }

 .cont h2 {
  display:block;
  font:22px/26px Arial,sans-serif;
  color:#305599;
  margin:0 0 4px 0;
  }

 .cont .col_b h1 {
  display:block;
  clear:both;
  position:static;
  width:200px;
  font:30px/34px Arial,sans-serif;
  color:#305599;
  margin:0 0 10px 0;
  padding:0;
  }
 h1 a, h2 a {color:#305599 !important;}

 p {
  clear:both;
  font:13px/21px Arial,sans-serif;
  letter-spacing: 1px;
  color:#000;
  margin:0 0 12px 0;
  }
 .small {
  font:12px/18px Arial,sans-serif;
  letter-spacing: 1px;
  }
 #foot p {
  font:11px/37px Arial,sans-serif;
  vertical-align:middle;
  color:#000;
  margin:0 0 8px 12px;
  }
 .col_b p {
  font:11px/14px Arial,sans-serif;
  padding: 0 0 8px 0;
  width:220px;
  }
 .terminblock p {
  font:11px/14px Arial,sans-serif;
  padding: 0;
  width:265px;
  }
 .cont a {font-weight:bold;color:#000;}
 .cont a:link,
 .cont a:visited {
  color: #A3363C;
  text-decoration: none;
  border: none;
  }
 .cont a:hover {
  border-bottom: #DDD 2px solid;
  }
 .cdblock > a:hover {
  border-bottom: none;
  }

 table {
  float:right;
  text-align:left;
  border: 1px solid #666666;
  table-layout:fixed;
 }
 table tbody tr td {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 8pt;
  padding: 3px 8px;
  border-left: 1px solid #D9D9D9;
  }
 table tbody tr td a:hover {
  border-bottom:none;
  }
 table tbody tr td img {
  margin:0;line-height:15px;padding:0;
  }
 table thead tr td {
  font-family: "lucida grande", verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  padding: 3px 8px;
 background-color:#FFF;
  border-left: 1px solid #D9D9D9;
  }


 #foot a {font-size:11px;color:#000;}
 #foot a:link,
 #foot a:visited {
  color: #A3363C;
  text-decoration: none;
  border: none;
  }
 #foot a:hover {
  border-bottom: #DDD 2px solid;
  }

 select,input,textarea {
  font:12px/14px Arial,sans-serif;
  font-weight:bold;
  background-color:#FFF;
  color:#777;
  border:1px solid #777;
  text-indent:2px;
  }
 .col_a input,.col_a textarea {
  font:14px/16px Arial,sans-serif;
  color:#000;
  width:250px;
  margin-bottom:5px
  }
 .col_a textarea {
  height:270px;
  }
 .col_a textarea#nachrichtenfeld {
  height:180px;
  }
 .col_a input#captchafeld, .captchabild {
  width:120px;
  margin-right:128px;
  }
 #subscribe, #unsubscribe, #selein, #selaus {
  border:none;
  background:transparent;
  }
 label {
  width:240px;
  float:left;
  font:12px/14px Arial,sans-serif;
  text-align:right;
  padding:0 10px 0 0;
  vertical-align:top;
  cursor:pointer;
 }
 .newsletter label {
  width:200px;
  float:none;
  vertical-align:top;
  cursor:pointer;
 }
 .button, #send {
  font:12px/14px Arial,sans-serif;
  font-weight:bold;
  background:transparent;
  background:url(images/sendicon.png) 0 0 no-repeat;
  height:16px;
  padding-left:22px;
  text-align:left;
  color: #777;
  text-indent:3px;
  border:none;
  margin:3px 0 0 0;
  cursor:pointer;
  }

 strike {
  color:#D6D6D6;
  }

/* Maennchen */

#maennchen1 {
  position:absolute;
  left:742px;
  top:199px;
  width:88px;
  height:126px;
  background:url(images/grooovemaennchen1.gif) no-repeat;
}
#maennchen2 {
  position:absolute;
  left:335px;
  top:234px;
  width:39px;
  height:60px;
  background:url(images/grooovemaennchen2.gif) no-repeat;
}
#maennchen3 {
  position:absolute;
  left:606px;
  top:202px;
  width:93px;
  height:146px;
  background:url(images/grooovemaennchen3.gif) no-repeat;
}
#maennchen4 {
  position:absolute;
  left:0px;
  top:40px;
  width:149px;
  height:257px;
  background:url(images/grooovemaennchen4.gif) no-repeat;
}
#maennchen5 {
  position:absolute;
  left:444px;
  top:231px;
  width:46px;
  height:72px;
  background:url(images/grooovemaennchen5.gif) no-repeat;
}

/* Kauflinks */

 #kauflinks {
  display:block;
  position:relative;
  clear:both;
  height:50px;
  width:250px;
  }
 #kauflinks h3 {
  display:block;
  position:absolute;
  text-align:left;
  top:25px;
  left:0;
  width:250px;
  color:#A3363C;
  font: bold 12px/14px Arial,Verdana,sans-serif;
  z-index:1;
  margin:0;
  }
 #kauflinks a:visited, #kauflinks a {
  float:left;
  display:block;
  margin: 0 10px 0 0;
  font: 10px/14px Verdana,Arial,sans-serif;
  text-decoration: none;
  background-color: #FEFEFE;
 }
 #kauflinks a:hover {
  color:#FFF;
  background-color:transparent;
  border:none;
  text-decoration:none;
 }
 #kauflinks a i {display: none;}
 #kauflinks a:hover i {
  display:block;
  position:absolute;
  text-align:left;
  top:25px;
  left:0;
  color:#A3363C;
  font: bold 12px/14px Arial,Verdana,sans-serif;
  background-color:#FFF;
  z-index:2;
 }

/* Navigation */

 #navi li {
  display:block;
  height:80px;
  float:left;
  position: relative;
  font-size: 13px;
  white-space: nowrap;
  }

 #navi a:link,
 #navi a:visited {
  color: #666;
  text-decoration: none;
  }

 #navi a:hover,
 #navi a:visited:hover,
 #navi li.selected a:link,
 #navi li.selected a:visited {
  color: #A3363C;
  text-decoration: none;
  }

 #navi a:link i,
 #navi a:visited i {
 display:none;
  }
 #navi a:hover i,
 #navi a:visited:hover i,
 #navi li.selected a:link:hover i,
 #navi li.selected a:visited:hover i {
 display:block;
 position:absolute;
 top:-38px;
 left:20px;
  }