/* ===============================
   = Undohtml
=============================== */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}
p {margin-bottom: 1em;}
ul {list-style: circle;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: square;}
ul li ol {margin: 1em 0 1em 1em;}

/* ===============================
   = General Styling
=============================== */

* { font-size: 1em; /* don't edit! */ }
html { font-size: 62.51%; /* don't edit */ }
body {
	font-size: 1.2em; /* edit here to change font size globaly 1em = 10px */
	background:#edeae1 url(/img/bg-footer.gif) left bottom repeat-x;
	color:#303030;
	font-family: Arial, sans-serif;
	text-align: center;
}

a img,:link img,:visited img { border:none }
.screenreader,
.hidden {
	display: none;
}
fieldset {
   border: none 0;
}
.clear {
	clear: both;
}

input, button, textarea, select {font: inherit;}

a {color: #64DAEB;}

h1 {color: #333; font-family: Georgia, serif; margin: 0 0 10px 0; font-size: 20px; font-weight: normal;}

.error {background: #fff2f6; border: 1px solid #de8ca3; text-align: center; margin: 10px 0 0 0; padding: 10px; color: #ce7991; font-weight: bold; display: block;}

pre.gray {margin: 0; padding: 10px; overflow-x: scroll; width: 500px; background: #f0f0f0;}
label {cursor: pointer;}

small {clear: both; display: block; padding: 5px 0 0 0; font-size: .75em; color: #a0a0a0;}

/* ===============================
   = Container
=============================== */

div#wrapper {font-size: 1.2em; text-align: left; background: #fff url(/img/middle.gif) repeat-y; position: relative; margin: 50px auto; margin-bottom: 750px; width: 756px;}
div#footer { text-align: left; border-bottom: 1px solid #56a7ac; background: url(/img/footer-bg.gif); height: 28px; padding: 0px; margin: 0; position: absolute; top: 0; left: 0; width: 100%;}
div#footer p {margin: 0; padding: 5px 0 0 10px; font-size: 11px; font-family: Trebuchet MS, sans-serif; color: #0084B4;}
div#footer a {color: #0084B4;}

div.top-round {
	background: url(/img/top-round.gif) no-repeat;
	height: 51px;
	width: 756px;
}

div.bottom-round {
	background: url(/img/bottom-round.gif) no-repeat;
	width: 756px;
	height: 47px;
}

.innerwrapper {padding: 10px 60px 0 60px; position: relative;}
form {position: relative;}
form ol,
form ol li,
form ul li,
form ul {margin: 0; padding: 0; list-style: none;}

form ol li {margin: 0 0 20px 0;}
form ol li ul li {float: left; width: 315px;}
#date {position: absolute; color: #37C3DB; font-weight: bold; top: 242px; left: 356px; font-size: 14px; text-align: left; width: 250px;}


button.submit {background: url(/img/button-submit.jpg) no-repeat; display: block; width: 175px; height: 52px; border: 0; cursor: pointer;}
button.submit span {display: none;}

.first {height: 25px; background: url(/img/1.gif) no-repeat; padding: 0 0 10px 30px;}
.second {height: 80px;clear: both; background: url(/img/2.gif) no-repeat; padding: 0 0 10px 30px;}
.third {height: auto;clear: both; background: url(/img/3.gif) no-repeat; padding: 0 0 10px 30px;}

.first select {border: 1px solid #BFBCB3; padding: 1px; font-size: 1em;}

h1 {background: url(/img/hochzeitscountdown.gif) no-repeat; width: 287px; height: 24px;}
h1 span {display: none;}

h2 {font-family: Georgia, serif; font-weight: normal; margin: 0 0 15px 0; color: #2CA7B9; font-size: 18px;}

input#preview {float: left; margin: 0 6px 0 0;}
input#email {padding: 2px;border: 1px solid #BFBCB3; }
label {float: left; width: 250px;}
.right {float: left;}

#layouts {clear: both; position: absolute; top: 470px; margin: 0 0 80px 0;}
#layouts ul {margin: 0;}
.preview {clear: both;}

/*.pick {background: url(/img/color_wheel.gif) no-repeat; padding: 0 0 0 22px; display: block; margin: 5px 0 5px 0;}*/

.prom {margin-top: 20px; font-size: .75em;}
.prom a {color: #69624E;}

.siteend {clear: both; padding: 0 0 20px 0; font-size: .9em;}
.siteend a {color: #69624E;}