@charset "UTF-8";
.strong { font-weight: bold; }
/*
 * Anpassungen Grundschulortal Lamy Plus-Sortiment
 */

body#grundschule_e2422 div#e2430 { clear: left; width: 719px; height: 275px; position: relative }
body#grundschule_e2422 div#e2430 .text { position: absolute; top: 42px; left: 0px }
body#grundschule_e2422 div#e2430 .text p { margin: 0 20px; font-size: 11px; color: #333; position: relative; }
body#grundschule_e2422 div#e2430 .text p a { position: absolute; left: 0px; top: 0px; width: 100%; height: 275px; }

/* p#e2433 { width: 350px; } */


div.highslide-body p, 
div.highslide-body div.ZMSGraphic { margin: 20px 50px 20px 150px; }

div.highslide-body ul { margin: 20px 50px 20px 150px; padding: 0; list-style: none; }

div.highslide-body ul,
body#grundschule_e2422 #e2449 ul { list-style: none }
div.highslide-body ul li, 
body#grundschule_e2422 #e2449 ul li { margin-left: 0; padding-left: 1em; padding-bottom: 0.5em; background: url(../img/li_bg.gif) 0px 3px no-repeat; }


body#grundschule_e2422 div#e2449 { width: 350px; float: left; position: relative; background: #f2f2f2 }
body#grundschule_e2422 div#e2449 .text p, 
body#grundschule_e2422 div#e2449 .text ul  { margin: 12px }

body#grundschule_e2422 #content h2#e2444 { margin-top: 0 }

.highslide-html-content#e2458,
.highslide-html-content#e2500 { background: url(../img_plus/bg_3plus.jpg) bottom left no-repeat }
.highslide-html-content#e2462,
.highslide-html-content#e2505 { background: url(../img_plus/bg_4plus.jpg) bottom left no-repeat }
.highslide-html-content#e2465,
.highslide-html-content#e2510 { background: url(../img_plus/bg_plus.jpg) bottom left no-repeat }

.highslide-html-content .ZMSGraphic#e2545,
.highslide-html-content .ZMSGraphic#e2546,
.highslide-html-content .ZMSGraphic#e2547 { margin-top: 0; margin-left: 0; }
.panel-switch { background: url(../img/bg_close_panel.gif) top right no-repeat; color: #666; text-transform: uppercase; display: block; text-align: right; padding-right: 20px; text-decoration: none; font-size: 11px; }

.pseudotb-content h1 { margin-left: 15px; font-size: 25px; }


.highslide-html-content div.faq_item {}
.highslide-html-content h2.faq_question { margin-bottom: 0 !important; margin-left: 150px; font-size: 13px; font-weight: bold; }
.highslide-html-content p.faq_answer { margin-top: 0 !important; }
/*
 *
 */
body {
  font: normal 100.1% Arial, Helvetica, sans-serif
}

/**
 * Mast head
 */
#content_header {
  font-size: 30px;
  margin-bottom: 15px;
}

.sIFR-hasFlash #content_header {
  visibility: hidden;
  letter-spacing: -6px;
  font-size: 30px;
}

/**
 * Page Content
 */
.text_elements, .img_elements { display: inline; }
.img_elements img { display: block; }

#content p, .content_block p, #content li, .slide p, label, .blog_item-bodyext, .tab-page p, td, .floatholder p {
  font-size: 13px;
  color: #000;
  line-height: 135%;
}

#content ul {
  list-style: square outside;
}

#content ul li {
  margin-left: 1em;
}

#content p, #content ul, .content_block p, .slide p, .tab-page p, label, .blog_item-bodyext {
  margin-bottom: 1em;
}

#content li p {
  font-size: 100%;
}

p.description {
  font-size: 90%;
  margin-bottom: 20px;
  color: #666;
}

h1 {
  font-size: 21px;
  font-weight: normal;
  padding-bottom: 15px;
  color: #333;
}

.content_wrapper_inner > h1:first-child, h1.header1 { margin: 1em 12% 15px 12% !important }

h2, .product_single .tab-page h3 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 0.5em;
  color: #333;
}

#content h2 { margin-top: 2em; }

h2.content_sector { 
  border-top: 1px solid #D9D9D9; 
  margin-top: 3em;
  padding-top: 0.5em; }

h3 {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0.5em;
}

h4 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0.5em;
}

div.img_bar {
  margin: 10px 5px 1em 5px;
  height: 220px;
  overflow: hidden;
}

div.img_bar img {
  display: inline;
  margin: 0 3px !important;
}

.zoom_image {
  position: relative;
}

.zoom_icon {
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 1.3em;
  left: 1em;
  background: url(../img/icon_lupe.png) bottom right no-repeat;
}

div.img_bar .zoom_icon { left: 4px; bottom: 4px; }


table { margin-bottom: 1em; }

/**
 * Progressive Disclosure
 */

.disco {
  display: none;
}

/**
 * Search-Results
 */

div.search_result {
  font-size: 13px;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 2em;
}

.search_result h2 {
  margin-top: 1em;
}

/**
 * Mehrspaltige Darstellug
 */

.col20 {
  width: 19.9%;
  float: left;
}

.col25 {
  width: 24.9%;
  float: left;
}

.col33 {
  width: 33.3329%;
  float: left;
}

.col40 {
  width: 39.9%;
  float: left;
}

.col50 {
  width: 49.9%;
  float: left;
}

.col60 {
  width: 59.9%;
  float: left;
}

.col75 {
  width: 74.9%;
  float: left;
}

.col80 {
  width: 79%;
  float: left;
}

/**
 * Formulare
 */

#content form,
form#frmTellafriend,
form#frmOrder {
  background: #ECECEC;
  padding: 15px 30px;
}

div.searchForm {
  font-size: 13px;
}

#search_form_parameters {
  padding:10px 0;
}

#search_form_parameters input {
  margin-left:1em;
}

#search_form_parameters input.first-child {
  margin-left:0 ;
}

fieldset {}

div.form_line {
  width: 49.9%;
  float: left;
  height: 60px;
}

.col50 div.form_line {
  clear: both;
  width:95%;
}

label {
  line-height: 21px;
  color: #000;
}

input.text_single, 
.searchQuery {
  background: #FFF;
  padding: 5px;
  width: 280px;
}

#anredeDIV {
  height: 40px;
  line-height: 40px;
}
#strasse, #ort {
  width: 215px
}

#strasse_nr, #plz {
  width: 50px
}

select {
  border: 1px solid #D9D9D9;
  padding: 2px 5px;
}

#InnerShell textarea {
  width: 610px;
  height: 100px;
  margin-bottom: 2em;
}

div.form_line select {
  width: 290px;
}

.mandatory {
  color: #C00;
  font-weight: bold;
}

div.submit_area {
  width: 610px;
  border-top: 1px dotted #D9D9D9;
  padding-top: 15px;
  clear: both;
  text-align: right;
}

#submit_button,
#orderSubmit, 
#tellafriendSubmit,
.searchSubmit {
  padding: 5px;
  background: #777;
  font-weight: bold;
  color: #EEE;
}


/**
 * Teaser-Elements
 */

.teaser_element h2 {
  margin: 15px;
  font-size: 18px;
}

.sIFR-hasFlash .teaser_element h2 {
  visibility: hidden;
  letter-spacing: -2px;
  font-size: 18px;
}

.teaser_element p {
  margin: 0 15px;
  font-size: 12px;
  color: #666;
}


/**
 * Grundschule-Blog
 */

.blog_listing {
  width: 480px;
  float: left;
  border-right: 1px solid #D9D9D9;
}

.blog_listing .blog_fullview {
  width: 460px;
}

#blog_teaser {
  width: 220px; 
  float: left;
}

#blog_teaser .ZMSTeaserElement {
  margin-left: 20px;
  margin-bottom: 20px;
  font-size: 12px;  
}

h2.blog_item-title { 
  margin-bottom: 0;
}

span.blog_item-meta { 
  font-size: smaller; color: #999;
}

.teaser_col_select-title {
  display: block;
  font-size: 15px;
  margin-bottom: 0.5em;
  color: #DD0029;
}

.teaser_comment_entry {
  margin-bottom: 0.5em;
}

.teaser_comment_author {
  font-weight: bold;
}

a.comment_link {
  background: url(../img/bg_blog_comment.gif) no-repeat;
  padding-left: 24px;
}


.download_item {
  border-bottom: 1px solid #D9D9D9;
  padding:1em 0;
  min-height: 150px;
  margin-bottom: 20px;
  font-size: 14px;
}

/**
 * ZMS Content-Elemente
 */

div.ZMSGraphic.left {
	text-align:left;
}
div.ZMSGraphic.right {
	text-align:right;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.ZMSGraphic.floatleft {
	float:left;
	margin: 0 10px 0 0;
}
div.ZMSGraphic.floatright {
	float:right;
	margin: 0 0 0 10px;
}
div.ZMSGraphic.center {
	text-align:center;
}
div.graphic.alignleft {
	float:left;
	margin: 0 10px 0 0;
	text-align:right;
}
div.graphic.alignright {
	float:right;
	text-align:right;
	margin: 0 0 0 10px;
}
div.ZMSGraphic div.text {
	padding:0 4px;
}
div.ZMSGraphic div.text p{
	margin:0;
}


/*****************************************************/
/* These are standard sIFR styles... do not modify */
/*************************************************/

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}