/*
    Document   : main.css
    Created on : 29.06.2010, 13:39:03
    Author     : secure-net-concepts.de <info@secure-net-concepts.de>
    Description:
        Swiss Data and Delivery Frontend Stylesheet
*/


html{
    margin:0  5px 0 5px;
    padding:0;
    font-size: 1em;
    background: #ffffff;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-style:normal;
}

/**
 * alle Links (global)
*/
a {
    color: #C91526;
    font-weight: normal;
    text-decoration: none;
}

a[target="_blank"]:before
{
    padding-right: 3px;
    content: url(/images/icon_link_extern.gif);
}

a:hover {
    text-decoration: underline;
}

a img, img  {
    border:0;
}

/**
 * Überschriften (global)
*/

h1
{
    clear: both;
    font-weight: normal;
    font-size: 1.5em;
    color: #C91526;
    padding: 10px 10px 0 0;
}


h2 {
    clear: both;
    font-weight: normal;
    font-size: 1.3em;
    color: #C91526;
    padding: 10px 10px 0 0;
}


h3 {
    clear: both;
    font-weight: normal;
    font-size:0.9em;
    color:#000000;
    padding: 10px 10px 0 0;
}



h4 {
    clear: both;
    font-weight: normal;
    font-size: 1.0em;
    color: #C91526;
    padding: 10px 10px 0 0;
}

hr {
    clear:both;
    margin:0;
    padding:0;
}

/**
 * Startseite Top3 (home/index)
 */

dl#hn
{
    width: 48%;
    margin: 1%;
    float:left;
}

dl#he
{
    width: 48%;
    margin: 1%;
    float:left;
}

dl#hm
{
    width: 48%;
    margin: 1%;
    clear:both;
    float:left;
}

dl#hw
{
    width: 48%;
    margin: 1%;
    float:left;
}


dl#hn dt,
dl#he dt,
dl#hm dt,
dl#hw dt
{
    padding: 2px 2px 2px 5px;
    background-color: #efefef;
    color: #C91526;
    font-weight: bold;
    font-size: .8em;
}


dl#hn dd,
dl#he dd,
dl#hm dd,
dl#hw dd
{
    margin: 0;
    text-align:left;
    vertical-align: top;
    line-height: 1.4em;


}


dl#hn dd a,
dl#he dd a,
dl#hm dd a,
dl#hw dd a
{
    font-size: .75em;
    font-weight:normal;
    padding-left: 5px;
}



/**
 * Kopfzeile (_header)
*/

div#header {
    clear:both;
    margin-top: -5px;
}

div#header a {
    font-size: .8em;
    color: #707070;
}

div#header div.left
{
    float:left;
    padding-bottom: 2px;
    font-size: 0.85em;
    color: #707070;
}

div#header div.right {
    float:right;
    margin-top: 3px;
    font-size: 0.85em;
    color: #707070;
}

div#header hr {
  border: 0;
  background-color: #707070;
  height:1px;
}

/**
 * Fusszeile (_footer)
*/
div#footer {
    clear:both;
    margin-top: 10px;
    margin-bottom: 5px;
}

div#footer hr{
    clear:both;
    margin: 0;
    padding:0;
    border: 0;
    background-color: #707070;
    height:1px;
}

div#footer a {
    font-size: .8em;
    color: #707070;
}

div#footer div.left
{
    float:left;
    font-size: 0.85em;
    color: #707070;
}

div#footer div.right {
    float:right;
    margin-top: 3px;
    font-size: 0.85em;
    color: #707070;
}

/**
 * Übersichts Seiten (main)
*/

dl.main dd
{
    margin: 0 0 15px 0;
    font-size: .8em;
}

dl.main dt
{
    font-size: .8em;
}

/**
 * Filter in Listenansichten (_search)
*/
dl#filter
{
    clear:both;
    padding: 10px;
    margin-top: 2px;
    border: 1px solid #ddd;
    font-size: .85em;
}

dl#filter dt
{
    clear:both;
    float:left;
    width: 15%;
}

dl#filter dd
{
    vertical-align: top;
    text-align: left;
}

dl#filter dd select
{
    width: 240px;
    font-size: .9em;
}

dl#filter dd a#cl
{
    position: absolute;
    margin: 3px 5px;
}

dl#filter dd input
{
    width: 235px;
    font-size: .9em;
}

dl#filter dd input[type=submit],
dl#filter dd input[type=reset]
{
    width: 119px;
    font-size: .9em;
}

dl#filter dd input[id=valid_from_date],
dl#filter dd input[id=valid_to_date]
{
    width: 112px;
    font-size: .9em;
}


/* Autocomplete */
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}

.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ac_results li {
    margin: 0px;
    padding: 7px;
    cursor: default;
    display: block;
    font-size: 1em;
    line-height: 1.2em;
    overflow: hidden;
    font-size: .8em;
}

.ac_loading {
    background: white url('/images/indicator.gif') right center no-repeat;
}

.ac_odd {
    background-color: #efefef;
}

.ac_over {
    background-color: #C91526;
    color: white;
}





/**
 * Tagwolke (_search)
*/

fieldset#tagcloud
{
    display:none;
    clear:both;
    border: 1px solid #ddd;
}


ul.tag-cloud
{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.tag-cloud li
{
    float:left;
    min-height: 24px;
    text-align: left;
    padding-left: 8px;
    white-space: normal;
}

/* klein */
ul.tag-cloud li small a
{
    color: #404040;
    font-size: 0.85em;
}

/* normal */
ul.tag-cloud li a
{
    font-size: 0.9em;
}

/* gross */
ul.tag-cloud li big big  a
{
    font-size: 0.95em;
}

/* riesig */
ul.tag-cloud li big a
{
    font-size: 0.85em;
}



/**
 * Anzeige in Listenansicht (index)
*/

div#summary {
    text-align:center;
    color:#404040;
    padding:0;
    font-size: .8em;
}



/**
 * Seitenauswahlmenü in Listenansicht (_pagination)
*/

div.pager {
    clear:both;
    text-align: center;
    padding: 10px 0 10px 0;
}

div.pager a img {
    margin-bottom: -3px;
}

div.pager a.pagenumber {
    color:#404040;
    padding: 0 5px 0 5px;
    font-size: .8em;
}

div.pager span {
    font-size: .9em;
    color: #C91526;
    font-weight:bold;
    padding: 0 5px 0 5px;
}




/**
 * Listenansicht mit Bildern (_listWithImages)
*/

.mpwi
{
    clear:both;
}

.mpi
{
    float:left;
    border: 1px solid #efefef;
    width: 30%;
    max-width: 100px !important;
    margin: 0 10px 10px 10px;
    font-size: .8em;
}

.mpm
{
    font-style: italic;
    color:#404040;
    font-size: .8em;
}

.mpm span.price
{
    color: #000000;
    font-size: .8em;
}

.mpd
{
    color:#404040;
    font-size:0.75em;
}

.mpc
{
    color:#404040;
    text-align:right;
    font-size:0.7em;
    padding-bottom:5px;
}

.mpt
{
    font-size: .8em;
}


/**
 * Formular (_form)
*/

dl.form
{
    clear:both;
}

dl.form dt
{
    min-width: 150px;
    padding-top: 5px;
    font-size: .9em;
}

dl.form dd
{
    text-align: left;
    font-size: .9em;
}

dl.form dd span.renderHelp {
    display:none;
    color: #666666;
    font-size: .8em;
}

dl.form dd select
{
    width: 240px;
    font-size: .9em;
}


dl.form dd input
{
    width: 145px;
    font-size: .9em;
}


dl.form dd input[type=text],
dl.form dd input[type=password]
{
    width: 300px;
    margin-top: 5px;
    font-size: .9em;
}

dl.form dd textarea
{
    width: 300px;
    margin-top: 5px;
    font-size: .9em;
}

dl.form dd select {
    width: 305px;
    margin-top: 5px;
    font-size: .9em;
}

dl.form dd#description {
    padding-top: 10px;
}

dl.form dd#teaser {
    padding-top: 10px;
}


dl.form dd ul.error_list {
    width: 264px;
    background: #f7c2c2;
    border: 1px dashed #ff0000;
    color: #951a1a;
    list-style: none;
    margin:0px;
}

dl.form dd ul.error_list li {
    padding: 3px;
    margin-left: -30px;
}

dl.form dd img {
    cursor:pointer;
}

span.required {
    padding-left: 2px;
    color: #ff0000;
}

/**
 * Inseratspezifisch (_form)
*/

dl.form dd input#market_valid_from_date,
dl.form dd input#market_valid_to_date,
dl.form dd input#market_valid_from_time,
dl.form dd input#market_valid_to_time
{
    width: 145px;
    margin-top: 5px;
}

/**
 * Detailansicht (show)
*/

.vdt
{
    color: #666;
    font-size: .9em;
}

.vmc
{
    clear:both;
    font-size: .8em;
}

/* Inhalt */
.vmd h1
{
    clear:none;
    font-size: 1.1em;
}

.vmd p.teaser
{ 
    font-weight:bold;
    font-size: .9em;
}

.vmd p.author
{
    padding: 10px;
    float:right;
    font-style: italic;
    font-size: .9em;
}

/* rechte Informationsbox */

dl.vmi
{
    width: 260px;
    border: 1px solid #efefef;
    padding: 1px;
    margin-left: 10px;
    margin-bottom: 5px;
    float:right;
}


dl.vmi dd a
{
    font-weight:normal;
    color: #C91526;
}

dl.vmi dt
{
    clear:both;
    float:left;
    vertical-align: top;
    text-align:left;
    padding: 5px 0 5px 0;
    width: 90px;
    font-size: .9em;
}

dl.vmi dd
{
    margin:0;
    padding:0;
    float:left;
    text-align:left;
    vertical-align: top;
    padding-top: 5px;
    width: 170px;
    font-size: .9em;
}


dl.vmi dt.head
{
    clear:both;
    width: 260px;
    text-align:center;
    background-color: #efefef;
    padding: 3px 0 3px 0;
    font-size: .9em;
}

dl.vmi dt.fg 
{
    width: 100%;
    text-align:center;
}

dl.vmi dd.route
{
    width: 260px;
}

dl.vmi dd input[type=text]
{
    width: 83px;
    font-size: .9em;
}

dl.vmi dd input[type=submit]
{
    width: 120px;
    margin-left: 5px;
    font-size: .9em;
}

span.fgl {
    float: left;
    margin: 0 10px 10px 0 ;
}


/* untere Informationsleisten */

dl.view
{
    clear:both;
    margin:0;
    padding:0;
}

dl.view dt
{
    border-top: 1px solid #efefef;
    width: 50%;
    clear: both;
    color: #666;
    font-weight:bold;
    float:left;
    margin:0;
    padding: 5px 0 5px 0;
    font-size: .9em;
}

dl.view dd
{
    border-top: 1px solid #efefef;
    width: 50%;
    float:right;
    font-weight:bold;
    color: #efefef;
    margin:0;
    padding:0;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
    font-size: .9em;
}

dl.view dt.rss,
dl.view dd.rss,
dl.view dd.rss a
{
    font-weight: normal;
    background-color: #efefef;
}

dl.view dd.rss img
{
    position: absolute; margin-left: -20px; margin-top: -1px;
}


dl.view dd a
{
    color: #C91526;
}

/* Social Bookmarks */
.sb
{
    clear:both;
    padding: 5px;
    width: 100%;
    float:left;
    text-align: center;
}



div.noscript
{
    background: #F8E1D1 url(/sf/sf_default/images/bg_sfTAlert.jpg) repeat-x;
    border: 1px solid #FFFFFF;
    border-bottom-color: #F0B17C;
    border-right-color: #F0B17C;
    margin:5px 0 0 0;
    padding:0;
}

div.disabled
{
    background-image: url(/sf/sf_default/images/icons/disabled48.png);
    background-repeat: no-repeat;
    background-position: .5% .5%;
}

div.noscript h1
{
    font-size: 1.2em;
    margin: 5px 0 0 0;
    padding: 0 0 0 80px;
    color: #000;
}

div.noscript span
{
    margin: 5px 0 0 0;
    padding: 5px 5px 5px 80px;
    color: #000;
    line-height: 2em;
}

.sfTMessageContainer {

    font-size: 0.75em;

}

.sfTMessageContainer img.sfTMessageIcon {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 12px;
    margin-left: 5px;

}



#positions
{
    width: 50%;
    float:left;
    overflow:hidden;
}

#positions > div
{
    clear:both;
}

#positions > div > div
{
    font-weight: bold;
    background: #eee;
    padding: 4px;
    margin-bottom: 5px;
}


#positions div#position_tree
{
    padding: 5px;
    border: 1px solid #eee;
    background-color: #fff;
}


#persons
{
    width: 50%; float:left;
}

#persons div#persons_list
{
    clear:both;
    padding-left:5px;
}


#persons div#persons_info
{
    display:none; margin-top: 5px; clear:both; padding-left:5px;
}
#persons div#nameinfo
{
    font-weight: bold;background: #eee; padding: 4px;
}

#pinfo {
    padding: 5px; border: 1px solid #eee;
}



#plist {
    padding: 6px; margin-top: 5px; border: 1px solid #eee;
}


#persons div#namelist
{
    font-weight: bold;background: #eee; padding: 4px;
}








/* Adressen Detailansicht */

h1.title
{
    padding:5px 0 0 0;
    margin:0;
    color: #000;
    font-size: 1.2em;
}

h4.slogan
{
    padding: 0 0 15px 0;
    margin:0;
    color: #666;
    font-size: 1.1em;
}

#address > dl > dt {
    padding-top: 5px;
    font-weight:bold;
}

#activity > dl > dt {
    padding-top: 5px;
    font-weight:bold;
}

#infrastructure dt {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight:bold;
}

#infrastructure dd {
    padding-top: 5px;
    padding-bottom: 5px;
}

#activity dd {
    padding-top: 5px;
    padding-bottom: 5px;
}

#address dt {
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight:bold;
}

#address input[type=text] {
    border: 1px solid #ccc;
    width: 300px;
}

#address textarea {
    border: 1px solid #ccc;
    width: 300px;
    height: 150px;
}

#article > #presentation .slide {


}

#address span.error {
    color: #ff0000;
    padding-left: 5px;
}

span.contacthead 
{
    font-size: 18px;
    font-weight:bold;
    font-family: "Lucida Grande", Verdana, Arial, "Bitstream Vera Sans", sans-serif;
}

span.copy {
    font-size: 0.8em;
    color: #aaa;
}

span.source {
    font-size: 0.8em;
    color: #aaa;
}

span.contactslogan 
{
    color: #aaa;
}

div#map_canvas {
    width: 100%;
    height: 500px;

}

div#address dd#hourplan
{
    margin:0;
}

div#address dd#hourplan > table
{
   width: 100%;
   border-collapse: collapse;
   padding:0;
   margin:0;
}

div#address dd#hourplan > table tr.head
{
    border: 1px solid #f00;
}

div#address dd#hourplan > table tr.head th
{
    text-align:left;border: 1px solid #ccc;
}


div#address dd#hourplan > table tr
{
    border: 1px solid #ccc;padding:0; margin:0;
}


div#address dd#hourplan > table tr td
{
    border: 1px solid #ccc; border-collapse: collapse; padding:0;margin:0;vertical-align:top; border: 1px solid #ccc;
}
div#address dd#hourplan > table  tr  td  table
{
    padding:0; margin:0; border:0;
}
div#address dd#hourplan > table tr td table tr td
{
    padding: 0; padding-top: 5px;  vertical-align:top;  border:0;
}
div#address dd#hourplan > table tr td table tr td.notice
{
    padding: 0; padding-top: 5px; color: #aaa;vertical-align:top;
}

div#address dd#hourplan span
{
    color: #666;
}


div#address
{
    border: 1px solid #ccc;
    margin:0;
    margin-top: 4px;
    padding:5px;
    clear:both;
    font-size: .8em;
}

UL.tabNavigation {
    margin: 0;
    padding: 0;
    list-style:none;
    clear:both;
    margin-left: 5px;
}

UL.tabNavigation li {
    display: inline;
    padding: 5px;
    background-color: #efefef;
    border: 1px solid #ccc;
    margin: 0;
    font-size: .8em;
}


UL.tabNavigation li.over {
    display: inline;
    padding: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom:1px solid #fff;
    margin: 0;
}



div.tabs > div {
    padding: 5px;
    margin-top: 3px;
    border: 1px solid #efefef;
}

div.tabs > div h2 {
    margin-top: 0;
}




UL.webNavigation {
    list-style: none;
    padding: 0;
    background-image: url("/images/gray-grad_re.png");
    background-position: left top;
    background-repeat: repeat-x;
    width: 100%;
    padding: 4px 0px;
    padding-bottom: 4px;
    margin-top:-5px;
}

UL.webNavigation LI {
    display: inline;
}

UL.webNavigation LI A {

    padding: 3px 5px;
    color: #000;
    text-decoration: none;
    text-shadow: rgba(245,245,245,1) 0px 1px 0px;
    color: #666;


}

UL.webNavigation LI A.selected,
UL.webNavigation LI A:hover {
    color: #000;
}

UL.webNavigation LI A:focus {
    outline: 0;
}

div.presentations > div {
    padding: 5px;
    margin-top: 3px;
    border: 2px solid #efefef;
}

div.presentations > div h2 {
    margin-top: 0;
}

.vd, .locality
{
    display:none;
    margin:0;
}


code
{
    font-size:120%;
}

div#topdata {
    width: 100%;
}

div#topdata > div.title {
    clear:both;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 0.8em;
}

div#topdata > div.picture {
    float:left;
    width: 100px;
}

div#topdata > div.picture img {
    width: 75px;
}


div#topdata > div.description {
    float:left;
    font-size: 0.8em;
    width: 50%;
    line-height: 100%;


}










/**
 * Präsentationen: Auflistung
*/

div#presentations {
    padding-bottom: 10px;
}

div#presentations h2 {
    color: #C91526;
}

div#presentations .headline a {
    padding-left: 10px;
    font-size: 75%;
}


div#presentations .information {
    color:#404040;
    padding-left: 10px;
    font-size: 75%;
}

div#presentations .category {
    color:#404040;
    text-align:right;
    font-size: 75%;
}

div#presentations .category span{
    font-weight:bold;
}



/**
 * Präsentationen: Detailansicht
*/


div#presentation {
    font-size: 1em;
    width: 100%;
}

div#presentation > div.slide {
    width: 100%;
}

div#presentation > div.slide > h1{
}

div#presentation > div.content {
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 100%;
    width: 100%;
}


/**
 * Präsentationen: Detailansicht > Kontaktanzeige
*/

div#presentation > div#contact {
    clear:both;
}

div#contact {
    clear:both;
}

div#presentation > div#contact > div.information {
    clear:both;
    width: 100%; 
    font-size: 85%;
}

div#presentation div.column{
    float:left; 
    width: 50%;
}


div#presentation div.content img{
    margin-bottom: 10px;
}

div#presentation div.column > div.company{
    font-weight:bold;
    font-size: 85%;
    line-height: 145%;
}

div#presentation div.column > div.description{
    font-size: 85%;
    line-height: 145%;
}

div#presentation div.column > div.street{
    font-size: 85%;
    line-height: 145%;
}

div#presentation div.column > div.locality{
    font-size: 85%;
    line-height: 145%;
}

div#presentation div.column > div.phone{
    font-size: 85%;
    line-height: 145%;
}

div#presentation div.column > div.mobile{
    font-size: 85%;
    line-height: 145%;
}

div#presentation div.column > div.fax{
    font-size: 85%;
    line-height: 145%;
}

div#presentation div.column > div.email{
    font-size: 85%;
    line-height: 145%;
}

div#presentation div.column > div.website a{
    font-size: 85%;
    line-height: 145%;
}

/**
 * Präsentationen: Detailansicht > Seitenauswahl
*/
div#presentation > ul#slidenavigation {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    text-align: center;
}

div#presentation > ul#slidenavigation li {
    list-style: none;
    display: inline;
    margin: 2px;
}



div#hidden {
    display:none;
}



@media print {
    div#bottom { display:none; }
}
/**
 * @todo
*/

div#create {
    text-align:center;
}

/**
 * PDF Download Seite
*/

table#pdfdownload td {
    font-size:75%;
    text-align:left;
    vertical-align: top;
}


table#pdfdownload th {
    font-size:75%;
    text-align:left;
    font-weight: normal;
    width: 175px;
    vertical-align: top;
}

table#pdfdownload td a {
    font-weight:bold;
    padding-left: 5px;
}

table#pdfdownload td {
    line-height: 135%;
}






/**
 * Auswahl für Uhrzeit
*/
#CP_hourcont {
    padding: 5px;
    position: absolute;
    margin-left: -200px;
    display: none;
    background-color: #dddddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#CP_minutecont {
    background-color: #dddddd;
    padding: 4px;
    position: absolute;
    width: 45px;
    display: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.CP_hour {
    font-size: .9em;
    padding: 4px 6px 4px 6px;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    text-align: center;
}

.CP_minute {
    font-size: .9em;
    padding: 4px 6px 4px 6px;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    text-align: center;
}

.CP_over {
    font-size: .9em;
    padding: 4px 6px 4px 6px;
    text-align: center;
    cursor: pointer;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: block;
    text-align: center;
    padding: 4px 6px 4px 6px;
    color: #eee;
    background: #333;
}


td select#userApply_birthday_day {
    width: 50px;
}

td select#userApply_birthday_month {
    width: 50px;
}

td select#userApply_birthday_year {
    width: 50px;
}

div#main h1{
    color: #c91526;
}



.highlight_search_result
{
    background-color: yellow;
}



@media print {

    div#filter, dl#filter, fieldset#tagcloud, div.pager, a.rm {
        display:none;
    }
    div#summary {
        color:#404040;
        font-size:12px;
        padding-bottom:10px;
        padding-top:10px;
        text-align:center;
    }
    div#events h2 {
        font-size:14px;
    }
    div#events .headline a {
        font-size:12px;
    }
    div#events .information {
        font-size:12px;
    }
    div#events .category {
        font-size:10px;
    }
    div#event {
        font-size:12px;
    }
    div#footer {
        display:none;
    }
    div#header {
        display:none;
    }
    .sb {
        display:none;
    }
}