*{text-align: left; position:relative;}
/*Farbentest*/
html {
}

/*druckangaben unten*/


body{
background-color: red;
text-align: center; 
font-family: times,trebuchet ms, Lucida Sans Unicode,times, helvetica;
}

/* ************************************** */
/* Seitenaufbau  und Floatkrams*/
/* ************************************** */
/*Versuch*/

/*Floats*/
#navi {float: left; position: fixed;}
#mitte {float: right; position: absolute;}

/* Höhen und Breitenangaben und Abstände der Boxen*/
#center_container {width : 780px;}
#container {width : 780px;}
#navi {width: 210px;}

#mitte {left: 210px; width: 564px; overflow: visible;}
#mitte {left: 210px;}
#mitte {
  left: 207px;      /* Deklaration fuer IE 5.x */
  voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  left: 210px;     /* Korrektur fuer andere Browser */
}



/*Abstände oben unten*/
#container {margin-top: 50px;}
#mitte_padding {margin-bottom: 50px;}


/*Seitenabstände Text Außen-   Sitenabstände über weiteren Container oder text-elemente regeln da sonst float problem beim firefox*/
#mitte_padding, #navi_padding {padding:10px;}
#navi_padding {padding-left: 10px;}
#mitte_padding {padding-left: 20px;}


/*Ränder*/
#mitte_padding {border-left: 3px solid black;}
#navi {border-right: 3px solid black;}

/*Schriften und Sonstiges für den Seitenaufbau*/
#center_container {margin: auto; text-align: left; display : block;}
#container {
position: relative;
}


/* ************************************************** */
/* Style Navigation */
/* ************************************************** */
#navi {font-size: 16px;}



#navi a:link, #navi a:visited, #navi a:hover, #navi a:active{
display: block;
margin-top: 5px;
margin-bottom: 12px;
padding-left: 7px; padding-right: 10px;
color: black;
letter-spacing: 0.06em;
text-decoration : none; 
font-weight: normal;
font-style: none;
}

#navi a:link, #navi a:visited {
border-left: 5px solid white;
} 

#navi a:hover, #navi a:active {
border-left: 5px solid black;
}

#navi a:link.unterlink, #navi a:active.unterlink, #navi a:hover.unterlink, #navi a:visited.unterlink{
margin-top: -8px;
margin-left: 13px;
border-left: 5px solid black;
line-height: 20px;
font-weight: bold;
}

#navi a:link.unter_unterlink, #navi a:active.unter_unterlink, #navi a:hover.unter_unterlink, #navi a:visited.unter_unterlink{
margin-top: -8px;
margin-left: 13px;
border-left: 5px solid black;
line-height: 20px;
}

/* ************************************************** */
/* Mitte: Schriften, Überschriften, Bilder und der ganze Rest */
/* ************************************************** */
h2 {font: bold 20px times; margin-bottom: 12px;}
h2.mittel {
padding-top: 4px;
font: bold 16px times; 
margin-bottom: 20px;
}
h2.kleiner {
padding-top: 4px;
font: bold 15px times; 
margin-bottom: 20px;
}
h2.klein {
padding-top: 4px;
font: bold 14px times; 
margin-bottom: 12px;
}
h2.kursiv {
padding-top: 4px;
font: italic 15px times; 
margin-bottom: 20px;
}

p, ul, ol {font: 14px/22px times; text-align: left; margin-bottom: 15px;}
.mitte {text-align: center;}
.blocksatz {text-align: justify;}


/*Links Allgemein*/
#mitte a:link, #mitte a:visited, #mitte a:hover, #mitte a:active{
font: 14px/20px times;
color: #747474; /*Grau*/
}
#mitte a:hover, #mitte a:active {color: red;}

a.zurueck_link {text-align:center; padding-top: 40px; display: block; color: #747474; /*Grau*/; text-decoration : none; }

/*Für die Bilder*/
a:link img, a:visited img{
color: #970004;
border: 2px solid #4b4b4b;
} 

a:hover img, a:active img   {
color : #ff020e; /*knallrot*/
font-weight : bold;
border: 2px solid red;
}

/*Tabellen allgemein*/
table {margin-bottom: 20px;}
td {font: 14px/20px times;}
td img{margin-top: 4px;}


/*Gemeinsame Formatierungen*/
table.kunstprojekte ,table.restaurierung  {
margin-top: 3px;
}
table.kunstprojekte td, table.restaurierung td {
vertical-align: top;
font: 14px/20px times; 
text-align: left;
}

p.kunstprojekte, p.geringe_hoehe {
font: 14px/20px times; text-align: left;
}

/*Bilder groß*/
img.restaurierung_gross, img.kunstprojekte_gross, img.seminare_bilder , img.gross{
margin-bottom: 20px;
}

img.gross {
margin-top: 8px;
margin-bottom: 20px;
}

/*Listen*/
ul {
list-style-type: disc;
padding-left: 30px;
margin-bottom: 30px;
}

/*Info-Text*/
.info_text {
font-size: 10pt;
margin-top: 40px;
text-align: right;
}

/* ************************************************** */
/* Style nach Seiten */
/* ************************************************** */
/*home*/

/*beispiele*/
img.beispiele {
float: left;
margin-right: 5px;
margin-bottom: 5px;
width: 70px;
height: 70px;
}
img.beispiele_gross {
margin-top: 4px;
margin-bottom: 30px;
}
p.aufgestellt_am {
margin-top: 40px;
font-size: 14px;
}


/*Kunstprojekte*/
img.kunstprojekte {
float: left;
margin-right: 20px;
margin-bottom: 20px;
width: 140px;
height: 140px;
}
table.kunstprojekte td {
padding-bottom: 22px;
}

/*Restaurierung*/

ul.restaurierung {
list-style-type: disc;
padding-left: 30px;
margin-bottom: 30px;
}
ul.restaurierung li {
padding-bottom: 10px;
}
 
table.restaurierung td {
padding-bottom: 30px;
}

/*Fotoarbeiten*/
img.fotoarbeiten {
float: left;
margin-right: 20px;
margin-bottom: 20px;
width: 140px;
height: 140px;
}
img.fotoarbeiten_gross {
margin-top: 7px;
margin-bottom: 20px;
}
.fotoarbeiten_unterschrift {
margin-top: 0px;
font-size: 14px;
}

/*Seminare*/
table.seminare td {
padding-bottom: 12px;
font-size: 14px;
}
ol.seminare {
list-style-type: decimal;
margin-left: 30px;
margin-bottom: 30px;
}
ol.seminare li {
padding-bottom: 10px;
}

/*Presse*/
p.presse a {color: #747474; /*Grau*/;}


/*Lebenslauf*/
h2.lebenslauf {
padding-top: 4px;
padding-bottom: 31px;
font: bold 14px times; text-align: left;
}
table.lebenslauf{
margin-bottom: 10px;
}
table.lebenslauf td {
font: 14px/20px times;
text-align: left;
padding-bottom: 10px;
}

img.passbild {float:right;}


/* ************************************************** */
/* ************************************************** */

/*Sonstiges*/
.spamschutz {display: none;}

#wrapper {
	margin: auto auto; 
	min-height: 100%; 
	position: relative;
	}
	
   * html #wrapper {height: 100%;} /* IE Hack f?¼r 100 % H?¶he */
   
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */   


/* ******************************************* */
/* Drucken */
/* ******************************************* */
#navi {display: none;}
#mitte {left:0px; width: 100%; overflow: visible;}

#mitte_padding {border-left: 3px solid white;}
#navi {border-right: 3px solid white;}


/* Testränder 

#center_container {border: 1px dotted black;}
#container {border: 4px solid red;}
#navi {border: 1px solid yellow;}
#mitte {border: 1px solid green;}
#navi_padding {border: 2px dotted orange;}
#mitte_padding {border: 1px dotted blue;]

*/