/* -----------------------------------------------------------------

 Definition LAYOUT für: HAUPTSTADTREGION SCHWEIZ (www.hauptstadtregion.ch)

 21.10.09 das.zeichen (B. Sturm)

 

 MEDIA: screen, projection

---------------------------------------------------------------------

 */



@media screen, projection {



	body    { color: #000; font-size: 100%; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: gray; background-repeat: repeat; margin: 0 }





	/* Accessibility (wird ausgeblendet) */

	#accessibility {

		position:absolute;

		left:-1000em;

		top:-1000em;

	}

	

	

	/* Globale a-Auszeichnungen */

	a:link, a:visited   { color: gray; text-decoration: underline }

	a:hover, a:active   { color: black; text-decoration: underline }

	

	div#container        { color: #000; background-color: white; margin: 0 auto 0; padding-bottom: 3em; width: 900px; border-bottom: medium none }

	

	div#header          { background-image: url(../images/dotted_5g2w.gif); background-repeat: repeat-x; background-position: 50% bottom; margin: 0 50px; padding: 10px 0 0; position: relative; width: 800px; height: 115px; border-bottom: medium none }

	div#header-top      { width: 800px; height: 1px; border-bottom: 0 solid }
	a#logo img       { position: absolute; top: 39px; right: 0 }

	

	div#header a#logo    { background-color: transparent; border: none }

	

	div#lang-sel     { font-size: 0.8em; position: absolute; top: 150px }

	div#lang-sel ul li   { display: block; margin-left: 0; padding-right: 20px; top: 100px; float: left }

	

	li.activelang a   { color: black; font-weight: bold }

	

	div#menu-container    { margin: 99px 50px 0 150px; position: relative; bottom: 5em; _height: 5em   }

	

	/* Mainmenu *******************************************/

	div#mainmenu  { position: relative }

	div#mainmenu ul#navlist li     { font-size: 1.1em }

	div#mainmenu ul#subnavlist li     { font-size: 0.8em }





	/* all buttons */

	ul#navlist li > a:link, ul#navlist li > a:visited, ul#navlist li * a:link, ul#navlist li * a:visited {

		margin:0px 0em 0px 0px;

		text-decoration:none;

	}



	#navlist li   { line-height: 130%; display: block; position: absolute; left: 0 }

	

	#navlist li li   { display: block; margin: 0 1em 0 0; position: relative; float: left }

	

	ul#subnavlist  { position: absolute; top: 26px; left: 0; width: 400px } 

	

	#navlist li#organisation  { left: 80px }

	#navlist li#medien  { left: 210px }

	#navlist li#faq  { left: 300px }

	



	/* children */

	ul#navlist a:link, ul#navlist a:visited 	 { color: gray; background-color: transparent }



	ul#navlist li a:hover	 { color: black }

	

	/* active states */

	ul#navlist a  { color: gray; background: transparent; padding: 0 }

	

	ul#navlist > li > a.activemenu, ul#subnavlist > li > a.activemenu	 { color: black; background-position: 0 0; padding: 0 }

	

	ul#navlist > li > a.activemenu  { background-position: 0 7px }





/*****************/

	div#metanavigation    { position: absolute; top: 6px; right: 0 }

	div#metanavigation ul li    { font-size: 0.8em; display: block; margin-left: 20px; float: left }
	div#content-container    { margin: 8em 50px 0 }

	div#content    { font-size: 1.1em; margin: 0 45px 0 0; width: 480px; float: left }

	

	div#right-container   { width: 275px; float: left }

	

	div#footer     { color: gray; font-size: 0.8em; background-position: 50% top; margin: 0.5em 50px 0; padding-top: 0.8em; position: relative; width: 800px; border-top: 1px solid gray }

	div#footer div#footernav {

		position:absolute;

		top:0.8em;

		right:0px;

	}

	div#footer p {

		margin:0em 0em 0.5em 0em;

	}

	

	#content-container div.pagenav    { font-size: 0.8em; margin: 4em 0 0 }

	

	#content-container #content div.pagenav ul, #content-container #content div.pagenav ul li {

		margin:0;

		padding:0;

		list-style-type: none;

		list-style-image: none;

	}

	#content-container #content div.pagenav ul li {

		margin:0em 0em 0.5em 0em;

	}

	

	#content-container #content div.pagenav li a {

		background-position: 0px 3px;

		background-repeat: no-repeat;

		padding-left:1.5em;

	}

	#content-container #content div.pagenav ul li.pagenav-top a   { background-image: url(../images/icon_top.gif); background-repeat: no-repeat; background-position: 0 3px; padding-left: 1.5em }

	#content-container #content div.pagenav ul li.pagenav-home a  { background-image: url(../images/icon_back.gif); background-repeat: no-repeat; background-position: 0 0 }

	

	/* QUOTES */

	div#quote   { color: #fff; background-color: gray; width: 274px }

	div#quote p   { font-size: 0.85em; line-height: 140%; padding: 0.5em 1em 1em }

	

	div#quote-top, div#quote-bottom  { font-size: 0; line-height: 0; background: url(../images/quote_top.gif) no-repeat 50% top; width: 274px; height: 8px }

	div#quote-bottom {

		background-image: url(../images/quote_bottom.gif);

		height:20px;

	}

	

	div#quote-author  { position: relative; width: 274px; height: 90px }

	

	div#quote-author p    { color: gray; font-size: 0.8em; line-height: 115%; display: block; position: absolute; bottom: 0; left: 80px; width: 180px }

	

	/* Mitmach-Modul */

	div#mitmachen-container {

		margin:1em 0em 1em 0em;

	}

	div#mitmachen-container h2 {

		margin:0em 0em 0.5em 0em;

	}

	div#mitmachen-container p {

		margin:0em 0em 0.5em 0em;

		line-height:110%;

	}

	

	/* Formulare */

	



	

	

	/* Clearing */

	.clear {

		float:none;

		clear:both;

	}
}