/*------------------- CSS RESET ---------------------


---------------------------------------------------*/

* {
padding: 0;
margin: 0;
}


ul,
ol {
list-style: none;
}

b,
strong {
font-weight: bold;
}

img,
a img {
border: none;

}


/*------------------- CONTAINER ---------------------

---------------------------------------------------*/


#container {
width:100%;
height:100%;

}

body {
background: #FF7104;
width:100%;
height:100%;

}


/*------------------- CONTENT ---------------------

---------------------------------------------------*/

#content {
background: #FFF;
width:1000px;
height:;
padding:0;
margin:2% auto;
text-align:left;
font-family : arial, sans-serif;
border:0 solid #fff;
border-radius:5px;
}


/*------------------- RAHMEN ---------------------

---------------------------------------------------*/

#rahmen {
margin:0px 0;
text-align:left;
font-family : arial, sans-serif;
border:0px solid #A38500;
}


/*------------------- HEADER ---------------------

---------------------------------------------------*/

#header {
margin-top:0px;
height:120px;

}

img.hd {border-radius:5px 5px 0 0;}

/*------------------- NAVTOP ---------------------

---------------------------------------------------*/

#navtop {
background: url(http://buchankauf-deutschland.de/images/bild/navtop.gif) repeat-x ;
margin:0px 0 ;
padding: 3px 3px 3px 3px;
width:994px;
height:50px;
}

ul.menu {
display: block;
margin:0 0 0 40px;
}

ul.menu li {
margin:7px 5px 3px 5px;
padding:0px 6px 0px 6px;
display: block;
width:auto;
background:rgba(255, 236, 64, 0.9);
float:left;
height:33px;

box-shadow: inset 0 0 3px #E5C700;
-webkit-box-shadow: 2px 2px 2px #E5C700, -2px -2px 2px #E5C700;
-moz-box-shadow: 2px 2px 2px #E5C700, -2px -2px 2px #E5C700;
box-shadow: 2px 2px 2px #E5C700, -2px -2px 2px #E5C700;
border-radius:5px;
}



ul.menu li a {
font-family: helvetica, sans-serif;
font-size:15px !important;
color:#000;
text-decoration:none;
font-weight:bold !important;
padding:5px 8px 5px 8px;
display: block;
width:auto;
margin-top:3px;

}

ul.menu li a:hover {
font-size:15px;
color:#FFF;
text-decoration:none;
padding:5px 8px 5px 8px;
display: block;
width:auto;
margin-top:3px;

}

ul.menu li:hover {

background:#857430;
}


/*------------------- SEITE ---------------------

---------------------------------------------------*/


#seite {
margin-top:10px;
width:1000px;

}

/*------------------- INHALT ---------------------

---------------------------------------------------*/

#inhalt {
width:970px;
height:100%;
margin:0px 0 0 30px;
padding:0px 20px 20px 20px;
font-size:15px;
color:#000;
float:left;

}

div.inhalt {
width:870px;
height:100%;
margin:0px 0 0 0px;
padding:0px 0px 0px 0px;
font-size:15px;
color:#000;
line-height:17pt;

}


h1 {
font-size:22px;
color:#857430;
text-decoration:none;
margin: 20px 0 20px 0;
}


.foxcontainer h2 {
font-size:22px;
color:#857430;
text-decoration:none;
margin: 20px 0 20px 0;

}


h2{
font-size:15px;
color:#857430;
text-decoration:none;
margin: 0 0 3px 0;
font-weight:bold;
}

h3{
font-size:15px;
color:#857430;
text-decoration:none;
margin: 10px 0 20px 0px;
font-weight:bold;

}

h3.faq{
font-size:15px;
color:#857430;
text-decoration:none;
margin: 0px 0 7px 0px;
font-weight:bold;

}

h3.bkli{
font-size:12px;
color:#857430;
text-decoration:none;
margin: 0px 0 10px 0px;
font-weight:bold;
}

.abs{
margin-top:10px;
}

.abs2{
margin-top:7px;
}

td{
vertical-align:top;
}

a {
font-size:15px;
color:#857430;
text-decoration:none;
}



a:hover {
font-size:15px;
color:#000;
text-decoration:none;
}



.clr {
clear:both;
}


p.faq {
margin:5px 0 5px 30px;
}

span.planrouteheader {
width:400px;
padding:10px 0;
}


div.planroute {
text-algin:left;
padding:10px 0;
margin:0 0 30px 0;
}

ul.txt {
list-style:circle;
padding:5px 0;
margin:0 0 0 30px ;
}

ul.txt li {
list-style:circle;
padding:0px 0;
margin:10px 0 0 0px ;
}

span.bkli {
float:left;
width:100px;
height:auto;

}

span.bklir {
float:left;
width:300px;
height:auto;
line-height:15pt;
letter-spacing:0.5pt;
}


.page-header {display:none;}


/*------------------- FOOT ---------------------


---------------------------------------------------*/

#foot {
width:700px;
height:0;
margin:0px 0 0 0px;
padding:0px 0px 0px 0px;
font-size:13px;
color:#000;
line-height:0pt;
float:left;

}




@media screen and (max-width:480px) {
        body {width:100%;
                margin:0px;
                font-size:0.95em;
        }

#content {
background: #FFF;
width:98%;
height:;
padding:0;
margin:1% ;
text-align:left;
font-family : arial, sans-serif;
border:0 solid #fff;
border-radius:2%;

}

  img.hd {width:100%;max-width:480px;height:120px;}
  
#seite {
margin:2%;
width:96%;

}
#inhalt {
  max-width:480px;
width:100%;
height:100%;
margin:0 ;
padding:0  ;
font-size:1em;
color:#000;
float:left;

}

div.inhalt {
width:92%;
height:100%;
margin:0 ;
padding:2%;
font-size:1em;
color:#000;
line-height:1.2em;

}

  #navtop {
background: url(http://buchankauf-deutschland.de/images/bild/navtop.gif) repeat-x ;
margin:0px 0 ;
padding: 2%;
width:96%;
height:40px;
}


ul.menu {
display: block;
margin:0 0 0 0px;
}

ul.menu li {
margin:1% 1% 1% 1%;
padding:0 1%;
display: block;
width:auto;
background:rgba(255, 236, 64, 0.9);
float:left;
height:26px;

box-shadow: inset 0 0 3px #E5C700;
-webkit-box-shadow: 2px 2px 2px #E5C700, -2px -2px 2px #E5C700;
-moz-box-shadow: 2px 2px 2px #E5C700, -2px -2px 2px #E5C700;
box-shadow: 2px 2px 2px #E5C700, -2px -2px 2px #E5C700;
border-radius:3px;
}



ul.menu li a {
font-family: helvetica, sans-serif;
font-size:1em;
color:#000;
text-decoration:none;
font-weight:bold !important;
padding:2px 3px 2px 3px;
display: block;
width:auto;
margin-top:3px;

}

ul.menu li a:hover {
font-size:1em;
color:#FFF;
text-decoration:none;
padding:2px 3px 2px 3px;
display: block;
width:auto;
margin-top:3px;

}

ul.menu li:hover {

background:#857430;
}  
  
  
  
  
  
  
  
  
  
  
  
  
}