/* Screen-Stylesheet für MohrColor 
Stand 2010 06 01 */

html { background-color: #666; }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	line-height:2em;
	color: #2E2C27; color: #48443B;
	margin: 0;
	padding:0 0 20px 0;
	border:none; border-right: 1px solid #396666; border-right: 1px solid #928C7A;
	min-height: 600px;
	min-width: 800px;
}

#content { width: 790px; padding: 15px 15px 20px 15px; background: #fff; margin-left: 210px;}

a { color: #972929; outline: none; }
a:hover { color: #005394; }

img {
	border:none;
}

h1, h2, h3, h4, p { margin: 0 0 1em 15px;
	border: none;
	padding: 0;
	font-size: 1.1em; 
	}

h1 a { text-decoration:none;}
	
h2 { font-size: 1.05em; padding-bottom: 5px; border-bottom: 1px dashed #534F46; margin:0 5px 0 192px;  }


h3 { font-size: 1.0em; margin: 1em 0 0.5em 192px; }

p { margin: 1em 2em 2em 192px; font-size: 1em;}
p.bannerlegende { margin:0; margin-bottom: 1em; padding: 0 10px; font-size: .8em;}
p.tippzurbildvergroesserung { font-size: .9em; font-style:italic;}

ul { margin-top: 0;  }
ul.ohne_aufzaehlungspunkte { margin-left: 152px; }
ul.ohne_aufzaehlungspunkte li { list-style-type:none;}


address {
	margin-top: -9px;
	font-style: normal;
	font-weight: bold;
	
	}
address p { border-left: 5px solid #C12929; padding: 12px 10px 15px 20px; background-color: #e1e1e1; width: 20em;}

.clear {clear:both;}

#logo { width: 820px; margin-left: -15px; height:100px; background: url(../images/bg_streifen_hellgrauoben.gif) -10px -10px repeat-x; }
#logo img { padding: 0px 0 0 15px}
#logoprint {
	display: none;

}

/* METANVAI */


#metanavi {
	margin: 0 0 0 210px;
	border: 0px solid #fff;
	padding: 0;
	color: #000;
	font-size: 0.9em;
	display:block;
	text-align: right;
	position: relative; left: 0px;  top: -1px; 
	width: 820px; 
	height: 38px;
	vertical-align: middle;
}

#metanavi li {
	list-style: none none;
	/* float: left; */ float: right;
	white-space: nowrap;
	padding:4px 0px;
	margin: 0;
}

#metanavi li.selected a, #metanavi li.selected a:hover  {
	background: #e1e1e1; color: #000;
}

#metanavi li a {
	padding: 4px 10px 4px 10px;
	color:#fff;
	text-decoration: none;
	display:block;
	border-top: 0px solid #e1e1e1;
}

#metanavi li a:hover { background: #e1e1e1; color: #000; }


/* TOPNAVI */

#topnavi {
	height: 60px;
	width: 800px;
	min-width: 558px;
	padding: 0px 0 0 0;
	/* display:block;
	overflow:visible; */
	border: 0px solid #000;
}
#topnavi ul {
	margin:0 0 0 5px;  
	padding:9px 0 0px 0px;
	border:0;
	list-style-type: none;
	height: 36px;
	border: 0px solid black;
}
#topnavi  li {
	margin: 0;
	border: 0px solid black;
	padding: 0px;
	display: inline; 
	float:left;
	font-size: 1em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}
#topnavi li a {
	margin:0;
	padding: 10px 15px;
	color:#972929; 
	text-decoration:none;
	border-bottom: 0px solid black;
	background-image:url(../images/bg_navi.gif);
	background-repeat: no-repeat;
}
#topnavi li a:hover {
	color: #0078dc; color: #005ec9; color: #005394;
	text-decoration: none;
	background-image:url(../images/bg_navi_hover.gif);
	background-repeat: no-repeat;
}
#topnavi li.selected a, #topnavi ul li.selected a:hover{
	margin:0;
	text-decoration:none;
	color:#C12929; color:#972929; color:#555;
	background-image:url(../images/bg_navi_selected.gif);
	background-repeat: no-repeat;
}

/* CONTENT */

#bannerfoto, #bannerfoto370li, #bannerfoto370re {
	position:relative; /* position:absolute; top: 100px; left: 200px; */
	margin:0;
	width:788px;
	height:323px;
	border:1px solid #ccc;
	overflow: hidden;
}

#bannerfoto370li, #bannerfoto370re {width:370px; height: 170px; margin-top:15px; border: none; }

#bannerfoto img, #bannerfoto370li img, #bannerfoto370re img {
	display:none;
	position:absolute;
	top:0; left:0;
	/*width: 790px;
	height: 323px; */
}



#linkespalte h2, #rechtespalte h2, #linkespalte h3, #rechtespalte h3, #linkespalte p, #rechtespalte p { margin-left:0;}
#linkespalte, #rechtespalte { width:370px; float:left; border: 0px solid #000; margin: 0 12px; }
#linkespalte ul.ohne_aufzaehlungspunkte, #rechtespalte ul.ohne_aufzaehlungspunkte { margin-left: 0px; }

div.bildervorschauspalte { width:246px; float:left; border: 0px solid #000; margin: 10px 4px 0 4px; }
div.bildervorschauspalte h2 { margin-left:0; border:none; border-left: 4px solid #fff; }
div.bildervorschauspalte a { margin-bottom: 4px; border: 4px solid #fff; display:block }
div.bildervorschauspalte a:hover { border: 4px solid #b2cbdf; border: 4px solid #005394; /* border: 4px solid #972929; */ }
div.bildervorschauspalte img { width: 238px; height:238px; border: 4px solid #fff; border-bottom:8px solid #fff; }
div.bildervorschauspalte a img { width: 238px; height:238px; border:none; }

div.bildervorschauspalteinaktiv h2 { color: #ccc;}




#kontaktadresse { position: absolute; top: 250px; left: 18px; width: 172px; color: #e1e1e1;}
#kontaktadresse h1 { margin: 0 0 1em 0px; margin-bottom: 0.5em; padding-bottom: 5px;  border-bottom: 1px solid #e1e1e1; font-size: .9em;}
#kontaktadresse p { margin: 0 0 1em 0; font-size: .9em; line-height: 1.7em;}

.miniluecke { font-size: 2px; line-height: 2px; width: 2px; overflow: hidden; }

#kontaktformulartabelle  {
	margin: 0;
	padding: 0;
	border-top: 10px solid #fff;
	border-collapse: collapse;
	width: auto;
}

#kontaktformulartabelle th {
	font-size: 1em;
	text-align: right;
	vertical-align: top;
	padding: 5px 10px 5px 0;
	color: #5A5A5A;
	width: 182px;
}
#kontaktformulartabelle td {
	font-size: 1.2em;
	text-align: left;
	padding: 5px 0;
}
#kontaktformulartabelle th.feldname {
	color:#48443B;
	font-weight:normal;
}
#kontaktformulartabelle input, #kontaktformulartabelle textarea {
	border: 1px solid #5A5A5A;
}
#kontaktformulartabelle th.fehler, #kontaktformulartabelle td.fehler {
	color:#0080CA; color:#3a8f8f; color: #005394;
}
#kontaktformulartabelle td.fehler input, #kontaktformulartabelle td.fehler textarea {
	border: 1px solid #005394;
	background-color: #e5edf4;
}
input.schalter { 
	margin: 10px 0;
	padding: 3px 9px 3px 9px;
	color: #fff;
	text-decoration: none;
	background-color: #972929; 
	font-weight: bold;
	font-size: 0.8em;
}
p.formularfehlerhinweis {
	color: #0080CA; color: #3a8f8f; color: #005394;
	font-weight: bold;
}

#portraitfoto { float:left; margin: 0.4em 0 0 -15px; }

table.tabellarischer_lebenslauf { margin: 0px 0 30px 192px;}
table.tabellarischer_lebenslauf caption { text-align:left; font-size: 1.05em; padding-bottom: 5px; border-bottom: 1px dashed #534F46; margin-bottom:5px; font-weight:bold;}
table.tabellarischer_lebenslauf th { vertical-align:top; font-weight:normal; width: 100px; text-align: left; padding: 4px 0;}
table.tabellarischer_lebenslauf td { vertical-align:top;padding: 4px 0 4px 5px; }
table.tabellarischer_lebenslauf td ul {margin: 0 0 5px -20px;}
table.tabellarischer_lebenslauf td li {margin: 0;}

/* MALEREI GALERIE */
div.blaetterschalter { width:790px; height:33px; text-align:center; }
div.galeriebild { width:788px; text-align:center; margin:14px 0;  border: 1px solid #fff;}

#mypanel260 { position: relative; top: -30px; float:left; width:260px; z-index:2; height:1px; display:none; /*  */ }
#mypanel260 a {text-decoration:none; color:#48443B; color:#666666; }
#mypanel260 h2 { padding-bottom: 5px; border-bottom: 0px dashed #534F46; margin:0 5px 0 15px; font-size:1em; }
#mypanel260 h2 a:hover { color:#005394;  }
#mypanel260 p { margin: 0 0 5px 0; color: #666;}
#mypanel260 ul { margin: 0 0 5px -25px; color: #666; }
#mypanel260 .ddpanelcontent_formatiert { border: 1px solid #ccc; margin-top: 25px; margin-left: 15px; padding: 10px; background:url(../images/bg_gemaeldeinfotext.png); color:#666;}

/* FARBIGE ARCHITEKTURGESTALTUNG */
div.blaetterschalterrechts { width:35px; height:80px; float:right; margin: -5px -63px 0 10px; overflow:hidden; }
div.blaetterschalterrechts a { margin-bottom:10px; display:block; }
div.blaetterschalterrechts a img { border: 0px solid #000; margin-left:-6px;}