﻿/* ----------------- global ----------------- */
body {
font-family: Verdana, Arial, Sans-Serif;
font-size: 1.1em; color: #000000;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

/*
a {
font-weight: bold;
color: #C3281C;
text-decoration: none;
}
*/
a, .article-content a {
font-weight: normal;
color: #777777;
text-decoration: underline;
}
.toolbox a {
font-weight: normal;
color: #C3281C;
text-decoration: underline;
}
/* ----------------- forms ----------------- */
form {
font-size: 11px;
margin: 0;
padding: 0;
}
input {
border: 1px solid #C3281C;
font-size: 11px;
width: 15px;
margin: 0;
padding: 0;
float:left;
}
label {
text-align: right;
margin: 0 2px 0 2px;
padding: 0;
float:left;
}
#search {
    padding-top:4px;
}
.search {
font-size: 1.5em;
width: 106px; 
border: 2px solid #C3281C;
float: left;
margin: 0 5px 0 0;
padding: 0;
height: 20px;
}
.submit {
width: 65px;
height: 24px;
background-color: #FFFFFF;
border: 0px solid #C3281C;
float: left;
margin: 0 5px 0 0;
padding-left: 10px;
padding-right: 10px;
}
.contact-form {
margin: 0;
padding: 7px 7px 0 7px;
border: 1px solid #ECABA7;
}
.contact-form label {
font-size: 1.2em;
float: left;
width: 120px;
margin: 0 10px 0 0;
padding: 0;
}
.contact-form input, .contact-form textarea {
font-size: 1.0em;
border: 1px solid #C3281C;
width: 220px;
margin: 0 0 8px 0;
padding: 0;
}
.contact-form .anrede {
font-size: 1.2em;
border: 0px solid #C3281C;
width: 20px;
margin: 0 0 8px 0;
padding: 0;
}
.contact-form br, .search-form br {
clear: left;
}
.contact-form p {
font-size: 1.2em;
}
.search-form {
border: 1px solid #C3281C;
padding: 7px;
text-align: center;
}
.search-form .search {
font-size: 1.2em;
border: 1px solid #C3281C;
width: 250px;
margin: 0 0 8px 0;
padding: 0;
}
.search-form input {
font-size: 1.2em;
border: 0px solid #C3281C;
width: 10px;
margin: 0 0 0 0;
padding: 0;
float: none;
}
.search-form .records {
font-size: 11px;
width: 50px;
background-color: #F2DBDC;
border: 1px solid #C3281C;
margin: 0;
padding: 0;
height: 19px; /* ff nur 16px */
}
.search-form .catalog {
margin: 0;
padding: 0;
text-align: center;
}
.search-form .catalog label {
margin: 0;
padding: 0 10px 0 0;
float: none;
}
.search-form .result {
font-size: 1.0em;
font-weight: bold;
color: #C3281C;
margin: 10px;
padding: 0;
}
.error {
color: #C3281C;
}
.clearer {
clear: both;
}
.white-space {
border: 3px solid #FFFFFF;
clear: both;
}
/* ----------------- headlines ----------------- */
h1 {
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 2.0em; font-weight: normal;
margin: 0 0 0.3em 0;
padding: 0;
}
h2 {
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 2.0em;
font-weight: normal;
margin: 0 0 0.3em 0;
padding: 0;
}
h2.small-space {
font-family: Tahoma, Verdana, Arial, Sans-Serif;
font-size: 1.4em;
line-height: 0.7em;
font-weight: normal;
margin: 0 0 0.5em 0;
padding: 0;
}
h3 {
font-size: 1.0em;
color: #777777;
margin: 0 0 0.5em 0;
padding: 0;
}
h4 {
font-size: 1.0em;
margin: 0 0 0 0;
padding: 0;
}
h5 {
font-size: 1.0em;
color: #777777;
margin: 0 0 1.0em 0;
padding: 0;
}
h6 {
font-size: 0.85em;
font-weight: normal;
color: #777777;
margin: 0 0 0 0;
padding: 0;
}
h5.category {
font-size: 1.0em;
font-weight: bold;
color: #F0B537;
background-color: #FFFFFF;
border-top: 6px solid #F0B537;
margin: 0;
padding: 0 0 0.3em 0;
}
h6.category {
font-size: 1.0em;
font-weight: bold;
color: #C3281C;
background-color: #FFFFFF;
border-top: 6px solid #C3281C;
margin: 0;
padding: 0 0 0.3em 0;
}
.list-yellow h5, .teaser-yellow h5 {
font-size: 1.0em;           font-weight: bold;  
color: #F0B537;
background-color: #FFFFFF;
border-top: 6px solid #F0B537;
margin: 0;
padding: 0 0 0.3em 0;
}
.list-red h5, .teaser-red h5, .teaser h5 {
font-size: 1.05em;
font-weight: bold;
color: #C3281C;
background-color: #FFFFFF;
border-top: 6px solid #C3281C; margin: 0;
padding: 0 0 0.3em 0;
}
.toolbox h1 {
font-size: 1.7em;
font-weight: normal;
margin: 0 0 0.5em 0;
padding: 0;
}
.toolbox h2 {
font-size: 1.7em;
font-weight: bold;
color: #C3281C;
margin: 0 0 0.5em 0;
padding: 0;
}
.toolbox h3 {
font-size: 1.2em;
color: #C3281C;
margin: 0 0 1.0em 0;
padding: 0;
}
.toolbox h6 {
font-size: 1.0em;
font-weight: normal;
color: #C3281C;
margin: 0 0 0 0;
padding: 0;
}
/* ----------------- container ----------------- */
#container {
width: 1000px;
margin: 0 auto;
background-color: #F2DBDC;
}
/* ----------------- logo ----------------- */
#logo {
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}
#logo-print {
display: none;}
.img-logo {
border: none;
width: 1000px;
height: 143px;
display: block;
margin: 0;
padding: 0;
}
.logo-homepage {
background-image: url(p/content/header/header.jpg);
}
.logo-aktuelles {
background-image: url(p/content/header/aktuelles.jpg);
}
.logo-glaube {
background-image: url(p/content/header/glaube.jpg);
}
.logo-webtv {
background-image: url(p/content/header/web-tv.jpg);
}
.logo-advent {
background-image: url(p/content/header/advent-header-2009.jpg);
}
/* ----------------- header ----------------- */
#header {
background-color: #FFFFFF;
border-top: 3px solid #C3281C;
border-bottom: 3px solid #C3281C;
margin: 0px;
padding: 3px 0 3px 0;
}
#breadcrumb {           font-size: 1.0em;
color: #000000;
font-weight: bold;
width: 590px;
float: left;
margin: 3px 0 3px 0;
padding-top: 3px;
}
#breadcrumb a {         font-size: 1.0em;
color: #000000;
font-weight: normal;
text-decoration: none;
}
.recommend {
font-size: 10px;
width: 160px; 
border: 1px solid #C3281C;
float: left;
margin: 0 5px 5px 0;
padding: 0;
height: 16px;
}
.form-recommend {
text-decoration: none;
color: #C3281C;
margin: 0 0 10px 0;
padding: 0 0 10px 0;
}
#faq {
padding-bottom: 3px;    
    
}
.faq {   
font-size: 1.5em;
width: 202px;
background-color: #F2DBDC;
border: 2px solid #C3281C;
margin: 0;
padding-bottom: 0;
height: 24px; /* ff nur 16px */
}
/* ----------------- content ----------------- */
#middle {
background-color: #FFFFFF;
padding: 0;
margin: 0 123px 0 177px; }
/*
div#middle { 
min-height: 500px;
height: expression(this.scrollHeight > 500 ? "auto":"500px"); 
}
*/
#content {
background-color: #FFFFFF;
margin: 0 8px 0 8px;
padding: 0;
/*width: 724px;*/
}
#content-left {
width: 455px; background-color: #FFFFFF;
float: left;
margin: 0;
padding: 0;
}
#content-right {
width: 220px; /* ANPASSEN*/
background-color: #FFFFFF;
float: right;
margin: 0;
padding: 0;
}
/* ----------------- left ----------------- */
#left {
float: left;
width: 177px;
margin: 0;
padding: 0;
}
/* ----------------- right ----------------- */
#right {
float: right;
width: 123px;
margin: 0;
padding: 0;
}
/* ----------------- footer ----------------- */
#footer {
font-size: 0.8em;
color: #666666; 
clear: both;
text-align: center;
background-color: #FFFFFF;
border-top: 1px solid #C3281C;
margin: 0;
padding: 4px 0 6px 0px;
}
#footer a {
font-weight: normal;
color: #666666; 
text-decoration: none;
}
#footer p {
width: 700px;
margin: 0 123px 0 137px;
}
/* ----------------- left navigation ----------------- */
#navigation  {
background-color: #FFFFFF;
margin: 0 0 13px 0;
padding: 0 0 5px 0;
}
#navigation .top {
color: #FFFFFF;
margin: 0;
padding: 0;
}
#navigation .top li {           font-size: 0.9em;
color: #FFFFFF;
background-color: #C3281C;
margin: 0 0 8px 0;
padding: 0px 0px 0px 0px;
}
#navigation .top li a {         color: #FFFFFF;
margin-bottom: 0px;
padding: 2px 2px 2px 4px;
display: block;
height: 1%;
text-decoration: none;
font-weight: bold;
}
#navigation .top li a:hover {
color: #ECABA7;
text-decoration: none;
}
#navigation .sub1 {
font-size: 1.0em;
font-weight: bold;
color: #000000;
background-color: #ECABA7;
margin: 0 0 0 0;
padding: 0;
display: block;
height: 1%;
}
#navigation .sub1 li  {
background-color: #ECABA7;
margin: 0 0 4px 0;
padding: 0;
}
#navigation .sub1 li a {
font-size: 1.0em;
font-weight: bold;
color: #000000;
background-color: #ECABA7;
margin: 0;
padding: 0 2px 0 4px;
text-decoration: none;
}
#navigation .sub1 li a:hover {
color: #C3281C;
text-decoration: none;
}
#navigation .sub1 li a.active {
font-size: 1.0em;
font-weight: bold;
color: #C3281C;
background-color: #F2DBDC;
display: block;
margin: 0;
padding: 0 2px 0 4px;
text-decoration: none;
}
#navigation .sub2 {
font-size: 1.0em;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
border: 1px solid #ECABA7;
margin: 0 0 0 0;
padding: 0 2px 0 4px;
}
#navigation .sub2 li  {
background-color: #FFFFFF;
margin: 0 0 4px 0;
padding: 0;
}
#navigation .sub2 li a {
font-size: 1.0em;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
margin: 0;
padding: 0;
display: block;
height: 1%;
text-decoration: none;
}
#navigation .sub2 li a:hover {
color: #C3281C;
text-decoration: none;
}
#navigation .sub2 li a.active {
font-size: 1.0em;
font-weight: normal;
color: #C3281C;
background-color: #FFFFFF;
margin: 0;
padding: 0;
text-decoration: none;
}
/* ----------------- sitemap----------------- */
#sitemap {
margin: 0;
padding: 0 7px 0 7px;
border: 1px solid #ECABA7;
}
#sitemap ul  {
list-style: circle;
}
#sitemap .top li a {
font-size: 12px;
font-weight: bold;
margin: 0;
padding: 0;
text-decoration: none;
}
#sitemap .sub1 li a  {
font-size: 12px;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
#sitemap .sub2 li a  {
font-size: 11px;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
/* ----------------- left modules ----------------- */
.styleswitcher-content {
margin: 0px 0px 8px 0px;
padding: 0px;
background-color: #FFFFFF;
float:left;
}
.styleswitcher-headline {       
font-size: 14px;            color: #C3281C;
font-weight: normal;
text-decoration: none;
background-color: #F2DBDC;
padding: 2px 3px 1px 2px;
width: 103px;
float: left;
}
.styleswitcher-img {
float:left;
margin-left: 3px;
}
.styleswitcher-img-left {
float:left;
margin-left: 3px;
width:20px;height:20px;
background-image: url(p/layout/A-iconMITTEL-01_inaktiv.gif);
cursor:pointer;
}
.styleswitcher-img-middle {
float:left;
margin-left: 3px;
width:20px;height:20px;
background-image: url(p/layout/A-iconMITTEL-02_aktiv.gif);
}
.styleswitcher-img-right {
margin-left: 3px;
float:right;
width:20px;height:20px;
background-image: url(p/layout/A-iconMITTEL-03_inaktiv.gif);
}
    
.styleswitcher-content img {
border:0px;
}
#left .banner {
width: 129px;
margin: 0 3px 13px 20px; padding-left: 0px;
border: 1px solid #C3281C;
border-bottom: 2px solid #C3281C;
border-right: 2px solid #C3281C;
}
.newsletter-form, .navi-extra {
margin: 0;
padding: 0;
}
.nl-content {
margin: 0 0 4px 0;
padding: 0 4px 3px 5px;
background-color: #F2DBDC;
}
.navi-extra-content {
margin: 0 0 8px 0;
padding: 0 4px 3px 5px;
background-color: #F2DBDC;
}
.nl-headline, .nl-headline a, .navi-extra-content a {
font-size: 0.9em;
color: #C3281C;
font-weight: normal;
text-decoration: none;
}
.newsletter-form label {
font-size: 10px;
color: #000000;
margin: 0;
padding: 0;
}
.newsletter-form form {
padding: 5px 0 0 0;
}
.nl-openbox {
height: 200px;
margin: 0 0 4px 0;
}
.newsletter-form .nl-text {
font-size: 10px;
width: 125px; 
border: 1px solid #C3281C;
float: left;
margin: 0 0 5px 0;
padding: 0;
height: 16px;
}
/* ----------------- right modules ----------------- */
#right .banner {
width: 123px;
margin: 0;
padding: 0 0 13px 0;
background-color: #FFFFFF;
}
#right .banner img {
border: 1px solid #C3281C;
border-bottom: 4px solid #C3281C;
}
/* ----------------- content-left modules ----------------- */
.claim {
font-size: 0.85em;
color: #ECABA7;
text-align: center;
}
.claim-print {
display: none;
}
#content-left .text {
margin: 0 0 20px 0;
padding: 0;
}
#content-left .text .left {
float: left;
}
#content-left .text .right {
float: right;
font-weight: normal;
}
.references {
font-size: 0.85em;
}
.references a {
color: #000000;
font-weight: normal;
}
.references a:hover {
text-decoration: underline;
}
#content-left .teaser-big, #content .teaser-big {
margin: 0;
padding: 0;
}
#content-left .teaser-big .big-img img {
width: 100%;
}
#content-left .article-content, #content-left .laenderkarte, #content-left .contact-form, #content-left .content-big, #content .content-big {
margin: 0 0 20px 0;
padding: 7px;
border: 1px solid #ECABA7;
}
#content-left .whole-width {
margin: 0 0 20px 0;
padding: 7px;
border: 1px solid #ECABA7;
}
#content-left .two-columns { 
width: 455px;           }
#content-left .two-columns .line{ 
width: 220px;           }
#content-left .two-columns .left {
width: 220px; float: left;
margin: 0;
padding: 0;
}
#content-left .two-columns .right {
width: 220px; float: right;
margin: 0;
padding: 0;
}
#content-left .two-columns .two-links {
position:absolute;
bottom:0px;
width:220px;
}
#content-left .teaser-small {
margin: 0;
padding: 0;
width:220px; }
#content-left .teaser-small img {
}
#content-right .teaser-small img {
}
#content-left .teaser-news {
margin: 0;
padding: 0;
}
#content-left .teaser-news .left {
float: left;
}
#content-left .teaser-news .right {
float: right;
font-weight: normal;
}
#content-left a.top {
color: #C3281C;
font-size: 0.85em;
font-weight: normal;
text-decoration: none;
display: block;
text-align: right;
}
#content-left a.more, #content-right a.more {
font-size: 1.0em;
font-weight: bold;
color: #C3281C;
text-decoration: none;
display: block;
text-align: right;
margin: 0;
padding: 0;
}
.art {
font-size: 0.85em;
margin: 0 0 20px 0;
padding: 7px 7px 0 7px;
border: 1px solid #ECABA7;
}
.art p {
margin: 0 0 20px 0;
padding: 0;
}
.archive {
margin: 0;
padding: 0 7px 0 7px;
border: 1px solid #ECABA7;
}
/* ----------------- content-left modules - toolbox ----------------- */
#content-left .toolbox {
font-size: 0.85em;
border: 1px solid #F2DBDC;
border-top: 4px solid #F2DBDC;
margin: 1px 0 5px 0;
padding: 5px 5px 10px 5px;
}
.copyrights {
color: #777777;
margin: 0 0 5px 0;
padding: 0;
}
#content-left .toolbox .bottom-line {
border-top: 1px solid #F2DBDC;
margin: 10px 0 10px 0;
}
#content-left .toolbox.big {
width: 452px;
}
#content-left .toolbox.small {
width: 175px;
}
#content-left .toolbox-left, #content-right .toolbox-left {
float: left;
margin: 0 0.5em 0 0;
}
#content-left .toolbox-right, #content-right .toolbox-right {
float: right;
margin: 0 0 0 0.5em;
}
#content-left .toolbox-middle {
}
#content-left .toolbox a {
font-size: 1.0em;
font-weight: normal;
text-decoration: none;
text-align: left;
}
#content-left .toolbox a:hover {
text-decoration: underline;
}
#content-left .toolbox a.media {
color: #C3281C;
text-decoration: none;
display: block;
margin: 0 0 1.0em 0;
padding: 0;
}
/* ----------------- content-left + content-right ----------------- */
#content-left .line, #content-right .line {
margin: 0 0 20px 0;
padding: 0;
border-top: 1px solid #ECABA7;
background-color: #FFFFFF;
}
#content-right .teaser-yellow .line, #content-left .teaser-yellow .line, .video .line {
margin: 0 0 20px 0;
padding: 0;
border-top: 1px solid #F0B537;
background-color: #FFFFFF;
}
#content-left .icon, #content-right .icon  {
border: none;
width: 18px;
height: 13px;
display: block;
float: left;
margin: 0 5px 10px 0;
padding: 0;
}
.icon-archive {
background-image: url(p/layout/icon_archive.gif);
}
.toolbox .icon-archive {
background-image: url(p/layout/icon_archive_red.gif);
}
.icon-audio {
background-image: url(p/layout/icon_audio.gif);
}
.toolbox .icon-audio {
background-image: url(p/layout/icon_audio_red.gif);
}
.icon-diashow {
background-image: url(p/layout/icon_diashow.gif);
}
.toolbox .icon-diashow {
background-image: url(p/layout/icon_diashow_red.gif);
}
.icon-dossier {
background-image: url(p/layout/icon_dossier.gif);
}
.toolbox .icon-dossier {
background-image: url(p/layout/icon_dossier_red.gif);
}
.icon-fonts {
background-image: url(p/layout/icon_fonts.gif);
}
.toolbox .icon-fonts {
background-image: url(p/layout/icon_fonts_red.gif);
}
.icon-gallery {
background-image: url(p/layout/icon_gallery.gif);
}
.toolbox .icon-gallery {
background-image: url(p/layout/icon_gallery_red.gif);
}
.icon-interview {
background-image: url(p/layout/icon_interview.gif);
}
.toolbox .icon-interview {
background-image: url(p/layout/icon_interview_red.gif);
}
.icon-link {
background-image: url(p/layout/icon_link.gif);
}
.toolbox .icon-link {
background-image: url(p/layout/icon_link_red.gif);
}
.icon-video {
background-image: url(p/layout/icon_video.gif);
}
.toolbox .icon-video {
background-image: url(p/layout/icon_video_red.gif);
}
.icon-url {
background-image: url(p/layout/icon_url.gif);
}
.toolbox .icon-url {
background-image: url(p/layout/icon_url_red.gif);
}
.icon-download {
background-image: url(p/layout/icon_fonts.gif);
}
.toolbox .icon-download {
background-image: url(p/layout/icon_fonts_red.gif);
}
.icon-print {
background-image: url(p/layout/icon_print_red.gif);
}
.icon-letter {
background-image: url(p/layout/icon_letter_red.gif);
}
.icon-dummy {
}
/* ----------------- content-right modules ----------------- */
#content-right a {
font-weight: normal;
font-size: 0.85em;
color: #000000;
text-decoration: none;
display: block;
margin: 0 0 1.2em 0;
padding: 0;
}
#content-right a:hover {
text-decoration: underline;
}
#content-right .teaser-small {
margin: 0 0 0 0;
padding: 0;
}
#content-right .teaser-small a {
margin: 0 0 0.3em 0;
padding: 0;
}
#content-right .teaser-small a.more {
margin: 0;
padding: 0;
}
#content-right .teaser-small a:hover {
text-decoration: none;
}
#content-right .teaser-yellow, #content-left .teaser-yellow {
}
#content-right .teaser-red, #content-left .teaser-red {
}
#content-right .teaser .teaser-small, #content-left .teaser .teaser-small {
background-color: #FFFFFF;
}
#content-right .teaser-red .teaser-small, #content-left .teaser-red .teaser-small, .teaser-red .video {
background-color: #F2DBDC;
}
#content-right .teaser-yellow .teaser-small, #content-left .teaser-yellow .teaser-small, .teaser-yellow .video {
background-color: #F8E9C5;
}
#content-right .list-yellow, #content-left .list-yellow {
width: 220px;
background-color: #F8E9C5;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
}
#content-right .list-red, #content-left .list-red {
width: 220px;
background-color: #F2DBDC;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
}
#content-right .video /* #content-right .linklist, #content-right .medialist */ {
width: 220px;    /*background-color: #F8E9C5;*/
margin: 0 0 20px 0;
padding: 0 0 5px 0;
}
#content-right .medialist-red, 
#content-right .calendar {
width: 220px;
background-color: #F2DBDC;
margin: 0 0 20px 0;
padding: 0 0 5px 0;
}
#content-right div.calendar-search {
height: 120px;
}
#content-right .news, #content-right .links, #content-right .media {
margin: 0 6px 0 6px;
padding: 0;
}
#content-right .news h4 a {
font-size: 1.01em;
font-weight: bold;
margin: 0;
padding: 0;
}
#content-right .news a {
font-size: 1.01em;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
#content-right .news p {
font-size: 1.0em;
}
#content-right .calendar .week {
margin: 4px 0 4px 2px;
padding: 0;
height: 22px;
}
#content-right .calendar .day {
font-size: 14px;
font-weight: bold;
text-decoration: underline;
width: 23px;
background-color: #FFFFFF;
border: 1px solid #C3281C;
float: left;
margin: 2px;
padding: 2px 1px 2px 2px;
text-align: center;
}
#content-right p, #content-right span {
font-size: 0.85em;
}
#content-right p {
margin: 0 0 1.5em 0;
padding: 0;
}
#content-right .img-category  {
margin: 0 0 0.5em 0;
padding: 0;
border-bottom: 1px solid #FFFFFF;
width: 100%;
}
/* ----------------- applications ----------------- */
#namenstagskalender a {
font-size: 0.85em;
font-weight: normal;
color: #000000;
text-decoration: none;
}
#namenstagskalender a:hover {
text-decoration: underline;
}
#namenstagskalender .date {
font-size: 0.85em;
font-weight: bold;
color: #C5271B;
}
#namenstagskalender .header {
font-size: 0.85em;
font-weight: bold;
background-color: #F3DADD;
}
.urldatabase { /* URL Database Application */    
  margin-bottom: 25px;
  font-size: 1.1em !important;
}
.urldatabase .headline a,
.urldatabase .headline a:active,
.urldatabase .headline a:link,
.urldatabase .headline a:hover,
.urldatabase .headline a:focus {
    color: #C22713;
    font-weight: bold;
}
.urldatabase a,
.urldatabase a:active,
.urldatabase a:link,
.urldatabase a:hover,
.urldatabase a:focus {
}
/* ----------------- reddot ----------------- */
.reddot {
font-size: 0.85em;
font-weight: normal;
color: #FF0000;
margin: 0;
padding: 0;
}
.reddot img, .reddot span {
margin: 0;
padding: 0;
float: left;
}
.reddot-faq {
display: none;
}
/* ----------------- NADB----------------- */
#NADBForm
{
font-size: 13px;
}
#content-left .bottom li 
{
margin-bottom: 9px;
}
