/*
** Author    : t3media AG
** YAML      : 3.0.6
** Version   : 0.1.5 / 09.07.08
** Datei     : basemod.css
** LayoutKey : t3media_def
** Desc      : Basisdatei fuer YAML Layout (static CSS) - Default Layout is 1-3-2
** Changes   : Adapted for Finetuning
** 15.08.08 - gp - Abstaende angepasst
*/


@media all

{

/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
#page{
	width: 967px; /*##LAYOUT:BODY:PAGE;Breite Page##*/
	background-color: #ffffff; /*@@LAYOUT:BODY:PAGE:BACKGROUND;Hintergrundfarbe Page@@*/ /*##LAYOUT:BODY:PAGE;Hintergrundfarbe Page##*/
	margin: auto auto auto auto;  /*##LAYOUT:BODY:PAGE;Aussenabstand Page##*/
	padding: 0px 0px 0px 0px; /*##LAYOUT:BODY:PAGE;Innenabstand Page##*/
	border-width: 0px 0px 0px 0px;/*##LAYOUT:BODY:PAGE;Rahmenbreite Page##*/
	border-style: solid solid solid solid;/*##LAYOUT:BODY:PAGE;Rahmenstil Page##*/
	border-color: #565656 #565656 #565656 #565656; /*@@LAYOUT:BODY:PAGE:BORDER;Rahmenfarbe Page@@*/ /*##LAYOUT:BODY:PAGE;Rahmenfarbe Page##*/
}

#page_margins { 
	margin-left: auto;margin-right: auto;
	max-width:none;min-width:inherit; 
}

/*
# -------------------------------------------------------------------------
# Formatierung des Kopfbereiches 
# -------------------------------------------------------------------------
*/

#header {
	background-color: #dadada; /*@@LAYOUT:HEADER:BACKGROUND;Hintergrundfarbe Header@@*/ /*@@QUICKCOLOR:01_KOPFZEILE;Hintergrundfarbe der Kopfzeile@@*/ /*##LAYOUT:HEADER;Hintergrundfarbe Header##*/ 
	color: #000000; /*@@LAYOUT:HEADER:FONT:TEXT;Schriftfarbe Header@@*/
	padding:0px 0px 0px 0px; /*##LAYOUT:HEADER;Innenabstand Header##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:HEADER;Aussenabstand Header##*/
	height:165px; /*##LAYOUT:HEADER;Höhe Header##*/
	border-width: 0px 1px 0px 1px;/*##LAYOUT:HEADER;Rahmenbreite Header##*/
	border-style: solid solid solid solid;/*##LAYOUT:HEADER;Rahmenstil Header##*/
	border-color: #003C78 #003C78 #003C78 #003C78; /*@@LAYOUT:HEADER:BORDER;Rahmenfarbe Header@@*/ /*##LAYOUT:HEADER;Rahmenfarbe Header##*/
}

/* Formatierung der Navigation oben */
#topnav {
	margin: 0 0 0px 0;
}

#nav {
	background-color: #003c78; /*@@LAYOUT:NAV:BACKGROUND;Hintergrundfarbe Header@@*/ /*##LAYOUT:NAV;Hintergrundfarbe Navigation##*/ 
	padding:0px 0px 0px 0px; /*##LAYOUT:NAV;Innenabstand Navigation##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:NAV;Aussenabstand Navigation##*/
	border-color: #003C78 #003C78 #003C78 #003C78; /*##LAYOUT:NAV;Rahmenfarbe Navigation##*/ /*@@LAYOUT:NAV:BORDER;Rahmenfarbe Navigation@@*/
	border-style: solid solid solid solid;/*##LAYOUT:NAV;Rahmenstil Navigation##*/
	border-width: 0px 1px 0px 1px;/*##LAYOUT:NAV;Rahmenweite Navigation##*/
	float: none; /*##LAYOUT:NAV;Rahmenweite Navigation##*/
	position:relative;
}

/* Anchor ausblenden - IE8 Fix */
a.anchor {
	display:  block;
}

/* Formatierung des Logos */
#logo {
	position:relative;
	left:0px;
	top:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
}

#secondarily_nav_1 {
	padding:10px 0px 0px 10px; /* Abstand Logo oben und links */ /*##LAYOUT:HEADER:LEFT_PART;Position Header-Bereich Links zb Logo##*/
}

#secondarily_nav_2 {
	padding:30px 0px 0px 0px; /* Abstand Suchfeld oben und rechts */ /*##LAYOUT:HEADER:RIGHT_PART;Position Header-Bereich Rechts zb Suchfeld und Utilities##*/
	width:45%;
	text-align:right;
	color: #000000;  /*@@LAYOUT:HEADER:FONT;Schriftfarbe Header-Bereich Rechts@@*/ /*##LAYOUT:HEADER:RIGHT_PART;Schriftfarbe Header-Bereich Rechts##*/
}

#header_utilities {         
  overflow:hidden; 
  display:block;
}

/*
# -------------------------------------------------------------------------
# Formatierung der Inhaltsspalten
# -------------------------------------------------------------------------
*/
#main {
	background-color:#ffffff; /*@@LAYOUT:MAIN:BACKGROUND;Hintergrundfarbe Main@@*/ /*@@QUICKCOLOR:02_MITTLERE_SPALTE;Hintergrundfarbe der mittleren Spalte@@*/ /*##LAYOUT:MAIN;Hintergrundfarbe Main##*/
	padding:25px 0px 0px 0px; /*##LAYOUT:MAIN;Innenabstand Main##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:MAIN;Aussenabstand Main##*/
	border-width: 0px 1px 0px 1px;/*##LAYOUT:MAIN;Rahmenbreite Main##*/
	border-style: solid solid solid solid;/*##LAYOUT:MAIN;Rahmenstil Main##*/
	border-color: #003C78 #003C78 #003C78 #003C78; /*@@LAYOUT:MAIN:BORDER;Rahmenfarbe Main@@*/ /*##LAYOUT:MAIN;Rahmenfarbe Main##*/
}

/* linke Spalte */
#col1 {width:214px;} /*##LAYOUT:MAIN:COL1;Breite Spalte 1 - WERT WIE MARGIN-LEFT SPALTE 3 ANGEBEN##*/
#col1_content {
	margin-left:9px; margin-right:10px;/*##LAYOUT:MAIN:COL1;Aussenabstände Spalte 1##*/
	padding:0px 0px 0px 0px;} /*##LAYOUT:MAIN:COL1;Innenabstände Spalte 1##*/

/* Rechte Spalte */
#col2 {width:179px;}/*##LAYOUT:MAIN:COL2;Breite Spalte 2 - WERT WIE MARGIN-RIGHT SPALTE 3 ANGEBENN##*/
#col2_content {
	margin-left:10px; margin-right:10px;/*##LAYOUT:MAIN:COL2;Aussenabstände Spalte 2##*/
	margin-bottom:150px;
	padding:0 0 0 0;}/*##LAYOUT:MAIN:COL2;Innenabstände Spalte 2##*/
	
#site_include_1 {}
	
/* Mittlere Spalte */
#col3 {
	border-width: 0px 1px 0px 1px;/*##LAYOUT:MAIN:COL3;Rahmenbreite Col3##*/
	border-style: solid solid solid solid;/*##LAYOUT:MAIN:COL3;Rahmenstil Col3##*/
	border-left-color: #003C78; /*@@LAYOUT:MAIN:COL3:BORDER;Rahmenfarbe Col3@@*/ /*@@QUICKCOLOR:03_LINKE_SPALTE;Hintergrundfarbe linke Spalte@@*/ /*##LAYOUT:MAIN:COL3;Rahmenfarbe Col3##*/ 
	border-right-color: #003C78; /*@@LAYOUT:MAIN:COL3:BORDER;Rahmenfarbe Col3@@*/ /*@@QUICKCOLOR:04_RECHTE_SPALTE;Hintergrundfarbe rechte Spalte@@*/ /*##LAYOUT:MAIN:COL3;Rahmenfarbe Col3##*/
	background-color:transparent; /*@@LAYOUT:MAIN:COL3:BACKGROUND;Hintergrundfarbe Col3@@*/ /*##LAYOUT:MAIN:COL3;Hintergrundfarbe Col3##*/
	margin-left:214px; /*##LAYOUT:MAIN:COL3;Margin links - SELBER WERT WIE BREITE SPALTE 1 GEBEN##*/
	margin-right:179px;/*##LAYOUT:MAIN:COL3;Margin rechts - SELBER WERT WIE BREITE SPALTE 2 GEBEN##*/
}
#col3_content {margin-left:10px; margin-right:10px; padding-top:0em; padding-bottom:30px;}/*##LAYOUT:MAIN:COL3;Abstände Content##*/

/*
# -------------------------------------------------------------------------
# Formatierung der Fusszeile 
# -------------------------------------------------------------------------
*/

#footer {
	background-color: #003C78; /*@@LAYOUT:FOOTER:BACKGROUND;Hintergrundfarbe Footer@@*/ /*@@QUICKCOLOR:05_FUSSZEILE;Hintergrundfarbe des Fusszeile@@*/ /*##LAYOUT:FOOTER;Hintergrundfarbe Footer##*/
	padding:8px 0px 9px 0px; /*##LAYOUT:FOOTER;Innenabstand Footer##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:FOOTER;Aussenabstand Footer##*/
	color: #7AABE6; /*@@LAYOUT:FOOTER:FONT:TEXT;Schriftfarbe Footer@@*/ /*##LAYOUT:FOOTER:FONT;Schriftfarbe Footer##*/
	border-width: 0px 0px 0px 0px;/*##LAYOUT:FOOTER;Rahmenbreite Footer##*/
	border-style: solid solid solid solid;/*##LAYOUT:FOOTER;Rahmenstil Footer##*/
	border-color: #565656 #565656 #565656 #565656; /*@@LAYOUT:FOOTER:BORDER;Rahmenfarbe Footer@@*/ /*##LAYOUT:FOOTER;Rahmenfarbe Footer##*/
	text-align:left; /*##LAYOUT:FOOTER:FONT;Ausrichtung Text##*/
	font-size:10px; /*##LAYOUT:FOOTER:FONT;Schriftgrösse##*/
	/* overflow: hidden; FF Hack */
}
#footer span,
#footer a {
	color: #ffffff; /*@@LAYOUT:FOOTER:FONT:LINK;Schriftfarbe Link in Footer@@*/ /*##LAYOUT:FOOTER:FONT;Schriftfarbe Link in Footer##*/
}

#footer #adresse {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 10px; /*##LAYOUT:FOOTER:ADDRESS;Aussenabstand Adressblock##*/
}





#page_to_top {  /* ACHTUNG verwendet für Logo Berner Oberland*/
	display:block;
	position:relative;
	/* top:-50px; /*##LAYOUT:FOOTER:TO_TOP;Nach-oben-Link Position oben alle Layouts##*/
	top:-130px; /*##LAYOUT:FOOTER:TO_TOP;Nach-oben-Link Position oben alle Layouts##*/
	left:857px; /*##LAYOUT:FOOTER:TO_TOP;Nach-oben-Link Position links 3Spalten Layout##*/
	width:100px;
	height:1px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	z-index:10;
	float:left;
	text-align:right;
}

.footer_energiestadt {
	padding:0px 0px 0px 0px;	
}
.berneroberland {
	padding:15px 0px 0px 0px; 
}

#page_to_top a {

	color: #565656; /*@@LAYOUT:FOOTER:FONT:TO_TOP:LINK;Schriftfarbe Link Seitenanfang@@*/ /*##LAYOUT:FOOTER:TO_TOP:FONT;Schriftfarbe Link Seitenanfang in Footer##*/

}

#layoverlay{
		background-color:#ffffff; /*@@LAYOUT:MAIN:BACKGROUND;Hintergrundfarbe Main@@*/ /*@@QUICKCOLOR:02_MITTLERE_SPALTE;Hintergrundfarbe der mittleren Spalte@@*/ /*##LAYOUT:MAIN;Hintergrundfarbe Main##*/
	padding:20px 10px 20px 10px; /*##LAYOUT:MAIN;Innenabstand Main##*/
	margin:0px 0px 0px 0px; /*##LAYOUT:MAIN;Aussenabstand Main##*/
	border-width: 0px 1px 1px 1px;/*##LAYOUT:MAIN;Rahmenbreite Main##*/
	border-style: solid solid solid solid;/*##LAYOUT:MAIN;Rahmenstil Main##*/
	border-color: #565656 #565656 #565656 #565656; /*@@LAYOUT:MAIN:BORDER;Rahmenfarbe Main@@*/ /*##LAYOUT:MAIN;Rahmenfarbe Main##*/
	position:absoulte;
	z-index:99;
}
#layoverlay ul.csc-menu{
	list-style:none;
	margin-left:-16px;
}
/* ------------------------------------------------------------------- */
	#col2{
position:relative;		
} 
#quicklinks{
display:none;
    background-color: white;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    position: absolute;
    left:-1px;
    top: -25px;
    width: 179px;
    z-index: 99;
    padding-top:20px;
    padding-bottom:10px;

}
* html #quicklinks{
margin-left:4px;
}
*+html #quicklinks{
margin-left:0px;
}
#quicklinks ul {
    list-style-type: none;
    margin-left: 5px;
}
#quicklinks ul li {
    margin-left: 0px;
}

.hider{
display:inline-block;
height:27px;
width:12px;
}
* html .hider{
display:inline !important;
position:absolute;
}
	*+html .hider{
	display:inline !important;
position:absolute;	
		
}
.hiderleft{
	position:absolute;
	left:-25px;
} /* end @media */
}