/*  
*  ///---------------------------------///
*  ///  (c) 2008 melon|media GbR      ///
*  ///---------------------------------///
*  Styles for loeffler-finance.de
*  author: Robert Peter, Soeren Ohk
*  last modified: 11/11/09
*
*/

/*=====================
*  General
======================*/

* {
  padding: 0px;
  margin: 0px;
  font-family: "Verdena",Arial;
  color:#7f8081;
  font-size:12px;
}

body {
  background: url(../images/bg.png) repeat-x #bdbfc0;
  text-align:center;
}

.bodytext {
  font-family: "Times New Roman",Times,serif;
  font-size: 12px;
  line-height: 20px;
  padding-right:15px;
  padding-left:15px;
}

#content H1 {
  font-size: 23px;
  letter-spacing: 1.5px;
  color: #094d94;
  font-family: 'Terminal Dosis', sans-serif;
  padding-bottom: 4px;/* RP 20120102
  font-family: "Arial",Verdena;
  color: #004489;
  text-indent: -9000px;*/
  height:41px;

}

H1 {
  font-size: 17px;
  letter-spacing: 1.5px;
  font-family: "Arial",Verdena;
  padding-bottom: 3px;
  padding-top: 16px;
  color:#004489;
}

H2 {
  font-size: 14px;
  letter-spacing: 1.5px;
  font-family: "Arial",Verdena;
  padding-bottom: 3px;
  padding-top: 16px;
  color:#004489;
}

H3 {
  font-size: 10px;
  letter-spacing: 1.5px;
  font-family: "Times New Roman",Times,serif;
  padding-bottom: 2px;
  margin-left: 15px;
  text-transform: uppercase;
}

a:link {/*
  color: #5f6062;*/
  color: #7F8081;
  text-decoration: none;
  font-size: 12px;
  font-family: "Arial";
}

a:visited {
  color: #7F8081;
  text-decoration: none;
  font-size: 12px;
  font-family: "Arial";
}

a:hover {
  color: #004489;
  text-decoration: underline;
  font-size: 12px;
  font-family: "Arial";
}


/*=======================================
*  positioning site-elements e.g. logo 
=======================================*/

#container {
  margin:0px auto 10px;
  position:relative;
  text-align:left;
  width:967px;
  background:#FFFFFF;
  border-bottom:1px solid #999999;
  border-left:1px solid #999999;
  border-right:1px solid #999999;
}

#logo {
  padding:30px 0 0 705px;
}

#photoline_oben {
  position: absolute; 
  left: 575px; 
  top: 11px;
}

#imgline{
  border-bottom:1px solid #999999;
  border-top:1px solid #999999;
         height:273px;
         width:967px;
}

#navi {
  margin:20px 0 10px 39px;
  height:60px;
}

#navi a { 
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform:uppercase;
}

#navi a:link { 
  color: #7F8081; 
  text-decoration: none;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform:uppercase;
}



#navi a:hover {     
  color: #004489;
}

#navi ul {
  padding: 6px 0;
  
}

#navi li {/*
  margin: 0 10px;*/
  display: block;
  display: inline;  
}

#navi li a span {
  display: none;
}

#navi li a img {
  border: none;
}

#navi .open a {
  color:#004489;
}


#content {
  padding:50px 0 0 55px;
  width: 490px; 
  float:left;
  line-height:1.8;
}
#infobox {
  padding:50px 50px 0 55px;
  width: 315px; 
  float:right;
  line-height:1.8;
}

.boxframe {
  background: url(../images/leftbar_bg.png) repeat-x #bdbfc0;
  padding:15px;
  border:1px solid #999999;
}

.boxframe h1 {
  font-size: 14px;
  padding-bottom: 3px;
  padding-top:0px;
  text-transform:uppercase;
}

#content a img {
  border: none;
}

#content2 {
  padding: 25px 0 0 0;
  margin: 25px 0 0 0;
  width: 690px; 
  height: 350px;
}

#content span {
  display: none;
}

#footer {/*
  margin: 50px 0 10px 735px;*/
  margin: 50px 10px 10px;
  float:right;
}

#copyright {
   padding: 50px 0 10px 55px;
   float:left;
   font-size:9px;
}

#copyright a {
   font-size:9px;
}


#footer #flagge {
  padding:10px 0 0;
}

#footer li {
  margin: 0 0 4px 0;
  padding-left: 0px;
  list-style-type:none;
  display: inline;
}

#footer li a span {
  display: none;
}

#footer li a img {
  border: none;
}

#footer a:link { 
  text-decoration: none;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform:uppercase;
}

#footer a:hover {     
  color: #004489;
}
#footer a:visited { 
  text-decoration: none;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform:uppercase;
}


/*=======================================
    form 
=======================================*/

.csc-textpic-text, .csc-textpic-imagewrap{
  margin:0px;
}

.csc-mailform {
  margin:0px;
  padding:0px;
}

fieldset {
  padding: 1em;
  font:80%/1 sans-serif;
  border:0px;
}

label {
  width: 12em;
  font-size: 12px;
  padding: 0px 0px 0px 0px;
  float: left;
  text-align: left;
  margin-right: 0.5em;
  display: block;
}

select, textarea, input, option {
  margin-bottom: 10px;
  background:#EBEBE4;
  color: black;
  border-color: #D6D7D6;
  border-left: 1px solid #777799;
  border-top: 1px solid #777799;
  border-bottom: 1px solid #777799;
  border-right: 1px solid #777799;
}

#mailform{
  margin-top:20px;
  margin-left:30px;
}


/*=======================================
*  Sitemap
=======================================*/

#content li,.boxframe li {
  background-image:url(../images/pfeil.gif);
  background-repeat:no-repeat;
  display:block;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin-bottom:5px;
  margin-left:25px;
  margin-top:3px;
  padding-left:18px;
}