@charset "utf-8";
/*-----------------------*/
/*-Universal Page Styles-*/
/*-----------------------*/
	/*Remove all Margins*/
* {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
	/*Font size 1em = 10px has repeating problem with nested font-sizes in em */
body {
	background-color: #D6D6D6;
	font-size: 12px;
	font-family: arial, verdana, geneva, helvetica, arial, sans-serif;

}
table {
padding:0;
	margin:0;	
margin-top: 50px;
width: 100%;
border:none;
}
td {
	border:none;
	padding:0;
	margin:0;
}

/*-----------------------*/
/*-Text           Styles-*/
/*-----------------------*/
.untertitel {
	font-size:0.9em;
}
p, ul {
font-family: arial, verdana, geneva, helvetica, arial, sans-serif;
font-size: 1em;
}
.floatleft {
display: block;
float: left;
text-align: left;
}

p, ul {text-align: left;}
ul, li {list-style-type: none;}

span.bold {font-weight: bold;}
.uline {text-decoration: underline;}
span.tab1, span.tab2 {float: left; display: block; height: 1em; width: 2.6em;}
span.tab1 {width: 2.6em;}
span.tab2 {width: 5.2em;}

a img{border: none;}
a {text-decoration: none; outline: none; color: #444;}
a:hover {color: #000; text-decoration: underline;}

	/* Abused "i" as Info Tag */
i {display: none;}

/*-----------------------*/
/*- Home     Page Styles-*/
/*-----------------------*/
#titlehundrich {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
}
#home .cell1 { 
vertical-align: top;
width:400px;
}

#mnbx1 {
	width: 240px;
	margin-top: 310px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 100px;
}
#mnbx2 {
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 230px;
}
#introbx {
margin: 30px 0 0 100px;
}
body#home table tr td .cell3 {
text-align: right;
}

/*-----------------------*/
/*-Hundrich  Page Styles-*/
/*-----------------------*/
#hundrich .cell1 {
	vertical-align: top;
	width: 100px;
	text-align: center;
}
#hundrich .cell2 {
vertical-align: top;
text-align: right;
}
#hundrich .cell2 img {
margin-right: 3em;
margin-top: 8.8em;
}
#hundrich .cell3 img {
margin: 20px;
}
#hundrich .cell2 {
width: 0;
}
#hundrich .cell3 {

}
#hundrich .cell3 span.year {
display: block;
float: left;
margin-left: -4em;
width: 4em;
}
#hundrich p.tab {
border-left: 4em solid #D6D6D6;
}
#hundrich p {
margin: 0 0 0.5em 0;
}

/*-----------------------*/
/*-Recent   Page Styles-*/
/*-----------------------*/
#recent {
background-color: #000;
}
#recent table {
width: 880px;
margin: 0 auto 0 auto;
}
#recent p {
color: white; 
}
/*
#recent .cell1 {
text-align: center;
width: 100%;
}*/
#recent img {
padding: 0 0 0 0;
margin: 0 0 0 0;
}

/*-----------------------*/
/*-Subjects  Page Styles-*/
/*-----------------------*/
#subjects table {
width: 100%;
}
#subjects .cell3 {
width: 100%;
text-align: center;
}

/*-----------------------*/
/*-Drawing   Page Styles-*/
/*-----------------------*/
#drawing table {
width: 100%;
}
#drawing .cell3 {
width: 100%;
text-align: center;
}
#drawing .row2 {
width: 100%;
text-align: center;
padding-top: 2em;
}
#drawing .imgpad {
margin-right: 2em;
}
#drawing .imgpad2 {
margin-right: 8em;
}

/*-----------------------*/
/*-Light     Page Styles-*/
/*-----------------------*/
body#light {
background-color: black;
}
#light td {
color: white;
}
#light .col1 {
vertical-align: bottom;
width: 40em;
padding-bottom: 3em;
}
#light .col2 {
padding-bottom: 3em;
}
#light table {
width: 83em;
margin-left: auto;
margin-right: auto;
}

/*-----------------------*/
/*-Landscape Page Styles-*/
/*-----------------------*/
#landscape table {
margin-top: 10em;
width: 112em;
margin-left: auto;
margin-right: auto;
}

/*-----------------------*/
/*- Seasons Page Styles -*/
/*-----------------------*/
#seasons table {
margin-top: 10em;
width: 100em;
margin-left: auto;
margin-right: auto;
}


/*-----------------------*/
/*-PublicSpa Page Styles-*/
/*-----------------------*/
#publicspace table {
width: 50%;
margin: 5em auto 0 auto;
}

#publicspace .cell2 {
padding-right: 2em;
}
/* Position and places for "Hotspot" anchors */
#pspace {position: relative;}
#psimg1, #psimg2, #psimg3 {position: absolute; display: block;}
#psimg1 {top: 123px;left: 72px; width: 74px; height: 74px;}
#psimg2 {top: 112px;left: 287px;width: 64px; height: 64px;}
#psimg3 {top: 73px; left: 392px;width: 155px;height: 155px;}


/*-----------------------*/
/*-socialart Page Styles-*/
/*-----------------------*/
/*anchor*/

/*-----------------------*/
/*-Sidewalks Page Styles-*/
/*-----------------------*/
#sidewalks .cell3 {
width: 100%;
text-align: center;
}
#sidewalks .row2 {
width: 100%;
text-align: center;
padding-top: 2em;
}
#sidewalks .imgpad {
margin-right: 2em;
}

/*-----------------------*/
/*-Relation  Page Styles-*/
/*-----------------------*/
#inrelation table {
margin-top: 10em;
width: 92em;
margin-left: auto;
margin-right: auto;
}

/*-----------------------*/
/*-Links     Page Styles-*/
/*-----------------------*/
#contact td, #links td, #impressum td {
padding-top: 5.5em;
padding-left: 5.5em;
}

/*-----------------------*/
/*-Contact   Page Styles-*/
/*-----------------------*/
.nospasm {
display: none;
}

/*-----------------------*/
/*-Sitenotic Page Styles-*/
/*-----------------------*/
.hideme {
visibility: hidden;
}
.showme {
visibility: visible;
}

#impressum p {
margin-bottom: 1.6em;
font-family: arial, verdana, geneva, helvetica, sans-serif;
font-size: 1.250em;
font-variant: normal;
}
.jahr {
float:left; width:40px;color:#444; font-weight:bold;
}
.name {
font-weight:bold;
}
.jahr2 {
float:left; width:40px;color:#444; 
}
.name {
font-weight:bold;
}
.trenner {
clear:both; height:3px;
}
.trennerbig {
clear:both; height:10px;
}
.untermenu {
	min-width:200px;
}
.referenz td {

}
td.submenu {
	height:200px;
	width:300px;
}

td.imagemenu {
	height:100px;
}
table {
	
	border:none;
}