/*
	Projekt: webundso.ch
	Datei: layout.css | Position ist alles ;-)
	Author: NGI

  Verwendete Farben:
  #fff    = weiss
  #000    = schwarz
  #FAA42C = orange
	#999    = dunkelgrau
	#ebebeb = heller
	#dfdfdf = hellhellgrau
  
*/

body { margin:0; padding:0; background:#1C6DAC url(../img/bg_body.jpg) center top no-repeat; }
/* special for MS-IE <7: */ * html body { background:#1C6DAC url(../img/bg_body.jpg) -124 top no-repeat; }

#outerWrap { position:relative; width: 950px; margin: 0 auto; text-align: center; background:transparent url(../img/bg_header.jpg) top left no-repeat; }

#innerWrap { position:relative; text-align:left; }

#topFrame { position:relative; height: 210px; }
	#home { position:absolute; left:20px; top:10px; width: 190px; height: 190px; }
	#icons { position:absolute; right:17px; top:184px; width:175px; height:20px; background: url(../img/icons_header.gif) top right no-repeat; float:right; }
		#icons a { margin-left: 10px; }
	#topContent { position:absolute; right:190px; top:15px; width:403px; height:111px; overflow:hidden; background:transparent url(../img/bg_webradio.gif) left top no-repeat; overflow:hidden; }
		#c5 { position:absolute; top:9px; left:10px; width:150px; background:#1c2834; padding:0 1px; border-bottom: 1px dashed #fff; } /* webplayer title */
		#c98 { position:absolute; top:9px; right:8px; width:220px; background:#1c2834; } /* songticker */
		#c72 { position:absolute; bottom:10px; left:10px; background:#1c2834; font-size:9px; } /* streams */
		#c130 { position:absolute; bottom:10px; right:4px; background:#1c2834; font-size:9px; } /* links */
		#topContent .hline { position:relative; top:0; left:0; margin:0; padding:0; width:100%; height:1px; border-bottom: 1px dashed #fff; } 
	#topBanner { position:absolute; left:241px; top:140px; width:468px; height:60px; overflow:hidden; }

#contentWrap { position:relative; background: url(../img/bodyBg.gif) top left repeat-y; }
/* special for MS-IE <7: */ * html #contentWrap { position:absolute; top:210px; left:0; height:400px; overflow:visible; }
	#contentHead { position:relative; background: url(../img/bodyHead.gif) top left no-repeat; height: 24px; }
	/* special for MS-IE <7: */ * html #contentHead { display:none; }
	#contentFooter { position:relative; background: url(../img/bodyFooter.gif) bottom left no-repeat; height: 11px; }
	/* special for MS-IE <7: */ * html #contentFooter { display:none; }
	#contentBody { position:relative; }
	/* special for MS-IE <7: */ * html #contentBody { position:absolute; top:0; left:0; height:400px; float:none; overflow:visible; }
		#leftTube { position:relative; float:left; border-left:3px solid #162531; width: 197px; overflow:hidden; background:#5e4f40; }
			/* special for MS-IE <7: */ * html #leftTube { position:absolute; top:0; left:0; height:500px; width:200px; float:none; overflow:visible; padding:10px 0; }
			#menu { }
			#leftContent { margin-top:10px; padding: 0 10px 0 7px; }
			#leftContent .hline {top:0; left:0; margin:10px 0 5px -2px; padding:0; width:100%; height:1px; border-bottom: 1px dashed #fff; } 
			#leftBanner_1 { margin-top:30px; }
			#leftBanner_2 { margin-top:5px; }
		#middleTube { position:relative; min-height:500px; width:550px; float:left; overflow:hidden; background:#fff; }
		#middleTube.wide { position:relative; min-height:500px; width:740px; float:left; overflow:hidden; background:#fff; }
			/* special for MS-IE <7: */ * html #middleTube { position:absolute; top:0; left:200px; height:500px; width:550px; float:none; overflow:visible; }
			#middleContent { padding: 15px 25px; }
				#middleContent .csc-default {  }
				.wrap_2col { width: 500px; background: url(../img/bg_2col.gif) top left repeat-y; }
					.leftCol { width: 315px; float:left; }
					.rightCol { width: 150px; float:right;  }
		#rightTube { position:relative; float: right; width: 200px; overflow:hidden; background:#162531; }
			/* special for MS-IE <7: */ * html #rightTube { position:absolute; top:0; left:750px; height:500px; width:200px; float:none; overflow:visible; padding:10px 0; }
			#rightContent { position:relative; padding: 0 10px; }
			/* #rightContent .hline { position:relative; top:0; left:0; margin:0; padding:0; width:100%; height:10px; background: url(../img/right_hline.gif) top left no-repeat; } */
			#rightContent .hline { top:0; left:0; margin:10px 0 5px -2px; padding:0; width:100%; height:1px; border-bottom: 1px dashed #fff; } 
			#rightBanner_1 { margin-top:15px; } 
			#rightBanner_2 { margin-top:5px; }

h1.imageheader, h2.imageheader, h3.imageheader { overflow: hidden; height: 20px; text-indent: -999em; white-space: nowrap; background-repeat: no-repeat; }
h1.imageheader { margin-left:-1px; }
h2.imageheader { margin-left:-1px; }

#webplayerOuterWrap { width:350px; height:200px; margin:0 auto; text-align:left; overflow:hidden; background:#1C6DAC url(../img/bg_player.jpg) left top no-repeat; }
#webplayerWrap { width:300px; margin:10px auto; }

#songtickerOuterWrap { margin:0; padding:0; background:#162531; }
#songtickerWrap { padding:0 50px 50px 0;  }

.banner_v { width:180px; margin: 0 auto; text-align: center; overflow:hidden; }
.banner_v table { width:100%; text-align: center; }
.banner_v table td { text-align: center; }

.csc-frame-rulerBefore { border-top: 1px solid #89e1fa; padding-top:5px; }
.csc-frame-rulerAfter { border-bottom: 1px solid #89e1fa; padding-bottom:5px; }