*, html, body {
	margin: 0;
	padding: 0;
	border: 0;


}

html, body {
	width:99.9%;
	height:99.9%;
	overflow-x:hidden;
	/*overflow-y:hidden;*/
}


BODY {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.01%;
	color: #363636;
	background-color: #686868;
	text-align: left;
		 /*min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

a {
	text-decoration:none;
	color: #363636;

}

a img {
	border-style: hidden;
	border: 0px;
}



.link-unten {
	clear:both;
	font-size:10px;
	margin-top:1em;

}


.copyright {
	font-size:0.6em;
	margin:2em auto;

	}
address {
	text-decoration: none;
	font-style:normal;
	font-weight:normal;
}

p {
	font-size:1em
}

li {
	font-size:1em
}


/********************* Navi **************************/




ul.navi {
	padding:0;
	list-style:none;
	border: none;
	width:200px;

}


.navi li {
	margin:0 0 0 10px;
}

.navi li a {
	font-weight:normal;
	display:block;
	color:#686868;
	text-decoration: none;
	cursor: pointer;
	font-size: 1.3em;
	text-indent:3px;
	border-left: solid #363636 6px;
	width: 100%;

}


.navi li a:hover {
	border-left: solid #686868 6px;
}

.Biographie {
margin-top:20px;
}





img#sig-home {
float:right;
margin:50px 50px 5px 5px;
}

/********************* Boxengasse **************************/

div#linkespalte {
width:200px;
float: left;
height:100%;
position:fixed;
top:0;
left:0;
}

div#mitte {

	color: #686868;
	background-color: #363636;
	margin:0 260px;
	height:99.9%;
	text-align:center;
}

div#rechtespalte {
width:200px;
float:right;
height:99.9%;
padding:1em;

}

html>body div#mitte, html>body div#linkespalte, html>body div#rechtespalte {
	height:auto;
	min-height:99.9%;
}

h1 {
	font-size:40px;
	font-weight:200;
	letter-spacing:1px;
	margin-top:0;
	padding-top:30px;
 }

h2.zwischenueberschrift {
	font-weight:200;
	}

.gal_bild_zentr {
	text-align:center;
	/*margin:0 auto;*/
}

div#kopf {
width:99.9%;
height:40px;
margin-bottom:20px;
padding:10px 0 0 20px;
}

div#kopf h1 {
font-size:35px;
float:left;
margin-right:10px;

}

div#kopf h2 {
color: #9d9d9d;
display:inline;
font-weight:normal;

}
div#kopf img {
float:right;
display:inline;
margin-right:20px;
}







div#fuss {
clear:both;
float:right;
}

div.fuss h2 {
font-weight:normal;
float:right;
}

.grau {
color:#9d9d9d;

}




/***************Galerie******/




table#galerie {
margin-top:15px;
clear:both;
width:100%;
border:0;

border-collapse:collapse;
}

td.gal_element {
height:200px;
width:200px;
color: #C4C4C4;
background-color: #363636;
padding:12px 13px 7px 13px;
border-style:none;
margin:0;
border-bottom:20px solid #686868;

text-align:center;
}

td.gal_element a {

color: #C4C4C4;
}

table#galerie img {
border: solid 3px white;
height:170px;
}

table#galerie p {
font-size:14px;
margin-top:3px;}


/******Einzelbildansicht*******/

table#einzelbild {

width:100%;
height:100%;

}

td.einzel-haupt {
color: #363636;
background-color: #686868;
}

td.einzel-haupt img {
border:2px white solid
}

td.einzel-rechts {
color:#686868;
background-color: #363636;
padding:1em;
width:200px;
}

td.einzel-rechts h2 {
color:white;
}

img.rahmen {
border:2px white solid;

}

a.info {
display:block;
margin:20px 0 20px 0;
color:white;
}
img.zentriert {
margin-left:auto;
margin-right:auto;
}

a.mehr-infos {
display:block;
margin:20px 0 20px 0;
color:white;
}




/********Drop-Down-Menue******/



ul#drop  {
margin:20px 0 0 10px;
padding:0;
list-style:none;
float:left;
}

ul#drop a {
color:black;
text-decoration:none;
display:block;
}

ul#drop li {
background: url(/Images/Pfeil_dunkelgrau_unten.gif) no-repeat 207px center;
position: relative;
font-size: 16px;
font-weight:normal;
height:21px;
width: 230px;
border:1px solid #363636;
text-indent:3px;
padding-top:4px;
color:black;
background-color: #9d9d9d;
}


ul#drop li ul {
display: none;
position: absolute;
top: 25px;
left: 0;
list-style:none;
}

ul#drop li ul li {
background-image:none;
font-size:16px;
font-weight:normal;
text-indent:3px;
border:none;
width: 230px;
}

/*ul#drop  li>ul { /* Rausgenommen, da Firefox beim hovern weflitscht / to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
/*top: auto;
left: auto;
}*/

ul#drop li:hover ul, ul#drop  li.over ul { /* lists nested under hovered list items */
display: block;
background-color: #686868;
}

ul#drop  li:hover ul a:hover, ul#drop  li.over ul a:hover {
color:white;
background-color:#363636;
}


/*****Detailseite****/
#thumb {
position:fixed;
left:0px;
top:0px;
width:200px;
float:left;
height:100%;
padding:1em;
padding-bottom:3em;
color:#9d9d9d;
background-color: #363636;
}

#thumb h1 {
margin:0 0 25px 15px;
}


#thumb h2 {
margin-top:100px;
}


#thumb img {
margin-top:20px;
}
#thumb a {
color:#9d9d9d;
}
#detailtext {
margin-left:205px;
padding-top:5%;
padding-left:15%;
width:420px;
color:black;
}

#detailtext h2 {
margin: 20px 0 10px 0 ;
font-size:large;
}

#detailtext p {
margin-top: 10px;
}

#detailtext li {
margin: 10px 0 0 10px;

}

div.biblio {
border:1px dotted #d9d9d9;
padding:10px;
margin-bottom:15px;
}
/*******************Oeffentliche Werke Tabelle*****/
table#oewerk {
background-color:#9d9d9d;
border-collapse:collapse;
margin-top:20px;
width:475px;
/*width:474px;*/
}
table#oewerk td {
font-size:14px;
line-height:16px;
padding:4px 8px;
}

tr.alt_row_1 {
background-color:#686868;
}

fieldset {
border:2px solid #9d9d9d;
padding:5px 5px 10px 5px;
}