/*

pinx. Buero fuer Mediendesign
fuer palais-quartier.de
im 03 2009

*/


/*****************************************************
* Normalisieren
*****************************************************/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p {
margin: 0;
padding: 0;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

ul, ol {
list-style: none;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {
border: none;
}

a:focus {
-moz-outline: 0;
}

a {
text-decoration: none;
}

/******************************
 * Typo
******************************/
h2 {
color: #ab7900;
font-size: 18px;
text-shadow: #ccc 1px 1px 1px;
margin: 0 0 5px 0;
}

h3 {
color: #ab7900;
font-size: 12px;
text-shadow: #ccc 1px 1px 1px;
padding: 0 0 5px 0;
}

.tabCnt h3 {
color: #333;
font-size: 11px;
text-shadow: #ccc 1px 1px 1px;
margin: 0 0 4px 0;
}

#standort h3 {
color: #666;
font-size: 13px;
text-shadow: #ccc 1px 1px 1px;
margin: 0 0 8px 0;
}

p {
margin: 0 0 15px 0;
}

p.datum {
margin: 0 0 2px 0;
}

.umbruch {
clear: both;
}

sup {
font-size: 10px;
}

span {
color: #666;
font-style: italic;
}

#textspalte span {
font-style: normal;
}

/******************************
 * Listen
******************************/
#textspalte ul {
margin: 0 0 15px 0;
}

#textspalte ul.adresseTrenner, #textspalte p.adresseTrenner {
background: transparent url(/i/ly/dot.png) repeat-x bottom left;
padding: 0 0 15px 0;
}

#textspalte li {
padding: 0 0 5px 15px;
background: #fff url(/i/ly/bullet-nav-hi.png) no-repeat 5px 6px;
}

#textspalte ul.adresse li, #textspalte ul.adresseTrenner li {
background: none;
padding: 0;
}

#textspalte ul.linkliste li {
margin: 0 0 8px 0;
}

#textspalte table ul {
margin: 0;
}

#textspalte table li {
padding: 0 0 0 6px;
margin: 0 0 4px 0;
background: transparent url(/i/ly/bullet-tab.png) no-repeat 0 7px;
}

#textspalte ul.links li {
margin: 0 0 5px 0;
}

/******************************
 * Links
******************************/
#textspalte a {
color: #ab7900;
padding: 2px;
border-bottom: 1px solid #fff;
}

#textspalte a:hover {
background: #f1f1f1;
color: #333;
padding: 2px;
border-bottom: 1px solid #ab7900;
}

#textspalte a.pdf, #textspalte a.pdf:hover {
color: #333;
background: transparent url(/i/ly/pdf-icon.png) no-repeat top left;
padding: 0 0 0 20px;
line-height: 18px;
border: none;
display: block;
}

#textspalte a.pdf:hover {
color: #ab7900;
}

#textspalte a.banner {
display: block;
margin: 0 0 15px 0;
text-decoration: none;
border-bottom: none;
padding: 0;
}

#textspalte a.banner:hover {
border-bottom: none;
padding: 0;
background: none;
}

/******************************
 * Layout
******************************/
body {
color: #333;
background: #E9E1BC;
font: 11px/1.5 Verdana, Arial, Helvetica, sans-serif;
text-align: center;
margin: 0 0 25px 0;
}

#head {
position: relative;
margin: 0 auto;
width: 780px;
height: 110px;
background: #fff;
}

#head h1 {
position: absolute;
top: 40px;
left: 462px;
width: 292px;
height: 57px;
}

#head h1 a {
display: block;
width: 292px;
height: 57px;
text-indent: -99999px;
background: transparent url(../i/ly/logo-palais-quartier.png) no-repeat top left;
}

#head ul {
position: absolute;
top: 5px;
left: 627px;
}

#head ul a {color: #000;}
#head ul a:hover {color: #ae7900;}

#img {
width: 100%;
height: 150px;
border-top: 2px solid #ae7900;
border-bottom: 2px solid #ae7900;
overflow: hidden;
}

#inhalt {
width: 740px;
margin: 0 auto;
background: #fff;
text-align: left;
padding: 20px;
}

#navigation {
width: 180px;
float: left;
margin: 8px 0 0 0;
}

#textspalte {
margin: 0 0 0 200px;
width: 500px;
}

#navigation ul {
margin: 0 0 13px 0;
}

#navigation ul#sprachwahl {
position: relative;
margin: 0 0 5px 0;
height: 18px;
}

#navigation ul#sprachwahl li {
position: absolute;
top: 0;
}

#de {left: 0; width: 89px;}
#en {left: 90px; width: 90px;}

#navigation ul#sprachwahl li a {
display: block;
height: 18px;
line-height: 18px;
text-align: center;
padding: 0;
letter-spacing: 1px;
}

#navigation li {
margin: 0 0 1px 0;
}

#navigation li a {
display: block;
height: 26px;
line-height: 26px;
color: #fff;
background: #ac8833;
padding: 0 0 0 10px;
text-shadow: #4d4d4d 1px 1px 1px;
}

#navigation li a:hover, #navigation li a.hi {
background: #999;
}

#navigation li a.sub, #navigation li a.subhi {
color: #333;
background: #fff url(/i/ly/bullet-nav.png) no-repeat 5px 11px;
text-shadow: #ccc 1px 1px 1px;
padding: 0 0 0 15px;
}

#navigation li a.subhi, #navigation li a.sub:hover, #navigation li a.subhi:hover {
color: #ae7900;
background: #fff url(/i/ly/bullet-nav-hi.png) no-repeat 5px 11px;
}

#standort {
background: transparent url(/i/ly/dot.png) repeat-x top left;
padding: 8px 0;
}

#standort img {
padding: 1px;
display: block;
}

#standort a {
border: 1px solid #828282;
display: block;
}

#standort a:hover {
border: 1px solid #ae7900;
}

#footer {
width: 100%;
height: 100%;
border-top: 2px solid #ae7900;
border-bottom: 2px solid #ae7900;
overflow: hidden;
text-align: center;
}

#footer ul {
position: relative;
width: 780px;
height: 56px;
background: #f0f0f0;
margin: 0 auto;
}

#footer ul li {
position: absolute;
line-height: 56px;
}

#copy {left: 20px;}
#imp_print {left: 660px;}

#footer ul a {color: #333;}
#footer ul a:hover {color: #ae7900;}
#footer ul a.print {
padding: 0 20px 0 0;
background: transparent url(/i/ly/print.png) no-repeat center right;
}

/******************************
 * Tabs
******************************/
#textspalte ul.idTabs {
position: relative;
height: 27px;
margin: 45px 0 0 0;
}

#textspalte ul.idTabs li {
position: absolute;
width: 100px;
height: 26px;
line-height: 26px;
background: none;
}

ul.idTabs li#t1 {left: 10px;}
ul.idTabs li#t2 {left: 118px;}
ul.idTabs li#t3 {left: 226px;}
ul.idTabs li#t4 {left: 334px;}

#textspalte ul.idTabs li a {
display: block;
color: #333;
background: #f1f1f1;
font-size: 12px;
padding: 0 0 0 5px;
text-shadow: #ccc 1px 1px 1px;
border-top: 1px solid #828282;
border-right: 1px solid #828282;
border-bottom: 1px solid #828282;
border-left: 1px solid #828282;
}

#textspalte ul.idTabs li a:hover, #textspalte ul.idTabs li a.selected {
display: block;
color: #000;
background: #fff;
text-shadow: #999 1px 1px 1px;
border-bottom: 1px solid #fff;
padding: 0 0 0 5px;
}

.tabCnt {
padding: 10px;
border: 1px solid #828282;
}

/******************************
 * Datentabellen
******************************/
table.daten {
margin: 0 0 20px 0;
width: 100%;
}

table.daten td {
background: #f1f1f1 url(/i/ly/bg-td.png) repeat-x top left;
padding: 4px 5px;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
vertical-align: top;
width: 117px;
}

table.daten td.rechts {
text-align: left;
width: 300px;
}

table.daten tr.even td {
background: #fff;
}

table.daten td.weiss {
background: #fff;
border: 0;
width: 10px;
}

table.daten tr.bilder td {
background: #fff;
border: 0;
padding-top: 20px;

}

table.bilder {
margin: 0 0 20px 0;
}

table.bilder td img {
display: block;
}

#textspalte table.bilder td a {
float: left;
margin: 0 15px 0 0;
border: 1px solid #ccc;
padding: 1px;
}

#textspalte table.bilder td a:hover {
border: 1px solid #ae7800;
padding: 1px;
}


/*****************************************************
* Bildraster
*****************************************************/
#bildraster, #bildraster2 {
margin: 10px 0 25px 0;
}

#bildraster #umbruch, #bildraster2 #umbruch {
clear: both;
}

#textspalte #bildraster a, #textspalte #bildraster2 a {
display: block;
border: 1px solid #ccc;
width: 109px;
height: 109px;
padding: 1px 0 0 1px;
float: left;
margin: 0 9px 9px 0;
}

#textspalte #bildraster a:hover, #textspalte #bildraster2 a:hover {
padding: 1px 0 0 1px;
border: 1px solid #ae7800;
}

/*****************************************************
* Pressefotos
*****************************************************/
table.fotos {
width: 100%;
}

table.fotos td.bild {
width: 109px;
}

table.fotos td {
padding: 10px 10px 10px 0;
vertical-align: top;
background: transparent url(/i/ly/dot.png) repeat-x bottom left;
}

#textspalte table.fotos td a {
display: block;
border: 1px solid #ccc;
width: 109px;
height: 109px;
padding: 1px 0 0 1px;
margin: 0;
}

#textspalte table.fotos td a:hover {
padding: 1px 0 0 1px;
border: 1px solid #ae7800;
}

/*****************************************************
* Logo nex-place-of ...
*****************************************************/
#nexlogo {
position: absolute;
top: 5px;
left: 20px;
width: 196px;
height: 80px;
text-indent: -99999px;
background: transparent url(../i/ly/nex-logo.png) no-repeat 0 0;
}

#nexlogo a {
display: block;
width: 196px;
height: 80px;
text-indent: -99999px;
}

#nex {
position: absolute;
top: 86px;
left: 20px;
width: 196px;
height: 19px;
text-indent: -99999px;
}

#nex a {
display: block;
width: 196px;
height: 19px;
text-indent: -99999px;
}

a#nex1 {background: transparent url(../i/ly/nex-1.png) no-repeat 0 0}
a#nex2 {background: transparent url(../i/ly/nex-2.png) no-repeat 0 0}



/*****************************************************
* Banner Animation Startseite
*****************************************************/
#flash {
width: 100%;
height: 301px;
border-top: 2px solid #ae7900;
border-bottom: 2px solid #ae7900;
}

#slidecnt {
position: relative;
width: 780px;
height: 301px;
margin: 0 auto;
background: #fff;
}

#slidecnt .slide {
position: absolute;
top: 0;
left: 0;
}

a.slidebutton {
display: block;
border: 0;
padding: 0;
width: 130px;
height: 130px;
margin: 0 0 8px 0;
-webkit-box-shadow: 0px 1px 3px #666;
-moz-box-shadow: 0px 1px 3px #666;
box-shadow: 0px 1px 3px #666;
}

a.slidebutton:hover {
-webkit-box-shadow: 0px 0px 0px #666;
-moz-box-shadow: 0px 0px 0px #666;
box-shadow: 0px 0px 0px #666;
opacity: 0.75;
}

.bcontainer {
text-align: center;
width: 130px;
font: 11px/1.0 Arial;
color: #333;
position: absolute;
top: 60px;
}

#b1 {left: 17px;}
#b2 {left: 170px;}
#b3 {left: 323px;}
#b4 {left: 476px;}
#b5 {left: 629px;}