@charset "utf-8";
/* CSS Document */
/*###############################################
    CSS StyleSheet for Salsa 4
    Standardtypographie für CMS Salsa 4
    
    HAUPTFARBEN
    * Dunkelblau    -       #054BA1
    * Hellblau      -       #ecf6fc
    * Dunkelgruen   -       #4B7F27
    * Hellgruen     -       #93DD64
    * Grau          -       #666
    ZUSAETZLICHE FARBEN
    * Dunkelrot     -       #DF0000
    * Hellrot       -       #FFDFE0
    * Orange        -       #FFA200;
    * Hellorange    -       #fff9df;

    Copyright (C) 2010, Ralf Otte
    www.nt-o.de
###############################################*/


/***********************************************
>>> SCHRIFTARTEN
***********************************************/
body, h1, h5, h6 {
    font-family: "Lucida sans", Arial;
}
h2, h3, h4  {
    font-family: Georgia;
}

/***********************************************
>>> UEBERSCHRIFTEN
***********************************************/
#content h1, #content h3, #content h4,#content h5,#content h6 {
   margin-bottom: 0.5em; 
}
#content h1 {
    font-weight: bold;
    font-size: 1em;
    border-bottom: 1px solid #93DD64;
    padding-bottom: 0.2em;
    margin-bottom: 0.9em;
}
#content h1 a {
text-decoration: none;
}

#content h2 {
    font-weight: bold;
    font-size: 1.15em;
    color: #054BA1;
    margin-bottom: 0.2em;

}
#content h3 {
    font-weight: bold;
    font-size: 1em; 
    color: #666;
line-height: 1.2em;
}

#content h4 {
    font-weight: bold;
    font-size: 1.1em;  
    color: #4B7F27;
margin-bottom: 0.8em;
}

#content h5 {
    font-weight: bold;
    font-size: 0.85em; 
    color: #4B7F27;
line-height: 1.3em; 
margin-bottom: 0.1em;

}

#content h6 {
    font-style: italic;
    font-size: 0.9em;
    color: #4B7F27;

}
/***********************************************
>>> TRENNLINIEN
***********************************************/
.berichte {
border-top: 1px solid #93DD64;
border-bottom: none;
border-right: none;
border-left: none;
margin-bottom: 0.5em;
}
/***********************************************
>>> LINKS
***********************************************/
#content a:link {

    color: #054BA1;
font-weight: bold;
text-decoration: none;
line-height: 1.1em;

}
#content a:visited {
    color: #054BA1;
font-weight: bold;
text-decoration: none;

}
#content a:hover {
    color: #4B7F27;
font-weight: bold;
text-decoration: underline;
}
#content a.downlink:link, #content a.downlink:visited {
    background: url(../../../img/icons/standard/down_16.png) no-repeat 0px;
    padding-left: 20px;
}
#content a.partner:link, #content a.partner:visited {
    background: url(../../../img/icons/standard/buy_16.png) no-repeat 0px;
    padding-left: 20px;
}
#content a.youtube:link, #content a.youtube:visited {
    background: url(../../../img/icons/standard/youtube_16.png) no-repeat 0px;
    padding-left: 20px;
}
#content a.readmore {
background: url(../../../img/icons/standard/more.gif) no-repeat 0px;
font-size: 0.7em;
padding-left:12px;
font-weight: normal;
white-space:nowrap;
}
/***********************************************
>>> ABSAETZE
***********************************************/
#content p, #loginform p {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: 1em; 
}
/* >>> Absatzkennzeichner
----------------------------------------------*/
#content .error {
        background: url(../../../img/icons/standard/block_32.png) no-repeat 10px;
    padding: 0.7em 0.5em 1.5em 4em;
    border: 2px solid #DF0000;
    color: #DF0000;
    background-color: #FFDFE0;
}
#content .wichtig {
    background: url(../../../img/icons/standard/warning_32.png) no-repeat 10px;
    padding: 0.7em 0.5em 1.5em 4em;
    border: 2px solid #FFA200;
    background-color: #fff9df;
}
#content .linktip {
    background: url(../../../img/icons/standard/globe_32.png) no-repeat 10px;
    padding: 0.7em 0.5em 1.5em 4em;
    border: 2px solid #054BA1;
    background-color: #ecf6fc;
}
#content .note {
    background: url(../../../img/icons/standard/info_32.png) no-repeat 10px;
    padding: 0.7em 0.5em 1.5em 4em;
    border: 2px solid #054BA1;
    background-color: #ecf6fc;
}
#content .download {
    background: url(../../../img/icons/standard/down_32.png) no-repeat 10px;
    padding: 0.7em 0.5em 1.5em 4em;
    border: 2px solid #054BA1;
    background-color: #ecf6fc;
}
#content .adminleiste {
    text-align: right;
    margin-top: -0.8em;
    padding: 0.1em 0.5em 0.1em 0.5em;
    background-color: #ecf6fc;
}
.menuadmin {
    float: right;
    text-align: right;
    padding: 0.4em 1em 0em 0.5em;

}
/***********************************************
>>> SPANS
***********************************************/
.overline {
display: block;
font-size: 0.9em;
font-weight: bold;
color: darkgrey;
margin-bottom: 0.5em;
}
.overline2 {
display: block;
font-size: 0.9em;
color: #96C91B;
margin-bottom: 0.8em;

}
/***********************************************
>>> LISTEN
***********************************************/
#content ul {
    font-size: 0.9em;
    margin-left: 2.5em;
    line-height: 1.5em;
    margin-bottom: 2em;
}
#content ol {
    font-size: 0.9em;
    margin-left: 3em;
    line-height: 2em;
    margin-bottom: 2em;
}
#content ul.circle {
    list-style-type: circle;
}
#content ul.disc {
    list-style-type: disc;
}
#content ul.square {
    list-style-type: square;
}
#content ul.check li {
    background:url(../../../img/icons/standard/tick_16.png) no-repeat 0 1px !important;
    margin-left:15px !important;
    padding:0 0 0 20px !important;
}
#content ol.decimal {
    list-style-type: decimal;
}
#content ol.roman {
    list-style-type: upper-roman;  
}
#content ol.alpha {
    list-style-type: upper-alpha;  
}
/***********************************************
>>> TABELLEN
***********************************************/
table.tblstd  {
    border-collapse: collapse;
    line-height: 1.4em;
    font-size: 0.9em;
    margin-bottom: 2em;
width: 100%;
}
.tblstd th, .tblstd td {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.tblstd th {
    background-color: #054BA1;
    color: #fff;
    border-right: 1px solid #fff;
    font-weight: bold;
}
.tblstd td {
    background-color: #fff;
	border-bottom: 1px solid #054BA1;
	vertical-align: top;
}
.tblstd tr.alt td {
    background: #ecf6fc;
}
.tblstd tr.over td {
    background: #93DD64;
    color: #fff;
}
/* >>> Unsichtbare Tabelle
----------------------------------------------*/
table.tblclr  {
    border-collapse: collapse;
    line-height: 1.4em;
    font-size: 0.9em;
    margin-bottom: 2em;
width: 100%;
}
.tblclr th, .tblclr td {
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0em;
    padding-right: 0.5em;
width: 33%;
}
.tblclr th {
    background-color: #054BA1;
    color: #fff;
    border-right: 1px solid #fff;
    font-weight: bold;
}

/***********************************************
>>> IMAGES
***********************************************/

.pic_rechts_or {
float:right;
margin-left: 10px;
margin-bottom: 10px;
}
.pic_links_or {
float:left;
margin-right: 10px;
margin-bottom: 10px;
}
.pic_rechts {
float:right;
padding: 3px;
border: 1px solid #93DD64;
margin-left: 15px;
margin-bottom: 10px;
}
.pic_links {
padding: 3px;
border: 1px solid #93DD64;
float:left;
margin-right: 15px;
margin-bottom: 10px;
}
.icon_rechts {
float:right;
margin-left: 10px;
margin-top: 3px;
}
.icon_links {
float:left;
margin-right: 10px;
margin-top: 3px;
}

/***********************************************
>>> SONSTIGE
***********************************************/

/* >>> Blockquote
----------------------------------------------*/
blockquote {
    font-family: georgia, 'times new roman', serif;
    font-style: italic;
    color: #666;
    background: #fff9df ;
    padding: 0.5em 1em 0.5em 1em;
    border-top: 3px solid #FFA200;
    border-bottom: 3px solid #FFA200;
    margin-bottom: 2em;
}
blockquote cite {
    display: block;
    font-size: 0.6em;
    font-style: normal;
    letter-spacing: 1px;
    text-align: right;
}
/* >>> Pre
----------------------------------------------*/
pre {
    border-left: 1em solid #054BA1;
    background-color: #ecf6fc;
    padding: 1em;
    line-height: 2em;
    font-size: 0.9em;
    color: #054BA1;
    margin-bottom: 2em;
}

/***********************************************
>>> SPANS
***********************************************/
.highlight {
    background-color: yellow;
}
/***********************************************
>>> Todo
***********************************************/
.task {
border: 1px solid #FFA200;
}
.taskhead  {
font-weight: bold;
font-face: arial;
background-color: #fff9df;
display: block;
padding: 6px;
}
.taskoptions  {
font-face: arial;
font-size: 0.75em;
display: block;
padding: 6px;
}
.oldtask {
border: 1px solid #ddd;
}
.oldtaskhead  {
font-weight: bold;
text-decoration: line-through;
font-face: arial;
color: darkgrey;
background-color: #eee;
display: block;
padding: 6px;
}
.oldtaskoptions  {
font-face: arial;
color: grey;
font-size: 0.75em;
display: block;
padding: 6px;
}