

body {
    font-family: arial;
    font-size: 14px;
    color: #000;
    background-color:#fff;
}


ol {
    list-style-type: decimal;
    margin-left: 30px;
}

/* Formatierungen für die Ausgabe */
div.side h1.LINE {
    font-size: 18px;
    line-height: 20px;
    font-weight: normal;
    font-family: arial;
    margin-bottom: 20px;
}

div.side h1.PARENTLINE {
    font-size: 26px;
    line-height: 32px;
    font-weight: bold;
    font-family: arial;
    margin-bottom: 30px;
}

div.side a {
    color: #83991a;
    text-decoration: none;
}

div.side a:hover {
    text-decoration: underline;
}

div.absatz {
    margin-bottom: 20px;
}

div.absatz h2 {
    font-size: 14px;
    line-height: 18px;
    font-weight: bold;
    font-family: arial;
    margin-bottom: 7px;
}

div.absatz div.imgL {
    float: left;
    margin: 0px 10px 10px 0px;
}

div.absatz div.imgR {
    float: right;
    margin: 0px 0px 10px 10px;
}

div.absatz div.imgC {
    margin: 0px auto 10px;
    text-align: center;
}

div.absatz div.clearer {
    clear: both;
}

div.newscontainer {
}

div.newscontainer li.newseintrag {
    display: block;
    margin-bottom: 25px;
}

div.newsbox {
}

div.newsbox li.newseintrag {
    display: block;
    margin-bottom: 10px;
}

li.newseintrag div.datum {
}

li.newseintrag div.titel {
}

li.newseintrag h2.titel {
    margin-bottom: 10px;
}

li.newseintrag h2.titel a {
    text-decoration: none;
    color: inherit;
}

li.newseintrag div.text {
}

li.newseintrag div.clearer {
    clear: left;
}

div.form {
}

div.form div.inputline {
    margin-bottom: 10px;
}

div.inputline div.label {
    float: left;
    width: 90px;
    margin-right: 10px;
    text-align: left;
}

div.inputline div.input {
    float: left;
    width: 320px;
}

div.inputline div.submit {
    float: left;
    width: 300px;
    text-align: right;
}

div.inputline div.clearer {
    clear: both;
}

div.inputline div.errorinfo {
    color: #c00;
    padding-left: 100px;
    font-size: 10px;
}

div.input input, div.input textarea, div.submit input {
    border: 1px solid #CDD4C8;
    background-color: #fff;
    width: 100%;
    color: #000;
    font: inherit;
}

div.input textarea {
    height: 100px;
}

/* Formatierungen für die Struktur */
/* allg. Seitenbestandteil */
div.pagecomponent {
}

/* Inhalt auf Seitenbreiter innerhalb von Seitenbestandteilen */
div.pagecomponent div.page {
    width: 900px;
    margin: 0px auto;
    /*outline:1px solid #f00;*/
}

/* >>> KOPFTEIL ********************************************************************************* */
/* Kopfteil */
div.pageheader {
    height: 190px;
    background-image: url('/ccds_tpl_img/headerbgr.jpg');
    background-repeat: repeat-x;
    background-position: top center;
}

/* innere AbstÃ¤nde */
div.pageheader div.page div.padding {
    padding: 10px 0px 0px 0px;
}

/* Logo */
div.pageheader div.page div.logo {
    height: 60px;
    float: right;
    margin-right: -15px;
    margin-bottom: 10px;
}

/* Hauptmenü */
div.pageheader div.page div.mainmenu {
    clear: right;
    height: 60px;
    margin-bottom: 15px;
}

/* Eintrag im Hauptmenü */
div.mainmenu a.item {
    display: block;
    float: left;
    margin-right: 60px;
    text-decoration: none;
    color: #000;
}

/* aktiver Eintrag im Hauptmenü */
div.mainmenu a.item_active {
    display: block;
    float: left;
    margin-right: 60px;
    text-decoration: none;
    color: #93a92a;
}

/* Clearer am Ende des Hauptmenüs */
div.mainmenu a.clearer {
    clear: left;
}

/* Icon eines Hauptmenüeintrags */
div.mainmenu a.item span.icon, div.mainmenu a.item_active span.icon {
    display: block;
    float: left;
    height: 60px;
}

/* Icon eines Hauptmenüeintrags */
div.mainmenu a.item span.icon, div.mainmenu a.item_active span.icon img {
    margin-right: 10px;
}

/* Beschriftung eines Hauptmenüeintrags */
div.mainmenu a.item span.text, div.mainmenu a.item_active span.text {
    display: block;
    float: left;
    margin-top: 40px;
    height: 20px;
    font-size: 20px;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 2px;
}

/* Clearer am Ende eines Hauptmenüeintrags */
div.mainmenu a.item span.clearer, div.mainmenu a.item_active span.clearer {
    clear: both;
}

/* Untermenü */
div.pageheader div.page div.submenu {
    margin-left: 75px;
    height: 35px;
}

/* Eintrag im Untermenü */
div.submenu a.item {
    display: block;
    float: left;
    margin-right: 60px;
    text-decoration: none;
    color: #000;
}

/* aktiver Eintrag im Untermenü */
div.submenu a.item_active {
    display: block;
    float: left;
    margin-right: 60px;
    text-decoration: none;
    color: #93a92a;
}

/* Clearer am Ende des Untermenüs */
div.submenu a.clearer {
    clear: left;
}

/* Icon eines Untermenüeintrags */
div.submenu a.item span.icon, div.submenu a.item_active span.icon {
    display: block;
    float: left;
    height: 35px;
}

/* Icon eines Untermenüeintrags */
div.submenu a.item span.icon, div.submenu a.item_active span.icon img {
    margin-right: 10px;
}

/* Beschriftung eines Untermenüeintrags */
div.submenu a.item span.text, div.submenu a.item_active span.text {
    display: block;
    float: left;
    margin-top: 15px;
    height: 20px;
    font-size: 16px;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 2px;
}

/* Clearer am Ende eines Untermenüeintrags */
div.submenu a.item span.clearer, div.submenu a.item_active span.clearer {
    clear: both;
}

/* <<< KOPFTEIL ********************************************************************************* */
/* >>> INHALTSBEREICH *************************************************************************** */
/* Inhaltsbereich */
div.pagebody {
}

/* innere AbstÃ¤nde */
div.pagebody div.page div.padding {
    padding: 35px 65px 0px 75px;
}

/* Hintergrund */
div.pagebody div.page div.bodybgr {
    position: relative;
    z-index: 10;
}

/* Clearer am Ende des Hintergrunds */
div.pagebody div.page div.bodybgr div.clearer {
    clear: right;
}

/* Box für restlichen Inhalt vom Body */
div.pagebody div.page div.container {
    position: relative;
    z-index: 20;
}

/* Windrose im Hintergrund */
div.pagebody div.page div.bodybgr div.windrose {
    width: 100px;
    height: 100px;
    float: right;
    margin-top: -17px;
    margin-right: -57px;
    margin-bottom: -100px;
}

/* Seitenspezifisches Menü */
div.pagebody div.page div.pagemenu {
    margin-left: -75px;
}

/* Clearer am Ende des seitenspezifischen Menüs */
div.pagemenu div.clearer {
    clear: left;
}

/* Icon der aktiven Seite */
div.pagemenu div.icon {
    width: 65px;
    height: 55px;
    float: left;
    background-color: #e7eae3;
}

/* Icon der aktiven Seite */
div.pagemenu div.icon img {
    margin: 0px auto;
    display: block;
}

/* Box für das eigentliche Menü */
div.pagemenu div.container {
    float: left;
    margin-top: 20px;
    padding-top: 10px;
    padding-left: 10px;
    background-color: #e7eae3;
}

/* das eigentliche Menü */
div.pagemenu div.container div.menu {
    height: 25px;
    width: 760px;
    background-color: #d1d7ca;
    overflow: hidden;
}

/* Box für übergroÃŸen Inhalt */
div.pagemenu div.container div.box {
    width: 1000px;
}

/* innere AbstÃ¤nde */
div.pagemenu div.container div.menu div.padding {
    padding: 0px;
    padding-top: 5px;
    padding-left: 20px;
}

/* Clearer am Ende das eigentlichen Menüs */
div.pagemenu div.container div.menu div.clearer {
    clear: left;
}

/* Eintrag des eigentlichen Menüs */
div.pagemenu div.container div.menu a.item {
    color: #000;
    display: block;
    float: left;
    margin-right: 30px;
    text-decoration: none;
    font-size: 14px;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 2px;
}

/* aktiver Eintrag des eigentlichen Menüs */
div.pagemenu div.container div.menu a.item_active {
    color: #93a92a;
    display: block;
    float: left;
    margin-right: 30px;
    text-decoration: none;
    font-size: 14px;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 2px;
}


/* Box für den Inhalt */
div.pagebody div.page div.contentbox {
    background-color: #e1e5e0;
	color:#000;
}

div.pagebody div.page div.contentbox * {
	/*color:#000;*/
}

div.pagebody div.page div.contentbox a {
	/*color:#93a92a;*/ 	
}


/* innere Abstände */
div.pagebody div.page div.contentbox div.padding {
    padding: 10px 20px 15px 20px;
}

/* Aufspanner */
div.contentbox div.spanner {
    height: 200px;
    float: left;
}

/* Inhalt über beide Spalten */
div.contentbox div.completeside {
    width: 720px;
    float: left;
    background-color: #e1e5e0;
	color:#000;
}

/* linker und rechter Inhalt mï¿½ssen zusammen 700 ergeben */
/* linker Inhalt */
div.contentbox div.leftside {
    width: 270px;
    float: left;
    background-color: #e1e5e0;
	color:#000;
}

/* rechter Inhalt */
div.contentbox div.rightside {
    width: 430px;
    float: right;
    background-color: #e1e5e0;
	color:#000;
}

/* Clearer für Inhaltsboxen */
div.contentbox div.clearer {
    clear: both;
}

/* Box für Metanavi */
div.pagebody div.page div.metamenu {
    padding: 0px;
    height: 25px;
    background-color: #e1e5e0;
}

/* innere Abstände */
div.pagebody div.page div.metamenu div.padding {
    padding: 100px;
    padding: 5px 20px 0px;
}

/* Separator in der Metanavi */
div.pagebody div.page div.metamenu div.sep {
    float: left;
    color: #989c98;
    margin: 0px 10px;
}

/* Eintrag in der Metanavi */
div.pagebody div.page div.metamenu a.item {
    display: block;
    float: left;
    color: #989c98;
    text-decoration: none;
}

/* aktiver Eintrag in der Metanavi */
div.pagebody div.page div.metamenu a.item_active {
    display: block;
    float: left;
    color: #93a92a;
    text-decoration: none;
}

div.pagebody div.page div.metamenu a.item:hover, div.pagebody div.page div.metamenu a.item_active:hover {
    text-decoration: underline;
}

/* Clearer am Ende der Metanavi */
div.pagebody div.page div.metamenu div.clearer {
    clear: left;
}

/* Endbereich des Inhaltsbereiches */
div.pagebody div.page div.pageend {
    margin-right: -65px;
}

/* Clearer am Ende des Endbereichs */
div.pageend div.clearer {
    clear: left;
}

/* Box für das eigentliche Menü */
div.pageend div.container {
    width: 760px;
    height: 50px;
    float: left;
    background-color: #cdd4c8;
}

/* rechte Seite */
div.pageend div.rightend {
    width: 65px;
    height: 50px;
    float: left;
    background-color: #e0e5e0;
}

.slideshow .galery {
    position: absolute;
}

.slideshow .galery .image {
    background-repeat: no-repeat;
    background-position: center center;
}

.slideshow .galery .description {
    padding: 10px;
    text-align: center;
}

/* <<< INHALTSBEREICH *************************************************************************** */
/* >>> FUSSTEIL ********************************************************************************* */
/* FuÃŸteil */
div.pagefooter {
    background-color: #aaa;
}

a.footertext {
    display: block;
    padding: 5px 20px;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    font-size: 18px;
    font-weight: normal;
}

/* <<< FUSSTEIL ********************************************************************************* */

 
a {
/*color:#93a92a;*/ 	
 }
