/*

    CSS Document


    Site: Skalab
    URL: http://www.skalab.net
    Author: PS Kommunikation
    Version: 1.1

    Date: 2009.05.01

*/


/*
 *      DEFAULT
 *
 */

BODY {
	background:#f2f2f2;	
	text-align:center;
}
DIV#wrapper {
	margin:0 auto; 
    text-align: left;	
    width:900px;
}

/*
 *      MASTHEAD
 *
 */

DIV#logo {
    display:inline; 
    float:left;    
    height:76px;
    margin:15px 0 0 0;    
    width:240px;
}

/* Helpnav */

DIV#help-nav {
   	display:inline;
	float:right;
    height:50px;
    text-align:right;
    width:300px;	
}
DIV#help-nav UL {
    float:right;    
    list-style-type:none;
}
DIV#help-nav UL LI {
    display:inline;
    float:left;
    font-size:0.9em;
    line-height:1.2em;
    margin:0 0 0 10px;
}
DIV#help-nav A {
    text-decoration:none;
    display:inline;
}
DIV#help-nav A:HOVER {
    text-decoration:underline;
}
DIV#help-nav INPUT {
    font-size:1.1em; 
}
DIV#help-nav INPUT.btn {
    background:url(../images/btn-search.gif) no-repeat center left;
    border:none;    
    height:20px;
    padding:0;
    width:45px; 
}
DIV#help-nav INPUT.input {
    background:url(../images/bg-input-search.gif) no-repeat center left;
    border:none;    
    height:17px;
    margin:0 10px 0 0;
    padding:5px 0 0 30px;      
    width:170px; 
}

/*
 *      NAVIGATION
 *
 */

DIV#mainnav {
    background:url(../images/bg-menu-top.gif) top left no-repeat;
    margin:40px 0 15px 0;
    padding:5px 0 0 0;
    width:900px;
}
DIV#mainnav UL {
    background:url(../images/bg-menu-bottom.gif) bottom left no-repeat;    
    height:4.2em;   
    list-style-type:none;
    margin:0;
}
DIV#mainnav UL LI {
    font-family: "Arial", Verdana, sans-serif;	    
    float:left;
    line-height:3.2em;    
    padding:0px 25px 1em 25px;
}
DIV#mainnav UL LI A {
    color:#fff;
    font-size:1.0em;
    font-weight:bold;
    text-decoration:none;
}
DIV#mainnav UL LI.TopMenuLiSelected {
    background:url(../images/bg-menu-active.gif) no-repeat bottom center;
}

/* Subnav */

DIV#menu {
    float:left;
    width:225px    
}
DIV#menu H2 {
    background:url(../images/subnav-head.gif) bottom left no-repeat;
    padding:0 5px 10px 10px;
    margin:20px 0 0 40px;    
}
DIV#menu UL {
    display:block;
    float:left;
    list-style: none;
    margin:0;
    padding:0 0 0 40px;   
} 
DIV#menu UL LI {
    display:block;      
    float:left;    
    font-family: "Arial", Verdana, sans-serif;	    
    font-size:1.1em;
    line-height:normal;    
    margin:0;     
    width:185px;
}
DIV#menu UL LI A {
    background:url(../images/subnav-arrow-left.gif) center right no-repeat;
    border-bottom:solid 1px #eaeaea;
    color:#666;
    display:block;
    line-height:2.5em;
    padding:0 20px 0 10px;
    margin:0;
    text-decoration:none;
}
DIV#menu UL LI A:HOVER {
    color:#36afe7;
}
DIV#menu UL LI.SubMenuLiSelected A {
    color:#36afe7;    
    font-weight:bold;   
}

/*
 *      CONTENT COMMON
 *
 */

#content {
	float:right;
	/*margin:20px 35px 0 0;*/
	padding:20px 35px 0 0;
	width:590px;
}
DIV#contentwide {		
	float:left;
	width:900px;
}
#ContentContainerOuter {
    background:url(../images/bg-placeholder-top.gif) no-repeat top left;   
    padding:10px 0 0 0;
    margin:0 0 0 0;
}
#ContentContainerInner {
    background:url(../images/bg-placeholder-bottom.gif) no-repeat bottom left;   
    margin:0 0 0 0;
    padding:0 0 30px 0;
    width:900px;
}

/*
 *      CONTENT START
 *
 */

DIV#start-placeholder {
    display:inline;
    float:left;
    width:550px;
}

/* USP */

DIV#usp {
    background:url(../images/bg-usp.jpg) no-repeat top left;
    height:343px;
    position:relative;
    margin:20px 0 0 0;
    width:550px;
}
DIV#usp-text {
    top:40px;
    position:absolute;
    width:350px;
}
DIV#usp-text P {
    font-size:1.3em;
    line-height:1.5em;    
}
DIV#usp-text A {
    background:url(../images/btn-submit-blue.gif) no-repeat top left;
    color:#fff;
    cursor:pointer;
    display:block;
    font-weight:bold;
    line-height:32px;
    text-align:center;
    text-decoration:none;
    width:159px;
}
DIV#usp-text A:HOVER {
    text-decoration:none;
}

/* Puff One */

DIV#puff-one {
    background:url(../images/bg-box-p.jpg) no-repeat top left;
    display:inline;
    float:left;
    height:170px;
    margin:10px 28px 0 0;    
    width:260px;    
}
DIV#puff-one H2 {
    margin:35px 10px 15px 70px;  
}
DIV#puff-one P {
    color:#333;
    line-height:1.3em;    
    margin:0 10px 0 70px;
}
DIV#puff-one A {
    color:#333;
}

/* Puff Two */

DIV#puff-two {
    background:url(../images/bg-box-sapa.gif) no-repeat top left;
    display:inline;
    float:right;
    height:171px;
    margin:10px 0 0 0;    
    position:relative;
    text-align:right;    
    width:262px;    
}
DIV#puff-two H2 {
    font-size:1.2em;
    margin:100px 10px 3px 0;  
    text-align:right;
}
DIV#puff-two P {
    color:#353535;
    line-height:1.3em;     
    margin:0 10px 0 0;
    text-align:right;
}

/* Puff Three */

DIV#puff-three {
    background:url(../images/bg-box-services.jpg) no-repeat top left;
    display:inline;
    float:right;
    height:221px;
    margin:0 0 20px 0;    
    width:321px;
}
DIV#puff-three H2 {
    color:#36afe7;
    margin:30px 150px 15px 10px;
}
DIV#puff-three P {
    color:#535353;
    line-height:1.3em;     
    margin:0 150px 0.5em 10px;
}
DIV#puff-three A {
    background:url(../images/icon-arrow-right.gif) no-repeat center right;
    color:#C24a30;
    font-weight:bold;
    padding:0 7px 0 0;
    text-decoration:none;
}
DIV#puff-three A:HOVER {
    text-decoration:none;
}

/* News */

DIV#placeholder-news {
    background:url(../images/bg-box-news-top.gif) no-repeat top left;
    display:inline;
    float:right;
    padding:5px 0 5px 0;
    width:320px;
}
DIV#news {
    background:url(../images/bg-box-news-bottom.gif) repeat-y bottom left;
    padding:5px 0 0 0;
}

DIV#news H2 {
    background:url(../images/icon-calender.gif) no-repeat top left;
    font-size:1.4em;
    font-weight:bold;
    line-height:2em;    
    padding:0 0 0 25px;
    margin:0 10px 5px 10px;
}
DIV#news P {
    font-size:1.1em;
    line-height:1.5em;
    padding:0px 10px;
}
DIV#news P SPAN.date {
    color:#535353;
    display:block;
    font-size:0.9em;
    line-height:normal;
}
DIV#news STRONG {
    color:#c24a30;
    font-weight:bold;
}
DIV#news A {
    color:#2e2e2e;
    text-decoration:none;
}
DIV#news A:HOVER {
    text-decoration:hover;
}
DIV#news P.more-options {
    background:url(../images/bg-divider.gif) no-repeat top left;
    padding:5px 0 10px 0;
    margin:0 10px 0 10px;
}
DIV#news P.more-options A { 
    color:#c24a30;
    text-decoration:none;    
}
DIV#news .more-options A:HOVER { 
    text-decoration:none;    
}

/*
 *      CONTENT SUBPAGE
 *
 */

/* Common */

DIV#subpage-placeholder {
}

/* Text and Image */

DIV#textandimage-placeholder-content {
}
DIV#textandimage-usp-image {
    background:url(../images/bg-img-shadow.jpg) no-repeat bottom left;
    padding-bottom:23px;
}
DIV#textandimage-primary-content {
    float:left;
    width:380px;
}
DIV#textandimage-secondary-content {
    background:#f2f2f2 url(../images/icon-info.gif) no-repeat 10px 10px;    
    float:right;
    width:170px;
}
DIV#textandimage-secondary-content H2 {
    color:#2e2e2e;
    font-size:1.2em;
    font-weight:bold;   
    margin:10px 0 0 55px;
}
DIV#textandimage-secondary-content P.ingres {
    font-size:1.1em;
    line-height:1.4em;    
    margin:10px 10px 0 55px;    
}
DIV#textandimage-secondary-content LABEL {
    display:block;     
    font-size:1.0em;
}
DIV#textandimage-secondary-content INPUT {
    background:#fff url(../images/bg-input.gif) repeat-x top left;
    border:none;    
	height:1.6em;    
    display:block;     
    width:150px;	
}
DIV#textandimage-secondary-content INPUT.hidden {
    display:none;
    visibility:hidden;
}
DIV#textandimage-secondary-content TEXTAREA {
    background:#fff url(../images/bg-input.gif) repeat-x top left;
    border:none;
	height:8em;	         
    width:155px;
    overflow:auto;	
}
DIV#textandimage-secondary-content INPUT.btn {
    background:url(../images/btn-submit-blue.gif) no-repeat top left;
    color:#fff;
    cursor:pointer;
    font-weight:bold;
    height:32px;
    padding-bottom:8px;
    width:159px;    
}

/* Text no Image */

/* Content Products  */

DIV#productitem-placeholder {
}
DIV#productitem-primary-content {
    float:left;
    width:380px;
}
DIV#productitem-secondary-content {
    float:right;
    margin:0 0 0 0;
    width:180px;
 
}
DIV#sub2-secondary-content UL {
}

/* Content Search results */

span#LabelSearch {
    display:block;
    margin:0 0 25px 0;
    font-size:1.1em;
    font-family:Arial, Sans-Serif;
}
DIV#listArticles TABLE {
    display:block;
    font-size:1.1em;
    line-height:1.4em;
}
DIV#listArticles TD {
    border-top:solid 1px #f2f2f2;
    border-bottom:solid 1px #f2f2f2;
    padding:5px 0px;
    width:590px;
}
DIV#listArticles TD:hover {
    background:#f2f2f2;
} 
DIV#listArticles TD A {
    display:block;
    text-decoration:none;
}
DIV#listArticles TD A EM {
    font-style:normal;
    color:#888;
}
DIV#paging UL {
    margin:0;
    padding:0;
    list-style-type:none;
    text-align:center;
}
DIV#paging LI {
    display:inline;
}
DIV#paging LI A {
    line-height:4em;
    text-decoration: none;
    padding: 0.3em 0.5em;
    color: #333;
    border:solid 1px #fff; 
}
DIV#paging LI A:HOVER {
    text-decoration:none;
    border:solid 1px #36afe7;   
}
DIV#paging LI.active A {
    border:solid 1px #eaeaea;   
    font-weight:bold;
}
DIV#paging LI.active A:HOVER {
    border:solid 1px #eaeaea;   
} 

/* Content Gallery */

.gThumb {
	float:left;
	padding:10px;
	height:127px;
	width:127px;
}
.gThumb:hover {
    background:#eaeaea;
}
.gThumb img {	
	cursor:pointer;
	display:block;
	margin:2px auto;
}
div#imgText {
    font-size:1.2em;
    margin:10px;
	text-align:center;    
}

/* Breadcrumbs */

DIV#breadcrumbs {
    font-family: "Arial", Verdana, sans-serif;
    font-size:1em;
    margin:0 0 0 270px;
}
DIV#breadcrumbs P {
    margin:0 0 2em 0;
}
DIV#breadcrumbs A {
    font-weight:bold;
    text-decoration:none;
}
DIV#breadcrumbs A:HOVER {
    text-decoration:none;
}

/* Pagetools */

UL#page-tools {
   	float:right;
   	list-style:none;
}
UL#page-tools LI {
    float:left;
    margin:0 0 0 2px;
}
UL#page-tools LI A {   
    color:#333;
    width:20px;
    height:25px;
    display:block;
    text-indent:-9999px;
}
UL#page-tools LI A#normal {
    background:url(../images/icon-text-small.gif) no-repeat;
}
UL#page-tools LI A#larger {
    background:url(../images/icon-text-medium.gif) no-repeat;
}
UL#page-tools LI A#largest {
    background:url(../images/icon-text-large.gif) no-repeat;
}
UL#page-tools LI A#print { 
    background:url(../images/icon-print.gif) no-repeat;
    margin-right:2px;
    width:29px;
}
.page-tools-margin {
    margin:20px 35px 0 0;
}

/* Sidebar */

DIV#sidebar {
    float:left;
    margin:20px 20px 0 35px;
    width:200px;
}

/*
 *      SITE MAP
 *
 */
 
.SiteMap
{
  font-family: arial; 
  font-size: 1.2em;
  line-height:15px;
}

.SiteMapTableCell {
  padding: 5px;
}
.RootNode,
.ParentNode,
.LeafNode { 
  padding-left:5px;
} 
.RootNode a { 
  color: #000;
  font-weight: bold;
  text-decoration:none;
} 
.RootNode a:hover { 
  text-decoration:underline;
} 
.ParentNode a { 
  text-decoration:none;
} 
.ParentNode a:hover { 
  text-decoration:underline;
} 
.LeafNode a { 
  text-decoration:none;
} 
.LeafNode a:hover { 
  text-decoration:underline;
} 

/*
 *      NEWS VIEW
 *
 */

DIV#newsImgTop P,
DIV#newsImgRight P,
DIV#newsImgBottom P,
DIV#newsImgLeft P {
    color:#999;
    font-size:1.1em;
}
DIV#newsImgTop IMG,
DIV#newsImgRight IMG
DIV#newsImgBottom IMG,
DIV#newsImgLeft IMG {
    margin-bottom:5px;
}
DIV#newsImgTop {
    margin-bottom:15px;
}
DIV#newsImgLeft {
    display:inline;
    float:left;
    margin:0 15px 15px 0;
}
DIV#newsImgRight {
    display:inline;
    float:right;
    margin:0 0 15px 15px;
}
DIV#newsImgBottom {
    margin:0;
}

/*
 *      FOOTER
 *
 */

DIV#footer {
    border-top:solid 3px #000;
    margin:30px 0 0 0;
    padding:5px 0px;
}
.col {
    display:inline;
    float:left;
    margin:5px 40px 0 0;
    width:270px;
}
.col-right {
    display:inline;
    float:right;
    margin:5px 0 0 0;
    text-align:right;
    width:270px;
}
DIV#footer H2 {
    font-size:1.1em;
    margin-bottom:0.3em;        
}
DIV#footer P {
    color:#888;
    font-size:1.1em;
    line-height:1.4em;
    margin:0;
    padding:0; 
}
DIV#footer A {
    color:#888;    
    font-size:1em;    
}
DIV#footer A:HOVER {
    color:#777;    
}

/*
 *      CLASSES
 *
 */
 
.rss { 
    background:url(../images/icon-rss.gif) no-repeat center left;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.arrow-right { 
    background:url(../images/icon-arrow-right.gif) no-repeat center left;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 7px;
}
.sitemap { 
    background:url(../images/icon-sitemap.gif) no-repeat center left;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 20px;
}
.about { 
    background:url(../images/icon-about.gif) no-repeat center left;
    height:20px;
    line-height:20px;
    display:block;
    padding:0 0 0 15px;
}
.float-left {
    display:inline;
    float:left;
}
.float-right {
    display:inline;
    float:right;
}
.no-margin {
    margin:0;
}
.hide {
    position:absolute;
	left:-9999px;
	z-index:100;
}
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block; clear:both;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */