/**
 * Copyright 1992-2014 by DVDB Deutscher Visadienst - Birgit Dimitriw - Hedemannstr. 13, 10969 Berlin
 * GERMANY - All Rights Reserved
 * Technical Contact: Heiko Hirch-Sobecki - +49 30 / 844 687 25
 */

/**
 * Generelle Formatierung
 */

body, html {
    height: 100%;
    width: 100%;
}

body {
    background-image: url('/images/page_background.png');
    background-repeat: repeat; margin: 0; padding: 0; }
address { font-style: normal; }
a { text-decoration: none; }
a img { border: 0; }

.dbg { border:1px solid #fff;color:#fff; background-color:#000;font-family:"Courier New";font-size:small;padding:2px 5px;}
.clearfix { clear: both; }
.spacer, .spacer5, .spacer10 { background-color: #fff; clear: both; }
.spacer5 { height: 5px; }
.spacer10 { height: 10px; }
.highlight { color: #a4d6e8 !important; }
.hidden { display: none; }
.red { color: #f00 !important; }
.info { font-size: xx-small; }
.teaser { font-weight: bold; }
.strike { text-decoration: line-through; }
a.btn, a.redBtn, input.btn, input.redBtn, input[type=button], input[type=submit], input[type=reset] {
    min-width: 50px; margin: 2px 0; text-align: center; font-weight: normal !important;
    display: inline-block; font-size: 9pt; padding: 3px 5px;
    border: 1px solid #960; background-color: #a28e67; }
a.btn, input.btn, input[type=button], input[type=submit], input[type=reset] {
    color: #fff !important; }
a.redBtn, input.redBtn, input[type=reset] { color: #a00 !important; }

#outerDIV {
    font-family: Arial, Verdana, Helvetica;
    font-size: 13px;
    margin: 0;
}

#outerPage {
    background-color: #fff;
    margin: 0;
    background-image: url('/images/content_background.png');
    background-repeat: no-repeat;
    background-position: center 100px;
}

#page {
    width: 960px;
    margin: 16px 0 0 0;
}

/**
 * HEADER-Bereich
 */

#pageHeader {
    text-align: left;
}

#leftHeader, #middleHeader, #rightHeader {
    float: left;
    text-align: center;
    background-color: #fff;
    color: #666;
}

#leftHeader {
    width: 450px;
    height: 65px;
    padding: 25px 0 5px 0;
}

#middleHeader {
    width: 330px;
    border-bottom: 1px solid #666;
}

#loginPic {
    float: right;
    margin: 2px;
}

#followus {
    margin-top: 35px;
}

#rightHeader {
    background-image: url('/images/page_background.png');
    padding-bottom: 10px;
    width: 180px;
}

#userBox {
    margin:0 10px;
    padding: 5px;
    height: 80px;
    width: 150px;
    background-color: #fff;
}

#userBox .btn {
    width: 90%;
}

/**
 * USER- / LOGIN- Box
 */

#user {
    text-align: center;
}

#user .links {
    padding: 0 0 5px 0;
}

#user input {
    border: 0;
    width: 85%;
    padding: 5px;
    margin: 2px 0;
}

#user label {
    text-align: right;
    display: inline-block;
    width: 65px;
}

#user a, #user a:link, #user a:visited {
    color: #58585a;
}

#user a:hover, #user a:active {
    color: #fff;
}

#user a:first-child {
    font-weight: bold;
}

/**
 * Searchbox
 */

#headSearchBox {
    float: right;
    width: 160px;
    padding: 10px 10px 18px 10px;
    height: 28px;
    background-color: #58585a;
    text-align: left;
}

#headSearchInput {
    float: left;
    border: 0;
    margin: 0;
    width: 104px;
    padding: 4px;
    font-family: Arial, Verdana, Helvetica;
    font-size: 9px;
    font-style: italic;
    border: 0;
}

#headSearchBtn {
    background-image: url('/images/search.png');
    margin: 0 0 0 1px;
    padding: 0;
    width: 45px;
    height: 23px;
}

/**
 * TOP- und SUB-Menü
 */

#topMenu, #topSubMenu {
    width: 780px;
}

#topMenu {
    text-align: left;
    background-color: #e1e2e2;
}

#topMenu a, #topMenu a:link, #topMenu a:visited {
    margin: 0;
    padding: 8px 0;
    font-size: 13px;
    font-family: "Arial Narrow", Arial, Verdana, Helvetica;
    text-align: center;
    display: inline-block;
    min-width: 110px;
    color: #58585a;
    border-right: 1px solid #c0c1c1;
    background-image: url('/images/topMenu-slice.png');
    background-position: 0 0;
    background-repeat: repeat-x;
}

#topMenu a:hover, #topMenu a:active, #topMenu a.active {
    background-position: 0 -33px;
    background-repeat: repeat-x;
    color: #fff;
}

#topSubMenu {
    margin: 1px 0 0 0;
    background-color: #a28e67;
    text-align: left;
    font-size: 13px;
    font-family: "Arial Narrow", Arial, Verdana, Helvetica;
    font-weight: bold;
    color: #c4b79e;
}

#topSubMenu a, #topSubMenu a:link, #topSubMenu a:visited {
    margin: 0;
    padding: 3px 13px 4px 13px;
    display: inline-block;
    border: 0;
    color: #fff;
}

#topSubMenu a:hover, #topSubMenu a:active, #topSubMenu a.active {
    color: #c4b79e;
}

/**
 * TEASER- und KALENDER-Bereich
 */

#teaserBox {
    float: left;
    height: 100px;
    text-align: left;
    color: #58585a;
}

#teaserBox .left {
    float: left;
    width: 140px;
    height: 100%;
    margin: 0;
    padding: 10px;
    text-align: right;
    font-size: 11px;
    background-color: #ccbba2;
}

#teaserBox .right {
    float: left;
    width: 590px;
    height: 100%;
    margin: 0;
    padding: 10px 20px 10px 10px;
    background-color: #dccfbe;
}

#teaserBox .header {
    font-weight: bold;
}

#teaserBox .more {
    float: right;
    font-style: italic;
    margin-right: 30px;
    color: #58585a;
}

#calendar {
    float: left;
    width: 160px;
    height: 100px;
    margin: 0;
    padding: 10px;
    background-color: #58585a;
    text-align: left;
}

#calendar table {
    width: 160px;
    border-collapse: collapse;
    text-align: center;
}

#calendar td {
    margin: 0;
    padding: 1px 4px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

#calendar a {
    color: #fff;
}

/**
 * NAVIGATION Links
 */

#lFrame, #rFrame {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #fff;
}

#lFrame {
    width: 160px;
    float: left;
}

#lNav a, #lNav a:link, #lNav a:visited {
    display: block;
    margin: 0 0 1px 0;
    padding: 10px 20px 10px 20px;
    text-align: left;
    font-family: "Arial Narrow", Arial, Verdana, Helvetica;
    font-size: 13px;
    color: #58585a;
    background-color: #ccc;
}

#lNav a:hover, #lNav a:active, #lNav a.active {
    font-weight: bold !important;
    background-color: #e9e9e9 !important;
}

#hotlineLink {
    text-align: center;
    padding: 10px 5px 10px 10px !important;
    line-height: 22px;
}

#hotlineLink img {
    float: left;
    margin-right: 5px;
}

/**
 * NAVIGATION Rechts
 */

#rFrame {
    float: left;
    width: 180px;
}

#rFrame .content {
    text-align: center;
    width: 160px;
    padding: 10px;
    background-color: #58585a;
}

#rFrame h1 {
    font-family: Arial, Verdana, Helvetica;
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    color: #fff;
}

/**
 * CONTENT-Bereich
 */

#rFrame img {
    max-width: 80%;
    margin: 3px 0;
}

#pageContent {
    font-family: Arial, Verdana, Helvetica;
    float: left;
    width: 590px;
    margin: 0;
    padding: 15px;
    text-align: left;
    min-height: 400px;
    line-height: 16pt;
    background-color: #fff;
    color: #58585a;
}

#pageContent a, #pageContent a:link, #pageContent a:visited,
#pageContent a:active, #pageContent a:focus, #pageContent a:hover {
    font-family: Arial, Verdana, Helvetica;
    /*font-size: 14pt;*/
    /*color: #a4d6e8;*/
    color: #5c98ae;
}

#pageContent h1 {
    font-family: Arial, Verdana, Helvetica;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
}

#pageContent h2 {
    font-family: Arial, Verdana, Helvetica;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

#pageContent h3 {
    font-family: Arial, Verdana, Helvetica;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}

#pageContent h4, #pageContent h5, #pageContent h6 {
    font-family: Arial, Verdana, Helvetica;
    font-weight: bold;
    text-transform: uppercase;
}

/**
 * FOOTER-Bereich
 */

#footer {
    height: 400px;
    width: 960px;
    font-size: 13px;
}

#leftFooter, #rightFooter {
    float: left;
    text-align: left;
}

#bottomFooter {
    clear: both;
    font-weight: bold;
    text-align: right;
}

#leftFooter a {
    width: 140px;
    padding: 5px 20px;
    display: block;
    color: #fff;
}

#rightFooter, #bottomFooter {
    color: #58585a;
}

#rightFooter a, #bottomFooter a {
    color: #58585a;
    display: inline-block;
    padding: 5px 2px;
}

/**
 * SLICES
 */

 .twitterlink,
 .facebooklink {
    display: inline-block;
    height: 16px;
    padding-left: 16px;
    color: #58585a;
 }

.twitterlink {
    background-image: url('/images/twitter_slice.png');
    background-repeat: no-repeat;
    background-position: 0px 1px;

}

.twitterlink:hover {
    background-position: 0 -27px !important;
    color: #3e99d4;
}

.facebooklink {
    background-image: url('/images/facebook_slice.png');
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.facebooklink:hover {
    background-position: 0 -22px !important;
    color: #3b5999;
}

.veslink,
.visum24link {
    margin: 8px 0;
}

.veslink {
    display: inline-block;
    width: 71px;
    height: 71px;
    background-image: url('/images/ves-logo_slice.png');
    background-repeat: no-repeat;
    background-position: 0px 2px;
}

.veslink:hover {
    background-position: 0px -140px;
}

.visum24link {
    display: inline-block;
    width: 115px;
    height: 30px;
    background-image: url('/images/visum24-logo_slice.png');
    background-repeat: no-repeat;
    background-position: 0px 0px;

}

.visum24link:hover {
    background-position: 0px -60px;
}

/**
 * Allgemeingültige Klassen
 */

.ok,
.warning,
.error {
    margin: 10px 0;
    padding: 5px;
    width: 450px;
    background-color: #eee;
    box-shadow: #999 2px 2px 2px;
}

.ok {
    border: 2px solid #0a0;
}

.warning {
    border: 2px solid #aa0;
}

.error {
    border: 2px solid #a00;
}

table.listing th { font-weight: bold; text-align: center; }
table.listing td,
table.listing th { border-bottom: 1px dotted silver; vertical-align: top; }
table.listing td:first-child { font-weight:bold; }

/**
 * Styles für Unterseiten
 */

#contact label,
#contact legend {
    font-weight: bold;
}

#contact label {
    display: block;
    text-align: right;
    float: left;
    padding: 0 5px;
    width: 100px;
}