/* ==== COMMON SETTINGS ==== */
*	    { margin:0; padding: 0; }
a	    { text-decoration: none; font: 9pt Geneva,Arial,Helvetica,sans-serif; color: #7C5082; }
p	    { padding-bottom: 15px; }
a:hover	    { text-decoration: none; color: #999; }
body	    { background: #222 url('img/body.jpg') 0 0; font: 9pt Arial, Helvetica, sans-serif; color: #fff; }
h1	    { font-size: 9pt; margin-bottom: 15px; }
h2	    { font: 22pt "Courier New",Courier,mono; color: #fff; font-weight: bold; margin-bottom: 30px; }
.clear	    { clear: both; }
p.success   { display: block; height: 20px; font: 12px Arial; padding: 5px 5px 0px 5px; margin: 10px 0; color: #fff; background: #1e5d0d; font-weight: bold; }
.button	       { float: left; display: block; width: 200px; background: #7C5082; color: #fff; font-weight: bold; padding: 5px; margin-right: 5px; }
.button:hover  { background: #fff; color: #7C5082; }

/* ==== PAGE POSITIONING ==== */
#wrapper    { width: 820px; margin: 0 auto; margin-bottom: 20px; }
#main	    { width: 400px; }
#right	    { width: 400px; }
#container  { padding: 30px 10px; }
#footer	    { position: relative; background: #282828; padding: 10px; }

/* ------> Forms <------ */
fieldset	  { border: 1px solid #666; padding: 10px; margin-bottom: 15px; }
legend		  { padding: 0 5px; font-weight: bold; }
label		  { float: left; display: block; width: 120px; padding-right: 10px; margin-bottom: 5px; }
.select,
.textarea,
.text		  { border: 1px dotted #999999; padding: 1px; font: 9pt Arial; width: 220px; margin-bottom: 5px; }
.select		  { width: 225px; }
.submit		  { background: #7C5082; border: 1px dotted #fff; padding: 0 5px; font: 9pt Arial; color: #fff; font-weight: bold; }
.submit:hover	  { cursor: pointer; }

/* ------> Header <------ */
#header .backhome	      { position: absolute; top: 10px; left: 10px; font: 13px "Courier New",Courier,mono; color: #fff; font-weight: bold; }
#header .sitename	      { display: block; font: 30px "Courier New",Courier,mono; color: #fff; font-weight: bold; margin: 58px 0 5px 10px; }
#header .sitename:hover	      { color: #999; }
#header .searchbox	      { position: relative; height: 65px; background: #7C5082; width: 100%; }
#header .searchbox.start      { height: 420px; }
#header .searchbox img	      { position: absolute; top: 10px; left: 10px; }
#header .searchbox form	      { position: absolute; top: 12px; left: 500px; }
#header .searchbox form .text { margin-top: 5px; }
#header .searchbox.start form { position: absolute; top: 185px; left: 500px; }
#header .searchbox .text      { width: 140px; }

/* ------> Right <------ */
#right .box		      { float: right; width: 130px; border: 1px dotted #999999; padding: 4px; margin-right: 40px; }
#right .box.last	      { margin-right: 20px; }
#right .box h3		      { line-height: 17px; background: #7C5082; font: 13px "Courier New",Courier,mono; color: #fff; padding: 0 1px; margin: 5px 0 5px 0; font-weight: bold; }
#right .box p		      { padding: 0; font-size: 8pt; }
#right .box a		      { float: right; margin-top: 5px; font: 9pt Geneva,Arial,Helvetica,sans-serif; font-weight: bold; }
#right .appointment	      { border: 1px dotted #fff; padding: 10px; }
#right .appointment .day,
#right .appointment .month,
#right .appointment .hour,
#right .appointment .minute,
#right .appointment .year     { background: #7C5082; width: 30px; color: #fff; padding: 1px 3px; }
#right .appointment .year     { width: 35px; }
#right .appointment .date,
#right .appointment .time     { float: left; width: 50%; text-align: center; }
#right .appointment .comment  { clear: both; padding: 30px 0; }
#right .appointment .textarea { background: #7C5082; color: #fff; font: 9pt Arial; border: 1px dotted #fff; height: 100px; width: 365px; padding: 5px; }
#right .appointment .text     { background: #7C5082; color: #fff; }
#right .appointment .select   { background: #7C5082; color: #fff; font: 9pt Arial; border: 1px dotted #fff; width: 70px; margin-bottom: 20px; }
#right .appointment .label    { float: left; background: #282828; width: 175px; padding: 5px; margin-bottom: 7px; }
#right .appointment .label .text { width: 97%; }
#right .appointment .label.right { float: right; }
#right .appointment .text.error { background: #ff0000; }


/* ------> Main <------ */
#main .mod_customnav	      { border-bottom: 1px solid #7C5082; height: 25px; line-height: 25px; margin-bottom: 20px; }
#main .mod_customnav li	      { display: inline; }
#main .mod_customnav span     { padding: 5px 10px; background: #7C5082; color: #fff; }
#main .mod_customnav a	      { padding: 5px 10px; background: #4B314F; color: #DDD1DF; }

#main .barber		      { background: #282828; line-height: 24px; margin-bottom: 10px; }
#main .barber a		      { float: left; display: block; width: 200px; line-height: 22px; padding-left: 5px; }
#main .barber a		      { background: #7C5082; color: #fff; font-weight: bold; border: 1px dotted #fff; margin-right: 5px; }
#main .address		      { font-weight: bold; }
#main .text		      { background: #7C5082; color: #fff; }
#main .select		      { background: #7C5082; color: #fff; }
#main .textarea		      { background: #7C5082; color: #fff; }
#main .profileinfo	      { margin-top: 10px; }
#main .profileinfo label      { float: none; width: 100%; }
#main .profileinfo .text,
#main .profileinfo .textarea  { width: 370px; }
#main .profileinfo p	      { font-size: 7pt; padding: 0; }
#main .table		      { border: 1px dotted #fff; }
#main .table td		      { padding: 3px; background: #252525; }
#main .table a		      { font-weight: bold; color: #fff; }

#footer .mod_login	      { position: absolute; top: 10px; right: 10px; text-align: right; width: 200px; line-height: 20px; color: #ccc; line-height: 40px; }
#footer .imprint	      { position: absolute; bottom: 8px; right: 12px; color: #999999; font-size: 8pt; }