﻿/* 
File:     Help.css
Author:   Stefan Strobl
Date:     09-30-2014
Homepage: http://www.ana-u.com

Copyright (c) by ANA-U GmbH 2014 All Right Reserved

Description: 
*/

/*

    HIER SIND DIE STYLES FÜR DIE GESAMTFLÄCHE DER HILFE

*/
/* Layout im 960px format anzeigen */
.page1
{
    width: 960px;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.MainHelp
{
    color: White;
    width: 920px;
    height: 600px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.MainHelp p
{
    color: White;
}
    
.MainHelp h1
{
    color: #dddddd;
    font-size: large;
    font-weight: bold;
    font-variant: small-caps;
}
.MainHelp h2
{
    font-size: medium;
    font-weight: bold;
    font-variant: small-caps;
    font-style:italic;
}
.MainHelp h3
{
    font-size: small;
    font-weight: bold;
    font-variant: small-caps;
    font-style: italic;
    /* padding-left: 15px; */
}

/*

    HIER SIND DIE STYLES FÜR DIE INDEX-BOX

*/
.IndexTile
{
    float: left;
    width: 280px;
    height: 580px; 
    overflow: auto;
    color: White;
}
.IndexTile ul 
{
    text-indent: 5px;
    list-style-type: square;
    margin-left: 0px;
    padding-left: 20px;
    list-style-position: inside;
}
.IndexTile li
{
    text-indent: 5px;
    list-style-type: square;
    margin-left: 0px;
    padding-left: 20px;
}
.IndexTile h1,h2,h3
{
	font-size: small;
	margin: 0px 0px 0px 0px;
}
.IndexTile a 
{
    color: White;
}
.IndexTile a:link
{
    color: White;
}
.IndexTile a:visited
{	
    color: White;
}
.IndexTile a:hover
{	
    font-weight: bold;
    color: White;
}
.IndexTile a:active 
{
    font-weight: bold;
    color: White;
}


/*

    HIER SIND DIE STYLES FÜR DIE CONTENT-BOX

*/
.ContentTile
{
    float: left;
    width: 630px;
    height: 580px; 
    overflow: auto;
    color: White;
}
.ContentTile ul 
{
    text-indent: 5px;
    list-style-type: square;
    margin-left: 0px;
    padding-left: 30px;
    /*list-style-position: inside;*/
}
.ContentTile li
{
    text-indent: 5px;
    list-style-type: square;
    margin-left: 0px;
    padding-left: 0px;
}
.ContentTile a 
{
    text-decoration: underline;
    color: White;
}
.ContentTile a:link
{
    color: White;
}
.ContentTile a:visited
{	
    color: White;
}
.ContentTile a:hover
{	
    font-weight: bold;
    color: White;
}
.ContentTile a:active 
{
    font-weight: bold;
    color: White;
}


/*

    HIER SIND DIE STYLES FÜR DIE INDEX-BOX UND CONTENT-BOX GEMEINSAM

*/
.Content
{
    padding: 5px 5px 5px 5px;
    width: 96%;
}
.Content p
{
    padding-left: 15px;
    text-align: justify;
}

/*

    SPEZIALFAELLE

*/
.macroCode
{
    font-family: Courier;
    padding: 15px;
    margin: 0px 0px 0px 20px;
    line-height: 13px;
    border: 0px solid #dddddd;
}

.numbered ul
{
    text-indent: 5px;
    margin-left: 0px;
    padding-left: 30px;

}
.numbered li
{
    text-indent: 0px;
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: decimal;
}

.central p {
	text-align: center;
}

.clsinfo p
{
	color: #dddddd;
}
.clsinfo span
{
	color: Orange;
	font-weight: bold;
}

.numalpha ul
{
    text-indent: 5px;
    margin-left: 0px;
    padding-left: 30px;

}
.numalpha li
{
    text-indent: 0px;
    margin-left: 0px;
    padding-left: 0px;
    list-style-type: upper-alpha;
}
.paramDesc {
	padding-left: 30px;
}
.paramDesc table, td{
   border-collapse: collapse;
   border: 1px solid #dddddd;
   padding: 5px 5px 5px 5px;
} 

/* Funktioniert! ;-)

.paramDesc .macroCode {
	font-family: Courier;
    padding: 15px;
    margin: 0px 0px 0px 20px;
    line-height: 13px;
    border: 0px solid #dddddd;
}*/

.clsSiteIndex a {
	text-decoration: underline;
	font-weight: normal;
}

.clsSiteIndex a:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #dddddd;
}

.clsSiteIndex li {
   padding: 5px 0px 5px 0px;
}


.clear
{
    clear: both;
}

.distDiv
{
    float: left;
    width: 10px;
    height: 580px; 
}