body {
      margin:0;
      font:11px Arial, Helvetica, sans-serif;
}

fieldset{
      margin:0;
      padding:0;
      border:0;      
}

img {
      border:0;
}

form {
      margin:0;
}

label {
      font-size:11px;
      display:block;
      height:14px;
}

h2.ueberschrift_links {
      margin:0;
      padding:0;
      color:#6c0;
      font-size:15px;
}

h2.ueberschrift_klein {
      margin:0;
      padding:30px 0 0 20px;
      color:#6c0;
      font-size:15px;
      height:26px;
      width:157px;
      background: url(../images/btn_klein.jpg) no-repeat; 
}

h2.ueberschrift_gross {
      margin:0;
      padding:30px 0 0 20px;      
      color:#6c0;
      font-size:15px;
      height:26px;
      width:340px;
      background: url(../images/btn_gross.jpg) no-repeat; 
}


/* ###   Vererbende Breitenangabe   ### */
#wrapper {
      width:795px;
}

/* ###   Header (Logo)   ### */
#header {
      background:url(../images/header-bg.gif) no-repeat;
      height:127px;
}

#logo{
      height:107px;
      width:235px;
      float:left;
}

#logo img {
      margin-top:20px;
}

/* ###   Umkreis   ### */

input#umkreis  {
	background-color: transparent; 
	border: none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bolder;
}


/* ###   Header Menü   ### */
#navi {
      width:550px;
      float:left;
      height:22px;
      padding:85px 10px 0 0 ;
}

#navi ul {
      float:right;
      list-style-type:none;
      height:22px;
      margin:0;
      padding:0;
}

#navi li {
      float:left;
}

#navi li a {
      height: 22px;
      text-indent:-3000px;
      display:block;
}

a#link1 {
      width:66px;
      background: url(../images/home.gif) top left no-repeat;
}

a#link1:hover {
      width:66px;
      background: url(../images/home_over.gif) top left no-repeat;
}

a#link2 {
      width:76px;
      background: url(../images/ueber_uns.gif) top left no-repeat;
}

a#link2:hover {
      width:76px;
      background: url(../images/ueber_uns_over.gif) top left no-repeat;
}

a#link3 {
      width:108px;
      background: url(../images/kundenservice.gif) top left no-repeat;
}

a#link3:hover {
      width:108px;
      background: url(../images/kundenservice_over.gif) top left no-repeat;
}

a#link4 {
      width:67px;
      background: url(../images/glossar.gif) top left no-repeat;
}

a#link4:hover {
      width:67px;
      background: url(../images/glossar_over.gif) top left no-repeat;
}

a#link5 {
      width:51px;
      background: url(../images/agb.gif) top left no-repeat;
}

a#link5:hover {
      width:51px;
      background: url(../images/agb_over.gif) top left no-repeat;
}

a#link6 {
      width:91px;
      background: url(../images/impressum.gif) top left no-repeat;
}

a#link6:hover {
      width:91px;
      background: url(../images/impressum_over.gif) top left no-repeat;
}

/* ###   Laufband etc   ### */
#bar {
      background:url(../images/bg.gif) #636363 right repeat-y;
      height:20px;
}


/* button style */
.submit-bg {
      background:#6c0;
      width:141px;
      height:17px;
      margin:10px 0 0 0;
      padding:0;
}

input.search {
      border:1px solid #636363;
      border-left:0;
      font-size:10px;
      background:#fff;
      width:125px;
      height:17px;
      text-align:left;
      margin:0 0 0 17px;
      padding:0 0 0 2px;
      cursor:pointer;
}

#form_btn{
      height:27px;
      width:141px;      
      margin:0 0 0 150px;
      padding:0;
}



/* ###   Inhaltsbereich   ### */
#main-content {
      background:url(../images/main-background.gif) repeat-y;
      width:795px;
}

#content-left {
      float:left;
      width:233px;
      padding:0 5px 0 0;
      margin:0;
}

#content-right {
      float:left;
      width:552px;
}



/*-----------------------------------------------------------------*/
/* Zeile1 */
#zeile1{
      margin-top:10px;
      height:230px;
}


#willkommen{
      float:left;
      width:177px;
      height:230px;
      margin-right:5px;
}

#willkommen_rahmen{
     border:1px solid #d5d5d5;
     height:162px;
     padding:10px 0 0 20px;
}

#suche{
      float:left;
      width:360px;
      height:230px;
}

#suche_rahmen{
     border:1px solid #d5d5d5;
     height:162px;
     padding:10px 0 0 20px;     
}

#detail_suche{
      float:left;
      width:195px;
      height:162px;
}

#detail_suche select{
	height: auto;
}

#uhr{
      float:left;
      width:133px;
      height:152px;          
      margin:10px 0 0 0;         
}

#uhr object{
      width:100px;
      height:100px;                   
}



/*-----------------------------------------------------------------*/
/* Zeile2 */
#zeile2{
      margin-top:10px;
      height:162px;
}

#tipps{
      float:left;
      width:177px;
      height:162px;
      margin:0 5px 0 0;
}

#tipps_rahmen{
     border:1px solid #d5d5d5;
     height:96px;
     padding:10px 0 0 20px;
}

#top10{
      float:left;
      width:360px;
      height:162px;
}

#top10_rahmen{
     border:1px solid #d5d5d5;
     height:96px;
     padding:10px 0 0 20px;     
}



/*-----------------------------------------------------------------*/
/* Zeile3 */
#zeile3{
      margin-top:10px;
      height:180px;
}

#links{
      float:left;
      width:177px;
      height:180px;
      margin-right:5px;
}

#links a{
      text-decoration: none;
      color:#000;
}

#links a:hover{
      color:#6c0;   
      text-decoration: none;      
}

#links_rahmen{
     border:1px solid #d5d5d5;
     height:112px;
     padding:10px 0 0 20px;     
}

#koop{
      float:left;
      width:360px;
      height:180px;
}

#koop_rahmen{
     border:1px solid #d5d5d5;
     height:112px;
     padding:10px 0 0 20px;     
}

#koop_text{
      float:left;
      width:162px;
      height:102px;
}

#koop_suche{
      float:left;
      width:148px;
      height:102px;
      padding-left:20px;
}


/*-- stadtauswahl layout --*/
#stadtauswahl{
      padding:10px 0 0 20px;   
}

.cities a{
      text-decoration: none;
      color:#000;
}

#stadtauswahl table{
      width:526px;
}

#stadtauswahl tr.tabellenkopf{
      font-weight: bold;
      height:25px;
      vertical-align: text-top;
}

#stadtauswahl tr{
      height:10px;
}

#stadtauswahl td{
      height:10px;
      padding:0 15px 0 0;
}



/*-- taetigkeits auswahl layout --*/
#taetigkeit{
      padding:10px 0 0 20px;   
}

#taetigkeit a{
      color:#000;   
      text-decoration: none;
}

#taetigkeit a:hover{
      color:#6c0;   
      text-decoration: none;      
}

#gebiete a{
      text-decoration: none;
      color:#000;
}

#gebiete a:hover{
      text-decoration: none;
      color:#000;
      background-color: #eee;
      display:block;
      width:520px;
      height:14px;
}

#gebiete_link{
      text-decoration: underline;
      color:#000;
      margin:0 0 0 20px;
}

.head{
      font-weight: bold;
}

#gebiete dl{
      margin:10px 0 0 0;
      padding:0;
}

#gebiete dt{
      margin:0;
      padding:0;
}

#gebiete dd{
      margin:0 0 10px 7px;
      padding:0;
}

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

#gebiete dd.oben {
      display:block;
      height:10px;
      width:51px;
      margin:0 0 0 470px;
}

#gebiete dd.oben a{
      display:block;
      background: url(../images/oben.gif) top left no-repeat;    
      height:10px;
      width:41px;       
}

#gebiete dd.oben a:hover{
      float:left;
      background: url(../images/oben_over.gif) top left no-repeat;    
      height:10px;
      width:41px;       
}


/*--  index einträge  --*/
#eintraege{
      padding:10px 0 0 20px;   
}

#eintraege a{  
      text-decoration: none;  
      color:#000;
}

#eintraege a:hover{  
      text-decoration: none;  
      color:#6c0;
}

#eintraege span {
      float:left;
      font-weight: bold;
      margin:2px 0 0 0;
}

#eintraege label{
      float:left;
      margin:2px 5px 0 0;  
}

#umkreis_weiter{
      float:right;
      margin:2px 20px 0 0; 
      font-weight: bold; 
}

#eintraege input{
      float:left;
}

#eintraege ul {
      border-top:1px #d5d5d5 solid;
      margin:0;
      margin-top:10px;
      padding:0;
      margin-right:20px;
      list-style-type:none;
}

#eintraege ul li {
      padding:5px 10px 23px 10px;
      border-bottom:1px #d5d5d5 solid;
      margin-bottom:10px;
      background:url(../images/listenpunkt.gif) 0 9px no-repeat;
}

#eintraege strong {
      font-weight: bold;
      color:#6c0;
      font-size: 13px;
}

#eintraege a.detail_btn{
      display:block;
      height:17px;
      width:60px;
      margin-right:10px;      
      background: url(../images/detail.gif) top left no-repeat;
      float:left;
      text-indent:-3000px;
}


#eintraege a.detail_btn:hover{
      display:block;
      height:17px;
      width:60px;
      margin-right:10px;      
      background: url(../images/detail_over.gif) top left no-repeat;
      float:left;
      text-indent:-3000px;
}

#eintraege a.karte_btn{
      display:block;
      height:17px;
      width:60px;
      background: url(../images/karte.gif) top left no-repeat;
      float:left;
      text-indent:-3000px;
}

#eintraege a.karte_btn:hover{
      display:block;
      height:17px;
      width:60px;
      background: url(../images/karte_over.gif) top left no-repeat;
      float:left;
      text-indent:-3000px;
}

/* glossar */

#glossar h2 { 
      color: #6C0; 
      font-weight: bold; 
      font-size: 13px; 
      margin: 25px 0 8px 0; 
      padding: 0; 
}

#glossar{
      padding:10px 0 0 20px;  
}

#glossar a{  
      text-decoration: none;  
      color:#000;
}

#glossar a:hover{  
      text-decoration: none;  
      color:#6c0;
}

#glossar span {
      float:left;
      margin:2px 0 0 0;
}

#glossar label{
      float:left;
      margin:2px 5px 0 0;  
}


#glossar input{
      float:left;
}

#glossar ul {
      margin:0;
      margin-top:10px;
      padding:0;
      margin-right:20px;
      list-style-type:none;
	backgrount:none;
}

#glossar li {
      padding:5px 10px 23px 10px;
      margin-bottom:10px;
      background:url(../images/listenpunkt.gif) 0 9px no-repeat;list-style-type: none;
}



#glossar strong {
      font-weight: bold;
      color:#6c0;
      font-size: 13px;
}

#glossar a.detail_btn{
      display:block;
      height:17px;
      width:60px;
      margin-right:10px;      
      background: url(../images/detail.gif) top left no-repeat;
      float:left;
      text-indent:-3000px;
}


#glossar a.detail_btn:hover{
      display:block;
      height:17px;
      width:60px;
      margin-right:10px;      
      background: url(../images/detail_over.gif) top left no-repeat;
      float:left;
      text-indent:-3000px;
}

#glossar a.karte_btn{
      display:block;
      height:17px;
      width:60px;
      background: url(../images/karte.gif) top left no-repeat;
      float:left;
      text-indent:-3000px;
}

#glossar a.karte_btn:hover{
      display:block;
      height:17px;
      width:60px;
      background: url(../images/karte_over.gif) top left no-repeat;
      float:left;
      text-indent:-3000px;
}



/* linke suche und news-ticker */
.box-links {
      background: white url(../images/btn_klein_li.jpg) no-repeat;
      width:147px;
      padding:30px 10px 10px 20px;
      margin:10px 0 25px 19px;
}


.box-links a{
      text-decoration: none;
      color:#000;
}

.box-links a:hover{
      color:#6c0;   
      text-decoration: none;      
}

.box-links hr{
      border:0;
      border-bottom:solid #ccc 1px;  
      margin:8px 0 8px 0;  
}



/* textfelder */
input.text {
      font-size:10px;
      display:block;
      width:140px;
      height:12px;
      padding:0 0 2px 0px;
      margin-bottom:1px;
      border:1px solid #636363;
}

/* umkreis klappliste */
select {
      font-size:10px;
      display:block;
      width:142px;
      height:14px;
      padding:0;
      margin-bottom:1px;
      border:1px solid #636363;
}


/* ###   Footer Bereich   ### */
#footer {
      text-align:center;
      background:url(../images/corner-footer.gif) no-repeat right;
      padding-top:8px;
      padding-right:6px;
      height:35px;
      color:#000;
      width:789px;
}

#footer a {
      text-decoration:none;
      color:#6c0;
}

#footer a:hover {
      color:#636363;
}

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

#footer li {
      display:inline;
      padding:0px 5px;
      border-right:1px solid #CCC;
}


/* ###   AGB seite   ### */

#agb { 
      font-size: 13px; 
      text-align: justify; 
      width: 530px; 
      padding: 5px; 
}


#agb h2 { 
      color: #6C0; 
      font-weight: bold; 
      font-size: 13px; 
      margin: 25px 0 8px 0; 
      padding: 0; 
}

#agb p { 
      margin: 0; 
      margin-bottom: 15px; 
      padding: 0; 
}


/* ###   Impressum   ### */

#impressum { 
      width: 530px; 
      padding: 5px; 
}

#impressum h2 { 
      color: #6C0; 
      font-weight: bold; 
      font-size: 13px; 
      margin: 25px 0 8px 0; 
      padding: 0; 
}

#impressum span { 
      color: #C00; 
      font-weight: bold; 
      font-size: 12px; 
}

#impressum a { 
      color: #000; 
      text-decoration: none; 
}

#impressum a:hover{
      color:#6c0;   
      text-decoration: none;      
}


/* ###   Kundenservice   ### */

#formular-box { 
width:358px; 
height:350px; 
border:1px #d5d5d5 solid; 
}

#formular-box label { 
width:150px; 
height:15px; 
margin-top:5px; 
margin-left: 10px; 
float:left; 
}

#formular-box input.eingabe { 
width:148px; 
height:13px; 
margin-top:5px; 
border:1px #000 solid;
} 

#formular-box textarea { 
width:148px; 
height:48px; 
margin-top:5px; 
border:1px #000 solid;
}


/* ###   Ueber uns   ### */