@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 */
/* Formatierung der Seite */
body {background: White; padding:10px;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{border: 1px solid White; background: url(../elemente/col1_bg.gif) repeat-y left;}
#page_margins {border: 1px solid #ffcc59; width:802px; margin:auto;}

/* ####################################
** ### Content columns ################
** ####################################
*/
#main {background: transparent; padding-top:0; }


/* Formatierung der Kopfbereiches */
#header {position:relative; height: 70px; color:#fff; background: none;}
#header img {position:absolute; top:0px; left:0px; font-size:208%;}
img.headImg1 {
	/*border: 1px solid #778899;*/
	z-index: 0;
	position: relative;
	top: 0px;
	left: 0px;
        width: 800px;
        height: 70px
}
img.headImg2 {
	/*border: 1px solid #778899;*/
	z-index: 910;
        position: absolute;
        margin-right:570px;
        margin-top: 30px;
        width: 220px;
        height: 70px
}
#banner {position:absolute; top:20px; left:20px; z-index:10; width: 200px}
#banner img {position:relative; top:0px; left:0px; font-size:100%;}
#nav { background-color: #FFFFDB;    height: 28px;   }
#header div.tx-macinasearchbox-pi1 {position:absolute; top:130px; right:10px; font-size:0.8em;}
#header div.tx-macinasearchbox-pi1 input {margin-left:0;}

#topnav a {color: #708090; font-size: 0.9em}
#topnav {top: 75px;  right: 15px; color: #708090;}
#header div.tx-macinasearchbox-pi1 {top:125px; right:20px}
/*#header div.tx-macinasearchbox-pi1 input {margin-left:0;}*/

/* Formatierung Navigation */
#nav_main {
	background: White;
	border-top: 0px solid #aaa;
}

#nav_main ul {
	margin-left:0;
}

#nav_main ul li {
	border-top: 1px solid;
}

  #nav_main ul li#current {
    /* (en) Repeat the main color from the image */
    /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
    background: #888888
  }

/* Formatierung der Fu?zeile */
#footer {color:#888; background:#fff; margin:0em; margin-left: 165px; padding:0.5em 1em 0.5em 0; border-top:1px #ddd solid; line-height:1em; text-align: right;}
#footer img { vertical-align: middle; }
#print_footer { display: none;}

/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/

p { text-align: justify; margin-left: 15px; margin-right: 15px;}

/* linke Spalte */
#col1 {width:165px; clear:both;}
#col1_content {margin-left:0em; margin-right:1px; color:#444; background: inherit; }

  #submenu {
    margin: 0 0 0 0;
  }

  /* Level 1 */
  #submenu li#active,
  #submenu li strong {
    width: 90%;
    padding: 1px 0px 1px 10%;
    font-weight: bold;
    color: #fff;
    background-color:#ff5402;
    border-bottom: 1px #eee solid;
  }

  #submenu li a { width: 90%; padding-left: 10%; background-color:#FFCC59; color: #444; }
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active { background-color:#ff5402; color: #fff; font-weight: bold;}

  /* Level 2 */
  #submenu li ul li a,
  #submenu li ul li#active,
  #submenu li ul li strong,
  #submenu li ul li span { width: 85%; padding-left: 15%; }

  #submenu li ul li strong { width: 85%; padding-left: 15%; background: #f8f8f8 url(../../elemente/node_lub.gif) no-repeat 5%; color: #666; }

  #submenu li ul li a { background-color:#f8f8f8; color: #666; }
  #submenu li ul li a:focus,
  #submenu li ul li a:hover,
  #submenu li ul li a:active { background: #f8f8f8 url(../../elemente/node_lub.gif) no-repeat 5%; color: #666; }

  /* Level 3 */
  #submenu li ul li ul li a,
  #submenu li ul li ul li#active,
  #submenu li ul li ul li strong,
  #submenu li ul li ul li span { width: 80%; padding-left: 20%; }

  #submenu li ul li ul li a { background-color:#fcfcfc; color: #888; }
  #submenu li ul li ul li a:focus,
  #submenu li ul li ul li a:hover,
  #submenu li ul li ul li a:active { background-color:#AA1124; color: #fff; }

  /* Level 4 */
  #submenu li ul li ul li ul li a,
  #submenu li ul li ul li ul li#active,
  #submenu li ul li ul li ul li strong,
  #submenu li ul li ul li ul li span { width: 75%; padding-left: 25%; }

  #submenu li ul li ul li ul li a { background-color:#ffffff; color: #aaa; }
  #submenu li ul li ul li ul li a:focus,
  #submenu li ul li ul li ul li a:hover,
  #submenu li ul li ul li ul li a:active { background-color:#AA1124; color: #fff; }


/* Rechte Spalte */
/*#col2 {width:25%;}
#col2_content {	margin-left:1em; margin-right:1em;}*/

/* Mittlere Spalte */
#col3 {margin-left:165px; }
#col3_content {margin-left:0.5em; margin-right:0.5em; }
#col3 {border-left:none; border-right:none;}

h1 {font-size:1.3em; color:#FF5402; background:transparent; margin:0.1em 0 0.5em 0; border-bottom:1px #222222 solid;}
h2 {font-size:1.1em; color:#222222; background:#FFCC59; margin:0.1em 0 0.5em 0; padding:0.3em;}
h3 {font-size:1.1em; color:#FF5402; background:transparent; margin:0.1em 0 0.3em 0;}
h4 {font-size:1.0em; color:#FF5402; background:transparent; margin:0.1em 0 0.3em 0; border-bottom:1px #222222 solid;}
h5 {font-size:0.8em; color:#FF5402; background:transparent; margin:0.1em 0 0.3em 0;  font-weight: normal; }
h6 {font-size:0.8em; color:#222222; background:transparent; margin:0.1em 0 0.3em 0;  font-weight: normal; }


/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {margin:0; padding:0; background: White; color:#765;  margin-left: 185px; }
#teaser div {float:left; width:auto; margin-right:1em;}
#teaser .block1 {padding: 0.5em 0 0.4em 9.5em; font-size:0.82em;}
/*#teaser div {float:left; width:auto; margin-right:1em;}
#teaser .block1 {padding:0.5em 0 0.4em 1em; font-size:0.82em;}
#teaser .block1 a {color:#334;}
#teaser .block1 a:hover {background:transparent;}
#teaser .block3 {width:45%; padding-top:0.5em; font-size:0.82em;}
#teaser .langMenu {float:right; padding-top:0.2em; margin-right:0;}
#teaser .selectFontSize {float:right; padding-top:0.4em; padding-right:1em;}
#teaser .selectFontSize a {color:#334;}
#teaser .selectFontSize a:hover {background:transparent;}
#teaser .aktDatum {float:right; font-size:0.82em; padding-top:0.5em; padding-right:1em;}
#teaser .block3 .title {font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; display:block; font-size:1.2em; font-weight:bold; color:#336699; background:inherit; margin:0 0 0.5em 0;}
*/

/* ######################################################################################################
** ### Formatierung des WebHitsz�hler ###################################################################
** ######################################################################################################
*/
div.webhits { font-size: 0.8em; margin: 10px; }


/* ######################################################################################################
** ### 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 macania_banner ######################################################################
** ######################################################################################################
*/

.tx-macania_banner .mb_anzeige {margin-bottom: 8px; text-align: center;}
.tx-macania_banner h6 {text-align: center;}


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


/* ######################################################################################################
** ### Formatierung Dir- und Verzeichungsliste ##########################################################
** ######################################################################################################
*/
.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;
}	


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

.right {float:right;}
.left {float:left;}
.labBacklink {text-align: right;}

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

div.labContentSpezial { margin-left: 15px; margin-right: 15px;}
.url_hits {white-space: nowrap;}
span.bezeichnung {color: #222222; font-weight:normal; margin-left: 1.5em; display:block; overflow: auto;}
div.labbezeichnung {color: #222222; font-weight:normal; margin-left: 1.5em; display:block; margin-bottom: 8px; border-bottom: 1px solid silver;}
div.labBezeichnung {color: #222222; font-weight:bolder; margin-left: 0.5em; display:block; margin-bottom: 8px; border-bottom: 1px solid silver;}

div.nachoben {text-align:right;}

div.labContentSpezial .labBody .labList .labListBody {margin-top: 0px; margin-bottom: -10px;}
.labListBody {margin-top: 0px; margin-bottom: 30px;}
.labListItemHead .bezeichnung{background-color: #FFCC59; margin:0; padding-left: 10px; color: #222222;  display:block; width: 100%;}
.lub_name {font-weight: bolder;}
.labListItemBody {margin-top:20px;}

div.labAddressDescription img {vertical-align: text-bottom;}
div.labAddressDescription {margin: 5px; padding-left: 1.5em; margin-top: 1.5em;}
div.labAddressDescription img {margin: 5px; margin-left: 1.5em;}
div.labAddressPerson {margin: 5px; padding-left: 1.5em;}
div.labAddressContact {margin: 5px; padding-left: 1.5em;}
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;}

}

@media print
{
  #page{border: none; background: none;}
  #page_margins {border: none; width:100%; margin:auto;}
  #col3 {margin:0px; padding:0;}
  #col3_content {margin:0; padding:0;}
  .none { display: none;}
  #print_footer { display: block;}
  #header .headImg2 {
	/*border: 1px solid #778899;*/
	z-index: 1000;
	position: relative;
	top: 10px;
	left: 10px;
 }
 #teaser { margin-left: 85px; }

/* Anpassung LOOK & BOOK - Address */

.lab_url_mail {clear: both;}
  a[href *="mail.php"]:after {
    content:" <E-Mail: "attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }
  a[href *="url.php"]:after {
    content:" <URL: "attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }


}