/* 
 File: www.css
 Version: 2012-05-09 with CSS3 for www.dzieyk.com/net/eu/info/consulting
 Content: General formatting for all media

 Color Scheme  
 Main:          #446D8C
 Spot Dark:     #003869 regular text
 Spot Light 1:  #6F95B0
 Spot Light 2:  #9BBAD1 (Old: Navigation Border)
 Background:    #ECEEF2 regular background
 Back Contrast: #FFFBDE contrast background
 Dimmed Text:   #9FA9BD disclaimer, descr

 Indent of Content: 180px (depends on the background) 
*/

/* ---------  Global Tag Formatting ------- */
h1, h2, h3
{
    line-height: 100%;
}

/* TODO: Formatting the CV '2-column-Tables' is now well prepared (not done) for Smartphones too */
dt
{
    font-style: italic;
    margin-bottom: -1.4em; /* Push One Line up */
}

/* Indent the values */
dd 
{
    padding: 0 0 0 100px; /* Must be enough space for Names */
}

dd ul 
{
    margin: 0;
    list-style-type:square;
    font-stretch:condensed;
    padding: 0;
}

#logo
{
      width: 80%;
      margin-left: 10%;
}

/* SECTION: Floating of objects */

/* Descriptions are on the left side and start a new line */
.descr
{
    float: left;
    display: block;
    clear: left;
    width: 170px;
}

/* Left Text */
.descr p
{
    color: #9FA9BD; /* Dimmed Text */
    text-align: right;
    padding-right: 30px; /* Right align to the logo on top */
    vertical-align: text-bottom;
    margin: 0;
}

/* The text is shown on the right side */
.text
{
    margin-left: 180px;
}

.text p
{
    line-height: 140%;
    vertical-align: baseline;
    margin-top: 0;
}

/* -------- Tag-Free Classes --------- */

/* DEBUG STUFF */
.debug
{
    background-color: white;
    border: 2px solid #003869;
    padding: 0;
}

/* We have only one disclaimer today */
.disclaimer 
{
    font-size: 0.8em; 
    color: #9FA9BD; /* Dimmed Text */
    text-decoration: none;
}

/* Align something to the right side */
.align-right 
{ 
    float:right; 
    margin: 0 0 15px 15px; 
}

/* Align something to the left side */
.align-left 
{ 
    float:left; 
    margin: 0 15px 15px 0; 
}

/* Draw a simple frame around something */
.frame 
{ 
    padding: 15px; 
    background: white;
    border: 1px solid #003869; 
    box-shadow:  3px 3px 14px black;
    
}