/*
TODO:
* Navi breiter machen


*/

b, strong {
font-family:  arial;
font-weight: bold;
}

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

#one_pixel_box, #one_pixel_box p, #one_pixel_box h2 {
 color: white;
 background-color: white;
 position: absolute;
 right: 0px;
 width: 1px;
 height: 1px;
 overflow: hidden;
}

body{
background-color: white;
text-align: center; 
font-family: arial,trebuchet ms, Lucida Sans Unicode, arial, 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 : 770px;}
#container {width : 770px;}
#navi {width: 195px;}

#mitte {left: 195px; width: 564px; overflow: visible;}
#mitte {left: 195px;}
#mitte {
  left: 192px;      /* Deklaration fuer IE 5.x */
  voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
  left: 195px;     /* 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;}
#mitte {margin-top: 1px;}
#navi_padding {padding-left: 10px;}
#mitte_padding {padding-left: 25px;}


/*Ränder
#mitte_padding {-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 a {font: 16px/18px Arial;}
#navi ul , #navi li, #navi li a{
list-style: none;
padding: 0; margin: 0; 
line-height: 16px;
}
#navi ul ul li.menu-1{
display: none;
}
#navi ul li {
padding-top: 3px;
padding-bottom: 12px;
} 
#navi ul li a {
}
#navi ul li.menu-current a{
font-weight: bold;
/*border-top: 2px solid black;
border-bottom: 2px solid black;*/
border-left: none;
padding-left: 12px; 
display: block;
} 
#navi ul ul li.menu-current a {
margin-left: 10px;  
}
#navi ul ul li.menu-current {
display: block;
}
#navi ul ul li.menu-current a, #navi ul li.menu-parent a{
font-weight: bold;
}
 
#navi a:link, #navi a:hover, #navi a:active{   
padding-left: 7px; padding-right: 12px;
color: black;
text-decoration : none;  
}
#navi a:link, #navi a:visited {
border-left: 5px solid transparent;
} 
#navi a:hover, #navi a:active {
border-left: 5px solid black;
}
#navi .menu-1 a{
margin-top: 0px;
padding-left: 10px;
line-height: 20px;
font-weight: bold;
}

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

p, ul, ol {font: 14px/22px arial; 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  arial;
color: #747474; /*Grau*/
}
#mitte a:hover, #mitte a:active {color: red;}

.zurueck_link {
text-align:center; 
padding-top: 40px; 
display: block; 
color: #747474; /*Grau*/
text-decoration : none; 
}
.weitere_link {
text-align:right; 
clear: both;
float: right;
display: block; 
color: #747474; /*Grau*/
text-decoration : none; 
padding-right: 60px;
cursor: pointer;
}


/*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  arial;}
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  arial; 
text-align: left;
}

p.kunstprojekte, p.geringe_hoehe {
font: 14px/20px verdana, arial; 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 img.beispiele_gross { /* Wegen dem Doofen auto p bei WB */
margin-bottom: 15px;
}
#tab-2 {
clear: both;
}

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  arial; text-align: left;
}
table.lebenslauf{
margin-bottom: 10px;
}
table.lebenslauf td {
font: 14px/20px  arial;
text-align: left;
padding-bottom: 10px;
}

img.passbild {float:right; margin-left: 10px;}


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

/*Sonstiges*/
.clear {clear: both; padding-top: 10px;} 
.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 */   



/* 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;]

*/