@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...
*/
@import url(http://static.lookundbook.de/css/lub_format.css);

@media all
{
/* Your styles here */
/* Formatierung der Seite */
body {background: #EEEEEE;}

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
/*#page{border:1px #667 solid; background:#fff;}
#page_margins {border:1px #889 solid; min-width:756px; max-width:80em; margin:auto;}*/

/* Formatierung der Kopfbereiches */
#header {position:relative; height:150px; color: #708090; background: White url(../Elemente/header_bg.gif) repeat-x;  width: 100%; }
#header .headImg1 {position:absolute; top:12px; left:10px; font-size:208%; }
#header .headImg2 {position:absolute; top:12px; left:240px; }
#header .headImgwg {position:absolute; top:80px; left:350px; }
#header .headImgw1 {position:absolute; top:0px; left:0px; }
#header .headImgw2 {position:absolute; top:0px; left:30px; }
#header .headImgw3 {position:absolute; top:0px; left:80px; }
#header .headImgw4 {position:absolute; top:0px; left:120px; }
#header .headImgw5 {position:absolute; top:0px; left:150px; }
#header .headImgw6 {position:absolute; top:0px; left:190px; }
#header .headImgw7 {position:absolute; top:0px; left:270px; }
#header .headImgw8 {position:absolute; top:0px; left:400px; }
#header .headImgw9 {position:absolute; top:0px; left:490px; }
#header .headImgw10 {position:absolute; top:0px; left:585px; }
#header .headtext {position:absolute; top:60px; left:240px;  color: black ; font-size: 80% }
#banner {position:absolute; top:10px; right:0px; z-index:10;}
/*#banner img {position:relative; top:0px; left:0px; font-size:100%;}*/
#topnav a {color: #708090; font-size: 0.9em}
#topnav {top: 125px;  right: 220px;   }
#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; padding:0.5em 1em 0.5em 0; border-top:1px #ddd solid; line-height:1em; text-align: right;}
#footer img { vertical-align: middle; }

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

p { text-align: justify; }

/*#main {background:#fff ; padding-top:0;}*/

/* linke Spalte */

#submenu li strong {
    background-color:#888888;
}

#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { background-color:#9ACBFF; }


/*#col1 {width:22.5%;}
#col1_content {margin-left:1em; margin-right:1em; color:#444; background:inherit;}*/

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

/* Mittlere Spalte */
/*#col3 {margin-left:22.5%; margin-right:25%; border-left:0px dotted #ddd; border-right:0px dotted #ddd;}
#col3_content {margin-left:1em; margin-right:1em;}*/

/* ######################################################################################################
** ### Formatierung des Teasers der Startseite ##########################################################
** ######################################################################################################
*/
#teaser {background:#f4fcfe; border-bottom: 1px solid;}
/*#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;}
*/

p.csc-uploads-description {text-align: left; }


/* ######################################################################################################
** ### 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 ##########################################################
** ######################################################################################################
*/
.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: 25px;
}	

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

.lub_legende a, #ziel_link {white-space: nowrap;}
.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;}
}