/**********************************************************************
  generated by H2G Internetagentur, CH-Aarau, www.h2g.ch, February 09  
***********************************************************************/

* { padding: 0; margin: 0; border: 0; }

body { font: 10px Verdana, sans-serif; color: #000; background: #eee; }


/* headlines */

h1, h2, h3 { font-size: 15px; margin-bottom: 15px; }


/* global elements */

.accessibility { display: none; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

.center { text-align: center; }

a { color: #000; }

	a.button { font-size: 10px; text-decoration: none; display: block; width: 120px; text-align: center; padding: 2px; background: #1b90e1; color: #fff; border: 1px solid #000; border-width: 3px; border-color: #1b90e1; border-style: outset; font-weight: bold; }
	
	a.button:active { border-style: inset; }
	
	a.anchor:link, a.anchor:visited { color: #1b90e1; font-weight: bold; text-decoration: none; font-size: 12px; }
	
	a.anchor:hover { text-decoration: underline; }


/* core layout elements */

#container { position: relative; top: 50px; left: 50%; width: 841px; height: 560px; margin: 0 0 0 -420px; background: #fff; border: 1px solid #787878; }

	#container #logo { position: absolute; left: 35px; top: 25px; width: 249px; height: 70px; }
	
	#container #text { position: absolute; left: 37px; bottom: 12px; width: 185px; line-height: 12px; }
	
	#container .slideshow { position: absolute; bottom: 0; right: 0; width: 520px; height: 382px; }
	
		#container .slideshow img { position: absolute; top: 0; left: 0; }
		
		#container .slideshow iframe { width: 520px; height: 382px; }


/* navigation */

#navi { position: absolute; top: 175px; left: 29px; }

	#navi ul { list-style-type: none; }
	
		#navi ul li { margin-bottom: 3px; display: inline; }
		
			#navi ul li a { display: block; padding: 3px 7px; font-size: 13px; line-height: 13px; font-weight: bold; text-decoration: none; }
			
			#navi ul li a:hover, #navi ul li a.on { background: #1b90e1; color: #fff; }


/* content elemente */

#willkommen { position: absolute; top: 0; right: 0; width: 520px; height: 178px; background: #1b90e1 url(../img/herzlich_willkommen.gif) no-repeat 39px 38px; }


/* geschaefte */

#geschaefteLogoBig { position: absolute; left: 37px; top: 294px; }

	#geschaefteLogoBig img { border: 1px solid #787878; }
	
	#geschaefteLogoBig p { padding-top: 12px; }

#geschaefteLogos { position: absolute; top: 32px; left: 321px; width: 520px; height: 178px; }

	.logoRow {  }
	
		.logoRow img { float: left; margin-right: 5px; border: 1px solid #787878; margin-bottom: 5px; }


/* pinguine */

.pinguin { position: absolute; z-index: 100; }
#pinguin_home { bottom: -24px; left: 240px; width: 166px; height: 234px; background: url(../img/pinguin_home.png) no-repeat; }
#pinguin_oeffnungszeiten { bottom: -24px; left: 240px; width: 210px; height: 234px; background: url(../img/pinguin_oeffnungszeiten.png) no-repeat; }
#pinguin_infrastruktur { bottom: -24px; left: 234px; width: 320px; height: 218px; background: url(../img/pinguin_infrastruktur.png) no-repeat; }
#pinguin_events { bottom: -24px; left: 232px; width: 224px; height: 338px; background: url(../img/pinguin_events.png) no-repeat; }
#pinguin_wettbewerb { bottom: -36px; left: 186px; width: 264px; height: 262px; background: url(../img/pinguin_wettbewerb.png) no-repeat; }
#pinguin_ubs { bottom: -29px; left: 248px; width: 165px; height: 210px; background: url(../img/pinguin_ubs.png) no-repeat; }
#pinguin_coiffurestyling { bottom: -26px; left: 239px; width: 197px; height: 217px; background: url(../img/pinguin_coiffurestyling.png) no-repeat; }
#pinguin_denner { bottom: -30px; left: 224px; width: 190px; height: 235px; background: url(../img/pinguin_denner.png) no-repeat; }
#pinguin_dropa { bottom: -30px; left: 244px; width: 153px; height: 213px; background: url(../img/pinguin_dropa.png) no-repeat; }
#pinguin_express { bottom: -30px; left: 202px; width: 222px; height: 237px; background: url(../img/pinguin_express.png) no-repeat; }
#pinguin_hug { bottom: -40px; left: 224px; width: 186px; height: 246px; background: url(../img/pinguin_schuhservicehug.png) no-repeat; }
#pinguin_kkiosk { bottom: -30px; left: 212px; width: 175px; height: 213px; background: url(../img/pinguin_kkiosk.png) no-repeat; }
#pinguin_knechtreisen { bottom: -30px; left: 165px; width: 237px; height: 213px; background: url(../img/pinguin_knechtreisen.png) no-repeat; }
#pinguin_melectronics { bottom: -36px; left: 224px; width: 189px; height: 245px; background: url(../img/pinguin_melectronics.png) no-repeat; }
#pinguin_migros { bottom: -57px; left: 224px; width: 274px; height: 243px; background: url(../img/pinguin_migros.png) no-repeat; }
#pinguin_mrestaurant { bottom: -30px; left: 224px; width: 170px; height: 202px; background: url(../img/pinguin_mrestaurant.png) no-repeat; }
#pinguin_texpress { bottom: -30px; left: 214px; width: 184px; height: 242px; background: url(../img/pinguin_texpress.png) no-repeat; }
#pinguin_tschuemperlin { bottom: -30px; left: 216px; width: 178px; height: 213px; background: url(../img/pinguin_tschuemperlin.png) no-repeat; }
#pinguin_mbank{ bottom: -30px; left: 224px; width: 228px; height: 179px; background: url(../img/pinguin_mbank.png) no-repeat; }
#pinguin_mflorissimo { bottom: -40px; left: 184px; width: 250px; height: 259px; background: url(../img/pinguin_mflorissimo.png) no-repeat; }

/* oeffnungszeiten */
#text table.oeffnungszeiten tr {
   vertical-align: top;
}

/* wettbewerb */

#formular { font-size: 13px; }
	
	#formular input, #formular textarea, #formular select { padding: 2px; border: 1px solid #1b90e1; color: #000; font: 13px Verdana, sans-serif; }
	
	#formular input.inputAntwort { padding: 2px; background: #1b90e1; color: #fff; border: 1px solid #000; }
	
	#formular input.submitButton { padding: 2px; background: #1b90e1; color: #fff; border: 1px solid #000; border-width: 3px; border-color: #1b90e1; border-style: outset; }
	
		#formular input.submitButton:hover { color: #000; }
		
		#formular input.submitButton:active { border-style: inset; }
	
	#formular .formRow { width: 350px; margin-bottom: 5px; }
	
	#formular .formLeft { float: left; }
	
	#formular .formRight { float: right; width: 200px; }
	
	#formular #note { position: absolute; top: 70px; right: 0; width: 100px; padding-right: 40px; color: #F84C09; font-weight: bold; display: none; }