/*
+----------------------------------------+
| KNP (BZgA)                             |
| Standard-Styles zur Darstellung        |
| gemeinsamer Seitenelemente             |
| auf Bildschirm und Projektion          |
| CSS 2.1 - standardkonforme Browser     |
| (c) 2009 Webworker GmbH, Koeln         |
+----------------------------------------+
*/



/* 
##################################################
## Standardformatierungen                       ##
##################################################
*/


/* Positionierungen */

.posabs
{
position: absolute !important;
}

.posrel
{
position: relative !important;
}

.fl
{
float: left !important;
}

.fr
{
float: right !important;
}

.cl
{
clear: left !important;
}

.cr
{
clear: right !important;
}

.cb
{
clear: both !important;
}



/* Darstellung */

.il
{
display: inline !important;
}

.li
{
display: list-item !important;
}

.bl
{
display: block !important;
}

.no
{
display: none !important;
}



/* Scrollverhalten */

.hi
{
overflow: hidden !important;
}

.sc
{
overflow: scroll !important;
}



/* Breiten */

.w32em
{
width: 32em !important;
}

.w200px
{
width: 200px !important;
}

.w300px
{
width: 300px !important;
}

.w340px
{
width: 340px !important;
}

.w350px
{
width: 350px !important;
}



/* Abstände aussen */

/* 0 */

.marg0
{
margin: 0px !important;
}

.margt0
{
margin-top: 0px !important;
}

.margr0
{
margin-right: 0px !important;
}

.margb0
{
margin-bottom: 0px !important;
}

.margl0
{
margin-left: 0px !important;
}

/* 1px */

.marg1
{
margin: 1px !important;
}

.margh1
{
margin: 0px 1px !important;
}

.margv1
{
margin: 1px 0px !important;
}

.margt1
{
margin-top: 1px !important;
}

.margr1
{
margin-right: 1px !important;
}

.margb1
{
margin-bottom: 1px !important;
}

.margl1
{
margin-left: 1px !important;
}

/* 2px */

.marg2
{
margin: 2px !important;
}

.margh2
{
margin: 0px 2px !important;
}

.margv2
{
margin: 2px 0px !important;
}

.margt2
{
margin-top: 2px !important;
}

.margr2
{
margin-right: 2px !important;
}

.margb2
{
margin-bottom: 2px !important;
}

.margl2
{
margin-left: 2px !important;
}

/* 4px */

.marg4
{
margin: 4px !important;
}

.margh4
{
margin: 0px 4px !important;
}

.margv4
{
margin: 4px 0px !important;
}

.margt4
{
margin-top: 4px !important;
}

.margr4
{
margin-right: 4px !important;
}

.margb4
{
margin-bottom: 4px !important;
}

.margl4
{
margin-left: 4px !important;
}

/* 5px */

.marg5
{
margin: 5px !important;
}

.margh5
{
margin: 0px 5px !important;
}

.margv5
{
margin: 5px 0px !important;
}

.margt5
{
margin-top: 5px !important;
}

.margr5
{
margin-right: 5px !important;
}

.margb5
{
margin-bottom: 5px !important;
}

.margl5
{
margin-left: 5px !important;
}

/* 6px */

.marg6
{
margin: 6px !important;
}

.margh6
{
margin: 0px 6px !important;
}

.margv6
{
margin: 6px 0px !important;
}

.margt6
{
margin-top: 6px !important;
}

.margr6
{
margin-right: 6px !important;
}

.margb6
{
margin-bottom: 6px !important;
}

.margl6
{
margin-left: 6px !important;
}

/* 8px */

.marg8
{
margin: 8px !important;
}

.margh8
{
margin: 0px 8px !important;
}

.margv8
{
margin: 8px 0px !important;
}

.margt8
{
margin-top: 8px !important;
}

.margr8
{
margin-right: 8px !important;
}

.margb8
{
margin-bottom: 8px !important;
}

.margl8
{
margin-left: 8px !important;
}

/* 10px */

.marg10
{
margin: 10px !important;
}

.margh10
{
margin: 0px 10px !important;
}

.margv10
{
margin: 10px 0px !important;
}

.margt10
{
margin-top: 10px !important;
}

.margr10
{
margin-right: 10px !important;
}

.margb10
{
margin-bottom: 10px !important;
}

.margl10
{
margin-left: 10px !important;
}

/* 12px */

.marg12
{
margin: 12px !important;
}

.margh12
{
margin: 0px 12px !important;
}

.margv12
{
margin: 12px 0px !important;
}

.margt12
{
margin-top: 12px !important;
}

.margr12
{
margin-right: 12px !important;
}

.margb12
{
margin-bottom: 12px !important;
}

.margl12
{
margin-left: 12px !important;
}

/* 15px */

.marg15
{
margin: 15px !important;
}

.margh15
{
margin: 0px 15px !important;
}

.margv15
{
margin: 15px 0px !important;
}

.margt15
{
margin-top: 15px !important;
}

.margr15
{
margin-right: 15px !important;
}

.margb15
{
margin-bottom: 15px !important;
}

.margl15
{
margin-left: 15px !important;
}

/* 16px */

.marg16
{
margin: 16px !important;
}

.margh16
{
margin: 0px 16px !important;
}

.margv16
{
margin: 16px 0px !important;
}

.margt16
{
margin-top: 16px !important;
}

.margr16
{
margin-right: 16px !important;
}

.margb16
{
margin-bottom: 16px !important;
}

.margl16
{
margin-left: 16px !important;
}

/* 20px */

.marg20
{
margin: 20px !important;
}

.margh20
{
margin: 0px 20px !important;
}

.margv20
{
margin: 20px 0px !important;
}

.margt20
{
margin-top: 20px !important;
}

.margr20
{
margin-right: 20px !important;
}

.margb20
{
margin-bottom: 20px !important;
}

.margl20
{
margin-left: 20px !important;
}

/* Negative Aussenabstaende */

.margr-5
{
margin-right: -5px !important;
}

/* Abstände innen */

/* 0 */

.pad0
{
padding: 0px !important;
}

.padh0
{
padding: 0px 0px !important;
}

.padv0
{
padding: 0px 0px !important;
}

.padt0
{
padding-top: 0px !important;
}

.padr0
{
padding-right: 0px !important;
}

.padb0
{
padding-bottom: 0px !important;
}

.padl0
{
padding-left: 0px !important;
}

/* 1px */

.pad1
{
padding: 1px !important;
}

.padh1
{
padding: 0px 1px !important;
}

.padv1
{
padding: 1px 0px !important;
}

.padt1
{
padding-top: 1px !important;
}

.padr1
{
padding-right: 1px !important;
}

.padb1
{
padding-bottom: 1px !important;
}

.padl1
{
padding-left: 1px !important;
}

/* 2px */

.pad2
{
padding: 2px !important;
}

.padh2
{
padding: 0px 2px !important;
}

.padv2
{
padding: 2px 0px !important;
}

.padt2
{
padding-top: 2px !important;
}

.padr2
{
padding-right: 2px !important;
}

.padb2
{
padding-bottom: 2px !important;
}

.padl2
{
padding-left: 2px !important;
}

/* 3px */

.pad3
{
padding: 3px !important;
}

.padh3
{
padding: 0px 3px !important;
}

.padv3
{
padding: 3px 0px !important;
}

.padt3
{
padding-top: 3px !important;
}

.padr3
{
padding-right: 3px !important;
}

.padb3
{
padding-bottom: 3px !important;
}

.padl3
{
padding-left: 3px !important;
}

/* 4px */

.pad4
{
padding: 4px !important;
}

.padh4
{
padding: 0px 4px !important;
}

.padv4
{
padding: 4px 0px !important;
}

.padt4
{
padding-top: 4px !important;
}

.padr4
{
padding-right: 4px !important;
}

.padb4
{
padding-bottom: 4px !important;
}

.padl4
{
padding-left: 4px !important;
}

/* 5px */

.pad5
{
padding: 5px !important;
}

.padh5
{
padding: 0px 5px !important;
}

.padv5
{
padding: 5px 0px !important;
}

.padt5
{
padding-top: 5px !important;
}

.padr5
{
padding-right: 5px !important;
}

.padb5
{
padding-bottom: 5px !important;
}

.padl5
{
padding-left: 5px !important;
}

/* 6px */

.pad6
{
padding: 6px !important;
}

.padh6
{
padding: 0px 6px !important;
}

.padv6
{
padding: 6px 0px !important;
}

.padt6
{
padding-top: 6px !important;
}

.padr6
{
padding-right: 6px !important;
}

.padb6
{
padding-bottom: 6px !important;
}

.padl6
{
padding-left: 6px !important;
}

/* 8px */

.pad8
{
padding: 8px !important;
}

.padh8
{
padding: 0px 8px !important;
}

.padv8
{
padding: 8px 0px !important;
}

.padt8
{
padding-top: 8px !important;
}

.padr8
{
padding-right: 8px !important;
}

.padb8
{
padding-bottom: 8px !important;
}

.padl8
{
padding-left: 8px !important;
}

/* 10px */

.pad10
{
padding: 10px !important;
}

.padh10
{
padding: 0px 10px !important;
}

.padv10
{
padding: 10px 0px !important;
}

.padt10
{
padding-top: 10px !important;
}

.padr10
{
padding-right: 10px !important;
}

.padb10
{
padding-bottom: 10px !important;
}

.padl10
{
padding-left: 10px !important;
}

/* 12px */

.pad12
{
padding: 12px !important;
}

.padh12
{
padding: 0px 12px !important;
}

.padv12
{
padding: 12px 0px !important;
}

.padt12
{
padding-top: 12px !important;
}

.padr12
{
padding-right: 12px !important;
}

.padb12
{
padding-bottom: 12px !important;
}

.padl12
{
padding-left: 12px !important;
}

/* 16px */

.pad16
{
padding: 16px !important;
}

.padh16
{
padding: 0px 16px !important;
}

.padv16
{
padding: 16px 0px !important;
}

.padt16
{
padding-top: 16px !important;
}

.padr16
{
padding-right: 16px !important;
}

.padb16
{
padding-bottom: 16px !important;
}

.padl16
{
padding-left: 16px !important;
}

/* 20px */

.pad20
{
padding: 20px !important;
}

.padh20
{
padding: 0px 20px !important;
}

.padv20
{
padding: 20px 0px !important;
}

.padt20
{
padding-top: 20px !important;
}

.padr20
{
padding-right: 20px !important;
}

.padb20
{
padding-bottom: 20px !important;
}

.padl20
{
padding-left: 20px !important;
}

/* 32px */

.pad32
{
padding: 32px !important;
}

.padh32
{
padding: 0px 32px !important;
}

.padv32
{
padding: 32px 0px !important;
}

.padt32
{
padding-top: 32px !important;
}

.padr32
{
padding-right: 32px !important;
}

.padb32
{
padding-bottom: 32px !important;
}

/* v3 h10 */

.pad3-10
{
padding: 3px 10px !important;
}

.padl32
{
padding-left: 32px !important;
}


/* Objekt-Maße */

/* Breiten */

.w10em
{
width: 10em !important;
}

.w11em
{
width: 11em !important;
}

.w11-5em
{
width: 11.5em !important;
}

.w12em
{
width: 12em !important;
}

.w20em
{
width: 20em !important;
}

.w22em
{
width: 22em !important;
}

.w22-3em
{
width: 22.3em !important;
}

.w22-5em
{
width: 22.5em !important;
}

.mh24
{
min-height: 24px !important;
}


/* Vordergrundfarben */

.white
{
color: #ffffff !important;
}

.black
{
color: #000000 !important;
}

.red
{
color: rgb(175,0,124) !important;
}

.blue
{
color: rgb(0,138,201) !important;
}

.dkblue
{
color: rgb(7,43,122) !important;
}

.grey
{
color: rgb(210,213,215) !important;
}

.dkgrey
{
color: rgb(112,121,127) !important;
}

.ltgrey
{
color: rgb(237,238,239) !important;
}


/* Hintergrundfarben */

.bgoff
{
background: transparent !important;
}

a .bgoff,
a:hover .bgoff
{
background: transparent !important;
}

.bgwhite
{
background-color: #ffffff !important;
}

.bgblack
{
background-color: #000000 !important;
}

.bgred
{
background-color: rgb(175,0,124) !important;
}

.bggreen
{
background-color: #00ff00 !important;
}

.bgblue
{
background-color: rgb(0,138,201) !important;
}

.bgdkblue
{
background-color: rgb(7,43,122) !important;
}

.bgmdblue
{
background-color: #0066CC !important;
}

.bgltblue
{
background-color: rgb(231,239,249) !important;
}

.bggrey
{
background-color: rgb(210,213,215) !important;
}

.bgdkgrey
{
background-color: rgb(112,121,127) !important;
}

.bgltgrey
{
background-color: rgb(229,229,232) !important;
}


/* Linienrahmen */

.brd0
{
border: 0px !important;
}

.brdall
{
border: 1px solid
}

.brdt
{
border-top: 1px solid
}

.brdr
{
border-right: 1px solid
}

.brdb
{
border-bottom: 1px solid
}

.brdl
{
border-left: 1px solid
}


/* Linienfarben */

.brdwhite
{
border-color: #ffffff !important;
}

.brdblack
{
border-color: #000000 !important;
}

.brdred
{
border-color: rgb(175,0,124) !important;
}

.brdgreen
{
border-color: #00ff00 !important;
}

.brdblue
{
border-color: rgb(0,138,201) !important;
}

.brddkblue
{
border-color: rgb(7,43,122) !important;
}

.brdltblue
{
border-color: rgb(231,239,249) !important;
}

.brdgrey
{
border-color: rgb(210,213,215) !important;
}

.brddkgrey
{
border-color: rgb(112,121,127) !important;
}

.brdltgrey
{
border-color: rgb(237,238,239) !important;
}


/* Schriftgrößen */

.fs10
{
font-size: 1.0em !important;
}

.fs12
{
font-size: 1.2em !important;
}

.fs14
{
font-size: 1.4em !important;
}

.fs16
{
font-size: 1.6em !important;
}

.fs18
{
font-size: 1.8em !important;
}

.tiny
{
font-size: 0.85em !important;
}

.ftfix
{
font-size: 12px !important;
}

/* Zeilenabstände */

.lh0
{
line-height: 0px !important;
}

/* Ausrichtungen */

.lt
{
text-align: left !important;
}

.ct
{
text-align: center !important;
}

.rt
{
text-align: right !important;
}

.vt
{
vertical-align: middle !important;
}

.vm
{
vertical-align: middle !important;
}

.vb
{
vertical-align: bottom !important;
}


/* Schriftauszeichnungen */

.b
{
font-weight: bold !important;
}

.i
{
font-style: italic !important;
}


/* Tabellenformatierungen */

.brdon
{
border: 1px !important;
}

.brdoff
{
border: 0px !important;
}

.sep
{
border-collapse: separate !important;
}

.coll
{
border-collapse: collapse !important;
}

.tbcell
{
display: table-cell !important;
}

/* Textausrichtung */

.tl
{
text-align: left !important;
}

.tr
{
text-align: right !important;
}