body {
                background  : url(pagebckgrnd.gif) #eee;
                margin                : 15px 10px 10px 25px;
                font-size        :13px;
                font-family:arial,tahoma,verdana,helvetica,sans-serif;
                color: #000000;
}
        HTML>body {
                padding: 0;
}
        p {
                margin-left: 10px;
}
        p.intro {
                font-weight: bold;
                font-style: italic;
                margin-left: 10px;
                color: #cc1100;
}
/* LINKS */
/*intern*/
a:link, a:visited {text-decoration:none; color:#6EB0FB; }
a:hover {color:#cc0000; text-decoration:underline; }
a:active {color:#FF0000; }

a img {border:0; }

/*extern*/
    a.ext { background: url(/templates/csshover/img/link-ex.gif) no-repeat bottom right; padding-right: 17px; }
        
/* MAIL LINKS */
    a.mail {background: url(/templates/csshover/img/link-mail.png) no-repeat bottom left; padding-left: 18px; }

/*  PDF FILE LINKS */
	a.pdf {background: url(/templates/csshover/img/link-pdf.gif) no-repeat top left; padding-left: 18px; line-height:17px;}


/* HEAD */
        div#header {
         position:relative;
                padding:1px;
                height:123px;
                border:1px solid #666666;
                background-color:#99CCFF;
}
        div#header img {float:left;
}
        div#header h1 {
                font-size:2.2em;
                margin-top:35px;
}
        div#header a {
                color:#0000CC;
                text-decoration:none;
                border-bottom: 4px dotted;
}
        div#header a:hover {
                text-decoration:none;
}

        div#logonbar {
                text-align:right;
                background:white;
                border:1px solid gray;
                border-top:0;
                padding:1px;
                height:27px;
}
        div#logonbar form {
                margin:0;
                margin-bottom: 2px;
}

/* BREADCRUMB */
#bread {
        margin-top: 3px;
        margin-left: 200px;
 voice-family: "\"}\""; voice-family: inherit;
        margin-top: 3px;
        margin-left: 190px;

}


/* CONTENT */
div#content, div#footer {
        background: white;
        padding:3px;
        margin-top: 5px;
        margin-left: 200px;
        border: 1px solid gray;
voice-family: "\"}\""; voice-family: inherit;
        margin-top: 3px;
        margin-left: 190px;
}
div#footer {
        font-size:0.8em;
        color:gray;
        text-align:right;
        padding-right:5px;
}
        
em.counter {
        color: #0000CC;
}
        
div#content h1 {
        font-size:1.8em;
        margin-left:10px;
        border-left:5px solid #FF0033;
        margin-top:3px;
        padding-left:4px;
}
div#content h2 {
        font-size:1.2em;
        margin-left:10px;
        border-left:5px solid #FF0033;
        padding-left:4px;
}

div#content h3 {


}

div#content table th {
        text-align        : left;
        background-color: #cc1100;
}

div#content p {
        margin-top:1px;
        margin-left:4px;
}
.mod {
        margin-top:18px;
        font-size:0.75em;
        text-align:right;
}

/* NAVIGATION */
div#sidebar{
	position:absolute;
	left:25px;
    float:left;
    width:175px;
    margin:0;
    padding:2px;
    border-left  :1px solid #666666;
    border-right :1px solid #666666;
    border-bottom:1px solid #666666;
    background-color:#99CCFF;
}
div#sidebar ul{
        list-style:none;
        font-size:0.9em;
        margin:0;
        padding:0 0 15px 10px;
}

div#sidebar li{
        list-style:none;
        margin:0 0 4px 0;
        padding:0;
}

div#sidebar li a{
        font-size:1.2em;
        padding:2px;
        color:#0000CC;
}

div#sidebar ul ul{
        margin:4px 0 3px 15px;
        line-height:1.2em;
        padding:0;
}

/* MENU STYLE */
div#sidebar .menu-current > a, .menu_current  {
	color: #cc0000;
	font-weight:bold;
}

div#sidebar ul ul li a{font-weight:normal;}

div#sidebar #menu{
	font-size:1.5em;
	font-weight:bold;
	padding:5px 0 5px 2px;
}

div#sidebar h2{
	margin:3px 0px 8px 0px;
	font-size:1em;
}

/* EVENT CSS */
.evheader {
        text-align: center;
        margin-bottom: 10px
}
.eventborder {
        border :  solid 1px;
        border-color : #C0C0C0;
        margin-bottom: 10px;
}
.tdeventheading {
        line-height : 20px;
        padding: 2px;
        background-color : #C0C0C0;
        color: #FFFFFF;
        font-weight : bold;
        text-align : center;
}
.tdevent  {
    padding: 2px;
}
.eventheading {
        text-align : center;
}
.mteventheading {
        line-height : 20px;
        padding: 2px;
        background-color : #C0C0C0;
        color: #FFFFFF;
        font-weight : bold;
        text-align : center;
}
.mtevent  {
        vertical-align: top;
        padding: 2px;
}
.alleventheading {
        line-height : 20px;
        padding: 2px;
        background-color : #C0C0C0;
        color: #FFFFFF;
        font-weight : bold;
        text-align : center;
}
.allevent li {
    padding: 2px;
        list-style: none;
}
.evfooter {
        text-align: center;
}

/* GAESTERBUCH CSS */
table.gbentry {
        width: 98%;
        border: 1px solid #DCDCDC;
        border-collapse: collapse;
        margin-bottom: 10px;
}

table.gbentry td.gbtitle {
        font-weight: bold;
        padding: 0 5px 0 5px;
        background-color: #DCDCDC;
        color: #000000;
}

table.gbentry td.gbcontent {
        padding: 5px;
        background-color: #FFFFFF;
        color: #000000;
}

img.button {
        vertical-align: bottom;
}

/* Gallerie */
.copyright, .page_list, .size_list {
        clear: both;
        font-size: 10px;
        text-align: center;
}
.grey {
        color: #777;
        font-weight: normal;
}

/* Top level styling */

.top_custom_albums {
        text-align: left;
        display:inline;
        width:95%; /* IE requires a Width */
}

.top_custom_albums img{
        float: left;
        border: 2px ridge #ccc;
        margin: 0.5em;
}

.top_caption {
        text-align:left;
}

.top_album_row_blue {
        margin: 1px 2em 1px 2em;
        background-color: #eee;
}

.top_album_row_yellow {
        margin: 1px 2em 1px 2em;
        background-color: #ffffcc;
}

.row {
        margin: 5px 3em 5px 3em;
}

.album_row {
        margin: 1px 3em 1px 3em;
        text-align:center;
}

.albums, .custom_albums{
        float:left;
        text-align: center;
        margin: 0.7em 5%;
        /* background: url("../modules/gdpics/folder_bg.gif") no-repeat; */
}

.albums img {
        /*width: 40px;*/

}
.custom_albums img {
        border: 2px  ridge #ccc;
        /*width: 100px;*/
}

.thumb {
        float:left;
        margin: 0.7em 5%;
        text-align: center;
        vertical-align:middle;
        height:120px;
        top: -60px;
}

.thumb img {
        border: 1px solid #000;
        text-align: center;

}

.clearer2 {
        clear:both;
        height:1px;
}

.gal_title {
    margin-top: 0.5em;
        padding: 0.3em;
        /*border: 1px solid #ccc;*/
        font-size: 12px;
}

.album_desc {
    margin-top: 0.5em;
        padding: 0.3em;
        border: 1px solid #ccc;
        font-size: 11px;
}

.image, .gal_list {
  /*float: left;*/
    margin: 0px auto; /*center table */
    text-align: center;
        width: 96%;
        padding: 0 1em 1em 1em;
        border: 1px solid #000;
        font-size: 10px;
}

.path {
        margin: 1em;
        margin-bottom: 0.3em;
        font-size: 10px;
}

.parent {
        margin: 1em;
        text-align: center;
}

/*display Photo div */
.parent img {
        border: 2px outset #ccc;
        padding: 0.5em;
        margin: 0;
}
.previous {
        clear: left;
        float: left;
        margin: 0.5em;
}
.previous img, .next img {
        border: 1px solid #000;
        height: 75px;
}
.next {
        clear: right;
        float: right;
        margin: 0.5em;

}
.nav {
        margin: 0;
        clear: both;
        height: 10em;
}
.pic_list {
         position: relative;
         bottom: -2em;
         left: 0;
         text-align: center;
         margin-left: 6em;
         margin-right: 6em;
         margin-top: 0;
         margin-bottom: 0;
}
.pic_list {
         bottom: 0;
         margin-top: 1em;
}
.all_img_info {
         width: 100%;
         float: left;
         text-align: center;
         margin-bottom: 2em;
}

.img_info_row {
         clear: both;
         margin: 0 auto;
         width: 400px; /*330px*/
}
.img_info_tag, .img_info, .desc, .img_info_head {
         float: left;
         display: block;
         width: 120px;
         text-align: left;
         border: 1px solid #fff;
         background-color: #ccd9e6;  /* Quarter Tone Blue #369 */
         padding: 3px;
}
.desc {
        /* margin: 1em auto 2em auto;
         width: 500px;
         padding: 0.5em;
         text-align: left;
         border: 1px solid #ccc;*/
        width: 98%;
        background-color: #eee;
}
.img_info {
        width: 264px;
        background-color: #eee;
}
.img_info_head {
        width: 98%;
        background-color: #b3cc99;
}

/* KONTAKT FORM */
/* Kontakformular: Contact me, Version 2.4
http://www.webmaster-inside.net, (c) 2006 */

/* Über die folgenden Angaben können Sie das Aussehen Ihres Kontaktformulars ändern.
Die StyleSheets können beliebig ergänzt werden */

/* ALLGEMEINES */
DIV.cm p.meldung {
        font-weight: bold;
        color: #666666;
}


/* Tabellen-Eigenschaften */
DIV.cm table {
        border:0px;
        width: 500px;
}

DIV.cm td {
        text-align: left;
        padding-top: 2px;
        padding-bottom: 2px;
}

DIV.cm .td_text {
        width: 150px;
}

DIV.cm .td_form {
        width: 300px;
}

/* Form-Tag */
DIV.cm form {
        display: inline;
}

/* Eingabefelder und Button */
DIV.cm input {
        font-size: 12px;
        background-color: #FFFFFF;
		color: #000000;
}

DIV.cm input.feld {
        width: 99%;
}

/* Zeichenzähler */
DIV.cm .counter {
        width: 50px;
        border-width: 0px;
        text-align: left;
        background-color: #FFFFFF;
        color: #000000;
        cursor: default;
}

DIV.cm .button {
        width: 40%;
        font-weight: bold;
}

/* Eingabefeld für Nachricht */
DIV.cm textarea {
        font-size: 12px;
        background-color: #FFFFFF;
        color: #000000;
        width: 99%;
        height: 180px;
}

/* Markierung bei nicht ausgefülltem Pflichtfeld */
DIV.cm span.markiert {
        color: #CC3300;
        font-weight: bold;
}
/* Unterstreichung eines Teils der Fehlermeldung */
DIV.cm span.unterstrichen {
        text-decoration: underline;
}

DIV.cm span.default_cursor {
        cursor: default;
}

/* Startseite News Link zur nächsten seite */
a.news-nav {
        color: #0000CC;
        font-weight:bold;
}