@charset "utf-8";
/* CSS Document */

* { outline: none; }

HTML {
	padding: 0;
	margin: 0;

	}
	
BODY {
	padding: 0;
	margin: 0;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 20px;
	background: url('../images/bg.gif') repeat-y center;

	}	
	
IMG {
	border: none;
	}	
	
FORM {
	margin: 0;
	padding: 0;
	}	
	
A {
	color: #1A171B;
	}		
	
P {
	margin: 1em 0;
	}	

/* LAYOUT -------------------------------------------------------------------------------- */

#page {
	width: 1000px;
	background-color: #fff;
	margin: 0 auto;
	line-height: 19px;
	color: #1A171B;

	}
	
#header {
	height: 85px;
	background-color: #E8E8EA;
	padding: 20px;
	position: relative;
	}	

#filter {
	height: 35px;
	background-color: #FFFFFF;
	margin: 3px 0 25px 0;
	position: relative;
    line-height: 14px;
    z-index: 3000;
}
	
#header #logo {
	background: url('../images/architekturtage.gif') no-repeat;
	width: 119px;
	height: 32px;
	display: block;
	margin-bottom: 18px;
	margin-right: 50px;
	}

#header #sticker {
	background: url('../images/ansichtsexemplar-sticker-1.png') no-repeat;
	width: 100px;
	height: 84px;
	position: absolute;
	top: 0px;
	left: 160px;
	z-index: 1000;
	}	
	
#header #textLinks {
	display: none;
	color: #333;
	}	
	
#header #textLinks A {
	color: #333;
	}	
	
.home #header {
	height: 139px;
	background-color: #E8E8EA;
	}	
	
.home #header #logo {
	background: url('../images/architekturtageBig.gif') no-repeat;
	width: 217px;
	height: 58px;
	margin-top: 5px;
	}	
	
.home #header #sticker {
	display: none;
	}	
	
.home #header #textLinks {
	width: 150px;
	position: absolute;
	top: 25px;
	left: 455px;
	line-height: 15px;
	display: block;
	}	
	
.home #header #logoArchitekturstiftung {
	position: absolute;
	top: 30px;
	left: 295px;
	}
	
.home #header #logoArchIng {
	position: absolute;
	top: 73px;
	left: 295px;
	}	

.slidesX {
	width: 960px;
}	

.slideX {
	width: 310px;
	float: left;
    background-color: #f3f3f4;
    margin: 15px 15px 0 0;
	display: table;
}	

.slideTitleX {
	width: 170px;
	height: 80px;
	valign: bottom;
	padding: 10px 0px 10px 10px;
    display:table-cell;vertical-align:bottom;
}	

.slideHighX {
	width: 170px;
	height: 60px;
	padding: 0;
    top: -4px;
    position:relative;
	color: #919191;
}	

.slideHighX {
    display: none;
}

div.slideX:hover div.slideHighX {display:block;}
div.slideX:hover {background-color: #fff191 !important;}

.slideImageX {
	width: 120px;
	height: 80px;
	overflow: hidden;
	float: right;
	margin: 10px 10px 10px 0px;
}
	
.lastX {
    margin: 15px 0 0 0;
}	

input.filtern {
    background-image: url(../images/button_filtern.png); 
    background-color: transparent; 
    background-repeat: no-repeat;  
    background-position: 0px 0px;  
    border: none;           
    cursor: pointer;        
    height: 35px;
    padding-left: 60px;
    vertical-align: middle;
}
	
#nav {
	clear: both;
	background-color: #fff;
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 40px;
	width: 960px;
	float: left;
	position: absolute;
	left: 20px;
	bottom: 15px;
	}	
	
#nav LI {
	list-style-type: none;
	float: left;
	}	
	
#nav LI.active {
	background-color: #d6d7de;
	height: 40px;
	}	
	
#nav LI A {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 39px;
	text-decoration: none;
	padding: 0 11px;
	}		
	
#header .right {
	color: #333333;
	font-size: 11px;
	line-height: 11px;
	}	
	
#header .right A.active {
	font-weight: bold;
	text-decoration: none;
	}	
	
#header .right IMG {
	float: left;
	margin-right: 20px;
	}	
	
.searchWrap {
	position: relative;
	height: 26px;
	}	
	
#header #search {
	width: 166px;
	height: 26px;
	float: left;
	padding: 7px 10px 7px 10px;
	position: absolute;
	right: 20px;
	bottom: 15px;	
	}
	
#header #search INPUT.text,
#searchAddress INPUT.text {
	background: url('../images/bgSearchInput.gif') no-repeat;
	height: 16px;
	width: 160px;
	padding: 6px 50px 6px 7px; 
	border: none;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #808080;
	position: absolute;
	top: 0px;
	left: 0px;	
	}	
	
#searchAddress INPUT.text {
	width: 150px;
	}	
	
#searchAddress INPUT.submit {
	background: url('../images/buttonOK.gif') no-repeat;
	width: 50px;
	height: 26px;
	border: none;
	position: absolute;
	top: 0px;
	right: 0px;	
	}	
	
#categories {
	background-color: #55575E;
	font-size: 11px;
	color: #fff;
	height: 25px;
	line-height: 24px;
	margin-bottom: 15px;
	padding-left: 10px;
	}	
	
UL.marquee {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;
	width: 940px;
	height: 28px; 
	}

UL.marquee LI {
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; 
	padding: 6px 0px;
	}		
	
#categories A {
	color: #fff;
	}	
	
#content {
	padding: 15px 20px 50px 20px;
	}	
	
#pageTitle {
	margin-bottom: 15px;
	padding: 5px 0 10px 0;
	}	
	
#sidebarLeft {
	width: 230px;
	margin-right: 20px;
	float: left;
	margin-top: 3px;
	}
	
#sidebarLeft .gray {
	background-color: #eeeff1;
	color: #55575E;
	}		
	
#sidebarLeft .yellow {
	margin-top: 8px;
	background-color: #ffffc3;
	color: #1a1a1a;
	}	
	
#sidebarLeft .logo {
	margin-bottom: 20px;
	display: block;
	}	
	
#sidebarLeft .box {
	padding: 8px 10px 11px 10px;
	}	
	
#sidebarLeft STRONG {
	color: #1A1A1A;
	line-height: 20px;
	}	
	
#sidebarLeft P {
	font-size: 11px;
	line-height: 14px;
	color: #55575E;
	margin-bottom: 20px;
	margin-top: 0px;
	}	
	
#sidebarLeft P A {
	color: #55575E;
	}	
	
#sidebarLeft UL {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
	
#sidebarLeft .box {
	margin-bottom: 10px;
	}	
	
#sidebarLeft UL LI A {
	color: #55575E;
	text-decoration: none;
	line-height: 20px;
	}

#sidebarLeft UL LI.active A {
	color: #1A1A1A;
	font-weight: bold;
	}	
	
#sidebarLeft UL LI A:hover {
	text-decoration: underline;
	color: #1A1A1A;
	}		

/* ACCORDION ------------------------------------------------------------------------------------ */

#sidebarLeft .accordion {
	padding: 0 0 8px 0;
	}
	
#sidebarLeft .accordion STRONG {
	padding: 7px 0 3px 10px;
	display: block;
	}

#sidebarLeft .accordion LI A {
	padding-left: 10px;
	}
	
#sidebarLeft .accordion .selected LI A {
	padding-left: 30px;
	display: block;
	}	

#sidebarLeft .accordion LI A.level1 {
	background: url('../images/plus.gif') no-repeat 10px 2px;
	padding-left: 30px;
	display: block;
	height: 21px;
	line-height: 20px;
	cursor: pointer;
	}	
	
#sidebarLeft .accordion LI A.level1:hover {
	background: url('../images/plusWhite.gif') no-repeat 10px 2px;
	background-color: #fff;
	text-decoration: none !important;
	}
	
#sidebarLeft .accordion LI.selected A {
	background-color: #fff;
	font-weight: bold;
	color: #1A1A1A;
	background: #fff url('../images/minusWhite.gif') no-repeat 10px 2px;
	}	
	
#sidebarLeft .accordion UL UL {
	padding: 0 0 0px 0 !important;
	background-color: #fff;
	}	
	
#sidebarLeft .accordion LI.selected UL A,
#sidebarLeft .accordion UL UL A {
	background: none;
	height: 21px;
	line-height: 19px;
	font-weight: normal;
	color: #55575E;
	}	
	
#sidebarLeft .accordion UL UL LI A:hover,
#sidebarLeft .accordion UL UL LI.active A {
	background-image: none;
	background-color: #eaebee;
	text-decoration: none !important;
	color: #1A1A1A;
	}	
	
/* ---------------------------------------------------------------------------------------------- */	
	
#searchAddress {
	background-color: #FFF180 !important;	
	}
	
#formSearchAddress {
	margin-bottom: 3px;
	}
	
#formSearchAddress LABEL {
	color: #55575E;
	font-size: 11px;
	line-height: 13px;
	display: block;
	margin-bottom: 12px;	
	}
	
#main {
	width: 710px;
	float: left;
	}

#main.noSidebarLeft {
	width: 960px;
	}	
	
#map {
	background-color: #686a71;
	padding: 5px;
	margin-bottom: 15px;
	margin-top: 3px;
	}		
	
#mapContent {
	margin-top: 5px;
	display: none;
	}
	
#map.opened #mapContent {
	display: block;
	}
	
/* HOME --------------------------------------------------------------------------------- */	

#home {
	clear: both;
	margin-bottom: 5px;
    position:relative;
	}	
	

#home .right {
	width: 271px;
    position:absolute;
    top:22px;
    right:22px;
    font-size: 13px;
    line-height: 19px;
    color: #ffffff;
    text-decoration: none;
	}
	
#home .slideshow {
	height: 270px;
	margin-bottom: 10px !important;
	}
	
#home .slideshow .slide {
	overflow: hidden;
	}			
	
#home .slideshow .itemInfos {
	padding-top: 6px;
}
	
* html #home .slideshow .itemInfos {
	padding-top: 1px;
}	
	
#home .slideshow .itemTitle {
	font-size: 16px;
	line-height: 18px;
	margin-right: 15px;
	}
	
.itemTitle A {
	text-decoration: none;
	display: inline;
	}	

#home #searchAddress {
	padding: 10px;
	}	
	
#homeLogos {
	margin: 50px 0 50px 0;
	padding: 0 20px;
	}
	
#homeLogos A {
	margin-right: 5px;
	}		

/* CONTENT ------------------------------------------------------------------------------ */		

.contentColumn {
	width: 345px;		
	}
	
.my {
	width: 100px;
	}	
	
#contentWide DIV.item {	
	background-color: #eaebee;
	padding: 7px 10px 10px 10px;
	margin-bottom: 20px;
	position: relative;
	width: 540px;
	}
	
#contentWide .item .my {
	position: absolute;
	right: 10px;
	top: 10px;
	}	
	
#main .item TABLE,
#main .item TABLE A {
	color: #55575E;
	}
	
#main .item TD {
	padding: 1px 20px 1px 0;
	}	
	
.itemCategory {
	background-color: #dedfe4 !important;
	font-size: 11px;
	line-height: 20px;
	padding: 1px 10px 3px 10px;
	color: #55575E;
	margin: 10px 0;
	cursor: pointer;
	}	
	
.itemCategory STRONG {
	float: left;
	}

.itemCategory A.info {
	color: #55575E;
	text-decoration: none;	
	}		
	
.itemCategory A.all {
	float: right;
	color: #55575E;
	text-decoration: none;	
	background: url('../images/arrow.gif') no-repeat 0 8px;
	padding-left: 17px;
	}		
	
.hover STRONG,
.hover A.all {
	text-decoration: underline;
	}	
	
.itemImage {
	width: 120px;
	height: 80px;
	overflow: hidden;
	float: left;
	}	
	
.itemInfos {
	width: 340px;
	padding: 5px 0 15px 0;
	}	
	
.slideshow .itemInfos {
	padding-left: 10px;
	width: auto;
	}	
	
.withImage .itemInfos {
	width: 198px;
	padding: 0 10px 0 10px;
	float: left;
	position: relative;	
	height: 80px;
	}	
	
.itemMeta {
	color: #55575E;
	font-size: 11px;
	margin-bottom: 2px;
	}	

.slideshow .itemMeta {
	margin-bottom: 0px;
	}
	
.itemTitle {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
	}	
	
.itemTitle:hover {
	text-decoration: underline;
	}	
	
.highlight {
	/* background-color: #fffdcb !important; */
	}	
	
.my INPUT {
	float: left;
	margin: 3px 4px 0 0;
	padding: 0;
	}	
	
.my LABEL {
	float: left;	
	font-size: 11px;
	color: #55575E;
	}
	
#contentNarrow {
	width: 360px;
	float: left;
	}
	
#contentUltranarrow {
	width: 220px;
	float: left;
	}	
	
#contentWide {
	width: 560px;
	float: left;
	}	
	
#contentSidebar {
	width: 315px;
	float: right;
	}
	
.noSidebarLeft #contentSidebar {
	width: 380px;
	overflow: hidden;
	}
	
.sujet {
	margin-bottom: 15px;
	}
	
UL.files,
UL.links {
	list-style-type: none;
	margin: 0px 0 20px 0;
	padding: 0;
	}
	
UL.files LI {
	padding: 0;
	margin: 8px 0;
	list-style-position: outside;
	line-height: 16px;
	}

* html UL.files LI {
	border: 1px solid #fff;
	}	
	
UL.files LI A,
UL.links LI A {
	color: #55575E;
	font-size: 11px;
	padding: 1px 0 2px 24px;
	display: block;
	line-height: 15px;
	}	
	
UL.links LI A {
	padding-left: 0px;
	height: 15px;
	line-height: 15px;
	}		

.pdf A { background: url('../images/filetypes/pdf.gif') no-repeat; }	
.doc A { background: url('../images/filetypes/doc.gif') no-repeat; }	
.ppt A { background: url('../images/filetypes/ppt.gif') no-repeat; }	
.xls A { background: url('../images/filetypes/xls.gif') no-repeat; }	
.eps A { background: url('../images/filetypes/eps.gif') no-repeat; }	
.zip A { background: url('../images/filetypes/zip.gif') no-repeat; }	
.mp3 A { background: url('../images/filetypes/mp3.gif') no-repeat; }	
.png A { background: url('../images/filetypes/png.gif') no-repeat; }	
.jpg A { background: url('../images/filetypes/jpg.gif') no-repeat; }	
.gif A { background: url('../images/filetypes/gif.gif') no-repeat; }	
.eps A { background: url('../images/filetypes/eps.gif') no-repeat; }	

	
.slideshow {
	background-color: #d6d7de;
	margin-bottom: 20px;
	position: relative;
	}

.slideshow .slides {
	cursor: pointer;
	}		

.slideshowControls {
	height: 26px;
	clear: both;
	position: absolute;
	bottom: 20px;
	}	
	
#home .slideshowControls {
	position: absolute;
	bottom: 0px;
	left: 0px;
	}
	
.slideshowControls UL {
	list-style-type: none;
	margin: 0;
	padding: 5px 10px !important;
	}	
	
#contentSidebar .slideshow {
	margin-bottom: 15px;
	}	
	
#contentSidebar .slideshow .slides .slide {
	height: 380px;	
	}	
	
#contentSidebar .slideshow .slides .slide A {
	display: block;
	height: 100%;
	width: 100%;
	}	
	
#contentSidebar .slideshowControls UL {
	padding-top: 9px !important;
	}	
	
.slideshowControls UL LI {
	float: left;
	list-style-type: none;
	background: url('../images/circle0.gif') no-repeat;
	width: 9px;
	height: 8px;
	display: block;
	margin-right: 3px;	
	cursor: pointer;
	}	
	
.slideshowControls UL LI.jFlowSelected {
	background: url('../images/circle1.gif') no-repeat;
	cursor: default;
	}	
	
	
#contentSidebar .slideshow {
	height: 380px;
	text-align: center;
	position: relative;
	overflow: hidden;
	z-index: 0;
	}	
	
#contentSidebar .slideshow .slideshowControlsWrapper {		
	position: absolute;
	height: 20px;
	bottom: 15px;
	left: 50%;
	z-index: 10;
	float: left;
	}

#contentSidebar .slideshow .slideshowControlsLeft	{	
	background: url('../images/slideshowControlsLeft.png') no-repeat top left;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 20px;
	z-index: 0;
	}
	
#contentSidebar .slideshow .slideshowControlsRight	{		
	background: url('../images/slideshowControlsRight.png') no-repeat top left;
	position: absolute;
	z-index: 0;
	right: -10px;
	top: 0px;
	width: 10px;
	height: 20px;
	}
	
#contentSidebar .slideshow .slideshowControls	{
	list-style-type: none;
	margin-left: 10px;
	margin-right: 0px;
	position: static;
	float: left;
	background-color: #000;
	display: inline;
	height: 20px;
	margin-top: 0px;
	}
	
#contentSidebar .slideshow .slideshowControls LI {
	background: url('../images/slideshowControlBullet.gif') no-repeat;	
	width: 11px;
	height: 11px;
	display: block;
	float: left;
	margin-left: -3px;
	margin-right: 7px;
	margin-top: 4px;
	display: inline;
	cursor: pointer;
	position: relative;
	z-index: 100000;
	}	

#contentSidebar .slideshow .slideshowControls LI.last {	
	margin-right: -2px;
	}
	
#contentSidebar .slideshow .slideshowControls LI.jFlowSelected {	
	background: url('../images/slideshowControlBulletActive.gif') no-repeat;
	}	


/* REGISTER DIALOG ---------------------------------------------------------------------- */

#formRegister {
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
	}

.ui-widget-overlay {
	background-color: #000 !important;
	position: fixed;
	top: 0px;
	left: 0px;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	}

.ui-dialog {	
	background-color: #fff;
	border: 2px solid #55575e;
	padding: 10px 15px 15px 15px;
	position: relative;
	}

.ui-dialog-titlebar-close {
	background: url('../images/close.gif') no-repeat;
	display: block;
	width: 11px;
	height: 11px;
	position: absolute;
	top: 12px;
	right: 12px;
	}	
	
.ui-dialog-titlebar-close SPAN {
	display: none;
	}
	
.ui-dialog P {
	color: #55575E;
	line-height: 18px;
	margin: 0 0 20px 0;
	}		

.ui-dialog LABEL {
	width: 100px;
	float: left;
	line-height: 24px;
	}	
	
.ui-dialog INPUT.text {
	float: left;
	border: 1px solid #caccd0;
	background-color: #f2f3f7;
	padding: 4px;
	width: 334px;
	font: 13px Arial, Helvetica, sans-serif;
	margin-bottom: 9px;
	overflow: hidden;
	}	

.ui-dialog BUTTON,
A.button,
INPUT.button {
	float: right;
	background-color: #55575e;
	border: 1px solid #2a2b2f;
	padding: 3px 8px 4px 8px;
	color: #fff !important;
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 16px !important;
	margin-top: 15px;
	text-shadow: #252629 1px 1px 0px;
	cursor: pointer;
	clear: both;
	text-decoration: none;
	}

	
* html .ui-dialog BUTTON,
* html INPUT.button {
	overflow: visible !important;
	padding-bottom: 2px !important;
	position: relative;
	}	
	
.ui-dialog A.cancel {
	float: left;
	margin-top: 20px;
	color: #55575E;
	position: absolute;
	bottom: 15px;
	left: 15px;
	}	

.ui-dialog-buttonpane {
	float: right;
	width: 50%;
	}	
	
#register {
	display: none;
}	
	
#formRegister LABEL.error {
	color: #c71c00;
	font-size: 11px;
	line-height: 13px;
	width: 300px;
	margin: -6px 0 10px 100px !important;
	}
	
#formRegister INPUT.error {
	border: 1px solid #c71c00;
	background-color: #ffe2dd;
	}	
		
	
/* ACCOUNT ------------------------------------------------------------------------------ */		

#boxLogin, #boxFormWrong, #boxEmailWrong, #boxPasswordWrong, #boxPasswordSent, #boxLoggedIn {
	margin-bottom: 15px !important;
	display: none;
	}
	
* html #boxFormWrong .clear, 
* html #boxEmailWrong .clear, 
* html #boxPasswordWrong .clear, 
* html #boxPasswordSent .clear, 
* html #boxLoggedIn .clear {
	margin-top: -15px;
}	

#boxLogin {
	margin-bottom: 10px !important;
	display: block;
	padding-bottom: 0px !important;
	}	

#boxLogin LABEL {
	width: 63px;
	display: block;
	clear: both;
	float: left;
	height: 34px;
	line-height: 25px;
	}
	
#boxLogin P {
	background-color: #fff;
	margin: 12px -10px 0px -10px;
	padding-top: 10px;
	padding-bottom: 0px;
	}	
	
#boxLogin INPUT.text {
	float: left;
	background-color: #fff;
	border: 1px solid #aaabae;
	margin-bottom: 10px;
	padding: 4px;
	font: 13px Arial, Helvetica, sans-serif;
	width: 100px;
	height: 15px;
	width: 135px;
	float: right;
	}	
	
* html #boxLogin INPUT.text {
	width: 128px;
	}	
	
.box h4 {
	margin-bottom: 10px;
	}	
	
h4.marginTop {
	margin-top: 11px;
	}	
	
#sidebarLeft P h4 {
	margin-top: -2px !important;
	}	
	
.box .button {
	margin-top: 0px;
	margin-bottom: 0px;
	}	
	
.box P {
	margin: 0 0 15px 0;
	line-height: 14px;
	font-size: 11px;
	}	
	
/* DOCUMENTATION ------------------------------------------------------------------------ */	

#galleries {
	background-color: #26272b;
	margin-top: 10px;
	padding: 0px 0px 3px 3px;
	float: left;
	width: 100%;
	}

#videos {
	background-color: #26272b;
	padding: 0px 16px 25px 9px;
	float: left;
	}
	
#galleries.narrow {
	width: 470px;
	float: right;
	margin-top: 0px;
	}	
	
.gallery {
	width: 220px;
	height: 115px;
	position: relative;
	float: left;
	margin: 15px 9px 5px 9px;
	display: inline;
	}
	
.gallery A.zip {
	background: url('../images/filetypes/zip-neg.gif') no-repeat;
	padding-left: 22px;
	display: block;
	line-height: 18px;
	color: #C0C0C0;
	}
	
#galleries.narrow .gallery {
	width: 215px;
	}	
	
#galleries.narrow .galleryMeta {
	margin-top: 5px; 
	}	
	
.gallery IMG {
	border: 5px solid #fff;
	}	
	
.gallery .thumb1 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	}
	
.gallery .thumb2 {
	position: absolute;
	top: 0px;
	left: 45px;
	z-index: 2;
	}	
	
#galleries.narrow .thumb2 {
	left: 43px;
	}		
	
.gallery .thumb3 {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;	
	}	

.gallery .thumb4,
.gallery .thumb5,
.gallery .thumb6,
.gallery .thumb7,
.gallery .thumb8,
.gallery .thumb9,
.gallery .thumb10,
.gallery .thumb11,
.gallery .thumb12,
.gallery .thumb13,
.gallery .thumb14,
.gallery .thumb15,
.gallery .thumb16 {
    display: none;
}
	
.galleryMeta {
	color: #C0C0C0;
	font-size: 11px;
	margin-top: 3px;
	position: absolute;
	top: 90px;
	width: 220px;
	}		
	
.galleryMeta .right {
	padding-right: 5px;
	}	
	
.gallery .shadow {
	width: 5px;
	height: 90px;
	background-color: #000;
	opacity: 0.25;
	filter: alpha(opacity = 25);
	z-index: 5;
	position: absolute;
	top: 0px;	
	}	
	
.gallery .shadow1 { left: 130px; }	
.gallery .shadow2 { left: 175px; }	
.gallery .shadow3 { right: -5px; }	

#galleries.narrow .gallery .shadow2 {
	left: 172px;
	}
	
/* TYPO --------------------------------------------------------------------------------- */		
	
h1 {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	margin: 3px 0 0 0;
	padding: 0;
	}
	
h3 {
	color: #55575E;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 15px 0;
	padding: 0;
	}
	
h4 {
	font-weight: bold;
	color: #1A1A1A;
	font-size: 14px;
	line-height: 18px;
	margin: 0px 0 5px 0;
	padding: 0;
	}

#contentSidebar h4 {
	padding-top: 10px;
	}			
	
#main h1 {
	margin-bottom: 15px;
	line-height: 26px;
	}	
	
#main UL {
	padding-left: 0px;
	margin-left: 0px;
	list-style-position: inside;
	}	
	
.logobox {
	border: 1px solid #d4d5d6;
	padding: 9px 9px 0 9px;
	margin: 5px 5px 5px 0;
	float: left;
	width: 97%;
	}
	
#contentSidebar .logobox {
	margin-bottom: 20px;
	width: 360px;
	}	
	
.logobox A {
	margin-right: 9px;
	margin-bottom: 9px;
	float: left;
	}	
	
.logoPartner {
	width: 230px;
	height: 215px;
	overflow: hidden;
	margin-bottom: 8px;
	}	
	
.boxContact {
	background-color: #eeeef1;
	padding: 10px;
	margin-bottom: 10px;
	color: #686a71;
	}
	
.boxContact .logoContact {
	margin-top: 40px;
	display: block;
	}	
	
		

/* PROGRAMM ----------------------------------------------------------------------------- */	

TABLE.items {
	margin-bottom: 25px;
	width: 100%;
	}

TABLE TD {
	vertical-align: top;
	}
	
TABLE TD.date {
	white-space: nowrap;
	min-width: 100px;	
	color: #000000;
	font-weight: bold;
	font-size: 24px;
	line-height: 27px;
	margin: 0 0 15px 0;
	}	

TABLE TD.date .gray {
	color: #686a71;
}
	
.myProgram TABLE TD.date {
	padding: 0 0 10px 0;
	}	
	
* html DIV.item {
	float: left;
	width: 100%;
	}	

TABLE.horizontal TD {
	padding: 5px 15px 10px 0 !important;
	}

TABLE.horizontal TD.date {
	padding: 5px 15px 13px 0 !important;
	}

TABLE.vertical TD.date {
	padding: 5px 15px 15px 0 !important;
	}
	
	
TABLE.horizontal TD.infos {
	min-width: 430px;
	}	

TABLE.items .itemMeta {
	display: block;
	}

TABLE.items .infos .mark {
	font-weight: bold;
	background-color: #D6D7DE;
	padding: 0 2px;
	}
	
TABLE.items TD.my {
	padding-right: 5px !important;
	}
	
TABLE.items TD.my LABEL,
TABLE.items TD.my INPUT {
	position: static;
	display: none;
	}
	
TABLE.items .hover TD.my LABEL,
TABLE.items .hover TD.my INPUT,
TABLE.items .highlight TD.my LABEL,
TABLE.items .highlight TD.my INPUT {
	display: block;
	}

TR.highlight TD.infos,
TR.highlight TD.my,
TD.highlight,
DIV.highlight {
	background-color: #ffffc3 !important;
	}

TABLE TD.margin {
	width: 20px;
	}	
	
.myProgram TR.highlight TD.infos,
.myProgram TR.highlight TD.my,
.myProgram TD.highlight,
.myProgram DIV.highlight {
	background: none !important;
	}	
	
TABLE.horizontal .hover TD.infos,
TABLE.horizontal .hover TD.my,
TABLE.vertical TD.hover,
TABLE.vertical DIV.hover {
	background-color: #eaebee !important;
	}			
	
TABLE.vertical .item {
	width: 345px;
	}	
	
TABLE.vertical .item .my {	
	position: absolute;
    z-index: 1000;
	display: none;
	top: 3px;
	right: -2px;
	}
	
* html TABLE.vertical .item .my {
	top: 0px;
	}	
	
TABLE.vertical .item .my INPUT {
	float: right;
	}
	
TABLE.vertical .item .my LABEL {
	float: right;
	margin-right: 4px;
	}	
			
	
TABLE.vertical .withImage .my,
* html TABLE.vertical .withImage .my {
	top: auto;
	right: auto;
	bottom: 3px;
	left: 10px;
	width: 150px;
	padding: 0;
	}	

.my INPUT {
	margin: 0;
	padding: 0;
	width: 14px;
	height: 14px;
	margin: 3px 3px 0 0;
	}
	
TABLE.vertical .withImage .my INPUT,
TABLE.vertical .withImage .my LABEL {
	float: left;
	}
	
* html TABLE.vertical .withImage .my {
	left: 7px;
	}	
	
* html .my LABEL {
	margin-top: 3px;
	}	
	
* html .my INPUT {
	margin-right: 2px;
	margin-left: 0px;
	}

TABLE.vertical .hover .my,
TABLE.vertical .highlight .my {
	display: block;
	}	
	
TABLE.vertical .itemInfos {
	position: relative;
    z-index:1;
	}
	
.hint {
	background-color: #fff7ca;
	padding: 10px 20px 5px 10px;
	margin-top: 3px;
	width: 680px;
	}	
	
.hint .left {
	width: 300px;
	}	

	
/* LINKS -------------------------------------------------------------------------------- */	
	



.rounded {
    background: url("../images/rounded.gif") no-repeat scroll left top transparent;
    padding: 4px;
    width: 144px;
    height: 25px;
    -webkit-border-radius:0; 
    border-radius:0;
}
#header #search INPUT.submit {
	background: url('../images/button_rounded.gif') no-repeat;
	width: 27px;
	height: 25px;
	border: none;
	position: absolute;
	top: 0px;
	right: 0px;	
    -webkit-border-radius:0; 
    border-radius:0;
	}	

input.search {
    background: none repeat scroll 0 0 transparent;
    color: #ffffff;
    border: medium none;
    width: 130px;
    padding: 0 0 0 2px;
}


A.print {
	background: #fffdcb url('../images/iconPrintBig.gif') no-repeat;
	line-height: 38px;
	height: 35px;
	padding-left: 45px;
	padding-right: 12px;
	margin-top: 0px;
	font-size: 11px;
	color: #55575E;
	float: right;
	}
	
A.map {
	background: url('../images/iconMap.gif') no-repeat;
	color: #fff;
	font-size: 11px;
	padding-left: 20px;
	line-height: 14px;
	text-decoration: underline;
	display: block;
	height: 16px;
	}			
	
A.programm {
	background: #ffffc3 url('../images/arrowGreenRight.gif') no-repeat 10px 10px;
	height: 30px;
	display: block;
	line-height: 28px;
	padding-left: 28px;
	color: #55575E;
	font-size: 11px;
	text-decoration: underline;
	margin-bottom: 10px;
	}
	
A.back {
	background: url('../images/arrowGreenLeft.gif') no-repeat 0px 6px;
	display: block;
	padding-left: 18px;
	color: #55575E;
	font-size: 11px;
	text-decoration: underline;
	float: left;
	margin-top: 5px;
	}			
	
A.gray,
.gray A {
	color: #55575E;
	}	
	
.gray A:hover {
	color: #1A1A1A;
	}	
	
.textSmall {
	font-size: 11px;
	line-height: 15px;
	}	
	
.mt10 {
	margin-top: 10px;
	}	

	
/* MISC --------------------------------------------------------------------------------- */

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


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	Z-INDEX: 90; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 500px
}
#jquery-lightbox {
	Z-INDEX: 100; LEFT: 0px; WIDTH: 100%; LINE-HEIGHT: 0; POSITION: absolute; TOP: 0px; TEXT-ALIGN: center
}
#jquery-lightbox A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#lightbox-container-image-box {
	MARGIN: 0px auto; 
	WIDTH: 250px; 
	POSITION: relative; 
	HEIGHT: 250px; 
	BACKGROUND-COLOR: #fff;
	border: 2px solid #55575e;
	border-bottom: none;
}
#lightbox-container-image {
	padding: 40px 10px 10px 10px;
}
#lightbox-loading {
	LEFT: 0%; WIDTH: 100%; LINE-HEIGHT: 0; POSITION: absolute; TOP: 40%; HEIGHT: 25%; TEXT-ALIGN: center
}
#lightbox-nav {
	Z-INDEX: 10; LEFT: 0px; WIDTH: 100%; POSITION: absolute; TOP: 0px; HEIGHT: 100%
}
UNKNOWN {
	LEFT: 0px
}
#lightbox-nav A {
	outline: none
}
#lightbox-nav-btnPrev {
	DISPLAY: block; WIDTH: 49%; ZOOM: 1; HEIGHT: 100%
}
#lightbox-nav-btnNext {
	DISPLAY: block; WIDTH: 49%; ZOOM: 1; HEIGHT: 100%
}
#lightbox-nav-btnPrev {
	LEFT: 0px; FLOAT: left
}
#lightbox-nav-btnNext {
	RIGHT: 0px; FLOAT: right
}
#lightbox-container-image-data-box {
	PADDING-RIGHT: 10px; padding-bottom: 5px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; OVERFLOW: auto; WIDTH: 100%; PADDING-TOP: 0px; BACKGROUND-COLOR: #fff;
	height: 22px;
	line-height: 13px;
	border: 2px solid #55575e;
	border-top: none;
	overflow: hidden;
}
#lightbox-container-image-data {
	PADDING-BOTTOM: 0px; COLOR: #141215; PADDING-TOP: 0px
}
#lightbox-container-image-data #lightbox-image-details {
	FLOAT: left; WIDTH: 70%; TEXT-ALIGN: left
}
#lightbox-image-details-caption {
}
#lightbox-image-details-currentNumber {
	CLEAR: left; DISPLAY: block; PADDING-BOTTOM: 1em
}
#lightbox-secNav-btnClose {
	FLOAT: right; 
	background: url('../images/galleryClose.gif') no-repeat center center;
	PADDING-BOTTOM: 0.7em; 
	width: 14px;
	height: 14px;
	margin: 3px 7px 0 0;
}

#lightbox-container-top {
	margin: 9px 0 10px 0;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #fff;
	width: 100%;
	z-index: 10000;
	line-height: 16px !important;	
	}	
	
#lightbox-secNav-btnClose {
	padding: 0 3px 0 0 !important;
	text-decoration: underline;
	}
	
#lightbox-container-caption {
	float: left;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
	line-height: 16px;
	width: 90%;
	overflow: hidden;
	height: 18px;
	left: 0px;
	}
	
#lightbox-container-image-data {
	text-align: left;
	float: left;
	color: #141215 !important;
	line-height: 14px !important;
	font-size: 13px;
	margin-top: -1px;
	}
	
#lightbox-image-details-currentNumber	{
	float: right;
	clear: none !important;
	margin-top: -1px;
	}

#lightbox-container-image-details {
	float: right;
	color: #808080 !important;
	line-height: 13px !important;	
	}