/*  rechtsanwaelte-hanken.de
       stodeweg Media 2009
       Timo Nooitrust
       
rah blau : #104095
hell-blau : #E7EBF4
navi-grau : #656565
weis : #FFFFFF
footer-grau : #C7C7C7

* { border : 1px solid red; }
*/

html, body {
  height: 100%;
}

body {
  margin-top : 0;
  margin-bottom : 0;
  font-family : Arial, Helvetica, Verdana, sans-serif;
  font-size : 0.8em;
}

#website {
  width : 899px;
  border : 1px #104095;
  border-style : none solid;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -220px;
}

#push {
  height: 220px;
}

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

#header {
  height : 245px;
  background-color : #E7EBF4;
  clear : both;
  border-bottom : 1px solid #ffffff;
}

#header_top {
  line-height : 20px;
  background-color : #104095;
  padding-left : 5px;
}

#header_title p {
  text-align : left;
  float : left;
  color : #ffffff;
  margin : 0;
}

#header_search {
  text-align : right;
}

#header_logo {
  margin-top : 50px;
  margin-bottom : 20px;
  margin-left : 50px;
  padding : 0;
}

#fslogo {
  margin: -15px 0 -15px 550px;
}

#header_navi {
  height : 20px;
  width : 799px;
  padding-left : 100px;
  background-color : #656565;
  color : #ffffff;
  background-image : url(images/background.gif);
}

#header_rootline {
  margin-left : 110px;
  margin-top : 43px;
  padding : 0;
}

#header_rootline a{
  color : #104095; 
  text-decoration : none; 
  font-family : Times, Georgia, Arial, Helvetica, Verdana, sans-serif;  
  font-size : 1.1em;
}

#header_rootline a:hover{
  text-decoration : underline; 
}



/* MainMenu START */

.menu_item a {
  width : 85px;
  border-right : 1px solid #E7EBF4; 
}

.menu_item_big a {
  width : 185px;
  border-right : 1px solid #E7EBF4; 
}

.menu_item ul li a {
  width : 129px;
}

.menu_item_big ul li a {
  width : 229px;
}

li.hover > div.menu_item > a,
li.hover > div.menu_item_big > a {
  color : #ffffff;
  background-image : url(images/background3.png);
}

ul.menu, ul.menu ul {
  list-style-type : none;
  margin : 0;
  padding : 0;
  z-index : 2;
}

ul.menu a {
  line-height : 20px;
  display : block;
  font-weight : normal;
  color : white;
  text-decoration : none;
  padding : 0 7px;
}

ul.menu a:hover {
  color : #ffffff;
  background-color : #104095;
  background-image : none;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width : 142px; 
}

ul.menu li {
  padding : 0;
  margin : 0;
  float : left;
  background-color : #656565;
  height : 20px;
}

ul.menu ul li {
  float : none;
  background-color : transparent;
}

/* Zweite Ebene */
ul.menu ul li {
  margin-right : 0;
}

ul.menu ul a {
  color : #ffffff;
  background-image : url(images/background3.png);
  border-top : 1px solid #E7EBF4;
}

ul.menu ul a:hover {
  color : #ffffff;
  background-color : #656565;
  background-image : none;
}

ul.menu ul {
  margin : 0;
  padding : 0;
  position : absolute;
  display : none;
}

ul.menu li.hover ul, ul.menu li:hover ul  {
  display : block;
}

/* Dritte Ebene */
ul.menu li.hover ul ul, ul.menu li:hover ul ul {
  display : none;
  margin-left : 100px; 
  margin-top : -18px; 
}

ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
  display : block;
}

/* Vierte Ebene */
ul.menu li.hover ul li.hover ul ul, ul.menu li:hover ul li:hover ul ul {
  display : none;
}

ul.menu li.hover ul li.hover ul li.hover ul , ul.menu li:hover ul li:hover ul li:hover ul {
  display : block;
}
/* MainMenu END */


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


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

#content  {
  background-image : url(images/background.gif);
  padding-left : 100px; 
  clear : both;
  line-height : 1.4;
}

#content h1, 
#content h2,
#content h3, 
#content h4,
#content h5, 
#content h6 {
  color : #104095;
  font-family : Times, Georgia, Arial, Helvetica, Verdana, sans-serif;
}

#content h1 { font-size : 1.5em;  }
#content h2 { font-size : 1.25em; }
#content h3 { font-size : 1.2em;  }
#content h4 { font-size : 1.1em;  }
#content h5 { font-size : 1.1em;  }
#content h6 { font-size : 1.0em;  }

#content_right { font-size : 0.95em; }

#content_right .csc-textpic-clear {
  height:30px;
}

#content_left_right {
  width : 699px;
  background-image : url(images/background1.png);
  background-repeat : repeat-y;
  background-position : right;
}

#content_navi {
  height : 400px;
  font-family : Times, Georgia, Arial, Helvetica, Verdana, sans-serif;  
  font-size : 1.1em;
}

#slogan {
  margin-top: 7px;
  margin-left: 207px;
  position : absolute;
  overflow : hidden;
}
 
#content_main {
  background-image : url(images/background2.png);
  padding : 10px 10px 80px 10px;
  width : 679px;
}

#content a{
  color : #104095; 
  text-decoration : underline; 
}

#content a:hover{
  text-decoration : none; 
}

.name-of-person{
color : #104095;
}

#content_left {
  padding : 10px 10px 80px 10px;
  width : 480px;
  float : left; 
}

#content_right {
  padding : 10px 8px 80px 8px;
  width : 182px;
  float : left;
}

#content_right ul {
  padding-left : 15px;
  margin-left : 0;
}

#content_right li {
  padding-left : 0;
  margin-left : 0;
}

#content_navi_items ul {
  list-style-type : none;
  margin : 0;
  padding : 0; 
}

td, th {
  vertical-align : top;
}

th {
  white-space : nowrap;
  text-align : right;
}

/* ADAC */
.detail{
  background-color: #FAC84B;
  font-weight: bold;
  font-family : Arial;
  color: #000000 !important;
  padding: 0 2px;
}

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

/* -------------------------  CONTENT NAVI START ------------------------- */

#content_navi_items div {
  position : absolute;
  float : left; 
}

#content_navi_items a {
   display : block; 
  text-decoration : none;
  background-image : url(images/background2.png);
  overflow : hidden;
  width : 94px;
  height : 76px;
  padding-top : 23px;
  padding-left : 5px;
  color : #656565;
}

#content_navi_items a:hover {
  background-color : #104095;
  color : #ffffff;
  background-image : none;
}

.content_navi_01 { margin-left : 0;     margin-top : 100px; }
.content_navi_02 { margin-left : 200px; margin-top : 200px; }
.content_navi_03 { margin-left : 500px; margin-top : 100px; }
.content_navi_04 { margin-left : 600px; margin-top : 200px; }
.content_navi_05 { margin-left : 300px; margin-top : 300px; }
.content_navi_06 { margin-left : 100px; margin-top : 0;     }
.content_navi_07 { margin-left : 100px; margin-top : 300px; }
.content_navi_08 { margin-left : 300px; margin-top : 0;     }
.content_navi_09 { margin-left : 600px; margin-top : 0;     }
.content_navi_10 { margin-left : 400px; margin-top : 200px; }
.content_navi_11 { margin-left : 500px; margin-top : 300px; }


#pagepeel { position:absolute; right:0px; top:0px; text-align:right; z-index:1;}
#pagepeel div #pagepeel_small { display: block; width:86px; height:86px; padding:7px; }
#pagepeel div #pagepeel_big { display: none; }
#pagepeel div.hover #pagepeel_small { display: none; }
#pagepeel div.hover #pagepeel_big { display: block; width:86px; height:86px; padding:7px; }
/* #pagepeel div.hover #pagepeel_big { display: block; width:346px; height:302px; padding:7px; } */
       
/* -------------------------  CONTENT NAVI END ------------------------- */


/* -------------------------  POWERMAIL START ------------------------- */

.tx-powermail-pi1 div {
  margin: 20px 0;
}

.tx-powermail-pi1 fieldset {
  padding:8px;
}

.tx-powermail-pi1 input,
.tx-powermail-pi1 label,
.tx-powermail-pi1 select,
.tx-powermail-pi1 textarea {
  width:450px;
}

.tx-powermail-pi1 .powermail_radio_inner input {
  display:block;
  float:left;
  margin-right:10px;
  width:15px;
}

.tx-powermail-pi1 .powermail_radio_inner label  {
  display:block;
  margin: 3px 0 3px 30px;
  width:425px;
}

.tx-powermail-pi1 textarea {
  border:1px solid #777777;
}

.tx-powermail-pi1 fieldset {
  border: 1px solid #BFBFBF;
}

.tx-powermail-pi1 input,
.tx-powermail-pi1 select {
  border:none;
  border-bottom:1px solid #777777;
}

input.powermail_radio {
  border:0;
}

.tx_powermail_pi1_fieldwrap_html_radio p,
.tx-powermail-pi1 div.powermail_radio_inner {
  margin: 0;
}

.tx-powermail-pi1 input[type="button"],
.tx-powermail-pi1 input[type="submit"] { 
  width: 200px;
  margin-top:20px;
  margin-left:10px;
  border:1px solid #777777;
}

.tx-powermail-pi1 .powermail_mandatory_js {
  width : 440px;
  color : red;
  font-weight: bold;
  margin:0;
}

/* -------------------------  POWERMAIL END ------------------------- */


/* -------------------------  FOOTER START ------------------------- */

#footer {
  width :800px;
  margin:auto;
  border-top : 40px solid #ffffff;
  height : 180px;
  padding-left : 99px;  
  clear : both;
  background-color : #C7C7C7;
  font-family : Times, Georgia, Arial, Helvetica, Verdana, sans-serif;  
  font-size : 1.1em;
}

#footer p.bodytext {
  padding-top : 0;
}

#footer_text {
  padding : 10px;
  height : 160px;
  width : 479px;
  float : left;  
  border : 1px #FFFFFF;
  border-style : none solid;
}

#footer_text a{
  color : #000000; 
  text-decoration : none; 
}

#footer_navi {  
  padding : 10px;
  width : 179px;
  height : 160px;
  float : left; 
  background-color : #104095;
  border-right : 1px #FFFFFF solid; 
}

#footer_navi ul {
  list-style-type : none;
  margin : 0;
  padding : 0; 
}

#footer_navi a{
  color : #ffffff; 
  text-decoration : none; 
}

#footer_navi a:hover{
  text-decoration : underline; 
}

#linkliste {
  display : none;
}

#service {
  margin: -140px 460px 0 0;
  position : absolute; 
  right : 50%;
  padding : 0;
}

#service table,
#service td, 
#service tr {
  margin : 0;
  padding : 0;
}

/* -------------------------  FOOTER END ------------------------- */

/* -------------------------  PRINTLAYOUT START ------------------------- */
@media print {

  #header_navi, 
  #footer_navi, 
  #header_search,
  #service,
  #push {  
    display : none; 
  }
  
  #content_bgimg, 
  #content, 
  #content_left_right, 
  #content_main {
    background-image : none;
    background-repeat : no-repeat;
    background-position : 100cm 100cm;
  }
  
  #content_left_right,  
  #content, 
  #content_bgimg,
  #footer {
    border : 0;
    padding : 0;
  }

  #header_logo,
  #header_rootline {
    margin : 0 10px;
  }

  #fslogo {
    float:right;
    margin: 0 100px 0 0;
    padding-top: 55px;
  }
 
  #content_left,
  #content_right,
  #content_main{
    padding : 10px 9px 0 9px;
  }
  
  #header {
    height : 115px;
  }

  #header_title p {
    color : #000000;
  }
  
  #header_logo {
    clear : both;
    text-align : right;
  }
  
  #website, #footer_text {
    width : 700px;
    margin : 0;
    border : 0;
  }
  
  #website {
    height : 0;
    min-height: 0;
  }

  #footer{
    height : 135px;
    width : 700px;
    margin : 0;
    border : 0;
    background-color: #FFFFFF;
  }
  
}


/* -------------------------  PRINTLAYOUT END ------------------------- */