/***************************************************************
 *                                                             *
 * @author Juergen Schley <j.schley(at)21torr.com>             *
 * @copyright 2009 VPV Power Webspecial | VPV-Versicherung     *
 * @date 2008/07                                               *
 * @version 1.0                                                *
 * @lastmodified 2009/01/19                                    *
 * @section Print                                              *
 *                                                             *
 **************************************************************/

div.clear, br.clear { 
  clear:both;
  height:1px;
  font-size:1px;
  line-height:1px;
}

div.clearZero { 
  clear:both;
  font-size:0;
}

div.left { float:left; }

div.right { float:right; }

div.pVIEW { }


/***************************************************************
 *                                                             *
 * @note Package | PAGE                                        *
 *                                                             *
 **************************************************************/

 
body { 
  background:none;
  margin:0;
  padding:0;
  font:.7em/1.35em Verdana,Arial,Helvetica,sans-serif;
  color:#7a7a7a;
  text-align:center; 
}

h1, h2, h3, h4, h5, h6, p, input, textarea, select { 
  margin:0;
  padding:0;
}

form { 
  margin:0;
  padding:0;
}

a { 
  text-decoration:underline;
  color:#6b6b6b;
}
a img { 
  border:0;
}

input, select, textarea { 
  font:.9em/1.5em Arial,Verdana,Helvetica,sans-serif;
}

img  { 
  font-family:Arial,Verdana;
}

h1 { display:none; }
h2, h3 { color:#013b8c; }
h2 { font-size:1.25em; }
h3 { font-size:1.1em; }
h4 { display:none; }
h5 { display:none; }

hr { 
  border:none;
  padding:0;
  margin:0;
  font-size:0;
}

.normal { 
  font-weight:normal !important;
}

.small { 
  font-size:.9em;
}

.big { 
  font-size:1.2em;
  font-weight:bold;
  line-height:2.5em;
}

div.noMr { 
  margin-right:0 !important;
}

div.mL8 { 
  margin-left:8px !important;
}

.noPad { 
  padding:0 !important;
} 

div.index {
  height:184px;
}

div.outer-main { 
  width:960px;
  text-align:left;
  margin:auto;
  padding:0;
}

div.main { 
  float:left;
  width:960px;
  padding:0;
}

#header { 
  float:left;
  width:960px;
  margin:0 0 10px 0;
}


/***************************************************************
 *                                                             *
 * @note Package | Navi                                        *
 *                                                             *
 **************************************************************/
 
/***************************************************************
 *                                                             *
 * @note Main Navigation left                                  *
 *                                                             *
 **************************************************************/
 
#nav { 
  float:left;
  width:196px;
  margin:0;
  padding:0;
  font-size:.9em;
}

#mainnav { 
  float:left;
  width:175px;
}

#mainnav ul { 
  float:left;
  margin:0;
  padding:0;
  list-style:none;
}

#mainnav li { 
  float:left;
  width:175px;
  margin:0;
}

#mainnav a {   
  float:left;
  width:175px;
  height:22px;
  text-decoration:none;
  overflow:hidden; /* Firefox 1.5 hyperlink marker */ 
}

#mainnav a.active  { 
  font-weight:bold;
  text-decoration:underline;
}

#mainnav ul ul {
  padding:2px 0 5px 0;
}

#mainnav ul ul li a {
  height:19px;
  text-indent:10px;
}

#mainnav ul ul li a.active  { 
  font-weight:bold;
  text-decoration:underline;
}




/***************************************************************
 *                                                             *
 * @note Footer Navigation                                     *
 *                                                             *
 **************************************************************/
 
#footer {
  display:none;
}


/***************************************************************
 *                                                             *
 * @note Package | Content                                     *
 *                                                             *
 **************************************************************/
 
#content { 
  width:930px;
  float:left;
  background:#fff;
  padding:15px;
}

#content div.homepage {
  float:left;
  height: 1%; 
  width:734px;
  margin:0;
  padding:0;
}




/***************************************************************
 *                                                             *
 * @note Homeage Styles                                        *
 * @note div.halfBox - 2 Boxen (362px) nebeneinander           *
 * @see index.php + power-rente-produktfilm.php                *
 * @note div.smallBox - 1 Box (362px)                          *
 * @see power-direkt-produktfilm.php                           *
 *                                                             *
 **************************************************************/

#content div.box { 
  float:left;
  width:709px;
  margin:10px 0 0 0;
  padding:0 0 0 25px;
}

div.bgHome1 {
  background:url(../img/bg-home1.gif) no-repeat;
}

#content div.halfBox { 
  float:left;
  width:347px;
  margin:10px 10px 0 0;
  padding:0 5px 0 10px;
}

#content div.halfBox img { 
  float:left;
  margin-right:3px;
}

#content div.smallBox { 
  float:left;
  width:155px;
  margin:10px 10px 0 0;
  padding:0 12px 0 0;
}




/***************************************************************
 *                                                             *
 * @note Sub Page Styles                                       *
 *                                                             *
 **************************************************************/
 
#content div.subCont { 
  float:left;
  width:540px;
  margin:0;
  padding-top:15px;
}

#content div.subCont div.box3Q { 
  float:left;
  width:513px;
  margin:10px 10px 0 0;
  padding:20px 10px 16px 22px;
}

#content div.subContBox { 
  float:left;
  width:500px;
  margin:1px 5px 20px 0;
  padding:21px 20px 0 11px;
}
*+html #content div.subContBox {
  width:505px;
  margin:1px 10px 20px 0;
}
html>body #content div.subContBox {
  width:505px;
  margin:1px 10px 20px 0;
}


div.fragen {
  padding:15px 10px;
  margin:10px 0 10px 0;
  border-bottom:1px solid #e9f2f9;
  overflow:auto;
}
div.fragen h3 {
  color:#013b8c;
  font-weight:bold;
  font-size:1em;
  margin-bottom:10px;
}
div.fragen h3.active {
  color:#a20504;
  text-indent:10px;
  background:url(../img/arrow_red_dbl.gif) no-repeat 0 4px;
}


div.bulletList {
  background:#e5ebf7;
  color:#013b8c;
  padding:15px 10px;
  margin:11px 0 20px 0;
}
div.bulletList ul {
  padding:0;
  margin:10px 0 0 15px;
}
div.bulletList ul li {
  padding-bottom:5px;
}


div.print {
  display:none;
}




/***************************************************************
 *                                                             *
 * @note a link definitions                                    *
 *                                                             *
 **************************************************************/

#content div.box a { 
  background:url(../img/arrow_blue.gif) no-repeat 0 3px;
  color:#013b8c;
  text-decoration:none;
  font-weight:bold;
  float:left;
  margin:5px 0 0 0;
  padding:0 0 0 10px;
}

#content div.halfBox a { 
  background:url(../img/arrow_blue.gif) no-repeat 0 3px;
  color:#013b8c;
  text-decoration:none;
  font-weight:bold;
  padding:0 0 0 10px;
}

#content div.box a:hover,
#content div.halfBox a:hover { 
  text-decoration:underline;
}

#content div.box a.none {
  float:none !important;
  color:#6b6b6b !important;
  background:none !important;
  text-decoration:underline !important;
  font-weight:normal !important;
  margin:0 !important;
  padding:0 !important;
}

#content div.halfBox a.none,
#content div.smallBox a.none { 
  background:none;
  text-decoration:none;
  margin:0;
  padding:0;
}

#content div.box a.red,
#content div.halfBox a.red,
#content div.subCont div a.red,
#marg div.module a.red { 
  background:url(../img/arrow_red.gif) no-repeat 0 3px;
  text-decoration:underline;
  color:#a20504;
  font-size:.95em;
  font-weight:bold;
  margin-top:1px;
  padding-left:7px;
  float:left;
}

#content div.subCont p.box a { 
  background:url(../img/arrow_blue.gif) no-repeat 0 3px;
  text-decoration:none;
  color:#013b8c;
  font-size:.95em;
  margin-top:5px;
  padding-left:8px;
  float:left;
  width:510px;
}

#content div.subCont p.box a.active { 
  background:url(../img/arrow_red.gif) no-repeat 0 3px;
  color:#a20504;
}




/***************************************************************
 *                                                             *
 * @note h2 definitions                                        *
 *                                                             *
 **************************************************************/
 
#content div.homepage h2 {
  font-family:Arial;
}

#content div.halfBox h2 { 
  font-size:1.25em;
  margin:11px 0 9px 0;
  font-family:Arial;
}

#content div.subCont h2, #content div.subContBox h2 { 
  font-size:1.25em;
  margin:0 0 15px 0;
  font-family:Arial;
}

#content div.subCont h2.double { 
  line-height:1.3em;
}

#content div.subCont div.box h2 { 
  font-size:1.25em;
  margin:17px 0 6px 0;
  font-family:Arial;
}




/***************************************************************
 *                                                             *
 * @note p-tag definitions                                     *
 *                                                             *
 **************************************************************/

#content div.box p.one { 
  float:left;
  width:465px;
  margin-right:30px;
  padding:0;
}

#content div.box p.two { 
  float:left;
  width:200px;
  margin:0;
  padding:0;
}

#content div.box p.two a {
  margin:10px 0 0 0;
}

#content div.subCont div.box3Q p img,
#content div.smallBox img,
#content div.halfBox img {
  margin-bottom:10px;
}

#content div.halfBox p { 
  float:left;
  width:151px;
  margin:0 16px 0 0;
  padding:0;
}

#content div.subCont p {
  margin:11px 0 20px 0;
}

#content div.subCont p.box {
  background:#e5ebf7;
  color:#013b8c;
  padding:15px 10px;
  margin:11px 0 20px 0;
  overflow:auto;
  height:1%;
}

#content div.box3Q p { 
  float:left;
  width:155px;
  margin:0 16px 0 0;
  padding:0;
}
 
 

/***************************************************************
 *                                                             *
 * @note Kontaktseiten definitions                             *
 *                                                             *
 **************************************************************/

div.kontaktinfo {
  float:left;
  background:url(../img/bg_kontaktinfo.jpg) no-repeat;
  color:#013b8c;
  width:371px;
  height:138px;
  margin-bottom:5px;
}
*+html div.kontaktinfo {
  margin-bottom:0;
}

#image { 
  float:right;
  height:18px;
  line-height:18px;
  width:161px;
  border:none;
  color:#fff;
  font-size:.9em;
  text-decoration:none;
  font-weight:bold;
  text-indent:16px;
  text-align:left;
  background:transparent url(../img/a-image-off.gif) no-repeat;
}
#image a { 
  color:#fff;
  text-decoration:none;
}
.image-normal {
  background:transparent url(../img/a-image-off.gif) no-repeat;
}




/***************************************************************
 *                                                             *
 * @colordef span, bg and color definitions                    *
 *                                                             *
 **************************************************************/

.grey {
  color:#6b6b6b !important;
}

.lightgrey {
  color:#888;
  font-size:.9em;
}

.blue {
  color:#013b8c;
}

.lightblue {
  background:#e5ebf7 !important;
}

.midblue {
  background:#d8e4f2 !important;
}

.darkblue {
  color:#2e65b5;
}

.bold {
  font-weight:bold;
}

.noBg  {
  background:#fff !important;
}

.lightred {
  color:#d41a19;
}

.red {
  color:#a20504;
}

.copy {
  color:#2e65b5;
}




/***************************************************************
 *                                                             *
 * @note form-styles                                           *
 *                                                             *
 **************************************************************/
 
div.form { 
  margin-left:9px;
  padding:0;
}

div.form p {
  float:left;
  width:auto;
  margin-right:7px !important;
  height:0 !important;
  padding:0 !important;
}
*+html div.form p { 
  height:.8em;
  padding-top:4px;
}

div.form p.error {
  font-weight:normal;
  color:#a20504;
}

input { 
  font-size:1.1em;
  border:1px solid #7d7d7d;
  width:268px;
}
*+html input { padding-bottom:3px; }

input.short {
  width:176px;
}

input.num {
  width:86px;
}

input.error { 
  border:1px solid #013b8c;
  background:#c33;
  color:#fff;
}

textarea { 
  border:1px solid #7d7d7d;
  font-size:1.1em;
}

label { 
  float:left;
  width:140px;
  padding-top:3px;
  margin-bottom:10px;
  font-size:0.9em;
  font-weight:bold;
  color:#013b8c;
}

label.error { 
  color:#a20504;
  font-weight:bold;
}

div.error { 
  color:#a20504;
  font-weight:normal;
}

.error { 
  color:#a20504;
  font-weight:normal;
}

select { 
  width:210px;
  font-size:1.1em;
  border:1px solid #7d7d7d;
  margin-bottom:4px;
}

input.radio { 
  border:none;
  float:left;
  width:1em;
  height:1em;
  padding:0;
  margin-top:2px;
  margin-right:3px;
}

input.checkbox { 
  border:none;
  float:left;
  width:1em;
  height:1em;
  padding:0;
  margin-top:2px;
  margin-right:5px;
}




/***************************************************************
 *                                                             *
 * @note graphical input buttons                               *
 *                                                             *
 **************************************************************/
 
input.btn-form { 
  height:22px;
  width:138px;
  border:none;
  color:#fff;
  font-size:1.1em;
  font-weight:bold;
  text-indent:16px;
  text-align:left;
  background:transparent url(../img/btn-off.gif) 0 3px no-repeat;
}
*+html input.btn-form { padding-top:2px; }




/***************************************************************
 *                                                             *
 * @note Package | Marginalien                                 *
 *                                                             *
 **************************************************************/

#marg { 
  float:right;
  width:176px;
  margin:18px 0 0 0;
  padding:0;
}

#marg div.module { 
  float:left;
  width:176px;
  margin:0 0 25px 0;
  padding:0;
}

#marg div.module h2 { 
  height:17px;
  line-height:15px;
  background:url(../img/bg-marg-h2.gif);
  width:165px;
  font:1.2em Arial;
  font-weight:bold;
  color:#fff;
  padding:0 0 0 10px;
  margin:0px;
}

#marg div.module p { 
  float:left;
  width:176px;
  font-size:1em;
  margin:5px 0 0 0;
  padding:0;
}

#marg div.module p a { 
  width:160px;
  background:url(../img/arrow_marg.gif) no-repeat 0 3px;
  text-decoration:none;
  font-weight:normal;
  float:left;
  margin:5px 0 0 0;
  padding:0 0 0 10px;
}

#marg div.module p.special { 
  width:166px;
  padding-left:10px;
}

#marg div.module p.special a { 
  float:left;
  width:auto;
  background:url(../img/arrow_blue.gif) no-repeat 0 3px;
  color:#013b8c;
  text-decoration:none;
  font-weight:bold;
  margin:10px 0 0 0;
  padding:0 0 0 10px;
}