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

    CSS3 STYLESHEET

    Site:           www.Win7Deploy.de
    Name:           stylesheet.css
    Layout:         NORMAL
    TAG:            "only_normal"
    Media:          All
    Orientation:    Portrait and landscape
    Viewport:       880px and more width 
    
    Last-Modified:  2011-11-21    
    Copyright by Dipl.-Inform Torsten Empting

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

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

div#NAVIGATION_normal
{
    display: block;
}
div#NAVIGATION_mobile
{
    display: none;
}
.only_normal
{
    display: block;
}
.only_mobile
{
    display: none;
}
.only_mobile_portrait
{
    display: none;
}
.only_mobile_ws
{
    display: none;
}


/*
div
{border: 2px solid black;}
*/

/* ****************************************/
/* --- MAIN PARTS                         */
/* ****************************************/

body
{
    font-size: 100.01%;
    position: relative;
    background: #346d98;
    min-height: 101%;
    /*
    */
}

div#Seite {
    width: 880px;
    margin: 0 auto;  
    padding: 1.5em;
    text-align: left;    
    background: #346d98;
    /*
    border: 4px solid green; 
    */
}

div#HEADER
{
    clear: both;    
    text-align: center;    
    color: #000;
    background-color:  #8bc200;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*
    padding: 5% 5% 0% 5%;    
    padding: 5% 5% 1% 5%; 
    border: 2px solid pink;      
    */    
}

div#HCBREAK
{
    clear: both;        
    width: 878px;   
    /*   
    border: 1px solid #006990; 
    */    
}

div#Inhalt 
{
    padding: 2% 5% 2% 5%;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 0.81em;
    line-height: 1.5em;
    background-color: #FFF;
    border-top: solid 2px #8bc200;
    border-left: solid 2px #8bc200;
    border-right: solid 2px #8bc200;
    /*
    border: 2px solid blue;
    box-shadow: 0px 5px 50px white;
    */
}

div#Footer 
{    
    clear: both;
    padding: 1em 1% 2em 1%; 
    font-family: courier;
    font-size: 0.8em;
    text-shadow: 3px 3px 4px #777;
    color: #FFF;    
    background-color: #8bc200;
    
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*        
    border: 2px solid blue;
    */
        
}

/* ****************************************/
/* --- GLOBAL CLASSES                     */
/* ****************************************/
.ul_inhalt
{
    padding-left: 2.5em;
    list-style-position: outside;
    list-style-type: square;
    line-height: 1.75em;    
    /*        
    border: 2px solid blue;
    list-style-position: inside;
    */
}

.clearfloat
{
    clear: both;
}



/* ****************************************/
/* --- HEADER                             */
/* ****************************************/

div#HEADERLEFT
{    
    padding: 3% 0 4% 0;    
    width: 100%;    
    /*   
    border: 4px solid green;     
    */    
}

div#HEADERRIGHT
{
    float: right;
    width: 35%;    
    /*    
    border: 4px solid pink; 
    */    
}

div#HEADERFOOTER
{
    clear: both;    
    margin-top: 0.5em;           
    padding-top: 0.1em;
    margin-left: 5%;    
    width: 688px;   
    background: #006990;
    border: 4px solid #006990; 
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    /*   
    width: 788px;   
    */    
}


img#headerlogo
{    
    width: 204px;    
    height: 234px;
    float: right; 
    /*	
    border: 2px solid black; 
    */
}

/* ****************************************/
/* --- H1,H2,H3,...                       */
/* ****************************************/
h1 {      
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: 0.1em;  
    font-size: 2.5em; 

    color: White;
    text-shadow: 3px 3px 4px #777
    /*
    border: 2px ridge red;
    */
}

h2 
{ 
    padding: 1.38em 0 0 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;    
    letter-spacing: 0.125em;
    font-style:italic;        
    text-shadow: 3px 3px 4px #777;
    color: White;    
    /*
    border: 2px ridge orange; 
    */
}

h3 
{
    margin: 0 0 0 0;
    padding: 1em 0 0.75em 0;    
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1.38em;
    letter-spacing: 0.05em;
    font-weight: normal;
    /*
    font-family: Helvetica, Arial, sans-serif;    
    font-style:italic;    
    */
}

h4
{
    margin: 0 0 0 0;
    padding: 1.5em 0 1em 0;    
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 0.05em;
    font-weight: bold;
    /*
    font-family: Helvetica, Arial, sans-serif;    
    font-style:italic;    
    */
}


hr
{    
    margin:  -0.75em 0 1.15em 0;
    height: 2px;
    border: 0px;
    background-color: #000;  
}

/* ****************************************/
/* --- OTHER                              */
/* ****************************************/

p#Inhalt a
{
    font-style: italic;
}

a#footer
{
    font-style: normal;
}

img#img_pdfpreview
{    
    width: 90%;  
    margin: 3em 0 0 3em;
    vertical-align: middle;
    margin-right: 0em;
    /*height: 234px;
    float: left;
    float: right; 
    */
}

img#pdflogo
{    
    width: 4%;  
    vertical-align: bottom;    
    /*
    margin-top: 2em;
    margin-left: 10em;
    height: 234px;
    float: right; 
    */
}


div#Inhalt a
{
    color: #000;    
    font-style: normal;
    font-variant: normal;
    text-decoration: none;    
    outline: none;
    border-bottom: 2px dotted grey; 
    cursor: crosshair;
}

div#Inhalt a:hover
{
    color: #000;    
    border-top: 2px solid #8bc200;
    border-bottom: 2px solid #8bc200;
    
}

/* ****************************************/
/* --- FOOTER                             */
/* ****************************************/ 
div#Footer a
{
    color: #FFF;    
    text-decoration: none;
    outline: none;
    cursor: crosshair;
    /*color: #0088bb;*/
}

div#Footer a:hover
{
    color: #006990;
    background-color: #FFF;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, .15)
}