/*! :::::::::::::::    CSS Document     ::::::::::::::::::::::::::::

    Homepage | Design - Stylesheet
    ----------------------------------------------------------
    Media: Screen
    Datum:01/2009
    Designer:AB
    Kontakt:info@domain.de

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* generelle Styles */
*{ 
      margin:0;
      padding:0;
      border:0;
}

p {padding:10px 0 10px 0;}

.clear {
      clear:both;
      }

a{
      text-decoration: none;
      color:#ED7705;  
}

a:hover{
      text-decoration: none;
      color:#666;  
}

h1{
      font: 14px Arial, Helvetica, sans-serif;
      color:#ED7705;
      font-weight:bold;
}

body{
      background-color: #fff; ;
      font: 11px Arial, Helvetica, sans-serif;
      color:#666;
      line-height: 17px;
}



/*  --  komplette Seite -- center  --  */
#page{
      margin:auto;
      margin-top:20px;
      width: 1000px;  
      height:650px; 
}

/*  --  navigation div  --  */
#navi{
      width:1000px;
      height:210px;
      position:relative;
}

#navi ul li {
      list-style-type: none;    
}


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

#logo{
      position:absolute;
      right:0;
      top:0;
}

/*  --  link1  --  */
a#link1 {
      width:182px;
      background: url(../images/navi/willkommen_btn.gif) 0 0 no-repeat;
}
a#link1:hover {
      background-position: -182px 0; 
} 
a#link1-aktiv {
      width:182px;
      background: url(../images/navi/willkommen_btn.gif) -364px 0 no-repeat;
}
/*  --  link2  --  */
a#link2 {
      width:182px;
      background: url(../images/navi/leistungen_btn.gif) 0 0 no-repeat;
}
a#link2:hover {
      background-position: -182px 0; 
} 
a#link2-aktiv {
      width:182px;
      background: url(../images/navi/leistungen_btn.gif) -364px 0 no-repeat;
}
/*  --  link3  --  */
a#link3 {
      width:182px;
      background: url(../images/navi/preise_btn.gif) 0 0 no-repeat;
}
a#link3:hover {
      background-position: -182px 0; 
} 
a#link3-aktiv {
      width:182px;
      background: url(../images/navi/preise_btn.gif) -364px 0 no-repeat;
}
/*  --  link4  --  */
a#link4 {
      width:182px;
      background: url(../images/navi/impressionen_btn.gif) 0 0 no-repeat;
}
a#link4:hover {
      background-position: -182px 0; 
} 
a#link4-aktiv {
      width:182px;
      background: url(../images/navi/impressionen_btn.gif) -364px 0 no-repeat;
}
/*  --  link5  --  */
a#link5 {
      width:182px;
      background: url(../images/navi/tun_btn.gif) 0 0 no-repeat;
}
a#link5:hover {
      background-position: -182px 0; 
} 
a#link5-aktiv {
      width:182px;
      background: url(../images/navi/tun_btn.gif) -364px 0 no-repeat;
}
/*  --  link6  --  */
a#link6 {
      width:182px;
      background: url(../images/navi/anfahrt_btn.gif) 0 0 no-repeat;
}
a#link6:hover {
      background-position: -182px 0; 
} 
a#link6-aktiv {
      width:182px;
      background: url(../images/navi/anfahrt_btn.gif) -364px 0 no-repeat;
}
/*  --  link7  --  */
a#link7 {
      width:182px;
      background: url(../images/navi/kontakt_btn.gif) 0 0 no-repeat;
}
a#link7:hover {
      background-position: -182px 0; 
} 
a#link7-aktiv {
      width:182px;
      background: url(../images/navi/kontakt_btn.gif) -364px 0 no-repeat;
}
/*  --  link8  --  */
a#link8 {
      width:93px;
      height:27px;
      background: url(../images/navi/leistung_abschied.gif) 0 0 no-repeat;
}
a#link8:hover {
      background-position: -93px 0; 
} 
a#link8-aktiv {
      width:93px;
      height:27px;
      background: url(../images/navi/leistung_abschied.gif) -93px 0 no-repeat;
}
/*  --  link9  --  */
a#link9 {
      width:113px;
      height:27px;
      background: url(../images/navi/leistung_einzel.gif) 0 0 no-repeat;
}
a#link9:hover {
      background-position: -113px 0; 
} 
a#link9-aktiv {
      width:113px;
      height:27px;
      background: url(../images/navi/leistung_einzel.gif) -113px 0 no-repeat;
}
/*  --  link10  --  */
a#link10 {
      width:124px;
      height:27px;
      background: url(../images/navi/leistung_sammel.gif) 0 0 no-repeat;
}
a#link10:hover {
      background-position: -124px 0; 
} 
a#link10-aktiv {
      width:124px;
      height:27px;
      background: url(../images/navi/leistung_sammel.gif) -124px 0 no-repeat;
}

#subnavi{
      position:absolute;
      top:29px;
      left:200px;
}

#subnavi li{
      float:left;
      margin-right:10px;
}


/*######### CONTENT ###########*/

#content{
      width:470px;
      margin:30px 0 0 27px;
}

.headline{
      margin-bottom:17px;
}

#form{
      width:446px;
      margin:30px 0 0 27px;      
      float:left;
}

#form br{
      clear:both;
}

#form label{
      cursor:pointer;
      float:left;
      width:70px;
}

#form input{
      width:180px;
      background-color:#ddd;
}

#form input.formbutton{
      width:100px;
}

#form input.plz{
      width:50px;
      border-right:1px solid #666;
}

#form input.ort{
      width:128px;
      border-left:1px solid #666;
}

#form textarea{
     width:180px; 
    background-color:#ddd;     
}

#footer{
      clear:both;
      height:;
      width:470px;
      margin-top:40px;
}

#footer ul{
      margin:10px 0 0 27px;
      list-style-type: none;
}

#footer ul li {
      float:left;
      margin-right:10px;
}



#page .starttext{margin-left:500px;}
.startfooter{margin-left:470px;}
#page .anfahrt{margin-top:260px;}

/*** Backgrounds ****/
.anfahrtbg{background: url(../images/bg/bg-anfahrt.jpg) no-repeat;}
.willkommenbg{background: url(../images/bg/bg-willkommen.jpg) no-repeat;}
.was-tun-bg{background: url(../images/bg/bg-tun.jpg) no-repeat;}
.kontakt-bg{background: url(../images/bg/bg-kontakt.jpg) no-repeat;}
.leistungen-bg{background: url(../images/bg/bg-leistungen.jpg) no-repeat;}
.index-bg{background: url(../images/bg/bg-index.jpg) no-repeat;}
.impressionen-bg{background: url(../images/bg/bg-impressionen.jpg) no-repeat;}
.preise-bg{background: url(../images/bg/bg-preise.jpg) no-repeat;}

#page .preise-content{margin-left:500px;}




.orange{color:#ED7705;}