/* Basics */

img {
    border:0px;
}

.invisible{
	display:none;
}


body {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
}

#header {
	background-image:url(../images/header.gif);
	background-repeat: repeat-x;
	position: relative;
	min-width:802px;
	height: 271px;
	margin-top: 16px;
	margin-left: 16px;
	margin-right: 16px;
	margin-bottom: 0px;
}

/*-- Header Grafik --*/

#luzia {
	position: absolute;
	display:block;
	height: 17px;
	width: 134px;
	top: 111px;
	left: 31px;
}

.luzialink {
	/*-- Bei der Typo "Luzia Simons" Transparenz noch überprüfen! --*/
	background-image:url(../images/luziasimons.gif);
	background-position: 0 0px;
	display:block;
	height: 17px;
	width: 134px;
	top: 111px;
	left: 31px;
}

/* Content */

#contentborder {
	position:absolute;
	border-style: solid;
	border-left-width: 1px;
	border-bottom: none;
	border-right-width: 1px;
	border-top: none;
	border-color:#000000;
	min-width:800px;
	top:255px; 
	left:16px; 
	right:16px;
}

#headlinediv {
	height: 20px;
	margin-left: 35px;
	margin-top: 35px;
	margin-bottom: 10px;
}
#verlaufheader {   
    position:relative;
	background-image:url(../images/verlauf.gif);
	background-repeat: repeat-x;
	height: 15px;
		
}

#inhaltlinks {
	position:relative;
	float:left;	
	width: 300px;
    padding-left:35px;
    padding-right:35px;
	/*padding-top: 38px;*/
	padding-bottom: 35px;
	/* height: 100; */
	z-index:2;
}

#inhaltrechts {
    position:relative;
    display: block;
	/*width: 100%;*/
	margin-right: 35px;
	margin-left: 370px; 
    padding-right: 35px;
	padding-top: 27px;
	padding-bottom: 35px;
	z-index:1;
}

#projektliste {
	position: relative;
	/*border: solid;
	border-right: none;
	border-left: none;
	border-top: none;
	border-bottom-width: 3px;
	padding-bottom: 20px;
	margin-bottom: 20px;*/
	min-height: 100px;
	_display: inline-block;

}

#projektlisteinnen {
	_display:inline;
	position: relative;
	/*width: 150px;*/
	margin-right: 35px;
	margin-bottom:35px;
	height: 93px;
	float: left;
	z-index: 2;
	/*background-color:#FF33CC;*/

}	

#verlauffooter {
	position:absolute;
	clear:both;
	background-image: url(../images/footer.gif);
	background-repeat: repeat-x;
	height: 10px;
	bottom: 0;
	width:100%;
}

.thumbnail {
    border-style: solid;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:1px;
    border-bottom-width:1px;
    border-color:#000000;
    margin: 0px;
    /*margin-bottom:20px;*/
    margin-right:20px;
	height: 93px;
}

.thumbnail_detail {
    border-style: solid;
    border-left-width:1px;
    border-right-width:1px;
    border-top-width:1px;
    border-bottom-width:1px;
    border-color:#000000;
    margin: 0px;
    margin-bottom:20px;
    margin-right:20px;
	height: 93px;
}

.trennlinie {
    border-bottom-width:0px;
    background-color:#000000;
    margin: 0px;
    /* width: 100; */
    height:2px;
    margin-top:20px;
    margin-bottom:20px;
}

.trennlinie_headline {
    border-bottom-width:0px;
    background-color:#000000;
    margin: 0px;
    width:94.5%;
    height:4px;
    margin-bottom:20px;
}

/*---Klassen für lightbox.js---*/

#lightbox{
	background-color:#ffffff;
	padding-top:32px;
	padding-left:32px;
	padding-right:32px;
	padding-bottom:11px;
}

#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
}	

#lightboxCaption{
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #000000;
	font-size: 8pt;
	line-height: 10pt;
}

#keyboardMsg{ 
	float: right;
}

#closeButton{ 
	top: 12px; right: 12px; 
}

#lightbox img{ 
	border: solid; 
	clear: both;
	border-color: #000000;
	border-width: 1px;
} 

#overlay img{ 
	border: 0; 
}

#overlay{ 
	background-image: url(../images/overlay.png);
	background-repeat:repeat;
}

* html #overlay{
	
	background-color: #000;
	background-color: transparent;
	background-image: url(../images/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}