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

body { 
        font-family: Arial,Helvetica,sans-serif;               /*Standardschrift*/    
        font-size: 100.01%;    
        font-weight: normal; 
        color: #3B3B3B; 
        padding: 0px;
        margin: 0px; 
        background-color: #344556;
        text-align: center; 
        overflow: auto;
}

body#admin {
        background-color: white;
}

p {
        line-height: 1.1em;
}

a {
        text-decoration: none;
}

h1 {
        font-size: 1.6em;
}

h2 {
        font-size: 1.4em;
}

h3 {
        font-size: 1.2em;
}

dd {
        padding-bottom: 10px;
}        

div#wrapper {
        width: 800px;
        margin: 0 auto; 
        text-align: left;
        background-color: #fff;
}

div#top {
        width: 800px;
        height: 90px;
        background-color: transparent;
}

img {
       margin: 0 0 5px 0;
}

#top img {
        display: block;
        margin: 0px;
}

/****Ab hier die Top-Navigation****/
#topnavi {
        margin: 0px;
        height: 24px;
        background-color: #111;
}

#colormenu {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
}

#colormenu li, #colormenu a {
        width: 100px;
        height: 22px;
}

#colormenu li {
        float: left;
        border: 1px solid #111;
        margin-right: 1px;
        display: inline
}

#colormenu a {
        text-decoration: none;
        color: #FFF;
        position: absolute;
        display: block;
        text-align: center;
        margin-top: 0px;
        padding: 2px 1px 0px 1px;
}

html>body #colormenu a {
        height: 21px;
        padding: 1px 1px 0px 1px;
}

#colormenu a em {
        font-style: normal;
        padding: 0px 0px 0px 0px;
}

#colormenu a.grey { background: #666666; }
#colormenu a.magenta { background: #6633CC; }
#colormenu a.pink { background: #990099; }
#colormenu a.blue { background: #3366CC; }
#colormenu a.orange { background: #CC6600; }
#colormenu a.lightgreen { background: #669933; }

#colormenu a:hover {
        width: 100px;
        height: 30px;
        z-index: 200;
        background: transparent;
}

#colormenu a:hover em, #colormenu li.selected a em {
        overflow: hidden;
        cursor: pointer;
        padding: 5px 0px 0px 0px;
        color: black;
        position: absolute;
        width: 102px;
        height: 30px;
        left: -1px;
        top: -7px;
        border: 1px solid white;
}

/* this only works if menus go into selected (permanent) state when clicked */
#colormenu a:active, #colormenu a:focus {
        width: 0px;
        height: 0px;
        outline: 0;
}

html>body #colormenu a:hover em, #colormenu li.selected a em {
        height: 26px;
        top: -10px;
}  

#colormenu a:hover.grey em { background: url(../images/grey_ani.gif); }
#colormenu a:hover.magenta em { background: url(../images/lavender_ani.gif);}
#colormenu a:hover.pink em { background: url(../images/pink_ani.gif); }
#colormenu a:hover.blue em { background: url(../images/cyan_ani.gif); }
#colormenu a:hover.orange em { background: url(../images/orange_ani.gif);  }
#colormenu a:hover.lightgreen em { background: url(../images/limegreen_ani.gif); }

#colormenu li.selected a em {
        color: black;
}

/****Ab hier Unternaviagtion****/
#colormenu li.selected a.grey em, #submenu ul.grey li.selected, #leftcolumn a:hover.grey em { background: #EBEBEB; }
#colormenu li.selected a.magenta em, #submenu ul.magenta li.selected, #leftcolumn a:hover.magenta em { background: #CCBBFF; }
#colormenu li.selected a.pink em, #submenu ul.pink li.selected, #leftcolumn a:hover.pink em { background: #FF99FF; }
#colormenu li.selected a.blue em, #submenu ul.blue li.selected, #leftcolumn a:hover.blue em { background: #66CCFF; }
#colormenu li.selected a.orange em, #submenu ul.orange li.selected, #leftcolumn a:hover.orange em { background: #FFCC66; }
#colormenu li.selected a.lightgreen em, #submenu ul.lightgreen li.selected, #leftcolumn a:hover.lightgreen em { background: #CCFF66; }

#leftcolumn {
        height: 800px;
        float: left;
        width: 269px;
        background: #ddd;
}

#leftcolumn ul {
        list-style: none;
        margin: 15px 0px 0px 30px;
        padding: 0px 0px 10px 0px;
        border-top: 3px solid #fff;
}

#leftcolumn ul li {
        padding: 2px 0px 4px 10px;
        border-bottom: 3px solid #fff;
}

#submenu ul.magenta li { background: #DEDCFF; }
#submenu ul.pink li { background: #FFCDFF; }
#submenu ul.blue li { background: #BBEEFF }
#submenu ul.orange li { background: #FFEEBB; }
#submenu ul.lightgreen li { background: #EEFFBB; }

#leftcolumn ul li a { color:#777; }
#leftcolumn ul li a:hover, #leftcolumn ul li a:visited { color:#000; }

#submenu ul li a, #submenu ul li a:hover em {       
        padding: 2px 0px 2px 10px;
        margin: -2px 0px -4px -10px;
        color: black;
        width: 229px;
        height: 20px;
}

#submenu ul li a {
        display: block;
}

#submenu ul li a em {
       font-style: normal;
}

#submenu ul li a:hover {
        z-index: 400;
        width: 229px;
        height: 20px;
        background: transparent;
} 

#submenu ul li a:hover em {
        overflow: hidden;
        position: absolute;
        cursor: pointer;           
}

#languagemenu a {
        margin: 0px;
        padding: 3px 0px 2px 0px;
}

#languagemenu img {
        margin: 5px 0px -1px 10px;
}

#metapanel li, #languagemenu li {
        background-color: #999;
        padding: 0px 0px 0px 0px;
        color: white;
}

ul#metapanel li a {
        color: #CCFF99;
}

ul#languagemenu li a, ul#metapanel li a#imprint {
        color: #DDD;
}

#newshead {
        font-weight: bold;
}

ul#stats {
        border: 0px;
        margin: 0px 0px 0px 70px;
        padding: 0px 0px 0px 0px;
}

ul#stats li {
        border: 0px;
        padding: 0px;
        margin: 0px;
}

p.validity_label {
       float: left; 
       margin: 0px 0px 0px 29px;
       display: inline;        
}

html>body p.validity_label {
        margin: 17px 0px 0px 29px;
}        

p.validity_label a img {
        border: 0px;
}

#content {
        max-height: 690px;
        background-color: #fff;
        float: right;
        width: 531px;
        padding: 20px 25px 20px 25px;
        overflow: auto;
}

html>body #content {
        width: 481px;
}

#content a {
        font-weight: bold;
        color: #20B2AA;
}

#content ul li {
        padding-bottom: 10px;
} 

.clear {
        clear: both;
}

.imagefloatright {
        text-align: left;
        float: right;
        margin: 0px 0px 10px 10px;
        clear: left;
}

.imagefloatleft {
        float: left;
        margin: 0px 10px 10px 0px;
}

.gallery img {
        margin: 10px 20px 5px 0px;
}

.thumbnail {
        float: left;
        height: 180px;
        border: 0px solid black;
        width: 147px;
        padding: 10px 3px 5px 3px;
        margin: 0px 5px 5px 0px;
        text-align: center;
} 
       
.thumbnail a img {
        border: none;
}

#content a.actualpage {
        color: #FF9933;
}

#content p.imageblock, .imagecaption {
        text-align: center;       
}

#content p.imageblock {
        height: 500px;
} 

#content p.imageblock img {
        display: inline;
        vertical-align: middle;      
}

#content p.imageblock img.landscape {
        margin: 40px 0px 10px 0px;
        max-width: 481px;
}        

#content p.imageblock img.portrait {
        height: 481px;
        margin-bottom: 10px;
}
  
p.backlink, p.backtotoplink, p.nextlink {
        float: left; 
        width: 140px; 
        cursor: pointer; 
        text-align: left; 
}

p.backtotoplink {
        text-align: center;
        margin-left: 20px; 
}

p.nextlink {
        float: right; 
        text-align: right; 
}

.disclaimer, .imagefloatright {
        font-size: 88%;
}

.quotation {
        font-style: italic;
}

table tr td {
        vertical-align: top;
}

table {
        margin: 0px 0px 0px 0px;
}

table#guests th {
        text-align: left;
        border-bottom: 1px solid black;
        background-color: #669999;
        color: #fff; 
}

table#guests td, form.contact fieldset {
        background-color: #ECFFF0;
}
 
table#guests td{
        vertical-align: top;
        border-bottom: 1px solid black;
}

table.articlesheet td {
        border-bottom: 1px solid #999;
}

table.articlesheet th {
        margin-left: 0px;
        padding-left: 3px;
}
        
/****Formangaben***/

form.contact ul li label, form.edit ul li label {
        width: 160px;
        float: left;
        vertical-align: top;
        padding: 0px 0px 4px 10px;
        margin: 0px;
}

#edit ul li label {
        width: 100px;
}

html>body  form.contact ul li label, html>body form.edit ul li label {
        padding: 0px;
}

form.contact ul, form.edit ul {
        padding: 0px;
        margin: 5px 0px 0px 0px;
}

form.contact ul li, form.edit ul li {
        clear: both;
        list-style: none; 
        line-height: .9em;
        margin: 0px; 
        padding: 0px;
}

html>body form.contact ul li, html>body form.edit ul li {
        line-height: 1.5em;
}

form.contact ul li input, form.contact ul li textarea {
        width: 265px;
        padding: 0px;
        margin: 0px;
        float: left;
        border: 1px solid #669999;
}

#edit ul li input, #edit ul li textarea {
        width: 330px;
}

form.contact ul li input  {
        height: 1.6em;
}

html>body form.contact ul li input  {
        height: 1.5em;
}


html>body form.contact ul li input, form.contact ul li textarea {
        width: 250px;
}
       
form.contact ul li .radiobuttonfield,  form.contact ul li .buttonfield {
        display: block;
        padding-left: 160px;
}

#edit .radiobuttonfield, #edit .buttonfield {
        padding-left: 100px;
}

form.contact ul li .radiobuttonfield label {
        display: inline;
        float: none;
        padding: 10px 5px 4px 0px;
        width: 1%;       
}

form.contact ul li .radiobuttonfield input, form.contact ul li .buttonfield input, form.contact ul li .valuetext {
        margin: 10px 5px 0px 0px;
        width: 15px;
        height: auto;
        float: none;
        border: none;
}

#edit ul li .radiobuttonfield input, #edit ul li .buttonfiled input {
        width: 15px;
}

html>body #male, html>body #female {
        margin-top: 6px;
}

form.contact ul li .buttonfield input, #edit .buttonfield input {
        width: 100px;
        border: 1px outset #669999;
        height: 25px;
        background-color: #CCDDCC;
}

html>body form.contact ul li .buttonfield input {
        padding-bottom: 3px;
}        

.hint {
        color: red;
}

p.signhint {
        margin-left: 2px;
}

/* Werte für Photo-Strip Gallery */
#photo_strip {
        max-width: 481px;  /*original 630px */
        margin-left: 0px;
}

#container {
        max-width: 481px;
        margin: 0; 
        padding: 0; 
        height: 330px;  /*original 430px*/ 
        overflow: auto; 
        color: #222; 
        background: #fff;
}

#container ul {
        margin: 0; 
        padding:0; 
        list-style: none; 
        white-space: nowrap; 
        display: table-row;
}

#container ul li {
        display: table-cell; 
        padding: 0 15px; 
        background: #fff; 
        border-bottom: 1px solid #888; 
        vertical-align: top;
}

#container ul li img {
        border: 1px solid #555; 
        margin: 30px 0 10px 0;
}

#photo_strip h1 {
        text-align: center; 
        padding: 0; 
        margin: 0; 
        max-width: 481px; /* original 630px; */
        height: 38px; 
        line-height: 35px; 
        color: #555; 
        font-weight: normal; 
        font-size: 20px; 
        border-bottom: 1px solid #888;
}

#container p {
        margin: 0; 
        padding: 5px 0; 
        font-size: 0.9em;
}
/*####Ende Photostrip-Gallery####*/ 

/**** Front-Sliodeshow with fadein ****/
.centerdiv { /*IE method of centering a relative div*/
 text-align: center;
}

.centerdiv>div {  /*Proper way to center a relative div*/
 margin: 0 auto;
}