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

body { padding:0px; margin:0px; }

body, p, div, table, td, th, tr, span, a, font {
	font-family:Arial;
	color:#000000;
	font-weight:normal;
	font-size:13px;
	line-height:120%;
}

p1 { font-family:Arial;
	 color:#000000;
	 font-weight:normal;
	 font-size:14px;
	 line-height:120%;
}

p2 {
	 font-weight: bold;
	 font-family:Arial;
	 color: #0d6eab;
	 font-size: 14px;
	 line-height: 130%;
}

h2 { font-family:Arial;
	 color:#000000;
	 font-weight:normal;
	 font-size:14px;
	 line-height:10%;
}

h3 {
	font-family:Arial;
	color:#000000;
	font-weight:bold;
	font-size:14px;
	line-height:80%;
}

.linktext { font-family:Arial; 
			color:#000000; 
			font-weight:normal; 
			font-size:14px; 
			line-height:120%; 
}

a.linktext { text-decoration:none; font-weight:bold; }
a.linktext:hover { text-decoration: underline; }


div.clear { clear:both !important; width:0px !important; height:0px !important; margin:0px !important; padding:0px !important; }
* html div.clear { display:none; }

a { font-weight:bold; text-decoration: none; }
a:hover { text-decoration: underline; }

a.infotext {
text-decoration: none
}

a.infotext:hover {
background: #FFFFFF;
text-decoration: none;
text-align:left;
}

a.infotext span {
visibility: hidden;
position: absolute;
left: 30em;
margin-top: -22em;
padding: 2em;
text-decoration: none;
}

a.infotext:hover span {
visibility: visible;
border: 2px solid #c8b47f;
color: #000000;
background: #FFFFFF;
text-decoration: none;
width: 350px;
} 



/* ---- COLOR CODES ---- */
.darkGrey { background-color:#DADADA; }
.midGrey { background-color:#EBEBEB; }
.brightGrey { background-color:#F9F9F9; }

.brown { background-color:#c8b47f; }
.green { background-color:#afbc90; }
.turquoise { background-color:#7ebe9b; }
.blue { background-color: #85aac4; }
.violett { background-color:#c49dc9; }

.brightBrown { background-color:#f7f0e0; }



/* ---- Header ---- */

div#wrap {
	width:100%;
	text-align:left;
}

div#headWrap {
	width:100%; height:151px;
	margin-bottom:5px;
}
	div#headWrap div#head {
		width:1010px; height:114px;
		margin:0px auto;
		position:relative;
	}
	
		div#headWrap div#head div#logo {
			width:401px; height:0px; _height:114px;
			position:absolute; top:0px; left:0px;
			background:transparent url(img/bergfort_logo.gif) top left no-repeat;
			overflow:hidden;
			padding-top:114px;
		}
			div#headWrap div#head div#logo h1 { margin-left:600px; }
		
	div#headWrap div#metanavi {
		position:absolute; bottom:7px; right:0px;
		width:402px; height:30px;
		font-size:16px; color:#B2B2B2; line-height:30px;
		text-align:right;
	}
		div#headWrap div#metanavi a {
			font-size:16px; 
			color:#B2B2B2; 
			line-height:30px; 
			text-decoration:none;
		}
			div#headWrap div#metanavi a:hover { color:#444444; }
			

	div#topBar {
		width:100%; height:37px;
	}
	
	div#topBar div#bar {
		width:1010px; height:37px;
		margin:0px auto;
		border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF;
	}
		div#topBar div#bar h1 { margin:0px; padding:0px; color:#000000; font-size:18px; line-height:37px; margin-left:27px; }
		div#topBar div.home { background:transparent url(img/top_blaue_leiste.jpg) top left repeat-x; }
	


/* ----- Startseite ----- */

div#fotoBar {
	width:100%; float:left;
	margin-bottom:5px;
}
	div#fotoBar div#fotos { width:1010px; margin:0px auto; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; }
		div#fotoBar div#fotos div#person,
		div#fotoBar div#fotos div#person1,
		div#fotoBar div#fotos div#baurecht,
		div#fotoBar div#fotos div#baurecht1,
		div#fotoBar div#fotos div#kontakt,
		div#fotoBar div#fotos div#anfahrt,
		div#fotoBar div#fotos div#impressum,
		div#fotoBar div#fotos div#links,
		div#fotoBar div#fotos div#familienrecht,
		div#fotoBar div#fotos div#familienrecht1,
		div#fotoBar div#fotos div#immobilienrecht,
		div#fotoBar div#fotos div#immobilienrecht1,
		div#fotoBar div#fotos div#mediation,
		div#fotoBar div#fotos div#mediation1 {
			background-position:top left; background-repeat:no-repeat;
			width:198px; height:198px; margin-right:5px; float:left;
		}
		
			div#fotoBar div#fotos div#person { background-image:url(img/zur_person.jpg); }
			div#fotoBar div#fotos div#person1 { background-image:url(img/zur_person1.jpg); }
			div#fotoBar div#fotos div#baurecht { background-image:url(img/baurecht.jpg); }
			div#fotoBar div#fotos div#baurecht1 { background-image:url(img/baurecht1.jpg); }
			div#fotoBar div#fotos div#kontakt { background-image:url(img/kontakt.jpg); }
			div#fotoBar div#fotos div#anfahrt { background-image:url(img/anfahrt.jpg); }
			div#fotoBar div#fotos div#impressum { background-image:url(img/impressum.jpg); }
			div#fotoBar div#fotos div#links { background-image:url(img/links.jpg); }
			div#fotoBar div#fotos div#familienrecht { background-image:url(img/familienrecht.jpg);}
			div#fotoBar div#fotos div#familienrecht1 { background-image:url(img/familienrecht1.jpg);}
			div#fotoBar div#fotos div#immobilienrecht { background-image:url(img/immobilienrecht.jpg); }
			div#fotoBar div#fotos div#immobilienrecht1 { background-image:url(img/immobilienrecht1.jpg); }
			div#fotoBar div#fotos div#mediation { background-image:url(img/mediation_schlichtung.jpg); }
			div#fotoBar div#fotos div#mediation1 { background-image:url(img/mediation_schlichtung1.jpg); }
			
div#topicsWrap { width:100%; float:left; }
	div#topicsWrap div#topics { width:1010px; margin:0px auto; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; }
		div#topicsWrap div#topics div#topicPerson,
		div#topicsWrap div#topics div#topicBaurecht,
		div#topicsWrap div#topics div#topicFamilienrecht,
		div#topicsWrap div#topics div#topicImmobilienrecht,
		div#topicsWrap div#topics div#topicMediation {
			width:198px; height:37px; margin-right:5px; float:left;
		}
		div#topicsWrap div#topics div h1 { 
			margin:0px; padding:0px; 
			text-align:center;
			color:#FFFFFF;
			line-height:37px;
			font-size:15px;
			font-weight:bold;
		}
		
		div#topicsWrap div#topics div a:hover { text-decoration:none; cursor:pointer; }
		
		div#topicsWrap div#topics div#topicPerson a:hover h1 { background-color:#d6c390; }
		div#topicsWrap div#topics div#topicBaurecht a:hover h1 { background-color:#c2d09f; }
		div#topicsWrap div#topics div#topicFamilienrecht a:hover h1 { background-color:#9ad9b7; }
		div#topicsWrap div#topics div#topicImmobilienrecht a:hover h1 { background-color:#93bddb; }
		div#topicsWrap div#topics div#topicMediation a:hover h1 { background-color:#ddb7e2; }


div#sitesWrap { width:100%; float:left; }
	div#sitesWrap div#sites { width:1010px; margin:0px auto; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; }
		div#sitesWrap div#sites div { width:198px; height:151px; margin:0px 5px 5px 0px; float:left; padding-top:28px; }
		div#sitesWrap div#sites div#sitesMediation { margin-right:0px; }
		
	div#sitesWrap div#sites ul { 
		margin:0px; padding:0px; margin-left:25px; 
		list-style-type:square;
	}
		div#sitesWrap div#sites ul li { margin-bottom:20px; }
			div#sitesWrap div#sites ul li a { font-weight:normal; }
		
		
div#sitesFooterWrap { width:100%; float:left; }
	div#sitesFooterWrap div#sitesFooter { width:1010px; height:37px; margin:0px auto; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF; }
		div#sitesFooterWrap div#sitesFooter div { width:198px; height:37px; margin-right:5px; float:left; }
		

div#footerWrap { width:100%; float:left; }	
	div#footer { 
		width:1005px; height:37px;
		margin:0px auto; padding-left:5px;
		color:#8E8E8E; font-size:12px; line-height:37px;
	}



/* ---- Folgeseite ---- */

div#fotoBar div#fotos div.submenu {
	width:604px; _width:604px; height:198px;
	margin-right:5px;
	float:left;
}
	div#fotoBar div#fotos div.submenu ul { list-style-type:square; margin:25px 0px 0px 5px; }
		div#fotoBar div#fotos div.submenu ul li {
			margin-bottom:8px;
			font-size:16px;
		}
div#fotoBar div#fotos div.submenuImage {
	width:401px !important;
}

div#fotoBar div#fotos div.panoramaBar {
	width:1010px !important;
}

div#fotoBar div#fotos div.baurecht { background-color:#dde5ca; }
div.person { background-color:#f0e4c4; }
div.familienrecht { background-color:#d1eadc; }
div.immobilienrecht { background-color:#cbe2f6; }
div.mediation { background-color:#f4d9f7; }

div#contentWrap { width:100%; float:left; }
div#contentWrap div#content { 
	width:1010px; margin:0px auto; 
	text-align:justify;
	padding-bottom:60px;
}
	div#contentWrap div#content h1 {
		margin:40px 0px 20px 0px;
		font-size:18px; font-weight:bold;
	}
	
	div#contentWrap div#content a {
		text-decoration: underline;
		line-height: 140%;
		color: black;
		font-weight:normal;
		font-size:14px;
	}

div.subpageFooter { border-top:2px solid #ABABAB; }


.spaltelinks {
	width: 495px;
	float: left;
	padding: 10 10px;
	text-align:justify;
	margin-right: 10px;
	margin-bottom: 60px;
} 

.spalterechts {
	width: 495px;
	float: left;
	padding: 10 10px;
	text-align:justify;
	margin-left: 10px;
	margin-bottom: 60px;
}