/* Start of CMSMS style sheet 'pixalhaushoriz' */
{* CSS classes used in this template:
.active - The active page in the horizontal menu (first level). 
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *} 
{if $count > 0}
<ul>
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}

{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->current == true or $node->parent == true}
<li id="special"><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}><span>{$node->menutext}</span></a>
{elseif $node->type == 'sectionheader'}
<li><a href="{$node->url}"><span>{$node->menutext}</span></a>
{elseif $node->type == 'separator'}
<li style="list-style-type: none;"><hr class="separator" />
{else}
<li><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}><span>{$node->menutext}</span></a>{/if}
{/foreach}

{repeat string="</li></ul>" times=$node->depth-2}</li>
</ul>
{/if}

/* End of 'pixalhaushoriz' */

/* Start of CMSMS style sheet 'ellnav-vert' */
{* CSS classes used in this template:
.current - The current page in the vertical (local) menu. 
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *} 
{if $count > 0}
<ul class="menu_horiz">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}

{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->current == true}
<li class="current"><a class="current" href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a>
{elseif $node->type == 'sectionheader'}
<li><span class="bullet_sectionheader">{$node->menutext}</span>
{elseif $node->type == 'separator'}
<li style="list-style-type: none;"><hr class="separator" />
{else}
<li><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a>{/if}
{/foreach}

{repeat string="</li></ul>" times=$node->depth-2}</li>
</ul>
{/if}

/* End of 'ellnav-vert' */

/* Start of CMSMS style sheet 'Panoramica : pixalhaus' */
body {
	margin: 0;
	padding: 0;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	/*color: #d2be96;*/
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 11px;
	background-image: url(uploads/Panoramica/bg-stripe-red.gif);
	background-repeat: repeat-x;
        /*background-color:#ffffff;*/
        background-color:#d2be96;
	font-weight: normal;
	line-height: 1.5em;
	}
	
html>body { 
	font-size: 11px;
        }
	
#container {
	margin:0 auto;
	/*width:779px;*/
	width:1010px;
	/*background-color:#FFFFFF;
	background-color:#d2be96;*/
	background-image: url(uploads/Panoramica/bg-content-red.gif);
	background-repeat: no-repeat;
	padding: 0px;
	}
	
#innercontainer {
        /*background-color:#999999;*//*contenu*/
	margin:0 auto;
	padding:0;
	/*width:739px;*/
        width:939px;
	}
	
#header{
	margin:0;
	padding:0;
	/*height:299px;*/
	height:199px;
        /*width:739px;*/
        width:939px;
	background-image: url(uploads/Panoramica/header.jpg);
	background-repeat: no-repeat;
	float:left;
	}
	
#header h1{
	display:none
	}

#header p {
	font-size: 10px;
	font-weight: bold;
        /*color: #FAFBE2;*/
	color: #333333;
	margin-top: 68px;
	margin-left: 75px;
	}
	
#header a {
	/*color: #FAFBE2;*/
	color: #333333;
        text-decoration: none;
	}
	
#header a:hover {
	text-decoration: underline;
	}

#breadcrumbs a {
	color: #333333;
	/*text-decoration: none;*/
	}

#content-nav {
        width:100%;
	float:left; 
}

#content {
        width:auto;
	float:left; 
}

#content-left {
	/*width:269px;*/
        width:209px;
	height :287px;
	float:left;
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 35px;
        padding-left: 0px;
	padding-bottom: 0px;
	background-image: url(uploads/Panoramica/menu-bg.gif);
	background-repeat: no-repeat;
	/*background-position: 0px 20px;*/
	background-position: 0px 0px;
        }

#content-left p {
	color: #666666;
	margin-left: 0px;
	}

#content-left h4 {
	font-size: 15px;
        font-weight: normal;
	margin-left:20px;
	/*color: #CB231F;*/
	color: #333333;
	padding-left:0;
	}

#content-left h2 {
	font-size: 18px;
	font-weight: bold;
	color: #444444;
	padding-left:0px;
	text-align:center;
        }

#content-left a {
	color: #000000;
	text-decoration: underline;
	/*text-decoration: none;*/
	}
	
#content-left a:hover {
	text-decoration: none;
	}

#content-center {
	/*width: 445px;*/
        width: 475px;
	float: left;
	height: auto;
	margin-left: 0px;
	padding:0;
	}

#content-center  p {
	text-align: left;
	/*margin-left:25px;*/
        margin-left:20px;
        margin-right:20px;
	padding:0;
	display: block;
	/*width: 380px;*/
        width: 435px;
	color: #666666;
	}

#content-center  h2 {
	font-size: 17px;
	/*margin-left:25px;*/
	/*color: #CB231F;*/
        color: #444444;
        font-weight: normal;
	padding-left:0;
        text-align: center;
	}
	
#content-center  h4 {
	font-size: 17px;
	/*margin-left:25px;*/
        margin-left:20px;
	color: #CB231F;
	padding-left:0;
	font-weight: normal;
	}

#content-center  a {
	color: #333333;
	text-decoration: underline;
	}

#content-center  a:hover {
	text-decoration: none;
	}	
		
#content-right {
	/*width:269px;*/
        width:209px;
	float:left;
	height :337px;
        /*float:right;*/
	margin-top:0px;
	margin-bottom: 0px;
	margin-left: 10px;
	margin-right: 0px;
	padding-top: 35px;
        padding-left: 0px;
        padding-right: 0px;
	padding-bottom: 0px;
	background-image: url(uploads/Panoramica/menu-bg-news.gif);
	background-repeat: no-repeat;
	/*background-position: 0px 20px;*/
	background-position: 0px 0px;
}

#content-right p {
	color: #666666;
	margin-left: 0px;
	margin-right: 0px;
	}

#content-right h4 {
	font-size: 15px;
	font-weight: normal;
	margin-left:0px;
	color: #CB231F;
	padding-left:0px;
	}

#content-right h2 {
	font-size: 18px;
	font-weight: bold;
	color: #444444;
	padding-left:0px;
        text-align: center;
	}

#content-right a {
	color: #000000;
	text-decoration: underline;
	}
	
#content-right a:hover {
	text-decoration: none;
	}
	
#footer {
	background-color:#ffffff;
	/*height: 65px;*/
        height: 35px;
	background-image: url(uploads/Panoramica/footer-bg-all.gif);
	background-repeat: repeat-x;
	clear: both;
	margin: 0px;
	/*width: 739px;*/
        width: 939px;
	padding-top: 5px;
        /*border-top: 1px solid #FFFFFF repeat-x;*/
	}

#sub-footer {
	background-color:#ffffff;
	/*height: 25px;*/
        height: 25px
	clear: both;
	margin: 0px;
	/*width: 739px;*/
        width: 939px;
	padding-top: 0px;
	font-size: 9px;
	color: #999999;
	text-align: center;
	display: block;
        border-top: 1px solid #FFFFFF;
	}
	
#footer p {
        color: #ffffff;
	/*text-align: left;*/
	font-size: 11px;
	font-weight: normal;
	/*margin-left: 20px;*/
	}
	
#footer a {
	/*color: #000000;*/
        color: #ffffff;
	text-decoration: none;
	/*border-top: 1px solid #FFFFFF;*/
        }
	
#footer a:hover {
	/*text-decoration: none;  no underline for links */
	text-decoration: underline;
        }

	
#tabbed {
	float:left;
	/*width:400px;*/
	width:0px;
	line-height:normal;
	padding-top: 13px;
	padding-left: 20px;
	height: 40px;
    }
	  
#tabbed ul {
	margin:0;
	padding:0px 0px 0;
	list-style:none;
	background-repeat: no-repeat;
    }
	  
#tabbed li {
	display:inline;
	height: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
    }
	  
#tabbed a {
	float:left;
	background:url(uploads/Panoramica/tab-l.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	color: #CB231F;
	font-size: 12px;
    }
	
#tabbed a span {
	float:left;
	display:block;
	background:url(uploads/Panoramica/tab-r.gif) no-repeat right top;
    	padding:5px 14px 17px 6px;
	color:#CB231F;
	margin-left: 2px;
     }

#tabbed a span {
	float:none;
	}
   
#tabbed a:hover span {
      color:#000;
      /*color:red;*/
     }
	  
#tabbed a:hover {
	background-position:0% -50px;
	text-decoration: none;
     }
	  
#tabbed a:hover span {
	background-position:100% -50px;
	text-decoration: none;
     }
	  
#special a:hover {
	background-position:0% -50px;
	text-decoration: none;
     }
	  
#special a:hover span {
	background-position:100% -50px;
	text-decoration: none;
     }
	  
#special a span {
	float:none;
	}

#special a:hover span {
      color:#000;
    }
	  
#special a {
	float:left;
	background:url(uploads/Panoramica/tab-l.gif) no-repeat left top;
	background-position:0% -50px;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;
	color: #000;
     }
	  
#special a span {
     float:left;
     display:block;
     background:url(uploads/Panoramica/tab-r.gif) no-repeat right top;
     background-position:100% -50px;
     padding:5px 14px 17px 6px;
     color:#000;
     }

#sub-menu {
	padding-top: 10px;
	/*padding-left: 27px;*/
	padding-left: 15px;
	padding-right: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*color: #4E5836;*/
	color: #444444;
	padding-bottom: 10px;
	}
#sub-menu ul {
        margin:0px;
        padding:0px;
	display: block;
	width: 170px;
	}

#sub-menu li {
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}

#sub-menu a {
	color: #4E5836;
	text-decoration: none;
	margin-left: 10px;
	}

#sub-menu a.current {
	color: #CB231F;
	text-decoration: none;
	margin-left: 10px;
	}

#sub-menu a:hover {
	/*color: #4E5836;*/
        color: #4E5836;
	/*text-decoration: underline;*/
	font-weight: bold;
        }

#footer-left {
	float: left;
	width: 439px;
	padding:0;
	margin:0;
	height: auto;
	border-top: 1px solid #FFFFFF repeat-x;
        text-align:left;
        }


#footer-right {
	float: right;
	height: auto;
	padding:0;
	margin:0;
	width: 500px;
	border-top: 1px solid #FFFFFF repeat-x;
        text-align:right;
        }

#footer-right p {
	text-align: right;
	display: block;
	padding-right: 25px;
	}

.divider {
	height: 12px;
	width: 100%;
	background-image: url(uploads/Panoramica/br-graphic.gif);
	background-repeat: no-repeat;
	background-position: center;
	/*background-position: 100px;*/
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* End of 'Panoramica : pixalhaus' */