/** 
* gwn-neuss.de
*
* This typography file is included in the WYSIWYG editor and the front end. 
* It provides a place to add link styles and font styles you would like in
* the CMS and the Front End.
*/


/*-----------------------------------------------------------------------
* Generic Styles
*-----------------------------------------------------------------------*/

.typography {
    font-family: Tahoma, Helvetica, Verdana, sans-serif;
    font-size: 10px;

    color: #002D69;
}

.typography * {
    font-size: 1em;
}

/*-----------------------------------------------------------------------
* Highlights
*-----------------------------------------------------------------------*/

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

.typography em {
    font-style: italic;
}

.typography abbr,
.typography acronym {
    border-bottom: 1px dotted;
}


/*-----------------------------------------------------------------------
* Container + Paragraphs
*-----------------------------------------------------------------------*/

.typography div#content > div {
    font-size: 1.3em;
    line-height: 1.5em;
}


.typography p { 
    margin-bottom: 1em;
}

/*-----------------------------------------------------------------------
* Quotes
*-----------------------------------------------------------------------*/
.typography blockquote {

    font-style: normal;
    font-size: 1.1em;
    line-height: 1.5em;

    margin-left: 2em;
    margin-right: 4em;
    margin-bottom: 1.5em;
}

.typography q {
    font-style: normal;
}

/*-----------------------------------------------------------------------
* Links
*-----------------------------------------------------------------------*/

.typography a { 
    padding-right: 14px;

    background-image: url(../images/ico_link_intern.gif);
    background-position: right center;
    background-repeat: no-repeat;

    text-decoration: none;

    color: inherit;
}

.typography a:hover {
    text-decoration: underline;
}

.typography .alphabet a {
    padding: 0 !important;
    background: 0 !important;
}

.typography a.extern {
    padding-right: 17px;
    background-image: url(../images/ico_link_extern.gif);
}

.typography a.nachoben,
.typography a.seitenanfang {
    padding-right: 10px;
    background-image: url(../images/ico_link_nachoben.gif);
}


.typography a.email {
    padding-left: 20px;

    background-image: url(../images/ico_email.gif);
    background-position: left center;
}

.typography a.drucken {
    float: left;
    padding-left: 25px;
    background-image: url(../images/ico_drucker-trans.png);
    background-position: left center;
}

.typography a[name] {
    background-image: none;
    padding-left: 0;
    padding-right: 0;
}



/* LINK ICONS - shows type of file
------------------------------------ */
/*
.typography a[href$=".pdf"],
.typography a[href$=".PDF"],
*/
.typography a.pdf {
    padding: 2px;
    padding-left: 20px;
    background: url(../images/icons/page_white_acrobat-trans.png) no-repeat left center;
}



.typography a[href$=".doc"],
.typography a[href$=".DOC"],
.typography a.doc {
    padding: 2px;
    padding-left: 20px;
    background: url(../images/icons/page_word-trans.png) no-repeat left center;
}
.typography a[href$=".xls"],
.typography a[href$=".XLS"],
.typography a.xls {
    padding: 2px;
    padding-left: 20px;
    background: url(../images/icons/page_excel-trans.png) no-repeat left center;
}
.typography a[href$=".gz"],
.typography a[href$=".GZ"],
.typography a[href$=".gzip"],
.typography a[href$=".GZIP"],
.typography a[href$=".zip"],
.typography a[href$=".ZIP"],
.typography a.archive {
    padding: 2px;
    padding-left: 20px;
    background: url(../images/icons/page_white_zip-trans.png) no-repeat left center;
}
.typography a[href$=".exe"],
.typography a[href$=".EXE"],
.typography a.application {
    padding: 2px;
    padding-left: 20px;
    background: url(../images/icons/application-trans.png) no-repeat left center;
}

/*-----------------------------------------------------------------------
* LIST styles
*-----------------------------------------------------------------------*/


.typography ul {
    list-style-type: disc;
    list-style-position: outside;
    margin-left: 10px;
}

.typography #inhalt ul {
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.typography #inhalt li {

    margin-bottom: 0.5em;
}

/*
#inhalt p {
margin-bottom: 10px;
}
*/

.typography #inhalt td h4 {
    margin-top: 5px;
}



/*-----------------------------------------------------------------------
* Headlines
*-----------------------------------------------------------------------*/


.typography h3 a,
.typography h4 a {
    padding: 0;
    background: none;
}


.typography h3 {

    font-size: 2.2em;
    font-weight: 100;

    line-height: 1.2em;

    display: block;
    float: none;

    margin: 0px;
    margin-top: -0.1em;
    margin-bottom: 0.8em;
}

.typography h4 {
    font-size: 1.7em;
    font-weight: normal;
    line-height: 1.2em;

    margin-top: 2em;
    margin-bottom: 1em;
}

.typography h3 > h4,
.typography .portal h4 {
    margin-top: 0;
}




.typography h5 {
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.2em;

    margin-top: 1.5em;
    margin-bottom: 0.8em;
}

.typography h6 {
    font-weight: bold;
    font-size: 1.1em;

    margin-top: 1em;
    margin-bottom: 0.5em;
}


/*-----------------------------------------------------------------------
* PRE styles
*-----------------------------------------------------------------------*/

.typography pre {
    font-family:"Courier New",Courier;
    display:block;
    font-size:1.2em;
    margin:2em 5em;
    padding:0.5em;
    border:1px #ccc solid;
    background:#eee;;
}

/*-----------------------------------------------------------------------
* Table styling
*-----------------------------------------------------------------------*/

/*
.typography table {
margin: 0 0 18px 0;
font-size: 11px;
color: #666;
border-collapse:collapse;
}
.typography tr {}

.typography td {
border:1px solid #999;
padding:5px;
}
*/

.typography table img {
    border: none !important;
}

/*-----------------------------------------------------------------------
* WYSIWYG Editor Alignment Classes
*-----------------------------------------------------------------------*/

.typography .left {
    text-align: left;
}
.typography .center {
    text-align: center;
}
.typography .right {
    text-align: right;
}



/*-----------------------------------------------------------------------
* Images
*-----------------------------------------------------------------------*/

.typography img,
.typography #marginalspalte img {
    border: none;
}

.typography #inhalt img,
.typography div.image img {
    border: 1px solid #002D69;
}



.typography div.image.right,
.typography div.captionImage.right,
.typography img.right {
    float: right;
    margin-left: 15px;
    margin-bottom: 7px;
}

.typography .captionImage {
    border: 1px solid #aaa;
    padding: 5px;
}

.typography div.image.left,
.typography div.captionImage.left,
.typography img.left {
    float: left;
    margin-right: 15px;
    margin-bottom: 7px;
}
.typography div.image.leftAlone,
.typography div.captionImage.leftAlone,
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
}
.typography div.image.center,
.typography div.captionImage.center,
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
}

.typography div.image.infografik,
.typography img.infografik {
    border: none !important;
}

.typography .caption {
    font-weight: bold;
    text-align: center;
    color: #666;
}



/*-----------------------------------------------------------------------
* Breadcrumbs
*-----------------------------------------------------------------------*/
.typography #breadcrumbs {
    font-size: 1.2em;
    line-height: 1.5em;
    height: 3em;
    margin-bottom: 0.5em;
}

.typography #breadcrumbs a {
    background: none;
    padding: 0;
}


/*-----------------------------------------------------------------------
* Infoboxen
*-----------------------------------------------------------------------*/

.typography div.infobox > * {
    font-size: 1.3em;
    line-height: 1.5em;
}

.typography .infobox h4 {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 0;
}

.typography .infobox h5 {
    font-weight: bold;
    font-size: 1.2em;
}

.typography .infobox h6,
.portal h6 {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 0;
}

.typography .infobox h6 a,
.portal h6 a {
    text-decoration: none;
    color: inherit;
}

.typography .infobox h6 a:hover,
.portal h6 a:hover {
    text-decoration: underline;
}


.typography .infobox p {
    margin-bottom: 5px;
}

.typography .infobox a {
    color: inherit;
}

.typography .infobox ul li a {
    text-decoration: none;
    color: inherit;
}

.typography .infobox ul li a:hover {
    text-decoration: underline;
}

.typography div.klicktel {
    border: 1px solid #CCCCCC;
    padding: 1em;
    width: 30em;
}

.typography .klicktel img {
    margin-bottom: 2em;
}

.typography .klicktel p {
    clear: both;
}

.typography .klicktel a,
.typography .klicktel a img {
    border: none !important;
}

.typography .klicktel a.grafik {
    background: none !important;
    padding: 0 !important;
    margin-top: 0.5em;
}

.typography .klicktel input {
    border: 1px solid rgb(127, 157, 185); 
    padding: 5px 3px; 
    width: 193px; 
    color: rgb(25, 69, 123); 
    background-color: rgb(255, 255, 255); 
    font-size: 12px;
    margin-top: 0.4em;
}

.typography .klicktel label {
    width: 2.5em;
    margin-right: 1em;
    display: block;
    float: left;
    vertical-align: middle;
}

.typography button {
    float: right;
    border: medium none;
    background: transparent url(http://mapwidget.klicktel.de/img/widget_button_route_planen.png) no-repeat scroll left top;
    cursor: pointer; 
    height: 28px;
    width: 10em;
    text-indent: -9999px;
    margin-left: 0;
    margin-top: 3px;
}

.typography #inhalt .links h4 {
    z-index: 10;
}

.typography #inhalt .links a {
    z-index: 20;
}

.typography a.image {
    background: none;
}


/* -----------------------------------------------------------------------------
 * Stellenangebote
 * ---------------------------------------------------------------------------*/
.typography div.Stellenangebot {
    margin-bottom: 3em;
}

    .typography .Stellenangebot table {
        margin-bottom: 1em;
    }

        .typography .Stellenangebot th {
            font-weight: bold;
            width: 15em;
        }

        .typography .Stellenangebot th,
        .typography .Stellenangebot td {
            padding-bottom: 0.3em;
        }