/**
 * @style       Standard Layout
 * @media       screen
 * @version     1.0
 * @author      Susan Lau ><> abados.de
 * @copyright   Susan Lau ><> abados.de
 * @licensor    Susan Lau ><> abados.de
 * @layout      in pixels:
 *              |              995              |
 *              |   215  |     640      |  140  |
 */

/**
 * @section reset
 * @see     ...
 */

*
{
  margin: 0px;
  padding: 0px;
}

img
{
  border: 0px;
}

.clear
{
  clear: both;
  width: 100%;
  height: 0px;
  overflow: hidden;
}

.last:after
{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.red
{
  color: #E2001A;
}

a
{
  color: #B2B2B2;
}

h1, h2
{
  color: #124C71;
  font: 16pt  Times, "Times New Roman", Arial, Helvetica, sans-serif;
  font-weight: normal;
  display: block;
}

h3
{
  color: #124C71;
  font: 13pt  Times, "Times New Roman", Arial, Helvetica, sans-serif;
  font-weight: bold;
  display: block;
  padding-bottom: 12px;
}

strong, .bold
{
  font-weight: bold;
}

.blue
{
  color: #124C71;
}

/**
 * @section WireFrame
 */

body
{
  font: 11pt Arial, Helvetica, sans-serif;
  color: #7D8083;
  text-align: left;
  overflow: scroll;
  overflow: -moz-scrollbars-vertical;
}

#position
{
  position: relative;
  width: 1000px;
  margin: 0px auto;
  background: transparent url(../img/bg_position.png) 0px 0px no-repeat;
}

#logo
{
  float: left;
  width: 525px;
  height: 111px;
  padding: 35px 0px 0px 205px; /* o r u l*/
}

#claim
{
  float: left;
  width: 235px;
  height: 26px;
  padding: 120px 0px 0px 0px; /* o r u l*/
}

#navi
{
  float: left;
  width: 192px;
  font: 11pt Times, "Times New Roman", Arial, Helvetica, sans-serif;
}

#navi ul
{
  list-style: none;
  width: 160px;
  padding: 6px 0px 0px 0px; /* o r u l*/
}

#navi li
{
  display: block;
  padding: 9px 0px 0px 0px; /* o r u l*/
  text-align: right;
}

#navi a
{
  color: #124C71;
  font-weight: bold;
  text-decoration: none;
}

#navi a.active
{
  color: #2C8BC1;
}

body a:hover, #navi a:hover
{
  color: #3C95C5;
}

#subNavi ul
{
  list-style: none;
  width: 160px;
}

#subNavi li
{
  display: block;
  padding: 5px 0px 0px 0px; /* o r u l*/
  text-align: right;
  font: 10pt Times, "Times New Roman", Arial, Helvetica, sans-serif;
}

#subNavi li.last
{
  padding-bottom: 3px; /* o r u l*/
}

#subNavi a
{
  color: #7594A4;
  font-weight: bold;
  text-decoration: none;
}

#subNavi a.active
{
  color: #7594A4;
}

#content
{
  float: left;
  width: 790px;
}

#foot
{
  float: left;
  width: 790px;
  padding: 40px 0px 40px 200px; /* o r u l*/
  background: transparent url(../img/dotted-line.gif) 190px 0px no-repeat;
  font-size: 8pt;
  color: #A0A0A0;
}

#copy
{
  float: left;
  width: 375px;
}

#footNav
{
  float: left;
  width: 400px;
  text-align: right;
}

#footNav a
{
  text-decoration: none;
}

/*
 * elements
 */ 

body.home
{
  background: transparent url(../img/bg.png) 0px 0px repeat-x;
}

body.long
{
  background: transparent url(../img/bg_long.png) 0px 0px repeat-x;
}

#position.long
{
  background: transparent url(../img/bg_position_long.png) 0px 0px no-repeat;
}

#navi.home
{
  height: 292px;
}

#navi.long
{
  height: 327px;
}

#homeTxt
{
  float: left;
  width: 375px;
  padding: 30px 20px 0px 10px; /* o r u l*/
}

#homeBtn
{
  float: left;
  width: 375px;
  padding: 30px 0px 0px 0px; /* o r u l*/
}

.homeBtn
{
  padding-bottom: 5px;
}

.subline
{
  width: 374px;
  height: 52px;
  font: 11pt  Times, "Times New Roman", Arial, Helvetica, sans-serif;
  font-style: italic;
  padding-top: 10px;
}

.stroke, .strokeLong
{
  width: 374px;
  height: 6px;
  background: transparent url(../img/stroke.gif) 0px 0px repeat-x;
  padding: 0px 0px 12px 0px; /* o r u l*/
  overflow: hidden;
}

.strokeLong
{
  width: 570px;
}

.txt
{
  font-size: 10pt;
  color: #5B5F62;
}

a.more
{
  font-style: italic;
  font-weight: bold;
  text-decoration: none;
}

a.big
{
  display: block;
  color: #124C71;
  font-weight: bold;
  text-decoration: none;
  padding: 10px 0px 0px 15px;
  background: transparent url(../img/arr_link.gif) 0px 13px no-repeat;
}

a.ext
{
  display: block;
  color: #5B5F62;
  text-decoration: none;
  padding: 0px 0px 10px 0px;
}

#mainPic
{
  float: left;
  width: 384px;
  height: 327px;
  overflow: hidden;
}

#mainTxt
{
  float: left;
  width: 385px; /* 405 - padding */
  height: 282px; /* 327 - padding */
  padding: 45px 0px 0px 20px; /* o r u l*/
  background-color: #EDF2F5;
  overflow: hidden;
}

#homeTxt
{
  float: left;
  width: 375px;
  padding: 30px 20px 0px 10px; /* o r u l*/
}

#colSmall
{
  float: left;
  width: 165px; /* 175 minus padding! */
  padding: 30px 10px 0px 10px; /* o r u l*/
  overflow: hidden;
}

#colBig
{
  float: left;
  width: 570px;
  padding: 30px 0px 0px 20px; /* o r u l*/
}

.blueBlock
{
  height: 204px; /* 225px minus padding */
  background-color: #EDF2F5;
  padding: 20px 10px 0px 10px; /* o r u l*/
}

#longPic
{
  float: left;
  width: 384px;
  height: 417px;
  background-color: #EDF2F5;
  overflow: hidden;
}

#longTxt
{
  float: left;
  width: 375px; /* 405 - padding */
  height: 372px; /* 417 - padding */
  padding: 45px 10px 0px 20px; /* o r u l*/
  background-color: #EDF2F5;
  overflow: hidden;
}

.cover
{
  width: 570px; /* 570px - padding */
  height: 300px; /* 300px minus padding */
  background: #EDF2F5 url(../img/bg_cover.jpg) 90px 17px no-repeat;
  padding: 0px 0px 0px 0px; /* o r u l*/
}

.pub1
{
  float: left;
  width: 191px;
  height: 256px;
  padding: 20px 0px 0px 96px; /* o r u l*/;
  overflow: hidden;
}

.pub2
{
  float: left;
  width: 191px;
  height: 256px;
  padding: 20px 0px 0px 3px; /* o r u l*/;
  overflow: hidden;
}

.online
{
  float: left;
  width: 385px;
  height: 256px;
  padding: 20px 0px 0px 96px; /* o r u l*/;
  overflow: hidden;
}

.contact
{
  background-color: #EDF2F5;
  padding: 20px 10px 20px 10px; /* o r u l*/
}

ul.form
{
  list-style: none;
  width: 560px;
  padding: 6px 0px 0px 0px; /* o r u l*/
}

ul.form li
{
  display: block;
  padding: 0px 0px 10px 0px; /* o r u l*/
}

ul.form label
{
  float: left;
  display: block;
  width: 190px;
}

ul.form input.formTxt 
{
  width: 355px;
}

ul.form li.right
{
  text-align: right;
  padding-right: 15px;
}



.imprint
{
  float: left;
  width: 385px; /* 405 - padding */
  padding: 45px 0px 0px 20px; /* o r u l*/
  overflow: hidden;
}


#homeFlow
{
  width: 650px;
  height: 220px;
  margin-left: 70px;
}