html {height: 100.3%; font-size: 62.5%;}

* {margin: 0px; padding: 0px; border: 0px;}

body {
        font-family: "Verdana", sans-serif;
        font-size: 1.2em; /*1.2*/
        line-height: 1.8em;  /* 1.8*/
        text-align: center;
        background: #770000 url(bilder/bg.png) repeat-x;
}

/* LINKS, PARAGRAPHS INPUTS TEXTAREA SPAN*/
a {color: #CB0000; text-decoration: none;}
a:link {}
a:visited {}
a:hover {}
a:active {}

div#menu a:hover,
body#home li.home a, body#register li.register a,
body#gift li.gift a,
body#wishes li.wishes a,
body#guestbook li.guestbook a,
body#wedding li.wedding a,
body#apero li.apero a,
body#dinner li.dinner a,
body#pictures li.pictures a,
body#contact li.contact a,
body#admin li.admin a
 {
         background: #FFFFFF url(bilder/heart.png) no-repeat left;
}
div#footer a {color: #FFFFFF;}
p, a{font-size: 1.25em; padding: 3px 0px;}
p a{font-size: 1.0em;}
.large{font-size: 1.4em;}
.important{font-weight: bold;}
.linkToPage{color: #FFFFFF; margin: 100px; font-size: 25px;}
p.error{color: red; padding: 5px; text-align: center; font-weight: bold;}
body#gift p {text-align: left;}
body#gift p.longtext{text-align: justify; margin-right: 30px}
body#gift p a {color: #000000; text-decoration:underline;}
body#register p {padding: 5px; text-align: justify; font-weight: bold;}
a.gohome {text-align: center; font-weight: bold;}
.longtext{text-align: justify;}
body#contact p.large{
         float: right;
         width: 300px;
}
body#contact p.footnote {clear: both; color: #CB0000; font-size: 1.4em;}
input{
         border: 1px solid #000000;
         text-align: left;
}
textarea {border: 1px solid #000000;}

span.vergeben{color: #FF0000; font-weight: bold;}
span.frei{color: #00BF00; font-weight: bold;}


/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
        /*font-family: "Century Gothic", sans-serif;  */
        font-family: "Times New Roman", sans-serif;
        margin: 0em 0em 0em 0em;
        color: #000000;
        text-align: center;
        font-weight: bold;
        padding: 5px 2px 15px 2px;
}
/*h1 {font-size: 2.4em; font-weight: normal;} */
h1 {font-size: 2.4em; padding-top: 0px;}
.welcome {font-size: 2.2em;}
.notfirsth1 {padding-top: 15px;}
/*body#contact .notfirsth1 { clear: right; } */
h2 {font-size: 2.0em; padding-top: 0px;}
.notfirsth2 {padding-top: 15px; color: #9F9F9F;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.2em;}

/* TABLES */
/*body#guestbook table{margin-right: 15px;}    */
/*body#guestbook table a{color: #0000DF;}   */
/*body#wishes table, body#admin table, body#gift table{    */
table{
         background: #FFFFFF;
         padding: 15px;
         width: 100%;
         text-align: left;
}
body#wishes td, body#gift td{
         padding: 5px 10px;
}
body#guestbook td{vertical-align:top; padding: 3px 5px;}
body#guestbook td.smileytable{ padding: 0px;}
body#gift td.top {vertical-align:top;}
body#wishes td a{
         color: #000000;
         text-decoration: underline;
         text-align: center;
}

body#guestbook td {font-size: 1.2em;}
body#guestbook td a{font-size: 1.0em;}
body#register td{text-align: left; padding: 3px 5px;}

/* IMAGES */
img {padding: 8px 5px 15px 5px;}
.smiley {padding: 0px 3px;}

div#galerie {position: relative; height: 750px;}

a.smallpic img{
         border: 1px solid #CCCCCC;
         padding: 5px;
         margin-bottom: 5px;
}
a.smallpic:hover img{background: #CB0000;}
a.smallpic span {
         position: absolute;
         background: #FFFFFF;
         padding: 10px;
         left: -1000px;
         border: 1px solid #CCCCCC;
         visibility: hidden;
         color: #FFFFFF;
         text-decoration: none;
}
a.smallpic span img {border-width: 0px; padding: 2px;}
a.smallpic:hover span {
         visibility: visible;
         top: -30px;
         left: -400px;
         z-index: 50;
}
a.smallpic:hover span img{background: #FFFFFF;}
a.smallpic:hover .bottom{ top: 290px;}
a.smallpic:hover .hf{ left: -300px;}
a.smallpic:hover .bottomhf{ top: 290px; left: -300px;}


div#wrapper {
        width: 760px;
        margin: 0px auto;
        /* margin: 0px; 40px; */
        text-align: left;
        background: #FFFFFF;
}

div#header {
         height: 160px;
         background: #FFFFFF url(bilder/header.jpg) no-repeat;
         padding: 10px 0px 30px 0px;
         /*border-bottom: 15px solid #FFFFFF; */
}


div#wrap_content {
         background: #FFFFFF url(bilder/footer.png) no-repeat bottom left;
         padding-top: 20px;
         padding-bottom: 250px;
}

div#menu {
         text-align: center;
         float: left;
         padding: 0px 10px;
         background-color: #FFFFFF;
}
div#menu ul {
         list-style-type: none;
         font-weight: bold;
         color: #FFFFFF;
         padding: 0px;
         width: 100px;
}
div#menu ul li{
         padding: 8px 3px 8px 0px;
}
div#menu ul a {
         font-size: 1.4em;
         padding: 0.2em 1.0em 0.4em 1.7em;
         color: #FF4040; /*colorscheme hell */
}


div#wrap_content {min-height: 300px;}

div#maincontent{
         text-align: center;
         margin-left: 180px;
         margin-right: 30px;
         padding-top:  0px;
}
div#footer {
         clear: both;
         text-align: center;
         background: #770000;
}