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

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

 21.10.09 das.zeichen (B. Sturm)

 

 MEDIA: handheld

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

 */



@media handheld {



	body  { font-size: 0.75em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin: 0 }



	#accessibility  { font-size: 0.75em; background-color: #d1d1d1; margin: 0.5em 0 }

	

	/* keine rechte spalte im PDA */

	#right-container {

		visibility: hidden;

		display: none;

	}

	

	div#mainmenu, #metanavigation, #lang-sel  { font-size: 0.75em; margin: 0.5em 0 }

	div#mainmenu  { font-size: 0.94em; float: none; clear: both }

	

	div#mainmenu ul {

		margin-left:1em;

	}

	

	div#metanavigation ul li {

		float:left;

		margin-right:5px;

	}

	

	.clear {

		float:none;

		clear:both;

	}

	

		/* Ab hier Content-Regeln */

	#content  { font-size: 0.75em !important }

	

	/* Globale a-Auszeichnungen */

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

	a:hover, a:active  { color: #fff; text-decoration: none; background-color: gray }

	

	div#container  { color: #000; line-height: 120%; background-color: #fff; width: 100% }

	

	div#header  {

		margin:0.5em 0em 0.5em 0em;

		width:100%;

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

		background-position: bottom;

		background-repeat: repeat-x;

		height:80px;

		position:relative;

	}

	div#header-top  { width: 100%; height: 2px; border-top: 0 solid }

	

	a#logo img {

		width:100%;

	}

	

	div#header a#logo {

		border:none;

		background-color: #fff;

	}

	

	#footer  { font-size: 0.75em; margin: 1em 0 0; padding-top: 0.5em; border-top: 1px solid #d1d1d1 }

	

	/* Textfluss und Hierarchien */

	#content p  { line-height: 150%; margin: 0 0 1em }

	

	#content h1, #content, #content h2, #content h3, #content h4, #content h5 {

		font-size:1.4em;

		margin:0em 0em 0.6em 0em;

		line-height:120%;

		color:#000;

		font-style: normal;

		font-weight: normal;

	}

	

	#content h2, #content h3, #content h4, #content h5  { font-size: 1.1em; font-style: normal; font-weight: normal; margin: 2em 0 0.2em }

	

	#content h3, #content h4, #content h5  { font-size: 1.1em; margin: 1em 0 0 }

	

	#content h4, #content h5  { font-size: 0.75em; font-weight: normal }

	

	/* Readmore */

	#content a.readmore  { background-repeat: no-repeat; background-position: left top; padding: 0 0 0 1.5em }

	

	/* Bilder */

	/* Normales Inhaltsbild */

	#content .img-wide a.zoom, #content .img-small a.zoom {

		background-color:transparent;

		width:100%;

		position:relative;

	}

	

	

	#content .img-wide, #content .img-small {

		width:100%;

		overflow:hidden;

		margin:0em 0em 0.5em 0em;

	}

	

	#content .img-small {

		width:100%;

		margin:0em 0em 0.5em 0em;

	}

	

	#content .img-wide img, #content .img-small img {

		width:100%;

	}

	

	#content .img-small img {

		width:100%;

	}

	

	#content .img-wide p, #content .img-small p  { color: gray; font-size: 0.75em }

	#content .zoom .symbol-zoom {

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

		background-position: 0 0;

		background-repeat: no-repeat;

		position:absolute;

		bottom:1em;

		right:1em;

		width:24px;

		height:24px;

		display:block;

	}

	

	

	

	/* Tabellen */

	#content table  { background-color: #d1d1d1; margin: 1em 0 }

	

	#content table td, #content table th {

		padding:0.2em;

		line-height:120%;

	}

	

	#content table th  { text-align: left; border-bottom: 1px solid #000 }

	

	#content table td  { padding-bottom: 0.5em; border-bottom: 1px solid #d1d1d1 }

	

	/* Aufzählungslisten */

	#content ul  { margin: 1em 3em 1em 2em; padding: 0 }

	#content ul li {

		margin:0em 0em 1em 1em;

	}



	

	/* Formulare */





	form input.button {

		display:none;

	}



	form input.inputbox {

		display:block;

		border:none;

		border-bottom:1px solid #000;

	}



	

	

	form textarea  { color: #000; background-color: #d1d1d1; display: block; border-style: none none solid; border-width: medium medium 1px; border-color:   #000 }





	form label {

		display:block;

		margin:0.5em 0em 0.2em 0em;

	}

	

	#content form input.inputbox {

		width:400px;

	}

	

	#content form textarea {

		width:400px;

		height:200px;

	}

	



	

	/* Liste */

	

	/* SITEMAP */

	ul#sitemap ul {

		list-style-image:none;

	}

	ul#sitemap, ul#sitemap li, ul#sitemap ul {

		margin:0;

		padding:0;

	}

	ul#sitemap {

		margin:0px 0em 1em 1em;

		padding:0px 0em 0em 1em;

	}

	ul#sitemap ul {

		margin:0px 0px 1em 0.5em;

	}







	/* Testimonials */

	#content div.testimonial-each {

		margin:0em 0em 1em 0em;

	}

	#content div.testimonial-image {

		float:left;

		width:80px;

	}

	#content div.testimonial-quote {

		float:left;

		width:400px;

	}

	

	#content div.testimonial-quote h2 {

		margin:0em 0em 0.2em 0em;

	}

	

	

	

	/* Smybole für Downloads */

	#content span.download-pdf {

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

		background-position: 0 0;

		background-repeat: no-repeat;

		height:24px;

		display:block;

		margin:1em 0em 0em 0em;

	}

	

	#content span.download-pdf a {

		margin:1em 0px 0em 2em;

	}

	

	/* Als Liste */

	#content ul.download-pdf {

		margin-left:0em;

	}

	#content ul.download-pdf li {

		list-style-type:none;

		list-style-image: none;

		background-position: 0px 2px;

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

		background-repeat: no-repeat;

		margin-left:0em;

		padding-left:2.5em;

	}



}