/* CSS Document for Dammeyer+Selzer */

/* BROWSER RESET
----------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
  margin:0;
  padding:0;
}
p { margin-bottom:25px; }
fieldset,img { 
  border:0;
}
ol,ul {
  list-style:none;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
a, a:link, a:active, a:visited, a:hover {
  color:#283828;
  text-decoration:underline;
  font-style:normal; font-weight:normal;
}
a:hover { text-decoration:underline; color:#45a12a; }
a img { border:none; }



/* -------------------------------------------------------------------------+
|
|                COLOUR and FONTS
|
+---------------------------------------------------------------------------+

Dammeyer Green
#45a12a;

Light Green
#e1f2bb;

Darker Green Grey
#8e988f;

Text
#283828; (std dark text on white)
#45a12a; (headline on white, submenu links)
#7fa075; (inactive menu)


/* -------------------------------------------------------------------------+
|
|                MAIN STRUCTURE
|
+--------------------------------------------------------------------------*/

html, body {
  font-family: Arial, sans-serif;
  font-size:13px;
  font-weight:normal;
  color:#283828;
  line-height:17px;
  background-color:#f2f2f2;
}
html { overflow-y:scroll; }

#frame {
  width:1001px; padding:0px 2px 20px 2px; margin:0 auto;
  background:url(/real/user/images/bg_left.gif) 2px repeat-y;
  background-color:#FFF;
}

#top {
  width:1001px; height:404px; margin:0 auto;
  padding:2px;
  background-color:#FFF;
}

#ds {
  width:253px; height:404px; float:left;
  background:url(/real/user/images/topleft-logo.gif) no-repeat;
}

#logo {
  width:748px; height:118px; float:right;
  background:url(/real/user/images/bg_topright.gif) repeat-x;
  margin-bottom:2px;
}

#left {
  width:251px; float:left;
  background:url(/real/user/images/bg_left.gif) top repeat-y;
  margin:0 2px 0 0;
  font-size:13px; color:#FFF;
}

#right {
  width:748px; float:right;
  background-color:#FFF;
}

#submenu {
  width:748px; height:44px;
  background:url(/real/user/images/bg_submenu.gif) no-repeat;
  margin-bottom:57px;
}

.content {
  width:580px;
  margin:0 0 50px 63px;
}

#bottom {
  width:1001px; height:15px;
  padding:0 2px 2px 2px; margin:0 auto;
  background:url(/real/user/images/bg_bottom.gif) left top no-repeat;
  background-color:#FFF;
}




/* -------------------------------------------------------------------------+
|
|                NAVIGATION
|
+--------------------------------------------------------------------------*/

#menu {
  width:262px; height:284px; float:left;
  background-color:#e1f2bb;
  overflow:hidden;
}

#menu ul li {
  width:262px; height:56px;
  margin:0;
  border-bottom:1px solid #add16a;
}

#menu ul li a {
  display:block;
  width:227px; height:34px;
  padding:22px 0 0 35px;
  text-decoration:none;
  font-size:14px; color:#7fa075;
}
#menu ul li a:hover {
  color:#8e988f;
  background-color:#f2fed6;
}
#menu ul li a:active, #menu ul li a:focus {
  color:#45a12a;
  background-color:#d8e6b8;
}
#menu ul li.active a {
  display:block;
  width:222px; height:34px;
  padding:22px 0 0 40px;
  text-decoration:none; font-weight:bold;
  font-size:15px; color:#1b4e0c;
}

#submenu ul li {
  float:left;
  height:44px;
}
#submenu ul li.active {
  float:left;
  height:27px;
  padding:15px 12px 0 12px;
  color:#45a12a;
  border-bottom:2px solid #45a12a;
}

#submenu ul li a {
  float:left;
  height:29px;
  padding:15px 12px 0 12px;
  font-size:13px; color:#8e988f; font-weight:bold;
  letter-spacing:1px;
  text-decoration:none;
}
#submenu ul li a:hover {
  font-size:13px; color:#45a12a;
  text-decoration:none;
}

#submenu ul li.index {
  height:31px;
  padding:13px 40px 0 30px; margin-right:10px;
  background:url(/real/user/images/bg_submenu-index.gif) right no-repeat;
  background-color:#bed884;
  font-size:14px; font-weight:bold; color:#FFF;
}


/* -------------------------------------------------------------------------+
|
|                IMAGES
|
+--------------------------------------------------------------------------*/



#logo img.logo { margin:44px 0 0 10px; }
#logo>img.topright { float:right; }

#teaser {
  width:484px; height:284px; float:right;
}

.imgright {
  display:block; float:right;
  border:1px solid #e1f2bb;
  margin-left:20px;
  margin-top:-20px;
}

img.teaserright { float:right; margin:-12px 7px 5px 7px; }

img.thumb {
  border:1px solid #9bcc78;
}

/* DS Team -- */

div.team {
  width:190px; float:left;
  margin-bottom:40px;
  font-size:11px;
}

div.team img {
  margin-bottom:15px;
}



/* -------------------------------------------------------------------------+
|
|                TYPOGRAPHY
|
+--------------------------------------------------------------------------*/


h2 {
  font-size:17px;
  font-weight:bold; font-style:italic;
  color:#45a12a;
  margin-bottom:30px;
  letter-spacing:0.1em;
}

h3 {
  font-size:14px;
  font-weight:bold;
  margin:0 0 5px 0; padding:0;
}

h4 {
  font-size:17px;
  font-weight:bold; font-style:italic;
  margin-bottom:28px;
}
h5 {
  font-size:12px;
  font-weight:bold; font-style:italic;
  text-transform:uppercase;
  margin:10px 0 15px 0; padding:15px 0 0 0;
  border-top:1px solid #e1f2bb;
}



p.small {
  font-size:10px; color:#8e988f;
}
p.small11 {
  font-size:11px;
}

p.w350 {
  width:350px;
  display:block; float:left;
}
p.event-text {
  width:350px; float:left; display:block;
  margin:5px 50px 25px 10px;
  font-size:12px;
}
p.event-date {
  width:160px; float:left; display:block;
  margin:5px 0 25px 0;
  font-size:12px;
}
span.d51515 { color:#d51515; }


#left a {
  color:#fff;
  text-decoration:none;
}
#left a:hover {
  text-decoration:underline;
}

.content ul {
  list-style:square;
  margin:10px 0 10px 20px;
}

.content li {
  line-height:19px;
}





/* -------------------------------------------------------------------------+
|
|                BOXES and BUTTONS
|
+--------------------------------------------------------------------------*/

#left>div.box {
  background:url(/real/user/images/border-left_top.gif) top no-repeat;
  padding:30px 0px 20px 30px;
}
#left>div.box p {
  padding-right:20px; margin-bottom:25px;
}

ul#pr-button {
  display:block; height:88px;
  margin-bottom:2px;
}

ul#pr-button li {
  width:374px;
  height:88px;
  float:left;
}
ul#pr-button li a {
  display: block;
  width:374px;
  height:88px;
  text-decoration:none;
}

li#pr-button1 a {
  background:url(/real/user/images/button-shop.gif) 0px 0px no-repeat;
}
li#pr-button1 a:hover {
  background:url(/real/user/images/button-shop.gif) 0px -88px no-repeat;
}
li#pr-button2 a {
  background:url(/real/user/images/button-contact.gif) 0px 0px no-repeat;
}
li#pr-button2 a:hover {
  background:url(/real/user/images/button-contact.gif) 0px -88px no-repeat;
}


ul.button {
  display:block;
  height:29px; /*width:178px;*/
  margin:5px 0px 2px 0px;
  list-style:none;
}

ul.button li {
  width:178px;
  height:29px;
  float:left;
  list-style:none;
  margin:0;
}
ul.button li.shop a {
  display: block;
  width:178px;
  height:29px;
  text-decoration:none;
  background:url(/real/user/images/sbutton-shop.gif) 0px 0px no-repeat;
}
ul.button li.shop a:hover {
  text-decoration:none;
   background:url(/real/user/images/sbutton-shop.gif) 0px -29px no-repeat;
}

ul.button li.bestellung a {
  display: block;
  width:178px;
  height:29px;
  text-decoration:none;
  background:url(/real/user/images/sbutton-bestellung.gif) 0px 0px no-repeat;
}
ul.button li.bestellung a:hover {
  text-decoration:none;
   background:url(/real/user/images/sbutton-bestellung.gif) 0px -29px no-repeat;
}

ul.button li.katalog a {
  display: block;
  width:178px;
  height:29px;
  text-decoration:none;
  background:url(/real/user/images/sbutton-katalog.gif) 0px 0px no-repeat;
}
ul.button li.katalog a:hover {
  text-decoration:none;
   background:url(/real/user/images/sbutton-katalog.gif) 0px -29px no-repeat;
}
ul.button li.pdf a {
  display: block;
  width:178px;
  height:29px;
  text-decoration:none;
  background:url(/real/user/images/sbutton-pdf.gif) 0px 0px no-repeat;
}
ul.button li.pdf a:hover {
  text-decoration:none;
   background:url(/real/user/images/sbutton-pdf.gif) 0px -29px no-repeat;
}

ul.button li.enlarge a {
  display: block;
  width:178px;
  height:29px;
  text-decoration:none;
  background:url(/real/user/images/sbutton-enlarge.gif) 0px 0px no-repeat;
}
ul.button li.enlarge a:hover {
  text-decoration:none;
   background:url(/real/user/images/sbutton-enlarge.gif) 0px -29px no-repeat;
}

ul.button li.anmeldung a {
  display: block;
  width:178px;
  height:29px;
  text-decoration:none;
  background:url(/real/user/images/sbutton-anmeldung.gif) 0px 0px no-repeat;
}
ul.button li.anmeldung a:hover {
  text-decoration:none;
   background:url(/real/user/images/sbutton-anmeldung.gif) 0px -29px no-repeat;
}



div.contentimg /* for images, download buttons and such next to the content p */ {
  width:178px;
  float:right;
  margin-top:-25px;
  margin-bottom:50px;
}





/* -------------------------------------------------------------------------+
|
|                FORMS and MORE
|
+--------------------------------------------------------------------------*/


/* Search -- */

div.search {
  margin-top:335px;
  font-size:11px; color:#429919;
}

fieldset.search {
  border: none;
  width: 180px;
  margin:10px 0 0 25px;
}
.search input, .search button {
  border: none;
  float: left;
}
.search input.box {
  color: #8e988f;
  font-size: 1.2em;
  width: 125px;
  height: 22px;
  padding: 8px 5px 0 15px;
  background: url(/real/user/images/bg_search.gif) left -60px no-repeat;
  /*margin-right: 5px;*/
}
.search input.box:focus {
  background: url(/real/user/images/bg_search.gif) no-repeat left 0px;
  outline: none;
}
.search button.btn {
  width: 35px;
  height: 30px;
  cursor: pointer;
  background: url(/real/user/images/bg_search.gif) no-repeat right -30px;
}
.search button.btn:hover {
  background: url(/real/user/images/bg_search.gif) no-repeat right 0px;
}

/* one more for IE6: */
* html .search input.box {
  background: url(/real/user/images/bg_search.gif) no-repeat right bottom; /* Unique Input Box background image specifically for IE, and the background position must be aligned to the right*/
}



/* Contact -- */

form.contact  {
  display:block;
  width:555px;
  }

span.legend {
  font-family:Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color:#45a12a;;
  padding: 8px 8px 20px 70px;
  display: block;
  margin-top: 15px;
}


label {
  display:block;
  overflow:hidden;
  float:left;
  width:70px;
  margin-left:10px;
  font-size:10px;
  color:#393838;
  margin:10px 0 0 0; padding:0;
  }

input {
  height:18px; width:140px;
  float:left;
  border:1px solid #898a8c;
  margin:3px 40px 8px 0; padding:2px 0 0 5px;
  font-size:11px;
  background:url(/real/user/images/bg_input.gif) left repeat-x;
}

textarea {
  width:390px;
  border:1px solid #898a8c;
  height:160px;
  background:url(/real/user/images/bg_input.gif) top repeat-x #fff;
  padding:10px 10px 15px 5px; margin:0 0 0 70px;
}
  
input.button {
  height:27px;
  background:url(/real/user/images/bg_button.gif) bottom repeat-x;
  color:#FFF; cursor:pointer; font-size:11px; font-weight:bold;
  margin:15px 0 0 340px; padding:0;
  border:1px solid #bed884;
}

.Kontaktformular_error, .Katalogbestellung_error {
  /*border:1px solid #ff0000;*/
  background-color:#e1f2bb;
}