/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* styles.css fuer archikekturbiennale.de */
/* 21.04.2006 - Michael Schwarz / HTML Experts / schwarz@htmlexperts.de  */
/* 11.07.2006 - minor update: tables */
/* 24.08.2006 - Update fuer Seite "Projekte" und Unterseiten: Styles am Ende! */
/* 25.08.2006 - Aenderungen Markup und CSS = Entfernen der Bildueberschrift!!! Dazu fuer CC-Logo ID angelegt, margin-bottom vergeben und absolute Position der mainnav angepasst */
/* 14.09.2006 - Erweiterung Markup und CSS fuer Fotogalerien*/
/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* basics: */
* {
margin:0;padding:0;
font:normal 100.01% Helvetica, Arial, Verdana, sans-serif;
}

body{
border:0;
background:#d21034 /* url(../images/fauxcols01.gif) repeat-y center top */;
}

img {border:0;display:block;}
strong {font-weight:bold;}

a, a:link {color: #000; text-decoration: underline;}
a:visited {color: #666;}
a:hover, a:active, a:focus {color: #d21034; text-decoration: underline;}

.displayNone {display:none;}
.displayOutside {display:block;width:10px;height:10px;overflow:hidden;position:absolute;left:-2000px;top:-2000px;}

.alignLeft {text-align:left;}
.floatLeft {float:left;}
.alignRight {text-align:right;}
.floatRight {float:right;}
.clearBoth {clear:both;}

sup {font-size: .7em; margin: 0 0 0 2px;}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* #theSite */

#theSite{
background-color:#fff;
position:relative;left:50%;top:0;
margin-left:-420px;
/* margin: 20px 0 0 -420px; */
padding-top: 23px;
width:600px;
border-left:200px solid #fff;
border-right:40px solid #fff;
}

/* Aenderung 25.08.06 = CC-Logo erhaelt ID mit margin nach unten, da Bildueberschrift entfaellt */
#theSite img#cc-logo {
margin-bottom: 60px;
}


#theSite p{
line-height:160%;
font-size:0.75em;
}

#theSite p.subHeader{
padding: 55px 0 0 3px;
line-height:100%;
}
#theSite h1{
font-size:1.55em;
color:#666;
margin: 0;
padding: 0 0 7px 3px;
}

#theSite p.bildLegende{
padding-bottom:20px; /* !!! Geaendert von 40px am 24.08.06 wg Projekt-Einzel-Seiten !!! */
font-size:0.69em;
}

/* Verhalten von Links in bildLegende eingefuegt: 24.08.2006 */
#theSite p.bildLegende a {
padding-right: 10px;
color: #000;
background: transparent url(../images/arrow_down_black.gif) right center no-repeat;
text-decoration: none;
}

#theSite p.bildLegende a:hover {
color: #D21034;
}

/* !!! Geaendert: bottom von 50px am 24.08.06 wg Projekt-Einzel-Seiten !!! */
#theSite div.extract {
padding: 10px 0 0 0;
}
#theSite div.extract p {
line-height:150%;
font-size:0.69em;
color:#666;
font-style:italic;
}
#theSite div.extract p strong {
font-style:italic;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* mainNav */

#mainNav{
position:absolute;left:-200px;top:157px;
width:200px;
list-style-type:none;
z-index:20;
}

#mainNav li{
margin:0 0 9px 0;
}

#mainNav a, #mainNav span.notActive {
display:block;
padding-left: 45px;
height:25px;
line-height:25px;
text-transform:uppercase;
font-size:0.75em;
color:#000;
text-decoration:none;
background:#fff url(../images/navi_loewe.gif) no-repeat -55px 0;
}

#mainNav a:hover,
#mainNav a:active,
#mainNav a:focus {
color:#d21034;
}

#mainNav a.active {
color:#d21034;
background: #fff url(../images/navi_loewe.gif) no-repeat 0 0;
}

#mainNav span.notActive {
color:#999;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* #logo2 */

#logo2{
width:200px;
height:155px;
position:absolute;left:-200px;bottom:0;
padding: 0;
font: normal normal 9px/9px Helvetica, Arial, sans-serif;
background:#fff url(../images/lbv_logo.gif) no-repeat 0 100%;
}

#logo2 h2{
margin:30px 13px 7px 43px;
padding: 0;
font-weight:bold;
font-family: Helvetica, Arial, sans-serif;
color:#d21034;
}

#logo2 ul li{
list-style-type:none;
margin:0 13px 7px 43px;
padding: 0;
line-height: 10px;
}

#logo2 ul li a, #logo2 ul li a:link, #logo2 ul li a:visited, #logo2 ul li a:hover, #logo2 ul li a:active, #logo2 ul li a:focus {
color:#d21034;
font: normal normal 9px/9px Helvetica, Arial, sans-serif;
text-decoration:none;
}
#logo2 ul li a:hover, #logo2 ul li a:active, #logo2 ul li a:focus{
color:#000;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* #content */

#content {
margin: 30px 0 0 3px;
}

#content p.subHeader{
padding-top:0;
line-height:120%;
}
#content h1{
font-size:1.55em;
color:#666;
padding:20px 0 0 0;
}

/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* #rightCol und #leftCol */

#rightCol{
float:right;
width:120px;
}
#rightCol p{
line-height:140%;
font-size:0.69em;
color:#999;
font-style:italic;
}

#leftCol{
float:left;
width: 437px;
}

#leftCol h2 {
clear: both;
font: normal bold 12px/12px Helvetica, Arial, sans-serif;
color:#000;
margin:20px 0 5px 0;
}

#leftCol p {
margin-bottom:10px;
font-size: .69em;
line-height:140%;
}

/* div.terminTeaser */
#leftCol div.terminTeaser{
width:440px;
/* min-height:100px; */
/* margin-bottom: 20px; */
margin: 7px 0 13px 0;
}

#leftCol div.terminTeaser img{
float:left;margin:0 20px 0 0;
}

#leftCol div.terminTeaser p{
margin:0;
padding:0;
/* font-size: .69em;
line-height:140%; */
}
#leftCol div.terminTeaser h2 {
font-size: 15px;
color:#666;
padding: 0;
font-weight:normal;
margin: 0 0 5px 0;
}

#leftCol div.terminTeaser p.ort{
padding:5px 0 3px 0;
font-size:0.6em;
}

/* !!! Styles fuer nur auf einzelnen Seiten auftretende 'Sonderfaelle'. !!!

==================================================================================== */

/* Variablen fuer 1spaltigen Contentbereich - in den body-Tag wird die Klasse "oneContentCol" gesetzt; #rightCol kann im Markup bleiben.
==================================================================================== */

body.oneContentCol #content #leftCol{
width: 597px;
}

body.oneContentCol #rightCol {
display: none;
}

/* Foto-Galerie fuer den Pressebereich
==================================================================================== */
#leftCol table.thumbSet {
width: 610px;
margin: 20px 0 50px 0;
border-collapse: collapse;
}

#leftCol .thumbSet td {
margin: 0;
padding: 0;
width: 135px;
height: 138px;
text-align: center;
border-right: solid 20px #fff;
border-bottom: solid 20px #fff;
}

#leftCol .thumbSet td a img {
display: inline;
margin: auto 0;
padding: 0;
border: none;
vertical-align: middle;
}

/* Text-Box auf "Konzept" + Unterseiten
==================================================================================== */

dl#mission {
width: 600px;
height: 260px;
padding: 20px 0;
color: #000;
background: #D21034;
}

dl#mission dd {
margin: 0 30px;
}

dl#mission dd ul {
margin: 0;
padding: 0;
list-style-type: none;
}

dl#mission dd ul li {
font: normal normal normal 14px/32px Helvetica, Arial, sans-serif;
}

dl#mission em {
font-style: italic;
font-size: 13px;
word-spacing: 2px;
color: #fff;
}

/* Unternavigation auf "Konzept" + Unterseiten
==================================================================================== */

ul#localNav {
margin: -4px 0 7px 0; 
padding:20px 0 0 0;
list-style-type: none;
}

ul#localNav li {
display: inline;
margin: 0 20px 0 0;
padding: 0;
height: 12px;
}

ul#localNav li a {
margin: 0;
font: normal normal bold 12px/12px Helvetica, Arial, sans-serif;
text-decoration: none;
color: #666;
background: #fff;
}

ul#localNav li a:hover, ul#localNav li a:active, ul#localNav li a:focus {
color: #000;
}

ul#localNav li a.active {
color: #D21034;
}



/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + */
/* 11.07.2006 - minor update: tables */

#leftCol table{
border:0;
line-height:160%;
font-size:0.75em;
}
#leftCol table td{
padding:0 20px 5px 0;
}

/* !!! Update fuer Seite "Projekte" und Unterseiten !!!
==================================================================================== */

/* Ungeordnete Liste fuer Projekt-Elemente
==================================================================================== */

ul#projectList {
clear: both;
margin: 20px 0 0 0;
list-style-type: none;
}

ul#projectList li {
margin: 0 0 0 0;
clear: both;
}

ul#projectList li h2, ul#projectList li p.teaserPreface,  ul#projectList li p {
float: right;
width: 340px;
/* margin: 0 0 0 260px; */
}

ul#projectList li h2 {
clear: none;
margin: 2px 0 20px 0;
padding: 0;
font: normal normal bold .8em/.8em Helvetica, Arial, Verdana, sans-serif;
}

ul#projectList li h2 a {
font-weight: bold;
color: #D21034;
text-decoration: none;
}

ul#projectList li h2 a:hover {
color: #000;
}

ul#projectList li img {
display: block;
float: left;
width: 240px;
margin: 0 0 20px 0;

}

ul#projectList li p {
margin: 0 0 0 0;
line-height: 1.4em;

}

ul#projectList li p.teaserPreface {
margin: 0 0 0 0;
font-size: .7em;
color: #D21034;
}

/* !!! Einzel-Projekt-Seiten !!!
==================================================================================== */

/* Container-Klassen fuer Text in 2 Spalten im Kontext body class="oneContentCol" 
==================================================================================== */

div.twoColumnsLeft, div.twoColumnsRight {
float: left;
width: 285px;
margin: 40px 0 30px 0;
}

div.twoColumnsRight {float: right;}

div.twoColumnsLeft h3, div.twoColumnsRight h3 {
margin: 0 0 20px 0;
font-size: .75em;
font-weight: bold;
color: #D21034;
background: transparent;
}

img#showcase02 {
clear: both;
display: block;
}