/*======================
--- TEMPLATES LAYOUT ---
======================*/
#siteWrapper {
background-color:#FFF;
margin:auto;
padding:0;
width:980px;
}

#topWrapper {
background:#3B3F40 url(../../images/bg/bgBodyRepeater.gif) top left repeat-x;
height:30px;
padding-bottom:10px;
padding-top:10px;
width:100%;
}

#infosZoomWrapper {
	float: left;
    padding-top: 8px;
	height: 32px;
	width: 52px;
    padding-left: 12px;
}

#infosZoomWrapper a{
    color: #CCFFFF !important;
}

#infosZoomWrapper a:hover,
#infosZoomWrapper a.active{
    color: #FFFFFF !important;
}

#infosZoomWrapper a.fontsizeSmall{
    font-size: 0.70em;   
}

#infosZoomWrapper a.fontsizeMedium{
    font-size: 0.85em;      
}

#infosZoomWrapper a.fontsizeLarge{
    font-size: 1em;   
}

/*================
--- TOP SEARCH ---
================*/
#siteSearchWrapper {
float:left;
height:32px;
margin-top:6px;
width:230px;
}

#siteSearchTxtWrapper {
float:left;
height:23px;
width:151px;
}

#siteSearchTxtWrapper .clsTxtSearch {
background-color: #333333;
border:solid 1px #777C7F;
color:#FFF;
float:left;
height:17px;
padding:1px 0 2px 10px;
width:140px;
}

#siteSearchBtnWrapper {
float:left;
padding-left:10px;
}

/*=============
--- BUTTONS ---
=============*/
input.clsBtn {
background:url(../../images/bg/bgSendRepeater.gif);
border-style:none;
color:#DCDDDD;
cursor:pointer;
font-size:1em;
height:22px;
padding-bottom:4px;
width:69px;
}

input.clsBtn.hover {
background:url(../../images/bg/bgSendRepeater_over.gif) top left repeat-x;
color:#393939;
}

/*=======================
--- LANGUAGE SELECTOR ---
=======================*/
#langNavWrapper {
float:right;
margin-right: 22px;
height:24px;
padding-top:8px;
}

ul.clsLangItemsList {
list-style-type:none;
margin:0;
padding:0;
}

ul.clsLangItemsList li {
display:block;
float:left;
position:relative;
padding-left:15px;
}

ul.clsLangItemsList li a {
color:#CCFFFF;
}

ul.clsLangItemsList li a:hover {
color:#FFF;
}

ul.clsLangItemsList li a.active {
color:#FFF;
}

/*====================
--- HEADER CONTENT ---
====================*/
#headerWrapper {
clear:left;
height:350px;
width:100%;
}

#headerRightWrapper {
height:63px;
position:relative;
top:0;
width:980px;
z-index:10;
}

#redBox {
background-color:#C00;
float:left;
height:63px;
width:796px;
}

#bielBienneIcon {
background-image:url(../../images/logos/biel-bienne-city-logo.gif);
float:left;
height:63px;
margin-left:5px;
width:35px;
}

#cityLogo {
background:url(../../images/logos/bielBienne.gif);
height:150px;
left:830px;
position:relative;
top:138px;
width:150px;
z-index:10;
}

/*=================
--- WELCOME BOX ---
=================*/
#welcomeWrapper {

	height: 49px;

    padding-bottom: 14px;
    padding-top: 14px;
background-color:#A4AAAE;
border-bottom:solid 1px #D3D3D3;
border-right:solid 1px #D3D3D3;
padding:29px 0 0 20px;

}

#welcomeWrapper .clsWelcomeTitle {
font-size:1.438em;
}

/*======================
--- 2 COLUMNS LAYOUT ---
======================*/
#centerContentWrapper.clsCenterColumn_2columns {
float:left;
padding-right:30px;
padding-top: 24px;
width:453px;
}

#rightContentWrapper.clsRightColumn_2columns {
float:right;
padding-right:20px;
padding-top: 24px;
width:207px;
}

#contentBottomWrapper {
float:left;
margin-left:270px;
padding-bottom:20px;
width:690px;
}

#contentBottomWrapper.large {
margin-left:20px;
width:940px;
}

/*=============
--- CONTENT ---
=============*/
.clsContentWrapperTitle {
background-color:#F5F5F5;
border-bottom:1px solid #EBEBEB;
color:#393939;
display:table;
float:left;

width:729px;
margin-bottom: 0px;
}

.clsContentWrapperTitle.large {
width:980px;
}

.clsContentWrapperTitle.home.left,.clsContentWrapperTitle.home.right {

}

.clsContentWrapperTitle.home.left {
border:solid 1px #D3D3D3;
border-left-style:none;
width:100%;
margin-bottom: 14px;
}

.clsContentWrapperTitle.home.right {
border-bottom:solid 1px #D3D3D3;
border-top:solid 1px #D3D3D3;
width:326px;
margin-bottom: 14px;
}

.clsContentWrapperTitle h1 {
display:table-cell;
font-size:1.438em;
margin:0;
padding-left:20px;
vertical-align:middle;
}

#centerContentWrapper {
color:#393939;
float:right;
padding:0 20px 0;
padding-top: 24px;
width:689px;
}

#centerContentWrapper.large {
float:left;
padding-left:20px;
padding-right:20px;
width:940px;
}

.clsSeparatorLine {
border-top:solid 1px #D3D3D3;
margin-top:15px;
padding-bottom:15px;
}

ul.clsSquareList {
margin-top:5px;
}

ul.clsSquareList,
ul.clsSquareList li {
list-style-type:disc;
margin-left:7px;
padding:0;
}

#centerContentWrapper div.clsDownloadWrapper {
padding-top:8px;
}

#centerContentWrapper div.clsDownloadText {
padding-left:7px;
width:633px;
}

#rightContentWrapper {
float:right;
/*min-height:385px;*/
width:207px;
}

div.clsIcon {
padding-top:2px;
}

div.clsIcon.top {
padding-top:5px;
}

div.clsIcon.right {
padding-right:5px;
padding-top:5px;
}

span.clsLinkIcon {
padding-right:5px;
}

/*==========================
--- BACK & NEXT CONTROLS ---
==========================*/
.clsBackNextControlsWrapper.top {
padding-top:15px;
}

.clsBackNextControls.icon {
margin-top:5px;
}

.clsBackNextControls.text {
margin-left:5px;
padding-right:18px;
}

.clsBackNextControls.text.normal a {
text-transform:none;
}

/*==================
--- PAGE CONTROLS ---
==================*/
div#contentBottomWrapper div.clsControls div.clsTxt {
margin-left:7px;
}

/*==================
--- QUICK ACCESS ---
==================*/
#quickAccessWrapper {
background-color:#2D3131;
border-bottom:solid 1px #3B3F40;
border-top:solid 1px #A7ADAF;
clear:both;
height:261px;
padding-left:20px;
width:960px;
margin: 0 auto;
}

#quickAccessWrapper .quickWrap {
	float: left;
	width: 192px;
}

.clsTitel {
color:#EEEEEE;
font-size:1.438em;
padding:20px 0 15px;
}

#quickAccessWrapper .clsImage {
height:90px;
margin-right:20px;
padding-bottom:15px;
width:172px;
}

#quickAccessWrapper .clsImage img {
	height:90px;
	width:172px;
}

#quickAccessTextWrapper .clsTxt {
float:left;
margin-right:20px;
width:172px !important;
color: #EEEEEE;
}

#quickAccessTextWrapper .clsTxt p {
color:#EEEEEE;
margin-top:0;
padding-top:3px;
}

/*============
--- FOOTER ---
============*/
#footerWrapper {
background-color:#2D3131;
height:185px;
padding-bottom:10px;
	width:980px;
	margin: 0 auto;
}

.clsFooterLinksWrapper {
float:left;
margin-right:20px;
width:172px;
}

.clsFooterLinksWrapper ul li {
padding-bottom:5px;
}

#footerCopyrightWrapper {
float:left;
height:175px;
padding-left:20px;
width:382px;
}

#footerCopyrightWrapper div.clsTxt {
color:#EEEEEE;
}

#footerCopyrightWrapper div.clsLink {
color:#B1B4B4;
padding: 0;
}

.clsFooterLinksWrapper div.clsDownloadIcon {
float:left;
margin-top:2px;
padding-right:7px;
}

.clsFooterLinksWrapper div.clsDownloadIcon.link {
padding-top:2px;
}

div.clsVerticalSeparatorWrapper {
float:left;
padding:0 15px;
}

div.clsVerticalSeparator {
border-right:solid 1px #D3D3D3;
height:17px;
width:1px;
}

div.contenttext {
	clear: both;
	display: block;
    padding-bottom: 24px;
}

.clear {
	clear: both;
}

div.clsDownloadText {
padding-left: 18px!important;
}

div.clsSeparatorLine{
clear: both !important;
}


table.councilmap td {
    border: 0px solid #999 !important;

}

table.councilmap td img {
    max-width: 20px !important;
    width: 20px !important;
    height: 20px !important;
    border: 1px solid #666;
}

td.councilcolor {
    border: 0px solid #999 !important;

}

td.councilcolor img {
	border: 1px solid #666;
}

#quickAccessWrapper .clsContentWrapperTitle.home.left {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-style: none;
    border-width: 0;
    width: auto;
    display: block;
    float: none;
    height: auto;
    background-color: transparent !important;
    margin: 0;
    padding: 0;
    color: #EEEEEE;
    font-size: 1.2em;
    padding: 20px 0 10px 0;
}

#quickAccessWrapper .clsContentWrapperTitle.home.left h1 {
	padding-left: 0px;
}


.clsFooterLinksWrapper .clsContentWrapperTitle.home.left {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-image: none;
    border-style: none;
    border-width: 0;
    width: auto;
    display: block;
    float: none;
    height: auto;
    background-color: transparent !important;
    margin: 0;
    padding: 0;
    color: #EEEEEE;
    font-size: 1em;
    padding: 10px 0 4px 0;
}

.clsFooterLinksWrapper .clsContentWrapperTitle.home.left h1 {
	padding-left: 0;
}

.hint {
	font-size: 0.8em;
}

.clsFooterLinksWrapper .clsContent {
    color: #eee;
}

#mediaplayer_wrapper {
    display:block;
    clear: both;
}

div.clsLink.headline {
    margin-bottom: 12px;
}

div.sharingSocial {
    padding-top: 13px;
}