/***************************************************************
 *                                                             *
 * @author Juergen Schley <j.schley(at)21torr.com>             *
 * @copyright 2008 VPV Makler | VPV-Versicherung               *
 * @date 2008/08                                               *
 * @version 1.0                                                *
 * @lastmodified 2008/08/14                                    *
 * @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; }


/***************************************************************
 *                                                             *
 * @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.4em; }
h3 { font-size:1.2em; }

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

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

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

.noPad { 
  padding:0 !important;
} 

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                                        *
 * @see index.php + power-rente-produktfilm.php                *
 * @see power-direkt-produktfilm.php                           *
 *                                                             *
 **************************************************************/

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




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

#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.print {
  display:none;
}




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

#content div.box a { 
  width:150px;
  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.box 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.subCont h2, #content div.subContBox h2 { 
  font-size:1.5em;
  margin:0 0 10px 0;
  font-family:Arial;
}

#content div.subCont h3, #content div.subContBox h3, #content div.subContBox h3 { 
  font-size:1.2em;
  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 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%;
}




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

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

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

.blue {
  color:#013b8c;
}

.lightblue {
  background:#e5ebf7 !important;
}

.darkblue {
  color:#2e65b5;
}

.bold {
  font-weight:bold;
}

.noBg  {
  background:#fff !important;
}

.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;
}

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

input.error-num { 
  border:1px solid #013b8c;
  width:86px;
  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 img { 
  float:left;
  margin: 10px 10px 0 10px;
}

#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 a:hover { 
  background:url(../img/arrow_blue.gif) no-repeat 0 3px;
  color:#013b8c;
  text-decoration:underline;
}

#marg div.module p.special { 
  width:165px;
  padding:0 0 0 10px;
}

#marg div.module p.special a.special { 
  background:none;
  text-decoration:none;
  margin:0;
  padding:0;
}

#marg div.module p.special a.special:hover { 
  color:#013b8c;
  text-decoration:underline;
}

#marg div.module p a.none { 
  background:none;
  text-decoration:none;
  float:left;
  margin:0 0 0 -5px;
  padding:0;
}

#marg div.module p a.none:hover {
}