/**
  * Pixum SEO-Seiten
  *
  * @copyright       
  * @author          MGE
  *
  * @revision        $Revision$
  * @lastmodified    $Date$
  */


/* simple Background comment */
.seo_content {background:#FFFFFF url(/images/grid_67+15-15x18.png) repeat scroll 0 0;zoom:1;position:relative;padding: 360px 81px 10px 246px;}
.seo_content #container_headline {background:#00A6EF url(/images/gradients.png) repeat-x scroll 0 -54px;border:medium none;color:#FFFFFF;display:block;font-size:18px;line-height:54px;padding:0 0 0 15px;position:absolute;top:0; left:0;width:707px;}

/**
  * @section basic typography
  *
  * Typography for Standart elements    
  */


.seo_content p {font-size:11px; line-height:18px; color:#333333; padding:0 15px 18px 15px; margin:0;}
.seo_content h2, .seo_content h3 {font-size:11px; line-height:18px; color:#333333; padding:0 15px 18px 15px; margin:0;}
.seo_content ul, .seo_content ol{font-size:11px; color:#333333; line-height:18px;margin:0; padding:0 0 18px 0}
.seo_content a, .seo_content a:visited{font-size:11px; color:#00a5ef; text-decoration:none; border-bottom:1px solid}


/**
  * @section preisschild
  *
  * Sliding doors layout fuer den Preisoerer
  * Markup einzeilig:
  * <div class="preisschild"><span>...</div>
  * 
  * Markup zweizeilig:
  * <div class="preisschild"><span><small>...</small>...</div>     
  */


.preisschild {display:block; float:left; background: url(img/preisschild_sprite_small_png8.png) no-repeat left top; height:60px; line-height:56px; font-size:20px; font-weight:bold; color:#fff; letter-spacing:-1px; padding:0 0 0 15px; text-align:center; overflow:hidden; }
.preisschild span {display:block;  background:url(img/preisschild_sprite_small_png8.png) no-repeat right -60px; height:60px; line-height:56px; padding: 0 15px 0 0; text-shadow: 2px 2px 2px #000;} 
.preisschild span small{line-height:12px; font-size:12px; letter-spacing:-1px; display:block; padding:9px 0 0 0; margin: 0 0 -15px 0; text-shadow: 2px 2px 2px #000; white-space:nowrap;}

/**
  * verwendet die PNG-24 Version fuer moderne Browser *
  * @workaround 
  * @valid true
  */
 
html>body .preisschild, html>body .preisschild span{background-image:url(img/preisschild_sprite_small.png)}

/**
  * @section preisschild
  *
  * Sliding doors layout fuer den PreisStoerer
  * Markup einzeilig:
  * <div class="preisschild"><span>...</div>
  * 
  * Markup zweizeilig:
  * <div class="preisschild"><span><small>...</small>...</div>     
  */


.preisschild_big {display:block; float:left; background: url(img/preisschild_ie.png) no-repeat left top; height:81px; line-height:78px; font-size:36px; font-weight:bold; color:#fff; letter-spacing:-3px; padding:0 0 0 15px; text-align:center; overflow:hidden; }
.preisschild_big span {display:block;  background:url(img/preisschild_ie.png) no-repeat right -81px; height:81px; line-height:78px; padding: 0 15px 0 0; text-shadow: 2px 2px 2px #000;} 
.preisschild_big span small{line-height:14px; font-size:14px; letter-spacing:-1px; display:block; padding:9px 0 0 0; margin: 0 0 -15px 0; text-shadow: 2px 2px 2px #000; white-space:nowrap;}

/**
  * verwendet die PNG-24 Version fuer moderne Browser *
  * @workaround 
  * @valid true
  */
 
html>body .preisschild_big, html>body .preisschild_big span{background-image:url(img/preisschild_sprite.png)}


/**
  * @section button_layout
  *
  * Sliding Doors Buttons
  * @toDo adaption und klassen fuer unterschidliche Groessen 
  * Markup: <a class="button"><span>...</span></span> 
  */

#main a.button{display:inline; float:left; background: url(img/button_sprite_png8.png) no-repeat left 0; height:57px; padding:0 0 0 15px; color:#ffffff; line-height:54px; margin:0 0 15px 15px; border:none; font-size:18px; font-weight:bold; letter-spacing:-0.5px;}
#main a.button span{background:url(img/button_sprite_png8.png) no-repeat right -57px; display:block; padding: 0 15px 0 0; height:57px; float:left;}
/**
  * verwendet die PNG-24 Version fÃŒr moderne Browser *
  * @workaround 
  * @valid true
  */
html>body #main a.button, html>body #main a.button span {background-image: url(img/button_sprite.png)}


#main a.orange_button, #main a.button {background-position:left -114px}
#main a.orange_button span, #main a.button span{background-position:right -171px; }

/**
  * @section linkliste
  *
  * UL-Linkliste unter den SEO-Seiten
  * @see     
  */


.seo_content #linkliste{list-style:none; padding:18px 15px;  clear:both; }
.seo_content #linkliste li{display:inline; padding:0; margin:0 3px 0 0; }
.seo_content #linkliste li a,  .seo_content #linkliste li a:visited {color:#ababab; white-space:no-wrap; white-space:nowrap; font-size:10px; }