/* General */
body { font-family: Verdana, sans-serif; }
a, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
input.fieldWithErrors, textarea.fieldWithErrors, select.fieldWithErrors { border-color: #ff0000; }
span.formError { color: #ff0000; font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }

h1, h2, h3, h4, h5, h6 { position: relative; }
h1 { font-size: 2em; margin-bottom: 0.75em; padding: 8px 39px; }
h2 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; padding: 6px 39px; }
h3 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; padding: 4px 39px; }
h4 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; padding: 4px 39px; }
h5 { font-size: 1em; font-weight: bold; padding: 4px 39px; }
h6 { font-size: 1em; font-weight: bold; padding: 4px 39px; }

/* Page Layout */
img.banner { height: 234px; width: 790px; }

div#header { height: 234px; overflow: hidden; }
div#header img#logo { height: 234px; }

div#menu { position: relative; clear: both; height: 100px; background-repeat: no-repeat; background-position: top 0; }
div#menu a { display: block; position: absolute; height: 100%; top: 0; }
div#menu a:hover { text-decoration: none; }

div#menu.two-tabs a { width: 390px; }
div#menu.two-tabs a#tab-1 { left: 0px; background-position: 0px 0px; }
div#menu.two-tabs a#tab-1-active { left: 0px; background-position: 0px -100px; }
div#menu.two-tabs a#tab-2 { left: 400px; background-position: -400px 0px; }
div#menu.two-tabs a#tab-2-active { left: 200px; background-position: -267px -100px; }

div#menu.three-tabs a { width: 256px; }
div#menu.three-tabs a#tab-1 { left: 0px; background-position: 0px 0px; }
div#menu.three-tabs a#tab-1-active { left: 0px; background-position: 0px -100px; }
div#menu.three-tabs a#tab-2 { left: 267px; background-position: -267px 0px; }
div#menu.three-tabs a#tab-2-active { left: 200px; background-position: -267px -100px; }
div#menu.three-tabs a#tab-3 { left: 534px; background-position: -534px 0px; }
div#menu.three-tabs a#tab-3-active { left: 400px; background-position: -534px -100px; }

div#menu.four-tabs a { width: 190px; }
div#menu.four-tabs a#tab-1 { left: 0px;  background-position: 0px 0px; }
div#menu.four-tabs a#tab-1-active { left: 0px; background-position: 0px -100px; }
div#menu.four-tabs a#tab-2 { left: 200px; background-position: -200px 0px; }
div#menu.four-tabs a#tab-2-active { left: 200px; background-position: -200px -100px; }
div#menu.four-tabs a#tab-3 { left: 400px; background-position: -400px 0px; }
div#menu.four-tabs a#tab-3-active { left: 400px; background-position: -400px -100px; }
div#menu.four-tabs a#tab-4 { left: 600px; background-position: -600px 0px; }
div#menu.four-tabs a#tab-4-active { left: 600px; background-position: -600px -100px; }

div#menu.five-tabs a { width: 150px; }
div#menu.five-tabs a#tab-1 { left: 0px; background-position: 0px 0px; }
div#menu.five-tabs a#tab-1-active { left: 0px; background-position: 0px -100px; }
div#menu.five-tabs a#tab-2 { left: 160px; background-position: -160px 0px; }
div#menu.five-tabs a#tab-2-active { left: 160px; background-position: -160px -100px; }
div#menu.five-tabs a#tab-3 { left: 320px; background-position: -396px 0px; }
div#menu.five-tabs a#tab-3-active { left: 320px; background-position: -396px -100px; }
div#menu.five-tabs a#tab-4 { left: 480px; background-position: -528px 0px; }
div#menu.five-tabs a#tab-4-active { left: 480px; background-position: -528px -100px; }
div#menu.five-tabs a#tab-5 { left: 640px; background-position: -640px 0px; }
div#menu.five-tabs a#tab-5-active { left: 640px; background-position: -640px -100px; }

div#menu.six-tabs a { width: 130px; }
div#menu.six-tabs a#tab-1 { left: 0px; background-position: 0px 0px; }
div#menu.six-tabs a#tab-1-active { left: 0px; background-position: 0px -100px; }
div#menu.six-tabs a#tab-2 { left: 132px; background-position: -132px 0px; }
div#menu.six-tabs a#tab-2-active { left: 132px; background-position: -132px -100px; }
div#menu.six-tabs a#tab-3 { left: 264px; background-position: -264px 0px; }
div#menu.six-tabs a#tab-3-active { left: 264px; background-position: -264px -100px; }
div#menu.six-tabs a#tab-4 { left: 396px; background-position: -396px 0px; }
div#menu.six-tabs a#tab-4-active { left: 396px; background-position: -396px -100px; }
div#menu.six-tabs a#tab-5 { left: 528px; background-position: -528px 0px; }
div#menu.six-tabs a#tab-5-active { left: 528px; background-position: -528px -100px; }
div#menu.six-tabs a#tab-6 { left: 660px; background-position: -660px 0px; }
div#menu.six-tabs a#tab-6-active { left: 660px; background-position: -660px -100px; }

div#left { font-weight: bold; }
div#left a { font-weight: normal; }
div#left strong * { font-weight: bold; }

div#content { position: relative; padding-top: 18px; border: 1px solid; border-top: none; }
div#content div.wrapper, div#content form.wrapper { padding: 0 39px; }

div#footer { text-align: center; padding-top: 18px; padding-bottom: 18px; }
div#footer a, div#footer a:visited { text-decoration: underline; }
div#footer a:hover, div#footer a:active { text-decoration: none; }

/* Category Layout */
div.post div.blog1 div.with-motive, div.post div.blog1 div.without-motive { }
div.post div.blog1 div.without-motive h2.title { }
div.post div.blog1 div.without-motive div.body { width: 710px; }
div.post div.blog1 div.with-motive h2.title { }
div.post div.blog1 div.with-motive img.motive { width: 150px; }
div.post div.blog1 div.with-motive div.body { width: 550px; }

div.post div.blog2 div.with-motive, div.post div.blog2 div.without-motive { }
div.post div.blog2 div.without-motive h2.title { }
div.post div.blog2 div.without-motive div.body { width: 710px; }
div.post div.blog2 div.with-motive h2.title { }
div.post div.blog2 div.with-motive img.motive { float: left; margin: 1.5em 1.5em 1.5em 0; padding:0; width: 150px; }
div.post div.blog2 div.with-motive div.body { width: 710px; }

div.post div.event1 div.with-motive, div.post div.event1 div.without-motive { }
div.post div.event1 div.without-motive h2.title { }
div.post div.event1 div.without-motive div.body { width: 710px; }
div.post div.event1 div.with-motive h2.title { }
div.post div.event1 div.with-motive img.motive { width: 710px; }
div.post div.event1 div.with-motive div.body { width: 710px; }

img.photo { width: 170px; }

/* Content Layout: Forms */
div#content form div.size-1 { width: 710px; }
div#content form div.size-1 input.text,
div#content form div.size-1 input.title,
div#content form div.size-1 textarea {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
  width: 696px!important;
}
div#content form div.size-2 { width: 350px; }
div#content form div.size-2 input.text,
div#content form div.size-2 input.title,
div#content form div.size-2 textarea {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
  width: 338px!important;
}
div#content form div.size-3 { width: 230px; }
div#content form div.size-3 input.text,
div#content form div.size-3 input.title,
div#content form div.size-3 textarea {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
  width: 218px!important;
}
div#content form div.size-4 { width: 170px; }
div#content form div.size-4 input.text,
div#content form div.size-4 input.title,
div#content form div.size-4 textarea {
  border-left-width: 1px!important;
  border-right-width: 1px!important;
  padding-left: 5px!important;
  padding-right: 5px!important;
  width: 158px!important;
}

/* Content Layout: Comments */
div#content ol#comments { }
div#content ol#comments { margin-left: 150px; margin-right: 0; list-style: none; }
div#content ol#comments li { position: relative; margin: 0; padding: 20px 20px 35px 40px; width: 480px; background-repeat: no-repeat; }
div#content ol#comments li div.meta { position: absolute; top: 20px; left: -150px; width: 140px; text-align: right; }

div#content form#new_comment { }
div#content form#new_comment textarea#comment_content { height: 125px; } 
div#content form#new_comment #recaptcha_widget_div { margin-bottom: 1.5em; background: white; }

/* Pagination */
.pagination { clear: both; background: #f1f1f1; border: 1px solid #e5e5e5; text-align: center; padding: 1em; margin-bottom: 1.5em; }
.pagination a, .pagination span { padding: .2em .3em; }
.pagination span.disabled { color: #aaaaaa; }
.pagination span.current { color: #777777; font-weight: bold; }
.pagination a, .pagination a:visited, .pagination a:active { text-decoration: none; color: black; }
.pagination a:hover, .pagination a:focus { text-decoration: underline; }


/* BEGIN steiner-raumdesign */

/* General Customization */
body { color: #ffffff; background-color: #4f382d; }
a, a:visited { color: #aaaaaa; }
a:hover, a:active { color: #ffffff; }
h1, h2, h3, h4, h5, h6 { background: #907b6f; color: #ffffff; }

/* Opener */
#opener { position: absolute; top: 50%; margin-top: -117px; height: 234px; overflow: hidden; }
#opener div { position: relative; padding: 10px; width: 290px; height: 214px; }
#opener div p { position: absolute; right: 20px; bottom: 20px; margin: 0; text-align: right; }
#opener img#logo { height: 234px; }
#opener * { color: #ffffff; }
#opener a { font-weight: bold; }
#opener div { background-color: #907b6f; }

/* Opener Banner */
#opener { margin-top: -192px; height: 384px; background: url(http://cdn.proactive.cc/copilothq/4/assets/133-1281183481.jpg) bottom center no-repeat; }

/* Page Layout Customization */
div#menu, div#menu a { background-image: url(http://cdn.proactive.cc/copilothq/4/assets/132-1281183481.jpg); height: 72px; }
div#content { border-color: #ffffff; }
div#footer, div#footer a { color: #ffffff; }

/* Guestbook and Comments Customization */
div#content ol#comments li { background-image: url(http://cdn.proactive.cc/copilothq/4/assets/129-1281183481.png); }

/* END steiner-raumdesign */