/*ALLGEMEINES------------------------------------------*/


* 
     { 
          margin: 0; 
          padding: 0; 
          border: 0; 
     } 
 

html, body 
     { 
          width: 100%; 
          height: 100%; 
          background-color: #1d1a13;
          text-align: center; 
          font-family: verdana, sans-serif;  
          color: #FFFFFF; 
          line-height: 15px;
          font-weight: normal; 
      } 
 

.profil th 
     {
          width: 160px;
          text-align: left;
          vertical-align: top;
     }

.profil td 
     {
          vertical-align: top;
     }


.kontakt th 
     {
          width: 100px;
          text-align: left;
          line-height: 16px;
          vertical-align: top;
     }


.kontakt_1 th 
     {
          width: 170px;
          color: #867858;
          text-align: left;
          line-height: 16px;
          vertical-align: top;
     }


.kontakt_1 td 
     {
          width: 170px;
          text-align: left;
          line-height: 16px;
          vertical-align: top;
     }


.kontakt_2 th 
     {
          width: 60px;
          color: #867858;
          text-align: left;
          line-height: 18px;
          vertical-align: top;
     }


.kontakt_2 td 
     {
          text-align: left;
          line-height: 18px;
          vertical-align: top;
          width: 135px;
     }

 
td
     {
          padding-top: 5px;
          padding-bottom: 5px; 
          vertical-align: top;
          text-align: left;
          font-family: verdana, sans-serif;  
          color: #FFFFFF; 
          line-height: 15px;
          font-weight: normal; 
          font-size: 11px;
     }

th
     {

          padding-top: 5px;
          vertical-align: top;

     }
 
img 
     {  
          border: 1px solid #FFFFFF;
     }  


img.portfolio 
     {  
          border: none;
          margin-right: 1px;
          margin-bottom: 1px;
          border: 2px solid #FFFFFF;
     } 


ul 
     { 
          list-style-image: url(../pics/listimage.gif); 
     }


li
     {
          list-style-position:outside;
          margin-left: 16px;
          text-align: left; 
          font-family: verdana, sans-serif;  
          color: #000000; 
          line-height: 15px;
          font-weight: normal; 
          font-size: 11px;
          vertical-align: middle;
     }


/*BOXEN-----------------------------------------------*/



#mainContainer 
     { 
          width: 1000px; 
          height: 600px; 
          background: url(../pics/background.jpg) no-repeat;
          margin: 0 auto;
          margin-top: 100px;
          color: #FFFFFF; 
          border: 1px solid #FFFFFF;
          text-align: left;
     } 

 
#navi 
     { 
          width: 500px; 
          height: 50px; 
          margin-left: 40px;
          margin-top: 20px;
     } 

 
#content 
     { 
          width: 500px; 
          height: 500px;
          margin-left: 25px;
          padding-top: 20px; 
          padding-left: 20px;
          font-size: 11px; 
          text-align: left;
     } 
 

#bottom
     { 
          margin-left: 935px;
          height: 30px;  
          font-size: 12px;
          font-weight: normal;
          text-align: center;
          margin-top: -10px;
     } 

/*TEXTFORMATIERUNGEN----------------------------------*/
           

h1  
     { 
          font-size: 11px; 
          font-weight: bold; 
          text-align: left; 
          margin-bottom: 10px;  
          color: #FFFFFF;
          margin-top: 20px;
          text-align: left;
     } 


h2,th  
     { 
          color: #867858; 
          font-weight:bold; 
          font-size: 11px;
          text-align: left;  
     } 


/*LINKFORMATIERUNGEN----------------------------------*/


a.linktext:link,
a.linktext:visited  
     {  
          text-decoration: none; 
          color: #CC0000; 
     } 
 
 
a.linktext:hover,
a.linktext:active   
     {  
          text-decoration: underline; 
          color: #CC0000; 
     }  


/* Navi-Buttons---------------------------------------*/


a.linkhome,
a.linkstart:visited 
     {  
          background-image: url("../pics/macro.jpg");
          width: 58px;
          height: 50px;
          display: block;
          float: left;
     } 
 
 
a.linkhome:hover, 
a.linkhome:active,
a.linkhome.active  
     {  
          background-image: url("../pics/macro_hover.jpg");
     }  


a.linkprofil 
     {  
          background-image: url("../pics/portrait.jpg");
          width: 69px;
          height: 50px;
          display: block;
          float: left;
     } 
 
 
a.linkprofil:hover,
a.linkprofil:active,
a.linkprofil.active  
     {  
          background-image: url("../pics/portrait_hover.jpg");
     }  


a.linkstudium
     {  
	  background-image: url("../pics/landscape.jpg");
          width: 88px;
          height: 50px;
          display: block;
          float: left;
     } 
 
 
a.linkstudium:hover,
a.linkstudium:active, 
a.linkstudium.active 
     {   
	  background-image: url("../pics/landscape_hover.jpg");
     }  
 

a.linkportfolio
     {  
	  background-image: url("../pics/stilllife.jpg");
          width: 60px;
          height: 50px;
          display: block;
          float: left;
     } 
  
 
a.linkportfolio:hover,
a.linkportfolio:active, 
a.linkportfolio.active 
     {  
	  background-image: url("../pics/stilllife_hover.jpg");
     }  


a.linkkontakt
     {  
	  background-image: url("../pics/about.jpg");
          width: 57px;
          height: 50px;
          display: block;
          float: left;
     } 
 
 
a.linkkontakt:hover,
a.linkkontakt:active,
a.linkkontakt.active    
     {  
	  background-image: url("../pics/about_hover.jpg");
     }  


a.linkweiter
     {  
	  background-image: url("../pics/weiter.jpg");
          width: 82px;
          height: 50px;
          margin-left: 393px;
          display: block;
          float: left;
          margin-top: 5px;
     } 
 
 
a.linkweiter:hover,
a.linkweiter:active,
a.linkweiter.active    
     {  
	  background-image: url("../pics/weiter_hover.jpg");
     } 


a.linkzurueck
     {  
	  background-image: url("../pics/zurueck.jpg");
          width: 82px;
          height: 50px;
          display: block;
          float: left;
          margin-top: 5px;
     } 
 
 
a.linkzurueck:hover,
a.linkzurueck:active,
a.linkzurueck.active    
     {  
	  background-image: url("../pics/zurueck_hover.jpg");
     }