body{
	font-family:'Times New Roman', Times, serif; font-size:14px; text-align:center; margin:5px auto 0px auto;
}

a {
	color:black; text-decoration:none;
}

#ganzeseite{
	width:985px; height:auto; margin:0px auto 0px auto; text-align:left; width:985px; overflow:hidden; 
}

#kopfzeile{
	line-height:40px; width:100%; height:40px; border-top: 3px solid black; border-bottom:2px dotted black;
}

#bridges_homepage{
	float:left; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif;
}

#fotoprojekt_homepage{
	float:right; font-size:18px; font-style:italic;
}

#inhalt_links{
	width:280px; height:auto; float:left; display:block;
}

#bridges_logo{
	width:100%; border-bottom:3px solid black; height:90px; padding:5px 0px 7px 0px; background:url(logo.gif) no-repeat;
}

#hauptmenue{
	font-family:Arial, Helvetica, sans-serif; font-size:15px; margin:0px; padding:0px; width:280px;
}


.menue_ebene1{
	padding:0px; margin:0px; list-style:none; width:inherit;
}

.menue_ebene1 li{
	border-bottom:2px dotted black; padding:7px 4px 4px 7px; list-style:none; 
}

.menue_ebene2{
	padding:0px; margin:0px; list-style:none; display:none;
}

.menue_ebene2 li{
	border:none; padding:4px 4px 0px 15px; font-family:'Times New Roman', Times, serif; font-style:italic; font-weight:normal; color:black; text-decoration:none;
}

.menue_sammlung li{
	width:30px; line-height:20px; height:20px; text-align:left; float:left; padding-top:0px; margin:0px; font-weight:normal;
}

.menue_selected {
	font-weight:bold;
}

.menue_open{
	display:block;
}

.item_selected {
	text-decoration:underline; /*line-through;*/
}

.cl1{
	color:black;
}
.cl2{
	color:#000099;
}

#infobox_absolute{
	width:280px; height:auto; background:#000099; color:white; padding:5px 0px 5px 0px; display:block; /*position:relative; top:600px;*/ margin-top:20px; margin-bottom:20px;
}

#infobox_absolute h3{
	margin:0; padding:0; width:90%; margin-left:5%; font-size:20px; line-height:30px; font-style:italic; font-weight:normal; text-decoration:underline;
}

#infobox_absolute h3 span{
	font-style:normal; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:underline;
}

#inhalt_mitte{
	width:670px; height:auto; float:right; display:block; padding-bottom:0px;
}

#inhalt_slogan{
	width:100%; border-bottom:2px dotted black; height:90px; overflow:hidden; padding:5px 0px 7px 0px;
}

#inhalt_slogan h1{
	padding:0; margin:0;color:#000099; font-size:40px;
}

#inhalt_slogan h2{
	padding:0; margin:-10px 0px 0px 0px; color:#000099; font-size:40px; font-style:italic; font-weight:normal; float:left;
}

#hauptinhalt {
/*
background-image: url(images/background_2.gif);
scrollbar-arrow-color: #000099; 
scrollbar-face-color: #FFFFFF; 
scrollbar-highlight-color: #5AE100; 
scrollbar-3dlight-color: #FF9900; 
scrollbar-shadow-color: #FF0000; 
scrollbar-darkshadow-color: #000000; 
scrollbar-track-color: #cedcff; 
*/
text-align: left;
width: 670px;
height: 550px;
height:100%;
background: transparent;
color:black;
float:left;
}

.abstand_iframe{
padding: 10px;
padding-left:0px;
}

.scrollbereich {
overflow: auto;
width: 670px;
height: 535px;
/* height: 350px; /* 1024x768 auflösung */
height:100%;
}

.scrollbarabstand{
padding-right: 20px;
/*width:630px;*/
} 

.scrollbarabstand ul{
	margin-top:5px;
	margin-bottom:5px;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}

.scrollbarabstand a{
	text-decoration:underline;
	color:#000099;
}

#hauptinhalt_mitte{
	font-family:Arial, Helvetica, sans-serif; line-height:18px; font-size:12px; width:630px;
}

#hauptinhalt_mitte p{
	margin:0px 0px 10px 0px;
}

#menue_unter_content{
	font-family:Arial, Helvetica, sans-serif; width:100%; height:20px;margin:0px;padding:0px;display:block;background-color:transparent;top:0px;position:relative;margin-top:-5px;margin-bottom:5px;
}

#menue_unter_content a{
text-decoration:underline;
}

#fusszeile{
	line-height:40px; width:100%; height:40px; border-bottom: 3px solid black; border-top:2px dotted black; margin-bottom:0px;margin-top:0px;padding:0px;
}

#fusszeile ul{
	padding:0;	margin: 0;
}
#fusszeile li{
	display:inline; margin:0px 0px 0px 7px; padding-left:7px;
}
#fusszeile img{
	width:23px; height:21px; position:relative; top:5px;
}
#fusszeile a{
	color:black; text-decoration:none;
}
.fusszeile_menue{
	float:right; font-size:12px; font-style:normal; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}
.r_links{
	border-left:1px solid black;
}
.cf{
	clear:both; 
}

.precf{
	width:100%; clear:both; margin-top:20px; display:block;
}

.fsn{
	font-style:normal;
}
.fsi{
	font-style:italic;
}
form{
	float:left; width:inherit; height:20px; overflow:visible; display:block; margin:0px; padding:0px;
}

.suchen_label{
	float:left; display:inline; margin-right:8px;padding-top:4px;
}

.suchen_kasten{
	border:1px solid black; padding:2px; width:212px; float:left;
}

.suchen_eingabefeld{ 
	float:left; width:160px; border:none; height:15px;
}

.suchen_button{ 
	font-weight:bold; padding:0px; margin:0px; font-size:13px; width:30px; margin-left:3px; background-color:#000099; border:none; color:white; float:right; display:block; text-align:center; padding-bottom:0px; padding-top:0px; position:relative;
}

.zurueck{
	float:left; color:#000099; line-height:40px;
}

.zurueck a{
	 color:#000099; text-decoration:underline;
}

.mehr_lesen{
	margin:0px; margin-top:-5px; float:left; text-decoration:underline; color:#000099;
}

.eintrag_kurz{
	font-family:Arial, Helvetica, sans-serif;  border-bottom: 2px dotted black; float:left; padding-bottom:5px;  margin-bottom:0px; width:100%;
}

.h2mitte{
	font-family:Times New Roman, Times, serif; font-style:italic; color:#000099;font-size:24px;font-weight:normal; margin-bottom:10px; margin-top:10px; line-height:25px;
}

.mitte_unterstrich{
	width:100%; float:left; height:2px; border-bottom:2px dotted black; display:block;
}

.h2fotograf{
	line-height:25px; font-weight:normal; margin:0px; padding:10px 0px 10px 0px; border-bottom: 2px dotted black; width:100%; font-family:Times New Roman, Times, serif; font-size:21px; color:black; text-decoration:none;
}
.h2fotograf a{
	color:black; text-decoration:none;
}
.fotografenlink{
	color:black; text-decoration:none;
}
.fotografenlink a{
	text-decoration:none;
}
.piclink{
	width:75px; height:75px; display:block; float:left;margin-left:10px; margin-bottom:10px;
}
.h2serieninfos{
	font-family:Times New Roman, Times, serif; font-style:italic; color:#000099;font-size:24px;font-weight:normal; margin-bottom:10px; margin-top:10px;line-height:26px;
}
.unterstrich_serieninfos{
	border-top:2px dotted black; border-bottom:2px dotted black; padding:10px 0px 10px 0px; margin-top:20px;
}
.r_detailbild{
	border:none; width:501px; height:501px; display:block; float:left; margin-right:20px; margin-left:50px; padding:0px;
}
.r_detailbild a{
	margin:0px; padding:0px; width:500px; height:500px;
}


.hideImage{
	width:100%;
	height:100%;
}

a.hideImage{
	width:1%;
	height:1%;
	overflow:hidden;
	display:block;
	visibility:hidden;
}
.hideImage:hover {
	width:1%;
	height:1%;
	overflow:hidden;
	display:block;
	visibility:hidden;
}


/*---- TOOLTIP ----*/
.info{
    position:relative; /*this is the key*/
    z-index:21;
	/*
    color:#000;
    text-decoration:none;
    float:left;
	*/
    }
.info img {border:none; /*margin:2px;*/}
a.info:hover{z-index:25; border:none;}

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
	/*
    position:absolute;
    top:2em; left:2em; width:20em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
	*/
	}