@charset "UTF-8";

/* -- Weitere CSS-Dateien importieren -- */
/*                                       */
/*        @import url(name.css);         */
/*                                       */
/* -- Weitere CSS-Dateien importieren -- */

@media all
{
  html,body {
    font-family          : Arial,Verdana,Tahoma;
    font-size            : 12px;
	
	color                : #6a6a6a;
	line-height          : 1.2em;
  }
  
  img {
    display              : block;
	border               : none;
  }
  
  html {}
  
  body {
    background           : #f5f5f5 url('../../images/layout/body-bg.png') 0 120px repeat-x;
  }
  
  a, a:link, a:visited, a:active {}
  
  a:hover {}
  
  div.clear {
    clear                : both;
  }

  img#logo {
    position              : absolute;
    top                   : 20px;
    left                  : 30px;
  }
  
  div#wrapper,
  div#footer-wrap  {
	width: 917px;
  }
  
  div#wrapper {
	padding: 0;
	margin                  : 40px auto;
  margin-top              : 0px;
  }
  
  div#footer-wrap {
	margin: 0 auto;
	padding-top: 1px;
  }
  
  div#footer {
	height: 68px;
	background-color: #373737;
	color: #797979;
  }
  
  div#inner-wrap {
    padding-top           : 105px;
    position              : relative;
  }
  
  div#left-col {
	padding: 0;
	margin-right: 37px;
	float: left;
	width: 280px;
  }
  
  div #right-col {
	padding: 0;
	margin: 0;
	float: left;
	width: 600px;
	position: relative;
  }
  
  div#main-menu {
	width: 280px;
	border: 1px solid #bbbbbb;
	margin-bottom: 23px;
  }
  
  div#main-menu ul {
	list-style-type: none;
	
	margin: 0;
	padding: 0;
  }
  
  div#main-menu ul li {
	border-bottom: 1px solid #bbbbbb;
	background-color: #f4f4f4;
  }
  
  div#main-menu ul li.last {
	border-bottom: none;
  }
  
  div#main-menu ul a {
	display: block;
	padding: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	
	border: 1px solid #ffffff;
	color: #737373;
	text-decoration: none;
	
	font-size: 14px;
  }
  
  div#main-menu ul li ul li {
	text-indent: 20px;
  }
  
  div#main-menu ul li ul li a:hover,
  div#main-menu ul li.active ul li a:hover {
	background-color :#e3001b;
	color: #ffffff;
  }
  
  div#main-menu ul li ul li.first {
	border-top: 1px solid #bbbbbb;
  }

  div#main-menu ul li.active ul li a {
	background-color: #f4f4f4;
	color: #232323;
  }
  
  div#main-menu ul li.active ul li.active a {
	background-color: #e3001b;
	color: #ffffff;
  }
  
  div#main-menu ul a:hover,
  div#main-menu ul li.active a {
	background-color: #e3001b;
	color: #ffffff
  }
 
  /* boxes */
  div.box {
	border: 1px solid #bbbbbb;
	padding: 0;
	width: 280px;
	margin-bottom: 23px;
  }
  
  div.box div.innerbox {
	padding: 0;
	border: 1px solid #fefefe;
	padding: 13px 19px;
  }
  
  div.box div.innerbox p {
	margin-bottom: 10px;
	line-height: 17px;
  font-size: 12px;
  }

  div.box div.innerbox p:last-of-type {
    margin-bottom           : 0px;
  }

  div.box div.innerbox p:first-of-type {
    margin-top              : 10px;
  }
  
  div.box div.innerbox a {
	color: #e3001b;
	text-decoration: none;
  }
  
  div.box div.innerbox br {
	clear: left;
  }
  /* //boxes */
  
  /* right-col elements */
  img#shadow-left {
	position: absolute;
	left: -30px;
	top: 19px;
  }
  
  img#shadow-right {
	position: absolute;
	right: -39px;
	top: 19px;  
  }
  
  div#header-image img {
	border: 1px solid #ffffff;
	margin: 0;
	padding: 0;

  }

  div#header-image {
    overflow          : hidden;
  }
  
  div#header-image div.left,
  div#header-image div.center,
  div#header-image div.right {
    float             : left;
  }

  div#header-image div.left,
  div#header-image div.right {
    width             : 200px;
    height            : 197px;

    background-color  : #ffffff;
  }

  div#header-image div.left {
    padding           : 10px 0 10px 10px;
  }

  div#header-image div.right {
    padding           : 10px 10px 10px 0;
  }

  div#header-image div.center {
    width             : 178px;
    height            : 217px;
  }

  div#header-image p {
    line-height       : 21px;
    font-size         : 13px;
    color             : #a9a9a9;
  }

  div#header-image h5 {
    font-weight       : normal;
    font-size         : 16px;
    color             : #121212;
    
    margin            : 0 0 7px 0;
  }
  
  div#content {
	border: 1px solid #bbbbbb;
	background-color: #f4f4f4;
	padding: 0;
	width: 598px;
  }
  
  div#content div#inner-content {
	padding: 0;
	border: 1px solid #fefefe;
	padding: 25px 20px;
  overflow: hidden;
  }
  
  div#content a {
	color: #E3001B;
	text-decoration: none;

  }
  
  div#inner-content h1,
  div#inner-content h2,
  div#inner-content h3  {
	padding-bottom: 15px;
	font-weight: normal;
  }
  
  div#inner-content h1{
	border-bottom: 1px solid #cacaca;
	margin-bottom: 16px;
  }

  div#inner-content h1 {
	font-size: 24px;
  }
  
  div#inner-content h2 {
	margin-top: 24px;
	font-size: 18px;
  margin-bottom: 10px;
  }
  
  div#inner-content h3 {
  	margin-top: 21px;
	font-size: 14px;
	margin-bottom: 4px;
  }
  
  div#inner-content div.imgbox {
	border: 1px solid #cacaca;
	width: auto;
  }

  div#inner-content div.imgbox.center {
    margin-left: 140px;
  }
  
  div#inner-content div.imgbox img {
	padding: 0;
	margin: 0;
	border: 1px solid #ffffff;
  }
  
  div#inner-content ul {
	 list-style-type: square;
	 list-style-position: outside;

   margin                 : 0 0 15px 25px;
   padding                : 0;
   color                  : #212121;

  }
  
  div#inner-content ul li {
    padding               : 0 0 0 5px;
    margin                : 0 0 5px 0;
    line-height           : 18px;
  }

  div#inner-content ul li:last-of-type {
    margin                : 0;
  }
  
  /* //right-col elements */
 
  div#footer-wrap ul {
	list-style-type: none;
  }
  
  div#footer-wrap ul li {
	float: left;
  }
  
  div#footer-wrap ul li a {
	color: #797979;
	padding: 0 6px;
	text-decoration: none;
	border-right: 1px solid #797979;
  }
  
  div#footer-wrap ul li.first {
	padding-left: 0;
  }
  
  div#footer-wrap ul li.active a,
  div#footer-wrap ul li a:hover {
	color: #ffffff;
  }
  
  div#footer-wrap ul li.last a {
	border-right: 0 none;
  }

  address {
    display               : block;
    margin                : 10px 0 0 0;

    overflow              : hidden;

    font-style            : normal;
  }

  address span,
  address label {
    display               : block;
    float                 : left;

    line-height           : 21px;
  }

  address label {
    width                 : 70px;
  }

  address span {
    width                 : 170px;
  }

  address span.full {
    width                 : 100%;
  }

  address span:nth-of-type(3) {
    margin                : 0 0 10px 0;
  }
  
  div.box div.innerbox h4,
  div#inner-content h1,
  div#inner-content p strong,
  address span.full,
  address label {
    color                 : #212121;
  }
  
  div.box div.innerbox h4 {
    padding               : 0 0 10px 0;

    font-size             : 14px;
    font-weight           : normal;
    border-bottom         : 1px solid #cacaca;
  }
  
  div#inner-content p {
    line-height           : 18px;
    margin                : 0 0 15px 0;
  }

  div#inner-content p:last-of-type {
    margin                : 0;
  }

  div#inner-content p strong {
    font-weight           : normal;
  }

  div#inner-content p strong.important {
    color                 : #cc0000;
  }

  div#header-image {
    width                 : 598px;
    border                : 1px solid #bbbbbb;
    margin-bottom         : 30px;

    position              : relative;
  }

  div#header-image h6 {
    position              : absolute;
    bottom                : 10px;
    left                  : 10px;

    font-weight           : normal;
    font-size             : 12px;

    background-color      : #e3001b;
    padding               : 5px;

    color                 : #ffffff;
  }

  img.johannes_small {
    float                 : left;
    margin                : 0 10px 0 0;
  }

  div#inner-content address {
    display               : block;
    overflow              : hidden;

    margin                : 20px 0 20px 0;
    padding               : 20px 0 20px 0;

    border-top            : 1px solid #cccccc;
    border-bottom         : 1px solid #cccccc;
  }

  div#inner-content address span,
  div#inner-content address label {
    line-height           : 21px;
  }

  div#inner-content address label {
    width                : 120px;
  }

  div#inner-content address span {
    width                : 436px;
  }

  div#inner-content address span.full {
    width                : 100%;
  }

  div#inner-content address span.full.margin.top {
    margin-top           : 20px;
  }

  div#inner-content address span.full.margin.bottom {
    margin-bottom       : 20px;
  }

  div.imgbox.img4, 
  div.imgbox.img5,
  div.imgbox.img6,
  div.imgbox.img7,
  div.imgbox.img8,
  div.imgbox.img9,
  div.imgbox.img10,
  div.imgbox.img11,
  div.imgbox.img12,
  div.imgbox.img13,
  div.imgbox.img14 {
    float                 : left;
    margin                : 10px 0  0;
  }

  div.imgbox.img5,
  div.imgbox.img7,
  div.imgbox.img9,
  div.imgbox.img11,
  div.imgbox.img13 {
    float                 : right;
  }

  div.img.home {
    float                 : left;
    background            : #00ff00;
    width                 : 49%;

    margin-top            : 20px;
  }

  div.img.home.right {
    margin                : 20px 0 0 2%;
  }

  div.img.home img {
    width                 : 272px;
    height                : 150px;

    background-color      : #ff00ff;

    margin                : 0;
  }

  div.img.home label {
    display               : block;
    
    margin                : 0;
    padding               : 5px;

    font-size             : 11px;
    line-height           : 16px;
    background-color      : #E3001B;
    color                 : #ffffff;
  }

  div.img.home label sup {
    font-size             : 10px;
    position              : relative;
    top                   : -5px;
    left                  : 1px;
  }
  
  /* tools */
  .fl {
	float: left;
  }
  
  .fr {
	float: right;
  }
  
  .cb {
	clear: both;
  }

  .ml {
	margin-left: 13px;
  }
  
  .mr {
	margin-right: 13px;
  }
  
  .mt {
	margin-top: 4px;
  }
  
  .ul {
	text-decoration: underline;
  }
}