html{
	
}

body{
	background:#ffffff;	
	
	
}
img { border: 0px;}
#mainpage{
	width:900px;
	margin:auto;
	padding:0px;	
	
}

/* Top Index für Startseite, Immo .. usw ------------------------------------------- */
#topindex{
	width:898px;
	height:18pt;
	padding:0px;
	background:#000073;	
	background-image:url("pictures/bertschiimmo.gif");
	background-repeat:no-repeat;
	padding:1px;
	margin:0px;
	text-align:right;
	border-bottom-width:5px;
	border-bottom-style:solid;
	border-bottom-color:#7c7c8f;
}

.top_level{
	font-family:verdana, sans-serif;
	font-size:10pt;
	text-decoration:none;
	letter-spacing:1pt;
	color:#ffffff;
	margin-left:0px;
	margin-right:1px;
	padding:2px;
	vertical-align:bottom;
	border-width:1px;
	border-style:solid;	
	border-color:#000073;
}
.top_level:hover{
	color:#ddddff;
	background:#3C3C73;
	border-color:#7c7c8f;
	text-decoration:none;
}

/* Blockeigenschaften des Hauptfeldes --------------------------------------------- */
#content{
	padding:10px;margin:0px 0px 0 195px;border:0px;
	border-right: 0px solid #7c7c8f;
}
#leftcontent{
	float:left;padding:0px;border:0px solid black;width:180px;height:400px;margin:0px;
}

/* Verzeichnis auf der linken Seite ----------------------------------------------- */
#indexblock{
	background:#7c7c8f;
	width:180px;
	padding:0px;
	padding-top:2px;	
	margin:0px;
}

.index_level1{
	font-family:verdana, sans-serif;
	font-size:11pt;
	font-weight:bold;
	color:#ffffFF;
	margin:0px;
	margin-top:0px;
	margin-left:2px;
	margin-right:2px;
	padding:0px;
	padding-top:15px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:0px;
	border-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;
	border-bottom-color:#89889D;
	border-bottom-style:solid;
	background:#9696ac;	
	width:171px;	
}

.link_level1{
	display:block;
	font-family:verdana, sans-serif;
	font-size:11pt;
	text-decoration:none;
	color:#DDDDFF;
	margin:0px;	margin-left:2px;margin-right:2px;
	padding:0px;padding-top:5px;padding-bottom:5px;	padding-left:5px;padding-right:0px;
	border-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;border-bottom-color:#89889D;border-bottom-style:solid;
	background:#9696ac;	
	width:171px;
}
.link_level1:hover{
	font-family:verdana, sans-serif;
	font-size:11pt;
	text-decoration:none;
	color:#ffffFF;
	background:#7c7c8f;	
	width:171px;
}

.link_level2{
	display:block;
	font-family:verdana, sans-serif;
	font-size:10pt;
	text-decoration:none;
	color:#9696ac;
	margin:0px;	margin-left:3px;margin-right:2px;
	padding:0px;padding-top:5px;padding-bottom:5px;padding-left:15px;padding-right:0px;
	border-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;border-bottom-color:#89889D;border-bottom-style:solid;
	background:#DDDDFF;	
	width:160px;
}
.link_level2:hover{
	font-family:verdana, sans-serif;
	font-size:10pt;
	text-decoration:none;
	color:#ffffFF;
	background:#7c7c8f;	
	width:160px;
}

/* Text Formatierungen --------------------------------------------- */
/* Ueberschriften */
h1,h2,h3,h4,h5 	{ font-family:  "Lucida Sans Unicode", Verdana,Arial, Sans-Serif; font-weight:normal;}

h1{
	font-size:16pt;
	letter-spacing:1pt;
	color:#000072;
	margin-top: 30px; margin-bottom:15px;
}
h2{
	font-size:14pt;
	letter-spacing:1px;
	color:#7c7c8f;
}
h3{
	font-size:12pt;
	color:#555555;
}
h4   { 
	color: #000073; 
	font-weight: 600; 
	font-size: 10pt; 
	margin-top: 1pt; margin-bottom: 5pt; margin-left: 1pt;
	border-bottom: 1px solid #7c7c8f;
	
}


p{
	font-family:verdana, sans-serif;
	font-size:10pt;
}
a{
	font-family:verdana, sans-serif;
	font-size:10pt;
	color:#000073; 
	text-decoration:none;
}
a:hover{
	text-decoration:underline;	
}
/* Copyright Hinweis */
.copy{
	font-family:verdana, sans-serif;
	font-size:8pt;
	text-align:center;
	width:180px;
	color:#bbbbbb;
}

.copy a{font-family:verdana, sans-serif;
	font-size:8pt;
	text-align:center;
	width:180px;
	color:#aaaaaa;   }
/* Fotter Adresse */
.footer{
	clear:left;
	font-family:verdana, sans-serif;
	font-size:8pt;
	text-align:center;
	color:#bbbbbb;
	border-top: 1px #bbbbbb solid;
	margin:10px 10px 5px 5px;
}

li{
	font-family:verdana, sans-serif;
	font-size:10pt;
}

.block_180{
	width:180px;
	padding:5px;
	margin:10px;
}

/* Projekt Box  Formate ------------------------------------------------------------------ */
.projekt_block  {
	background-color: #9696ac; padding: 0px; border: solid 1px #7c7c8f; width:680px; 
	margin:auto;
	margin-top:20px;	margin-bottom:20px;
}
.projekt_header{
	background:#7C7C8F;
	width:670px;
	margin:0px;
	padding:5px;
	border-bottom:solid 1px #bbbbbb;
	color: #ffffff;
	font-weight: 600; 
	font-size: 11pt;
	font-family:verdana, sans-serif;
	}

/* Projekt Vorschau Box  Formate ----------------------------------------------------------- */
.projekt_block_prev  {
	background-color: #9696ac; padding: 0px; border: solid 1px #7c7c8f; width:450px; 
	margin:auto;
	margin-top:20px;	margin-bottom:20px;
}
.projekt_header_prev{
	background:#7C7C8F;
	width:440px;
	margin:0px;
	padding:5px;
	border-bottom:solid 1px #bbbbbb;
	color: #ffffff;
	font-weight: 600; 
	font-size: 11pt;
	font-family:verdana, sans-serif;
	}

/* Projekt Vorschau Box  Formate ----------------------------------------------------------- */
.projekt_block_prev_small {
	background-color: #9696ac; padding: 0px; border: solid 1px #7c7c8f; width:250px; 
	margin:auto;
	margin-top:20px;	margin-bottom:20px;
	
}
.projekt_header_prev_small{
	background:#7C7C8F;
	width:240px;
	margin:0px;
	padding:5px;
	border-bottom:solid 1px #bbbbbb;
	color: #ffffff;
	font-weight: 600; 
	font-size: 8pt;
	font-family:verdana, sans-serif;
	}	
	
.projekt_element_block{
	width:330px;
	float:left;
	margin:5px;
	
}
	
	
.image{
	margin:0px; padding:0px; border:1px #bbbbbb solid;	
}	
.white_text{
	margin:10px;
	padding:0px;
	color: #ffffff;
	font-weight: 400; 
	font-size: 10pt;
	font-family:verdana, sans-serif;
}
.boxed_link{
	font-family:verdana, sans-serif;
	font-size:10pt;
	text-decoration:none;
	letter-spacing:1pt;
	color:#ffffff;
	margin-left:0px;
	margin-right:1px;
	padding:2px 10px 2px 10px;
	vertical-align:bottom;
	border-width:1px;
	border-style:solid;	
	border-color:#7C7C8F;
	background:#3C3C73;
}
.boxed_link:hover{
	color:#7C7C8F;
	background:#DDDDFF;
	border-color:#7c7c8f;
	text-decoration:none;
}
.table_textheader{
	font-family:verdana, sans-serif;
	font-size:9pt;
	font-style:bold;
	color:white;
	margin:0px;
}
.table_text{
	font-family:verdana, sans-serif;
	font-size:9pt;
	margin:0px;
}

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Refernzen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */
  .ref {font-size:11px;}
  .ref table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:0px #888 solid; border-bottom:0px #888 solid; font-family:Verdana, sans-serif;}
  .ref table caption { font-variant:small-caps; }
  .ref table.full { width:100%; }
  .ref table.fixed { table-layout:fixed; }

  .ref  th, .ref td { padding:0.5em; }
  .ref thead th { color:#000; border-bottom:2px #800 solid; }
  .ref tbody th { background:#e0e0e0; color:#333; }
  .ref tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  .ref tbody th { border-bottom:1px solid #fff; text-align:left; }
  .ref tbody td { border-bottom:1px solid #eee; }

  .ref tbody tr:hover th[scope="row"],
  .ref tbody tr:hover tbody th.sub { background:#F3F7FF; }
  .ref tbody tr:hover td { background:#F3F7FF; }
  
/******************************************************************************** */
/*  LIGHTBOX															
/******************************************************************************** */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../../js/lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../../js/lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 100px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }