/*
#####################################################
##  CSS-Formatierungen für                         ##
##  www.kircheschlebusch.de - WB-Frontend          ##
##  (C) 2008 Michael Schwenck, Leverkusen          ##
#####################################################
*/

/*  Cursorform für Formularbuttons  */

@media screen
{
	.but
	{
	cursor: pointer;
	}
}



/*
#####################################################
##  Standard-Markup-Formatierungen                 ##
#####################################################
*/



*
{
padding:0px;
margin:0px;
font-family: verdana,tahoma,arial,helvetica,sans-serif;
border: 0px;
}

html
{
width:100%;
background-color: #d0ddf0;
}

body
{
max-width: 1200px;
margin:auto;
font-size: 80%;
}

form,
input
{
border: 0px;
}

form
{
margin: 0px;
padding: 0px;
}

hr
{
height: 4px;
color: white;
background-repeat: no-repeat;
background-position: top left;
background-color: #336699;
background-image: url("./bg_yellow.gif");
}

p,ul,ol,table
{
display: block;
}

img,
img a
{
vertical-align: bottom;
border: 0px;
}

legend
{
font-weight: bold;
font-style: normal;
text-align: left;
}

ul
{
margin: 0.6em 0em 0.6em 0.3em;
}

ol
{
margin: 0.6em 0em 0.6em 2.6em;
}

ul li
{
list-style-type: none;
background-image: url("./li_blue.gif");
background-repeat: no-repeat;
background-position: 0 5px;
padding: 0 0 0 16px;
}

p
{
margin: 0.6em 0em 0.6em 0em;
}

h1,h2,h3,h4,h5,h6
{
text-align: left;
font-weight: bold;
}

h1
{
font-size: 100%;
margin: 1.2em 0em 0.8em 0em;
}

h2
{
font-size: 100%;
margin: 1.2em 0em 0.8em 0em;
}

h3
{
font-size: 100%;
margin: 1.2em 0em 0.8em 0em;
}

h4
{
font-size: 100%;
margin: 1.2em 0em 0.8em 0em;
}

h5
{
font-size: 100%;
margin: 1.2em 0em 0.8em 0em;
}

h6
{
font-size: 100%;
margin: 1.2em 0em 0.8em 0em;
}

caption
{
padding-top: 0.5em;
padding-bottom: 0.5em;
text-align: left;
}

ol
{
list-style-type: decimal;
}

table,tr,th,td
{
border: none;
}

table
{
margin-top: 0.8em;
margin-bottom: 0.8em;
}

th,td
{
text-align: left;
vertical-align: top;
padding:  0.1em 0.5em 0.1em 0.5em;
}

th
{
font-weight: bold;
}

td
{
font-weight: normal;
}

em
{
font-style: italic;
}

strong,b
{
font-weight: bold;
}

a
{
font-weight: bold;
color: #336699;
}

a:link,a:visited,a:active
{
background-color: transparent;
text-decoration: underline;
}

a:hover,a:focus
{
background-color: #ffeda5;
text-decoration: underline overline;
}

/* Link mit Führungszeichen */

a.inlink,
a.outlink
{
background-repeat: no-repeat;
background-position: 0px 50%;
padding-left: 1em;
}

a.inlink
{
background-image: url("./inlink.gif");
}

a.outlink
{
background-image: url("./outlink.gif");
}




/*
#####################################################
##  Layout-Formatierungen                          ##
#####################################################
*/



/* Kopfleiste mit Bildern und Servicenavigation */

/* Logo */

#topbar
{
height: 54px;
background-repeat: no-repeat;
background-position: 20px center;
background-color: #336699;
background-image: url("./kopfleiste.gif");
border-left: 20px solid #ffcc00;
}

/* Bilder */

#topimg
{
width: 100%;
height: 108px;
background-color: #336699;
}

#topimg01,
#topimg02,
#topimg03,
#topimg04,
#topimg05
{
width: 19.9%;
height: 108px;
float: left;
background-color: #d0ddf0;
background-repeat: no-repeat;
border-right: 1px solid white;
background-position: top center;
}

#topimg05
{
background-color: #336699;
border: 0;
}

#topimg01
{
background-image: url("./k01.jpg");
/* background-position: top left !important; */
}

#topimg02
{
width: 19.85%;
background-image: url("./k02.jpg");
}

#topimg03
{
background-image: url("./logo_schlebusch.gif");
}

#topimg04
{
width: 19.85%;
background-image: url("./k04.jpg");
}

#topimg05
{
float: right;
background-image: url("./k03.jpg");
}

/* Transparenter Balken im ersten Bild */

.bluebar
{
width: 20px;
height: 108px;
border: 0px;
opacity: 0.3;
}



/* Servicenavigation */

#servicenavbar
{
font-size: 80%;
clear: both;
width: 100%;
height: 1.8em;
min-height: 2.6em;
background-color: #336699;
border-top: 1px solid white;
}

/* Servicelinks und Ariadnepfad */

#breadcrumbs ul
{
margin: 0px;
padding: 4px;
}

#servlistleft,
#servlistright
{
height: 2.0em;
min-height: 2.5em;
}

/* #servlistleft
{
float: left;
} */

#servlistright
{
width: 20.12%;
float: right;
border-left: 1px solid #ffffff;
}

#servlistleft li,
#servlistright li,
#breadcrumbs li
{
display: inline;
list-style-type: none;
list-style-image: none;
background-repeat: no-repeat;
background-position: 0% 0.1em;
}

#servlistleft li,
#servlistright li
{
margin-bottom: 0px;
padding: 0em 0.1em 0em 0.5%;
background-image: url("./liv_yellow.gif");
}

#servlistright a
{
padding-left: 20px;
}

#servlistleft li.firstitem,
#servlistright li.firstitem,
#breadcrumbs li.firstitem
{
list-style-type: none;
list-style-image: none;
background-image: none;
}

#servlistleft a,
#servlistright a
{
text-decoration: none;
font-family: tahoma,verdana,arial,helvetica,sans-serif;
}

#servlistleft a,
#servlistright a,
#servlistright a:focus,
#servlistright a:visited
{
color: white;
}

#servlistleft a:hover,
#servlistright a:hover,
#servlistleft a:focus,
#servlistright a:focus,
#servlistleft a:active,
#servlistright a:active
{
color: black;
}			

#breadcrumbs
{
font-size: 80%;
font-weight: bold;
clear: both;
height: 1em;
min-height: 2.0em;
margin: 0px;
padding: 0px 20px 0px 5px;
background-color: white;
color: black;
}

#breadcrumbs li
{
background-image: url("./li_blue.gif");
padding: 0em 0.7em 0em 10px;
background-position: 0px 3px;
}

#breadcrumbs a
{
color: #336699;
text-decoration: none;
background-color: transparent;
}

#breadcrumbs a:hover
{
color: black;
text-decoration: underline;
}




/* Textspalten */

#threecols
{
width: 100%;
margin: 1.2em 0em 0em 0em;
}

#left,
#right
{
width: 20%;
}

#left
{
float: left;
}

#right
{
float: right;
}

#content
{
margin: 0px 22% 0px 22%;
}



/* Formatierung der Menüliste Anfang */

/* Darstellung */

#menulist ul a,
#menulist ul ul a,
#menulist ul ul ul a
{
display: block;
}

#menulist ul a
{
color: #ffffff;
background-image: url("./menu_blue_closed.gif");
}

#menulist ul a:hover
{
background-image: url("./menu_black_open.gif");
}

#menulist ul a.focus,
#menulist ul a.menu_current
{
background-image: url("./menu_black_open.gif");
}

/* #menulist ul a
{
width: 86%;
}

#menulist ul ul a
{
width: 70%;
}

#menulist ul ul ul a
{
width: 60%;
} */

#menulist ul ul a,
#menulist ul ul ul a
{
background-image: url("./marker_blue_closed.gif");
}

#menulist ul ul a:hover,
#menulist ul ul a.focus2,
#menulist ul ul a.menu_current
{
background-image: url("./marker_black_open.gif");
}

#menulist ul ul ul a:hover,
#menulist ul ul ul a.focus3,
#menulist ul ul ul a.menu_current
{
background-image: url("./marker_black_closed.gif");
}

/* Vordergrundfarben */

#menulist ul ul a,
#menulist ul ul ul a
{
color: #336699;
}

#menulist ul a:hover,
#menulist ul a:focus,
#menulist ul a:active,
#menulist ul a.focus1,
#menulist ul a.menu_current,
#menulist ul ul a:hover,
#menulist ul ul a:focus,
#menulist ul ul a:active,
#menulist ul ul a.focus2,
#menulist ul ul a.menu_current,
#menulist ul ul ul a:hover,
#menulist ul ul ul a:focus,
#menulist ul ul ul a:active,
#menulist ul ul ul a.focus3,
#menulist ul ul ul a.menu_current
{
color: #000000;
}

/* Hintergrundfarben */

#menulist ul a
{
background-color: #336699;
}

#menulist ul a:hover,
#menulist ul a:focus,
#menulist ul a:active,
#menulist ul a.focus1,
#menulist ul a.menu_current,
#menulist ul ul a:hover,
#menulist ul ul a:focus,
#menulist ul ul a:active,
#menulist ul ul a.focus2,
#menulist ul ul a.menu_current,
#menulist ul ul ul a:hover,
#menulist ul ul ul a:focus,
#menulist ul ul ul a:active,
#menulist ul ul ul a.focus3,
#menulist ul ul a.menu_current
{
background-color: #ffcc00;
}

#menulist ul ul a,
#menulist ul ul ul a
{
background-color: #ffeda5;
}

/* alle Außenabstände aus, Listenzeichen aus */

#menulist,
#menulist ul,
#menulist ul li,
#menulist ul ul li,
#menulist ul ul ul li
{
margin: 0px;
background-image: none;
}

/* Abstände */

#menulist ul
{
font-size: 100%;
/* width: 100%; */
padding: 0px;
margin: 0px 0px 0.5em 0;
}

#menulist ul ul,
#menulist ul ul ul
{
font-size: 85%;
padding: 0px;
margin: 0px 0px 0px 0;
}

/* #menulist ul ul
{
width: 94%;
}

#menulist ul ul ul
{
width: 87%;
} */

#menulist ul li
{
margin-bottom: 0.7em;
}

#menulist ul a
{
/* width: 86%; */
padding: 1px 2px 2px 24px;
}

#menulist ul ul a,
#menulist ul ul a:hover,
#menulist ul ul a.focus2
{
/* width: 85%; */
padding: 4px 2px 2px 16px;
}

#menulist ul ul ul a,
#menulist ul ul ul a:hover,
#menulist ul ul ul a.focus3
{
/* width: 85%; */
padding: 4px 2px 2px 16px;
}

/* alle generischen Listenzeichen aus */

#menulist ul
#menulist ul li,
#menulist ul ul li,
#menulist ul ul ul li
{
list-style-type: none;
list-style-image: none;
}

#menulist ul ul li,
#menulist ul ul ul li
{
  padding-left: 20px;
  background-color: #ffeda5;
}


/* alle Unterstreichungen aus */

#menulist ul a,
#menulist ul a.focus1,
#menulist ul a:hover,
#menulist ul ul a,
#menulist ul ul a.focus2,
#menulist ul ul a:hover,
#menulist ul ul ul a,
#menulist ul ul ul a.focus3,
#menulist ul ul ul a:hover
{
text-decoration: none;
}

/* Schriftauszeichnungen */

#menulist ul a,
#menulist ul ul a,
#menulist ul ul ul a
{
font-weight: bold;
}

/* Parameter zu Listenzeichen */

#menulist ul a,
#menulist li .focus1
{
background-repeat: repeat-y;
}

#menulist ul ul a,
#menulist ul ul ul a,
#menulist li .focus2,
#menulist li .focus3
{
background-repeat: no-repeat;
}

/* Listenzeichen */

#menulist ul ul a,
#menulist ul ul ul a,
#menulist ul ul a:hover,
#menulist ul ul a.focus2,
#menulist ul ul ul a:hover,
#menulist ul ul ul a.focus3
{
background-position: 4px 7px;
}

/* Formatierung der Menüliste Ende */



/* Related Content, rechte Spalte */

#right div
{
margin-bottom: 1em;
}

#right div h1
{
padding: 1px 4px 2px 4px;
margin: 1em 0px 0px 0px;
background-color: #ffcc00;
color: black;
}

#right div h1.first
{
margin: 0px;
}

#right div p,
#right div h2,
#right div h3,
#right div h4,
#right div h5,
#right div h6,
#right div ul,
#right div ol,
#right div form
{
padding: 6px;
font-size: 90%;
background-color: white;
}

#right div p
{
font-weight: normal;
color: #336699;
margin: 0px;
}

#right div ul
{
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
}

#right div h2,
#right div h3,
#right div h4,
#right div h5,
#right div h6
{
font-weight: bold;
color: #000000;
margin: 0px 0px 0px 0px;
padding-top: 6px;
}



/* Formatierungen für den Inhaltsbereich */

#content h1
{
min-height: 1.2em;
_height: 1.2em;
background-repeat: no-repeat;
background-position: top left;
background-color: #336699;
background-image: url("./bg_head.gif");
color: white;
margin-top: 0px;
padding: 1px 0px 2px 28px;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content ul,
#content ol
{
padding-left: 20px;
}

#content h2,
#content h3,
#content h4,
#content h5,
#content h6
{
margin-top: 1.2em;
}

/* Zusatz-Infobox mit Flaeche und Rahmen */

#content .addbox
{
margin-top: 2em;
padding: 2em;
background-color: #ffeda5;
border: 2px solid #336699;
}

#content .addbox h1
{
height: auto;
background-color: transparent;
background-image: none;
color: #000000;
}

/* Bilder */

.imgleft,
.imgright
{
font-size: 80%;
font-weight: bold;
padding-top: 4px;
margin-top: 0px;
color: #336699;
}

.imgleft
{
float: left;
margin-right: 1.5em;
}

.imgright
{
float: right;
margin-left: 1.5em;
}

.w160
{
width: 160px;
}

.w180
{
width: 180px;
}

.w200
{
width: 200px;
}

.w220
{
width: 220px;
}

.bu
{
font-size: 0.8em;
font-weight: bold;
color: #336699;
}

/* Fusszeile */

#footer
{
clear: both;
height: 2em;
margin-top: 3em;
background-color: #336699;
border-left: 20px solid #ffcc00;
}

#footer h1
{
margin: 0px;
padding: 6px 4px 6px 4px;
font-size: 85%;
font-weight: bold;
text-align: center;
color: white;
}




/*
#####################################################
##  Ausnahmeregelungen und Einzelfaelle            ##
#####################################################
*/


#gdtab table
{
font-family: tahoma,verdana,arial,helvetica,sans-serif;
font-size: 80%;
margin-left: 20px;
}

#gdtab table thead,
#gdtab table tbody
{
width: 100%;
}

#gdtab table,
#gdtab tr,
#gdtab th,
#gdtab td
{
border: 0px;
border-collapse: collapse;
}

#gdtab th,
#gdtab td
{
vertical-align: top;
border-bottom: 0.2em 0em 0em;
}




/*
#####################################################
##  Formularformatierungen                         ##
#####################################################
*/

#content #kontakt
{
width: 100%;
}

#content #kontakt td.col01
{
width: 30%;
}

#content #kontakt td.col02
{
width: 70%;
}

#content input,
#content select,
#content textarea,
#date input,
#date select,
#date textarea
{
border: 1px solid #336699;
background-color: #ffeda5;
}

#content input,
#content select,
#content textarea
{
padding: 4px;
}

#date input,
#date select,
#date textarea
{
padding: 3px 4px;
}

#content input
{
width: 100%;
}

#date
{
float: left;
width: 19.9%;
height: 1.8em;
min-height: 2.4em;
margin-right: 20px;
background-repeat: repeat-y;
background-position: top left;
background-color: #336699;
background-image: url("./bg_yellow.gif");
border-right: 1px solid white;
padding-top: 2px;
}

#content textarea
{
font-size: 95%;
width: 100%;
}

#content input:focus,
#content select:focus,
#content textarea:focus,
#date input:focus,
#date select:focus,
#date textarea:focus
{
background-color: #ffffff;
}

#content input.but
{
width: auto;
font-weight: bold;
background-color: #ffcc00;
}

#date input
{
font-size: 100%;
margin-left: 26px;
width: 55%;
vertical-align: middle;
}

#date input.but
{
width: auto;
height: 2.0em;
margin-left: 0px;
font-weight: bold;
background-color: #ffcc00;
padding-left: 1px;
padding-right: 1px;
}

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



/* Positionierungen */

.posabs
{
position: absolute;
}

.posrel
{
position: relative;
}

.skip
{
position: absolute;
left: -3000px;
top: 0px;
width: 100px;
font-size: 1px;
line-height: 0px;
}

.fl
{
float: left;
}

.fr
{
	float: right;
}

.cl
{
clear: left;
}

.cr
{
clear: right;
}

.cb
{
clear: both;
}



/* Darstellung */

.il
{
display: inline;
}

.li
{
display: list-item;
}

.bl
{
display: block;
}

.no
{
display: none;
}



/* Scrollverhalten */

.hi
{
overflow: hidden;
}

.sc
{
overflow: scroll;
}




/* Abstände aussen */

/* 0 */

.marg0
{
margin: 0px;
}

.margt0
{
margin-top: 0px;
}

.margr0
{
margin-right: 0px;
}

.margb0
{
margin-bottom: 0px;
}

.margl0
{
margin-left: 0px;
}

/* 2px */

.marg2
{
margin: 2px;
}

.margh2
{
margin: 0px 2px;
}

.margv2
{
margin: 2px 0px;
}

.margt2
{
margin-top: 2px;
}

.margr2
{
margin-right: 2px;
}

.margb2
{
margin-bottom: 2px;
}

.margl2
{
margin-left: 2px;
}

/* 4px */

.marg4
{
margin: 4px;
}

.margh4
{
margin: 0px 4px;
}

.margv4
{
margin: 4px 0px;
}

.margt4
{
margin-top: 4px;
}

.margr4
{
margin-right: 4px;
}

.margb4
{
margin-bottom: 4px;
}

.margl4
{
margin-left: 4px;
}

/* 6px */

.marg6
{
margin: 6px;
}

.margh6
{
margin: 0px 6px;
}

.margv6
{
margin: 6px 0px;
}

.margt6
{
margin-top: 6px;
}

.margr6
{
margin-right: 6px;
}

.margb6
{
margin-bottom: 6px;
}

.margl6
{
margin-left: 6px;
}

/* 8px */

.marg8
{
margin: 8px;
}

.margh8
{
margin: 0px 8px;
}

.margv8
{
margin: 8px 0px;
}

.margt8
{
margin-top: 8px;
}

.margr8
{
margin-right: 8px;
}

.margb8
{
margin-bottom: 8px;
}

.margl8
{
margin-left: 8px;
}

/* 10px */

.marg10
{
margin: 10px;
}

.margh8
{
margin: 0px 10px;
}

.margv8
{
margin: 10px 0px;
}

.margt8
{
margin-top: 10px;
}

.margr8
{
margin-right: 10px;
}

.margb8
{
margin-bottom: 10px;
}

.margl8
{
margin-left: 10px;
}

/* 12px */

.marg12
{
margin: 12px;
}

.margh12
{
margin: 0px 12px;
}

.margv12
{
margin: 12px 0px;
}

.margt12
{
margin-top: 12px;
}

.margr12
{
margin-right: 12px;
}

.margb12
{
margin-bottom: 12px;
}

.margl12
{
margin-left: 12px;
}

/* 16px */

.marg16
{
margin: 16px;
}

.margh16
{
margin: 0px 16px;
}

.margv16
{
margin: 16px 0px;
}

.margt16
{
margin-top: 16px;
}

.margr16
{
margin-right: 16px;
}

.margb16
{
margin-bottom: 16px;
}

.margl16
{
margin-left: 16px;
}

/* 20px */

.marg20
{
margin: 20px;
}

.margh20
{
margin: 0px 20px;
}

.margv20
{
margin: 20px 0px;
}

.margt20
{
margin-top: 20px;
}

.margr20
{
margin-right: 20px;
}

.margb20
{
margin-bottom: 20px;
}

.margl20
{
margin-left: 20px;
}

/* 24px */

.marg24
{
margin: 24px;
}

.margh24
{
margin: 0px 24px;
}

.margv24
{
margin: 24px 0px;
}

.margt24
{
margin-top: 24px;
}

.margr24
{
margin-right: 24px;
}

.margb24
{
margin-bottom: 24px;
}

.margl24
{
margin-left: 24px;
}



/* Abstände innen */

/* 0 */

.pad0
{
padding: 0px;
}

.padh0
{
padding: 0px 0px;
}

.padv0
{
padding: 0px 0px;
}

.padt0
{
padding-top: 0px;
}

.padr0
{
padding-right: 0px;
}

.padb0
{
padding-bottom: 0px;
}

.padl0
{
padding-left: 0px;
}

/* 2px */

.pad2
{
padding: 2px;
}

.padh2
{
padding: 0px 2px;
}

.padv2
{
padding: 2px 0px;
}

.padt2
{
padding-top: 2px;
}

.padr2
{
padding-right: 2px;
}

.padb2
{
padding-bottom: 2px;
}

.padl2
{
padding-left: 2px;
}

/* 4px */

.pad4
{
padding: 4px;
}

.padh4
{
padding: 0px 4px;
}

.padv4
{
padding: 4px 0px;
}

.padt4
{
padding-top: 4px;
}

.padr4
{
padding-right: 4px;
}

.padb4
{
padding-bottom: 4px;
}

.padl4
{
padding-left: 4px;
}

/* 6px */

.pad6
{
padding: 6px;
}

.padh6
{
padding: 0px 6px;
}

.padv6
{
padding: 6px 0px;
}

.padt6
{
padding-top: 6px;
}

.padr6
{
padding-right: 6px;
}

.padb6
{
padding-bottom: 6px;
}

.padl6
{
padding-left: 6px;
}

/* 8px */

.pad8
{
padding: 8px;
}

.padh8
{
padding: 0px 8px;
}

.padv8
{
padding: 8px 0px;
}

.padt8
{
padding-top: 8px;
}

.padr8
{
padding-right: 8px;
}

.padb8
{
padding-bottom: 8px;
}

.padl8
{
padding-left: 8px;
}

/* 10px */

.pad10
{
padding: 10px;
}

.padh10
{
padding: 0px 10px;
}

.padv10
{
padding: 10px 0px;
}

.padt10
{
padding-top: 10px;
}

.padr10
{
padding-right: 10px;
}

.padb10
{
padding-bottom: 10px;
}

.padl10
{
padding-left: 10px;
}

/* 12px */

.pad12
{
padding: 12px;
}

.padh12
{
padding: 0px 12px;
}

.padv12
{
padding: 12px 0px;
}

.padt12
{
padding-top: 12px;
}

.padr12
{
padding-right: 12px;
}

.padb12
{
padding-bottom: 12px;
}

.padl12
{
padding-left: 12px;
}

/* 16px */

.pad16
{
padding: 16px;
}

.padh16
{
padding: 0px 16px;
}

.padv16
{
padding: 16px 0px;
}

.padt16
{
padding-top: 16px;
}

.padr16
{
padding-right: 16px;
}

.padb16
{
padding-bottom: 16px;
}

.padl16
{
padding-left: 16px;
}

/* 24px */

.pad24
{
padding: 24px;
}

.padh24
{
padding: 0px 24px;
}

.padv24
{
padding: 24px 0px;
}

.padt24
{
padding-top: 24px;
}

.padr24
{
padding-right: 24px;
}

.padb24
{
padding-bottom: 24px;
}

.padl24
{
padding-left: 24px;
}

/* 28px */

.pad28
{
padding: 28px;
}

.padh28
{
padding: 0px 28px;
}

.padv28
{
padding: 28px 0px;
}

.padt28
{
padding-top: 28px;
}

.padr28
{
padding-right: 28px;
}

.padb28
{
padding-bottom: 28px;
}

.padl28
{
padding-left: 28px;
}

/* 32px */

.pad32
{
padding: 32px;
}

.padh32
{
padding: 0px 32px;
}

.padv32
{
padding: 32px 0px;
}

.padt32
{
padding-top: 32px;
}

.padr32
{
padding-right: 32px;
}

.padb32
{
padding-bottom: 32px;
}

.padl32
{
padding-left: 32px;
}



/* Masse */

.mh24
{
min-height: 24px;
}


/* Linienrahmen */

.brd0
{
border: 0px none;
}

.brdall
{
border: 1px solid;
}

.brdt
{
border-top: 1px solid;
}

.brdr
{
border-right: 1px solid;
}

.brdb
{
border-bottom: 1px solid;
}

.brdl
{
border-left: 1px solid;
}



/* Schriftgroessen */

.fs10
{
font-size: 1.0em;
}

.fs12
{
font-size: 1.2em;
}

.fs14
{
font-size: 1.4em;
}

.fs16
{
font-size: 1.6em;
}

.fs18
{
font-size: 1.8em;
}

.tiny
{
font-size: 0.85em;
}

.ftfix
{
font-size: 12px;
}

/* Zeilenabstaende */

.lh0
{
line-height: 0px;
}

/* Ausrichtungen */

.lt
{
text-align: left;
}

.ct
{
text-align: center;
}

.rt
{
text-align: right;
}

.vt
{
vertical-align: top;
}

.vm
{
vertical-align: middle;
}

.vb
{
vertical-align: bottom;
}



/* Schriftauszeichnungen */

.b
{
font-weight: bold;
}

.i
{
font-style: italic;
}





/* Tabellenformatierungen */

.brdon
{
border: 1px;
}

.brdoff
{
border: 0px;
}

.sep
{
border-collapse: separate;
}

.coll
{
border-collapse: collapse;
}

.tbcell
{
display: table-cell;
}

/* Farben */

/* Vordergrund */

.whitefg
{
color: white;
}

.blackfg
{
color: black;
}

.dkbluefg
{
color: #336699;
}

.ltbluefg
{
color: #d0ddf0;
}

.dkyellowfg
{
color: #ffcc00;
}

.ltyellowfg
{
color: #ffeda5;
}

/* Hintergrund */

.whitebg,
.hg_weiss
{
background-color: white;
}

.blackbg
{
background-color: black;
}

.dkbluebg
{
background-color: #336699;
}

.ltbluebg
{
background-color: #d0ddf0;
}

.dkyellowbg
{
background-color: #ffcc00;
}

.ltyellowbg,
.hg_hellgelb
{
background-color: #ffeda5;
}


/*  Cursorform für Formularbuttons  */

@media screen
{
	.but
	{
	cursor: pointer;
	}
}


/* und hier ein wenig CSS3-Spielerei zum Ausprobieren */

a,
#menulist ul a
{
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}