/* CSS FOR "EnergieWendBern"
/* BY: Nicolas Fojtu, typisch gmbh Bern 2008*/


/*Main Containers*/
body {background-color: #f5f6f6; align:center;font-family:Arial; line-height: 110%;}
#logo{ position: absolute; top: 20px; left: 30px;}
#right{ position: absolute; top: 0px; left: 778px;width: 177px; }
#content{ position: absolute;width:520px; top: 12px; left: 245px;margin-bottom: 50px; font-size: 0.8pc;overflow: visible}
#spalte2{ position: absolute;width:250px; top: 14px; left: 510px;margin-bottom: 50px; font-size: 0.8pc;overflow: visible}
#nav{ position: absolute; top: 200px; left: 27px; width: 200px;}
#spendebutton{ position: absolute; top: 185px; left: 12px;}
#adresse{ position: absolute; top: 215px; left: 0px;}
div#centerlayout {background-image: url(../img/background.gif); background-color:white; position:absolute;border:1px solid #000;left:50%;top:310px;height:600px;width:955px;margin-top:-300px;margin-left:-478px}
#teaser {position:absolute; border:0px solid #000;left:674px;top:5px}
#film {position:absolute; border:0px solid #000;left:315px;top:5px}
#filmleft {
	position: absolute;
	border: 0px;
	left: 5px;
	top: 5px;
}
div#centerlayoutunten {background-color:#EEE; position:absolute; border:1px solid #000; left:50%; top:920px; height:204px; width:955px; margin-top:-300px; margin-left:-478px}
#initiativbox{position: relative;width:520px;background-color: #ffe03b;z-index:5;}

/*_______________________________________*/


/*Schriften*/
h1 {font-size: 1.1pc;font-weight: bold;}
h2 {font-size: 0.8pc;font-weight: bold; display: inline;background-color: #ffe03b;font-weight: bold;}

#bold {font-size: 0.8pc; font-weight: bold;background-color: none; color: #000000}
#initiativtext{font-size: 0.8pc; background-color: none; color: #000000}

#content p {font-size: 0.8pc}
#content a {text-decoration: underline; color: #000000; font-weight: bold;}
#content a:hover {background-color: #ffe03b;}
#untertitel{background-color: #ffe03b;font-weight: bold;}

#logo a img{border:0px solid #000}
/*_______________________________________*/



/*
body { width:100%; height:100%; font-family:Arial; background-color: #ABD6E1; margin: 0;}

#header{ position: absolute; top: 10px; left: 10px; }
#right{ position: absolute; top: 120px; left: 775px; }
#content{ position: absolute;top: 100px; left: 200px;margin-bottom: 50px; font-size: 0.8pc;overflow: visible}
#nav{ position: absolute; top: 120px; left: 30px; width: 200px;}
#nav div {margin-bottom: 7px;}
#footer {position:static; width: 800px;}
#left{position:static;left: -200px; vertical-align: bottom;}


#content { left: 208px; top: 105px; position: absolute; width: 545px; visibility: visible; }
#nav { width: 180px; left: 30px; top: 120px; position: absolute; visibility: visible; }
#left { left: -200px; position: absolute; bottom: -10px; visibility: visible; }

#page_end{ position: absolute; top:600px;left: 208px;}
/*_______________________________________*/


/* ROLLOVER IMAGES*/
#act_logo_banner a {height:600px; background: url(../img/logo_banner.gif) 10px no-repeat; display: block; text-decoration: none;}
#logo_banner a {height:600px;background: url(../img/logo_banner.gif) 10px 0px no-repeat; display: block;text-decoration: none;}
#logo_banner a:hover {height:600px;background-position: 10px -608px; display: block;} 
/*________________________________________*/ 


/* ROLLOVER IMAGES*/
#act_menu1 a {height:42px; background: url(../img/menu1.gif) 10px -42px no-repeat; display: block; text-decoration: none;}
#menu1 a {height:42px;background: url(../img/menu1.gif) 10px 0px no-repeat; display: block;text-decoration: none;}
#menu1 a:hover {height:42px;background-position: 10px -42px; display: block;} 

#act_menu2 a {height:42px; background: url(../img/menu2.gif) 10px -42px no-repeat; display: block; text-decoration: none;}
#menu2 a {height:42px;background: url(../img/menu2.gif) 10px 0px no-repeat; display: block;text-decoration: none;}
#menu2 a:hover {height:42px;background-position: 10px -42px; display: block;} 

#act_menu3 a {height:42px; background: url(../img/menu3.gif) 10px -42px no-repeat; display: block; text-decoration: none;}
#menu3 a {height:42px;background: url(../img/menu3.gif) 10px 0px no-repeat; display: block;text-decoration: none;}
#menu3 a:hover {height:42px;background-position: 10px -42px; display: block;} 

#act_menu4 a {height:42px; background: url(../img/menu4.gif) 10px -42px no-repeat; display: block; text-decoration: none;}
#menu4 a {height:42px;background: url(../img/menu4.gif) 10px 0px no-repeat; display: block;text-decoration: none;}
#menu4 a:hover {height:42px;background-position: 10px -42px; display: block;} 
/*________________________________________*/