@charset "utf-8";

/******************************
*  Strukurierende Elemente
*******************************/

p {margin:0;}

/* Alles umfassender div-Tag */
body > div#out {width: 880px;
                position:absolute;
			    left:50%;
			    margin-left:-440px;
				padding:0;}

div#header {text-align:center;
            line-height:245%;
			margin:10px 0 25px 0;}
			
#header h1, #header h2 {margin:0; padding:0;}
			
/* Profil */
ul#profil {width:50%;
           list-style-type:none;
		   padding:0;}

li#img-portrait {float:left;
                 display:inline;
                 margin:7px 15px 15px 0px;}

ul#profil h3, ul#profil p {display:inline;}
			 
/* Referenzen */
ol#referenzen {width:45%;
               position:absolute;
               top:90px; left:52%;
			   border-left:1px dotted #999;
			   padding:0;
			   padding-left:30px;
			   list-style-type:none;}
	
li>hr {width:80%;
       height:1px;
	   border:none;
	   border-bottom:1px dotted #999;
	   margin:15px 0;}

/* Element um Floats aufzulösen */
*.clear {width:1px; height:1px;
         display:block;
		 clear:both;}
		   
/* Thumbnails */
img.thumb {width:60px; height:60px;
           float:left;
           background:#ccc;
		   border:2px solid #aaa;
		   margin:0 7px 7px 7px;}


		   
/******************************
*   Schriften
*******************************/
body {font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Überschriften */
h1, h2, h3 {font-family:Georgia, "Times New Roman", Times, serif;}
h1 {color:#b32d00; font-size:36pt; font-variant:small-caps;}

h2 {font-size:14pt; font-variant:small-caps;}
#header h2 {color:#802000; font-size:14pt;}
#referenzen h2 {color:#000; letter-spacing:1pt;}

#profil h3 {font-size:10pt;}
#referenzen h3 {font-family:Verdana, Arial, Helvetica, sans-serif;
                font-size:10pt; font-weight:bold;}

/* Absätze */
ul p, ol p {font-size:10pt;}

ul#profil {line-height: 200%;}
ul#profil p#uebermich {display:block; line-height: 150%;}

ol#referenzen {line-height:120%;}
ol#referenzen > li h2 {margin:0; display:inline;}
ol#referenzen > li img.icon {margin-right:7px;}

/* Links */
a:link, a:visited {color:#802000; text-decoration:none;}
a:hover, a:active {color:#802000; text-decoration:underline;}

/* Emaillink */
p#uebermich a:link,
p#uebermich a:visited {font-family:Georgia, "Times New Roman", Times, serif;
                       text-decoration:underline;}	
p#uebermich a:hover   {text-decoration:none;}
p#uebermich a:active  {color:#000;}