@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
/* Your styles here */

body {background:#ffffcc; padding-top:10px;}
#page{border:none;}

/*****************************
*** Header *******************
*****************************/

#header {position:relative; height:140px; color:#fff; background:#fff url(/fileadmin/elemente/bg_header.gif) repeat-x top;}
img.headImg1 {margin-left:10px; margin-top:-20px; }
img.headImg2 {margin-left:895px; margin-top:-8px;}
img.headImg3 {margin-left:280px; margin-top:-15px;}
div.logos {position: relative; left: 290px; top: 25px;}
img.headImglo1 {margin-left: 0px; margin-top:0px}
img.headImglo2 {margin-left: 230px; margin-top:0px}
img.headImglo3 {margin-left: 457px; margin-top:0px}
#topnav {top:145px; font-size:13px; color:#000; right: 15px;}
#topnav a { color: #000; }
#header div.tx-macinasearchbox-pi1 {position:absolute; bottom:13px; right:100px; font-size:11px;}
#header div.adresse {color: #000; position: absolute; bottom: 5px; left: 300px;}
#header div.adresse a img {left: 9.6em; top: 0.7em}


#teaser {margin:0; padding:0; color:#fff; background:#fff url(/fileadmin/elemente/bg_header.gif) repeat-x top; color:#765; }

/* ######################################################################################################
** ### Formatierung des WebHitsz�hler ###################################################################
** ######################################################################################################
*/
.webhits { font-size: 0.9em; }


/* ######################################################################################################
** ### Formatierung des Lightbox - Galerie ##############################################################
** ######################################################################################################
*/
#inner_exolightbox .image_tab .image img {
  max-width: 60px;
  max-height: 50px;
}
#inner_exolightbox .image_tab {
  margin: 5px;
  float: left;
}
#inner_exolightbox .image_tab .image_name {
  font-size: 0.8em;
}
.pageBrowser {
  clear:both;
}

/* ######################################################################################################
** ### Formatierung contenttable ##########################################################
** ######################################################################################################
*/
table.contenttable tr.tr-0 {background: #fff; }
table.contenttable tr.tr-0 td { font-weight: bolder; }


/* ######################################################################################################
** ### Formatierung Dir- und Verzeichungsliste ##########################################################
** ######################################################################################################
*/

#mailform input, #mailform select {margin: 2px 5px;}

.tx-dirlisting-pi1 table td {border: 0px solid; background-color: white;}

.tx-sksimpleflvplayer-pi1 p {padding:4px;text-align:center;border:0px solid #ddd;background-color:#fff;}

.tx-thmailformplus-pi1 {
  color: #333333;
}
.tx-thmailformplus-pi1 input, textarea{
  margin-top: 2px;
}
.tx-thmailformplus-pi1 select {
  border: 1px solid #CCCCCC;
  margin-left: 13px;
}
.tx-thmailformplus-pi1 textarea {
  margin-left: 138px;
  margin-top: -15px;
}  

/* styles for extension "tx_skpagecomments_pi1" */
    .sk-pagecomments-error {color:red;font-weight:bold;border:1px solid #000;margin:8px 12px;padding:4px;}
    .sk-pagecomments-success {color:blue;font-weight:bold;}
    .sk-pagecomments-counter {color:#600;text-align:right;text-decoration:underline;margin-bottom:12px;}
        .sk-pagecomments-headline {border-bottom:1px solid #000;font-weight:bold;background:#d1d1d1;padding-left:6px;height:20px;}
    .sk-pagecomments-namedate {float:left;}
        .sk-pagecomments-emailhomepage{float:right;}
    .sk-pagecomments-comment{background:#f1f1f1;padding:4px 28px;clear:both;}
    .tx-skpagecomments-pi1 form {margin:16px 0;width:480px;}
        .tx-skpagecomments-pi1 form fieldset {border:1px solid #eee;}
    .tx-skpagecomments-pi1 form p.userinfos {text-align:center;padding:6px;}
        
    .tx-skpagecomments-pi1 form legend {background:#f1f1f1;border:1px solid #000;padding:4px;}
    .tx-skpagecomments-pi1 form label {width:120px;float:left;margin-left:8px;}
    .tx-skpagecomments-pi1 form p {margin:6px 0;}
    .tx-skpagecomments-pi1 form p img {vertical-align:bottom;margin-left:8px;}
    .tx-skpagecomments-pi1 div.smileytext{margin-left:130px;}
    .tx-skpagecomments-pi1 form input#name,
    .tx-skpagecomments-pi1 form input#email,
        .tx-skpagecomments-pi1 form input#homepage {width:320px; background-color: transparent;}
    .tx-skpagecomments-pi1 form textarea {width:320px;height:160px; background-color: transparent;}
    .tx-skpagecomments-pi1 form input#name:focus,
    .tx-skpagecomments-pi1 form input#email:focus,
        .tx-skpagecomments-pi1 form input#homepage:focus,
    .tx-skpagecomments-pi1 form textarea:focus {}
    .tx-skpagecomments-pi1 form input#skcommentssubmit {color:#804400;float:right;margin:8px 20px; background-color: transparent;}

    
/* ######################################################################################################
** ### Formatierung LOOK & BOOK #########################################################################
** ######################################################################################################
*/

.right {float:right;}
.left {float:left;}

/*### Address ###############
*/

div.nachoben {text-align:right; clear:both;}
div.labListItem {border-top: 0px solid; clear: both; padding:5px; margin-top: 5px;}
div.labListItemBody {border: 0px solid; padding:0px; margin: 0px; padding-left: 1.5em; text-align: justify;}
div.labAddressDescription {margin: 5px; padding: 0;}
div.labAddressDescription img {margin-left: 10px; padding: 0;}
div.labAddressPerson {margin: 5px; padding: 0; margin-top: 15px;  clear: both; }
div.labAddressContact {margin: 5px; padding: 0;}

ul.ZirisCityNav {
  padding: 0;
    margin: 0;    
    display: inline;
}

ul.ZirisCityNav li {
  display: inline;
  margin: 3px;
}

.ZirisCityNavLink {
  /*border: 1px solid Silver;
  white-space: pre;*/
}

.ZirisCityNavLink {
  /*border: 1px solid Silver;
  white-space: pre;*/
}

#lub_ortsregister {
  /*border: 1px solid Silver;*/
  font-weight: bold;
  /*overflow: auto;*/
}

.h3 {font-size:1.1em; color:#765; background:transparent; font-weight: bolder;}

/* #############################
** ### Datei-Links #############
** #############################
*/
table.csc-uploads {width: 100%}


/*### Sehenswertes ###############
*/

#ziris_header_top {}
#ziris_header_headline{float:left;}
#OrganizationalUnit {margin-top:10px;}
#OrganizationalUnit img {margin-left:10px;}
.OrganizationalUnit {width: 580px;}
#ziris_inhalt_header_top {}
.ziris_language {padding-left:5px; float:left; line-height:24px;  border-bottom: 2px solid #708090; height: 26px; }
.ziris_language span#uk img {vertical-align: middle;}
#ziris_inhalt_body table img {padding-left: 10px;}
#ziris_inhalt_body img {padding-left: 15px; padding-bottom: 15px;}
.info {background:#f7f7ef url(http://static.lookundbook.de/img/icons/ausrufez-blau.gif) 10px 10px no-repeat; padding:1.5em 1.5em 1.5em 4em;}
p.info {background:#f7f7ef url(http://static.lookundbook.de/img/icons/ausrufez-blau.gif) 10px 10px no-repeat; padding:1.5em 1.5em 1.5em 4em;}
.frage {background:#A43F15 url(http://static.lookundbook.de/img/icons/fragez-blau.gif) 10px 10px no-repeat; color:#fff; padding:1.5em 1.5em 1.5em 4em;}
.stop {background:#fff url(http://static.lookundbook.de/img/icons/stop.gif) 10px 10px no-repeat; padding:1.5em 1.5em 1.5em 4em; border:1px solid #a43f15;}
p.zitat {background:#fff url(http://static.lookundbook.de/img/icons/sprechblase.gif) 10px 10px no-repeat; color:#187ba2; padding:1.5em 1.5em 1.5em 4em; border:1px solid #187ba2; font-style:italic;}
.zitat {background:#fff url(http://static.lookundbook.de/img/icons/sprechblase.gif) 10px 10px no-repeat; color:#187ba2; padding:1.5em 1.5em 1.5em 4em; border:1px solid #187ba2; font-style:italic;}


/*##############
  ### Events ###
  ##############
*/

div.event_query {margin-top: 5px;}
div.event_table { margin-top: 10px; border: 0px dashed silver; padding: 4px; margin-bottom: 10px;}
div.event_treffpunkt {font-weight: bolder;}
div.event_beschreibung {clear: both; margin-top: 50px;}
div.event_row {border-bottom: 1px solid silver; padding: 2px;}

#ziris_topwerbung {
  float: left;
  width: 400px;
}
#lub_event_calendar {
  /*border: 1px solid Silver;*/
  margin: 0;
  padding: 0;
  width: 145px;
  float: right;
  margin-top:8px;
}
#lub_event_calendar table{
  border: 1px solid Silver;
  margin: 0;
  padding: 0;
}
#lub_event_calendar_teaser {
  border: 0px solid Silver;
  margin: 0;
  padding: 10px;
  width: 90%;
}
#lub_event_calendar_teaser table {
  border: 1px solid Silver;
  margin: 0;
  padding: 0;
}
#lub_event_today {
  clear: both;
  border-bottom: 1px solid Silver;
}
}

}