/* general front page elements */
@media screen {
  body.home a img {
    border: none;
  }
  body.home input {
    border-color: #8d7790 #d7c0d9 #d7c0d9 #8d7790;
  }
}

/* Front page layout */
@media screen {
  body.home {
    background-color: white;
    text-align: center;
  }
  body.home #wrapper {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    text-align: left;
  }
  /* positioning of columns */
  body.home #kolom_right {
    position: absolute;
    left: 15px;
    top: 110px;
    width: 240px;
    z-index: 1000;
    float: none;
    border-right: 1px solid #ded7e1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  body.home #kolom_left {
    position: absolute;
    right: 5px;
    top: 110px;
    width: 250px;
    z-index: 1000;
    float: none;
    border-left: 1px solid #ded7e1;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  body.home #kolom_center {
    margin: 0px 256px;
    position: relative;
    z-index: 900;
    background: none;
    float: none;
  }
}

/* Front page header */
@media screen {
  body.home #header {
    height: 110px; /* 145 */
    background-color: white;
    background-image: url('../img/bkg_frontpage_header.gif');
    background-repeat: no-repeat;
    width: auto;
    border: none;
    position: relative;
  }
  /* logo */
  body.home #header h1 {
    left: 15px;
    top: 10px;
    margin: 0;
    background: none;
  }
  body.home #header h1 a {
    width: 250px;
    height: 90px;
  }
  /* 1st level navigation */
  body.home #syswide_home {
    margin: 0;
    position: absolute;
    right: 27px;
    top: 44px;
    color: white;
  }
  body.home #syswide_home a {
    color: white;
    font-size: 12px;
    font-weight: normal;
  }
  body.home #syswide_home a.active {
    color: #5f0177;
  }
  /* 2nd level navigation */
  body.home #navigation_home {
    position: absolute;
    right: 32px;
    top: 65px;
    white-space: nowrap;
    background-image: url('../img/bkg_2ndlevel_nav_right.gif');
    background-position: right top;
    background-repeat: no-repeat;
  }
  body.home #navigation_home div {
    white-space: nowrap;
    padding: 2px 0px 0px 10px;
    margin-right: 10px;
    background-image: url('../img/bkg_2ndlevel_nav.gif');
    float: left;
  }
  body.home #menu4, body.home #menu5 {
    display: none !important;
  }
  body.home #navigation_home a {
    color: #8e7891;
    font-weight: normal;
  }
  body.home #navigation_home a:hover {
    color: #8e7891;
    font-weight: normal;
  }  
  body.home #navigation_home a.active {
    color: #5f0177;
    font-weight: normal;
  }  
}

/* new blocks (left and right are now completely mixed, forget id naming  */
@media screen {  
  body.home #right_1, body.home #right_2, body.home #right_3 {
    background: none;
    color: black;
  }
  body.home #right_1, body.home #right_2 {
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 227px;
  }
  body.home #right_1 {
    height: 182px;
  }
  body.home #right_3 {
    height: 184px;
  }
  body.home h2 {
    color: #484848;
  }
  body.home p.post {
    border: none;
  }
  body.home #left_1, body.home #left_2, body.home #left_3 {
    background: none;
    color: black;
  }
  /* login */
  body.home div#left_1 {
    /*border: 1px solid #DED7E1;*/
    /*border-width: 0px 1px 1px 0px;*/
    height: 175px;
    width: 220px;
    padding-left: 6px;
    position: relative;
    background-image: url('../img/bist_du.jpg');
    background-repeat: no-repeat;
    padding-top: 40px;
    background-position: 30px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  body.home div#left_1 h2 {
    position: absolute;
    width: 42px;
    height: 46px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    text-indent: -5000px;
    top: -9px;
    left: -28px;
    background-image: url('../img/balloon_point.gif');
    display: none;
  }
  body.home div#left_1 input {
    width: 90px;
  }
  body.home div#left_1 input.button_purple {
    margin-left: 50px;
  }
  body.home div#left_1 p {
    text-align: center;
    margin-top: 20px;
    color: #5f0177;
  }
  body.home div#left_1 p button {
    margin-top: -20px;
  }
  /* torsten */
  body.home div#left_2 {
    height: 260px;
    background-image: url('../img/brauchst_du.jpg');
    background-repeat: no-repeat;
    padding-top: 45px;
    background-position: 0px -2px;
    text-align: center;
  }

  body.home div#left_2 a {
    color: #600378;
  }
}

/* middlecolumn */
@media screen {
  body.home #center_mainhome {
    width: 488px;
    height: 290px;
    overflow: hidden;
  }
  body.home #center_home2, 
  body.home #center_home3 {
    width: 488px;
    height: 105px;
    overflow: hidden;
    background-color: white;
  }
  body.home #center_mainhome a.register,
  body.home #center_home2 a.register,
  body.home #center_home3 a.register {
    float: left;
    background-color: white;
    background-image: url('../block/uploads/anmelden.gif');
    height: 105px;
    width: 488px;
  }

  body.home #center_mainhome a.register:hover,
  body.home #center_home2 a.register:hover,
  body.home #center_home3 a.register:hover {
    background-image: url('../block/uploads/anmelden-rollover.gif');
    height: 105px;
    width: 488px;
  }
  
  body.home #center_mainhome a.btn_01:hover,
  body.home #center_home2 a.btn_01:hover, 
  body.home #center_home3 a.btn_01:hover {
    background-image: url('../img/bkg_center_button_small_01.gif');
  }
  body.home #center_mainhome a.btn_02:hover,
  body.home #center_home2 a.btn_02:hover, 
  body.home #center_home3 a.btn_02:hover {
    background-image: url('../img/bkg_center_button_small_02.gif');
  }
  body.home #center_mainhome a.btn_03:hover,
  body.home #center_home2 a.btn_03:hover, 
  body.home #center_home3 a.btn_03:hover {
    background-image: url('../img/bkg_center_button_small_03.gif');
  }
}

/* footer */
@media screen {
  body.home #footer {
    
  }
  body.home #at15s {
    margin-top: -7px !important;
  }
}