/*
 * @author: Oliver Lorenz
 * @since: 2010-04-13
 * @description: Beinhaltet alle Stukturellen Styleangaben unabhängig vom
 *               Medientyp ( @media )
 */


	/*
	 * @author: Oliver Lorenz
	 * Alle Elemente sollen Standardmäßig keine Abstände haben
	 */
	* {
		margin: 0;
		padding: 0;
		font-size: 1em;
	}


	/* 
	 * @author: Oliver Lorenz
	 * Headlines bekommen Standardmäßig keine vergrößerte line-height. Das soll
	 * dann vom Template definiert werden. Die Größen müssen gesetzt werden!
	 */
	h1, h2, h3, h4, h5, h6 {
		line-height: 1em;
	}

	/*
	 * @author: Oliver Lorenz
	 * Überschrift1 mit Standardgröße
	 */
	h1 {
		font-size: 2em;
		text-align: left;
	}

	/*
	 * @author: Oliver Lorenz
	 * Überschrift1 mit Standardgröße
	 */
	h2 {
		font-size: 1.5em;
		text-align: left;
	}

	/*
	 * @author: Oliver Lorenz
	 * Überschrift1 mit Standardgröße
	 */
	h3 {
		font-size: 1.17em;
		text-align: left;
	}

	/*
	 * @author: Oliver Lorenz
	 * Überschrift1 mit Standardgröße
	 */
	h4 {
		font-size: 1em;
		text-align: left;
	}

	/*
	 * @author: Oliver Lorenz
	 * Überschrift1 mit Standardgröße
	 */
	h5 {
		font-size: 0.83em;
		text-align: left;
	}

	/*
	 * @author: Oliver Lorenz
	 * Überschrift1 mit Standardgröße
	 */
	h6 {
		font-size: 0.67em;
		text-align: left;
	}
	.fontBold {
		font-weight: bold;        
	}

	/*
	 * @author: Oliver Lorenz
	 * Image
	 */
	img {
		border-style: none;
	}


	/*
	 * @author: Oliver Lorenz
	 * Elemente die im neuen CSS-Framework ausgebledet werden
	 */
	.nodisplay, .noDisplay, .hideme, .profileFrame, img.sidebarspacer {
		display: none;
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definiert optionale Wörter oder Zeichen, die an gewissen stellen ein
	 * oder ausgeblendet werden sollen.
	 */
	.optionalSigns, .optionalWords {
	}


	/*
	 * @author: Oliver Lorenz
	 * clearfix-Methode für BROWSER
	 */
	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	/*
	 * @author: Oliver Lorenz
	 * clearfix-Methode für IE (Teil 1)
	 */
	.clearfix {
		display: inline-block;
	}

	/*
	 * @author: Oliver Lorenz
	 * clearfix-Methode für IE (Teil 2)
	 */
	* html .clearfix {
		height: 1%;
	}

	/*
	 * @author: Oliver Lorenz
	 * clearfix-Methode für IE (Teil 3)
	 */
	.clearfix {
		display: block;
	}
	
	/*
	* @author: Ronny Poller
	* Definiert Standard Klassen für Floating
	*/
	.floatLeft{float:left;}
	.floatRight{float:right;}
    .clear { clear:both; }
	.displayInlineBlock{
		 display:inline-block;  /* IE7 Bugfix */
		zoom: 1;
		*display: inline;
	}
	.displayInlineBlockI{
		 display:inline-block !important;  
		 /* IE7 Bugfix */
		zoom: 1;
		*display: inline !important;
	}
	.displayBlock{display:block;}

	/*
	 * @author: Ronny Poller
	 * Definiert den Header und Footer
	 */
	div.header, div.footer {
		clear: both;
		position: relative;
	}
 
	/*
	 * @author: Oliver Lorenz
	 * Definiert den Contentbereich
	 */
	div.content {
	}

	/*
	 * @author: Oliver Lorenz
	 * Definiert die Sidebar
	 */
	div.sidebar {
	}

	/*
	 * @author: Oliver Lorenz
	 * Definiert einen Rahmen der innerhalb eines Elementes
	 */
	div.border {
		overflow: hidden;
	}
	 /*
	 * @author: Ronny Poller
	 * Definiert einen Container innerhalb eines Elementes
	 */
	 div.container {
		overflow: hidden;
	}

	/*
	 * @author: Oliver Lorenz
	 * Verhindert, dass doppelte Rahmen doppelt angezeigt werden. Diese sollten
	 * neu definiert werden
	 */
	div.border div.border {
		margin: 0px;
	}

	.border_right {
		/* margin-right */
	}

	.border_left {
		/* margin-left */
	}

	.border_both {
		/* margin-left */ /* margin-right */
	}






	/*************************************************************************
	 * Standardangaben für generelle Elemente
	 *
	 * Es wird empfohlen hier so wenig wie möglich Elemente anzulegen, diese
	 * aber SEMANTISCH korrekt zu überdenken. Je allgemeiner definierbar,
	 * desto besser.
	 * @author: Oliver Lorenz
	 *************************************************************************/

	/*
	 * @author: Oliver Lorenz
	 * Definiert ein allgemeines Modul
	 */
	.module {
	}


	/*
	 * @author: Oliver Lorenz
	 * Definiert eine allgemeine Übersichtsseite
	 */
	.overview {
	}

	/*
	 * @author: Oliver Lorenz
	 * Definiert eine allgemeine Detailseite
	 */
	.detailview {
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definiert eine allgemeine Kategorie 
	 */
	.category {
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definiert eine allgemeine Zeitangabe 
	 */
	.date {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen allgemeinen Zähler 
	 */
	.count, .counter {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert eine allgemeine Überschrift 
	 */
	.headline {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert eine primäre Überschrift falls diese Unterscheidung
	 * notwendig ist
	 */
	.primaryHeadline {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert eine sekundäre Überschrift falls diese Unterscheidung
	 * notwendig ist
	 */
	.secondaryHeadline {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert ein allgemeines Bild 
	 */
	.image {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert eine allgemeine Liste 
	 */
	.list {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert eine Liste die Medien enthält 
	 */
	.medialist {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen allgemeinen Listeneintrag 
	 */
	.list .listitem {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen allgemeinen alternierenden Listeneintrag 
	 */
	.list .listitem_alternating {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen Listeneintrag mit einem Audio-Medium 
	 */
	.medialist .audio {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen Listeneintrag mit einem Video-Medium 
	 */
	.medialist .video {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen Listeneintrag mit einem Bild-Medium 
	 */
	.medialist .image {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen allgemeinen Link 
	 */
	a, .link {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen allgemeinen DetailLink 
	 */
	.detailLink {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert den Link eines verlinkten Bildes 
	 */
	.imageLink {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen allgemeinen Diskussionsstrang 
	 */
	.thread {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen allgemeinen Kommentar 
	 */
	.comment {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert einen algemeinen Author eines Inhalts 
	 */
	.author {
	}

	/*  
	 * @author: Oliver Lorenz
	 * Definiert eine allgemeine Werbung 
	 */
	.ad {
		margin-bottom: 10px;
	}

	/*
	 * @author: Oliver Lorenz
	 * definiert einen Mitarbeiter
	 */
	.employee {
	}

	.name {
	}

	/*
	 * @author: Ronny Poller
	 * definiert einen Container
	 */
	.container {
	}


	/**************************************************************************
	 * Definition für Generische Übersichtslisten 
	 * Achtung: Änderungen haben Auswirkungen auf möglicherweise ALLE Listen
	 **************************************************************************/

	/*  
	 * @author: Oliver Lorenz
	 * Definiert eine allgemeine Liste in einer Übersichtsseite 
	 */
	div.overview .list {
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definition für einen Link um das Bild in einer Liste 
	 */
	div.overview .listitem a.imageLink, div.overview .listitem_alternating a.imageLink {
		display: block;
		overflow: hidden;
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definition für einen Link um das Bild in einer Liste 
	 */
	div.overview .listitem a.imageLink:hover, div.overview .listitem_alternating a.imageLink:hover {
	}

	/* 
	 * @author Oliver Lorenz
	 * Definition für den Link um das Bild in einem normalen ListItem einer 
	 * Übersichtsliste 
	 */
	div.overview .listitem a.imageLink {
		float: left;
	}

	/* 
	 * @author Oliver Lorenz
	 * Definition für den Link um das Bild in einem alternieren ListItem einer 
	 * Übersichtsliste 
	 */
	div.overview .listitem_alternating a.imageLink {
		float: right;
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definiert das Bildes eines ListItems in einer Übersichtsliste 
	 */
	div.overview .listitem img, div.overview .listitem_alternating img {
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definiert die Kategorie in einem ListItem einer Übersichtsliste 
	 */
	div.overview .listitem span.category, div.overview .listitem_alternating span.category {
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definiert das Datum in einem ListItem einer Übersichtsliste 
	 */
	div.overview .listitem span.date {
		float: right;
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definiert die Sekundäre Überschrift in einem ListItem einer 
	 * Übersichtsliste 
	 */
	div.overview .listitem h2, div.overview .listitem_alternating h2 {
		font-size: 1.2em;
		line-height: 1.5em;
	}

	/* Definiert alle Texte eines ListItems in einer Übersichtsliste */
	div.overview .listitem .text, div.overview .listitem_alternating .text {
		margin-top: 1em;
		line-height: 1.5em;
	}

	/**************************************************************************
	 * Module / Modulspezifische Angaben (Alphabethisch sortiert)
	 **************************************************************************/

	/**********************************************************************
	 * Forum
	 **********************************************************************/

	/*
	 * @author: Oliver Lorenz
	 * Definiert einen Thread 
	 */
	.thread {
	}

	/*
	 * @author: Oliver Lorenz
	 * Definiert das Datum in einem Kommentar
	 */
	.comment .date {
		font-weight: normal;
		line-height: 1.5em;
	}

	/*
	 * @author: Oliver Lorenz
	 * Definiert den Autor in einem Kommentar
	 */
	.comment .author {
		display: block;
		float: left;
		line-height: 1.5em;
		margin-top: 0.5em;
	}

	/*
	 * @author: Oliver Lorenz
	 * Definiert den Text in einem Kommentar
	 */
	.comment .text {
		float: left;
	}

	/*
	 * @author: Oliver Lorenz
	 * Definiert den Betreff in einem Kommentar
	 */
	.comment .headline {
		font-weight: bold;
		margin-bottom: 0.5em;
	}

	.news .comment .headline {
		line-height: 1.5em;
	}

	/*
	 * @author: Oliver Lorenz
	 * Definiert den Betreff in einem Kommentar
	 */
	.createComment .textinput {
		display: block;
		width: 99.9%;
	}

	.createComment input.inputSubmit {
		display: block;
		line-height: 2em;
		height: 2em;
		margin-top: 1em;
		width: 100%;
	}

	/**********************************************************************
	* News
	***********************************************************************/

	/* 
	 * @author: Oliver Lorenz
	 * Definiert einen einzelnen Eintrag in der Medienliste eines 
	 * Listeneintrags 
	 */
	div.news div.overview ul.mediaList li {
		background-position: left;
		background-repeat: no-repeat;
		display: block;
		height: 1.5em;
		line-height: 1.5em;
	}

	/* Definiert den Link innerhalb der Medienliste eines Listeneintrags */
	div.news div.overview ul.mediaList li a {
		margin-left: 18px;
	}

	/* 
	 * Definiert ein allgemeines Medium der Medienliste eines 
	 * Listeneintrags 
	 */
	div.news div.overview ul.mediaList li.media {
		background-image: url("/Layout/standard/icons/page_white.png");
	}

	/* Definiert ein Video der Medienliste */
	div.news div.overview ul.mediaList li.video {
		background-image: url("/Layout/standard/icons/film.png");
	}

	/* Definiert ein Audio der Medienliste */
	div.news div.overview ul.mediaList li.audio {
		background-image: url("/Layout/standard/icons/music.png");
	}

	/* Definiert ein Bild der Medienliste */
	div.news div.overview ul.mediaList li.image {
		background-image: url("/Layout/standard/icons/phote.png");
	}

	/**********************************************************************
	* Modul: Mitarbeiter
	**********************************************************************/
	div.employees {
	}

	div.employees div.overview {
	}

	div.employees div.overview div.employee {
	}

	div.employees div.overview div.employee .name {
	}

	div.employees div.overview div.employee .title {
	}

	/**********************************************************************
	 * Modul: Werbung
	 **********************************************************************/
	/*
	 * @author: Oliver 
	 * Definiert eine Werbung 
	 */
	div.ad {
		overflow: hidden;
	}

	/*
	 * @author: Oliver  
	 * Definiert einen Container für Werbungen 
	 */
	div.adContainer {
		overflow: hidden;
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definiert einen Container für Werbungen mit 160px Breite 
	 */
	div.adContainer_160 {
		float: left;
		overflow: hidden;
		width: 160px;
	}

	/* 
	 * @author: Oliver Lorenz
	 * Definiert einen Container für Werbungen mit 2x 160px Breite 
	 */
	div.adContainer_2x_160 {
		float: left;
		overflow: hidden; /* Auch hier sollte die Breite definiert werden. Diese setzt sich  			 
							* aus 2x 160px und einem frei definierbarem Innenabstand zusammen.  			 
							* Dieser muss in der "globallayout.css" festgelegt werden */
	}

	div.adContainer_160 div.ad, div.adContainer_2x_160 div.ad {
		width: 160px;
		float: left;
	}

	/*
	 * @author: Oliver Lorenz
	 * Wird genutzt um entweder einen defineriten Rahmen um die Werbungen zu
	 * schließen, oder um einen negativen margin neben die Werbungen zu
	 * definieren, der durch den Margin der Werbungen ausgeglichen wird.
	 */
	div.adContainer_160 div.border, div.adContainer_2x_160 div.border {
		/* 			 
		* Diese CSS-Klasse muss in die "modules.css" kopiert werden  			 
		* und mit folgenden Beispielwerten versehen werden: 			 
		* 			 
		* margin-left: -10px;  			 
		*/
	}

	/*
	 * @author: Oliver Lorenz
	 * Definiert einen Superbanner
	 */
	.superbanner {
		position: absolute;
	}

	/*
	 * @autor: Oliver Lorenz
	 * Definiert einen iFrame in einem Superbanner. Diese Einstellung ist 
	 * notwendig, da einige Banner keine eigene Hintergrundfarbe mitbringen; 
	 * Weiß aber oft als Standard gilt
	 */
	.superbanner iframe {
		background-color: #FFF;
	}
	
	/*
	 * @author: Ronny Poller
	 * Definiert einen skyscraper
	 */
	.skyscraper {
		position: absolute;
	}

	/**********************************************************************
	 * Sidebar
	 **********************************************************************/
	td.SideBarTop {
		line-height: 2em;
	}





	/**************************************************************************
	 * Temp
	 **************************************************************************/

	div.width1 {
		background-color: #FFF;
	}

	div.width2 {
		background-color: #DDD;
	}

	div.width3 {
		background-color: #BBB;
	}

	div.width4 {
		background-color: #999;
	}

	div.width5 {
		background-color: #777;
	}

	.hide
	{
		display:none;
	}

	/******************************************************************************
	 * Layoutschalter
	 ******************************************************************************/

	/*************************************************************************
	 * Middle-Layout
	 *************************************************************************/
	body.middlelayout div.main {
		margin: 0 auto;
	}




	/*************************************************************************
	 * Kanal8-Template-System
	 *************************************************************************/

	/*
	 * CSS-Klasse für Positionen.
	 */
	div.position_left, div.position_right {
		clear: both;
		width: auto;
	}

	/*
	 * Klasse für ein Control innerhalb einer Position. Orientiert alle 
	 * Controls Links.
	 */
	div.position_left div.control {
		float: left;
	}

	/*
	 * Klasse für ein Control innerhalb einer Position. Orientiert alle 
	 * Controls Links.
	 */
	div.position_right div.control {
		float: right;
		padding-right: -3px;
	}

	/* 
	 * Definiert einen Rahmen oder Abstand für ein Control
	 */
	div.control div.border {
		min-height: 50px;
	}

	div.control, div.control div.border {
		overflow: hidden;
	}

	/*
	 * Position mit einer Einheit Breite bis fünf einheiten Breite
	 */
	div.position_units_1, div.position_units_2, div.position_units_3, div.position_units_4, div.position_units_5 {
		overflow: hidden;
		position: relative;
	}

	/*
	 * Full-Size Breiten für das entsprechende Layout
	 */
	div.position_units_1 div.width1, div.position_units_2 div.width2, div.position_units_3 div.width3, div.position_units_4 div.width4, div.position_units_5 div.width5 {
		width: 100%;
	}

	div.height1 div.border {
		height: 50px;
	}

	div.height2 div.border {
		height: 100px;
	}

	div.height3 div.border {
		height: 150px;
		padding-bottom: -1px;
	}

	/*
	 * Zwei-Einheiten Layout: 
	 */

	/* Control für eine Einheit */
	div.position_units_2 div.width1 {
		width: 49.99%;
	}

	/*
	 * Drei-Einheiten Layout
	 */

	/* Control für eine Einheit */
	div.position_units_3 div.width1 {
		width: 33.33%;
	}

	/* Control für zwei Einheiten */
	div.position_units_3 div.width2 {
		width: 66.66%;
	}

	/*
	 * Vier-Einheiten Layout
	 */

	/* Control für eine Einheit */
	div.position_units_4 div.width1 {
		width: 25%;
	}

	/* Control für zwei Einheiten */
	div.position_units_4 div.width2 {
		width: 50%;
	}

	/* Control für drei Einheiten */
	div.position_units_4 div.width3 {
		width: 75%;
	}

	/*
	 * Fünf-Einheiten Layout
	 */

	/* Control für eine Einheit */
	div.position_units_5 div.width1 {
		width: 20.00%;
	}

	/* Control für zwei Einheiten */
	div.position_units_5 div.width2 {
		width: 40.0%;
	}

	/* Control für drei Einheiten */
	div.position_units_5 div.width3 {
		width: 60%;
	}

	/* Control für vier Einheiten */
	div.position_units_5 div.width4 {
		width: 80%;
	}
	
	
	/* Icons */
	.iconSprite{
			background-image: url("/Images/standard/sprites/standardIcons.png");
			background-repeat: no-repeat;
			display:block;
			height:20px;
			width:20px;
	}
	.iconSprite.homeBlack{ background-position: 0 0 ;  }
	.iconSprite.homeBlackHover:hover{ background-position: 0 0 ;  }
	.iconSprite.homeWhite{ background-position: 0 -20px ; }
	.iconSprite.homeWhiteHover:hover{ background-position: 0 -20px ; }
	.iconSprite.homeBlue{ background-position: 0 -40px ; }
	.iconSprite.homeBlueHover:hover{ background-position: 0 -40px ; }
	
	.iconSprite.searchBlack{ background-position: -20px 0 ;  }
	.iconSprite.searchBlackHover:hover{ background-position: -20px 0 ;  }
	.iconSprite.searchWhite{ background-position: -20px -20px ; }
	.iconSprite.searchWhiteHover:hover{ background-position: -20px -20px ; }
	.iconSprite.searchBlue{ background-position: -20px -40px ; }
	.iconSprite.searchBlueHover:hover{ background-position: -20px -40px ; }
	
	.iconSprite.zoomBlack{ background-position: -40px 0 ;  }
	.iconSprite.zoomBlackHover:hover{ background-position: -40px 0 ;  }
	.iconSprite.zoomWhite{ background-position: -40px -20px ; }
	.iconSprite.zoomWhiteHover:hover{ background-position: -40px -20px ; }
	.iconSprite.zoomBlue{ background-position: -40px -40px ; }
	.iconSprite.zoomBlueHover:hover{ background-position: -40px -40px ; }
	
	.iconSprite.photoBlack{ background-position: -60px 0 ;  }
	.iconSprite.photoBlackHover:hover{ background-position: -60px 0 ;  }
	.iconSprite.photoWhite{ background-position: -60px -20px ; }
	.iconSprite.photoWhiteHover:hover{ background-position: -60px -20px ; }
	.iconSprite.photoBlue{ background-position: -60px -40px ; }
	.iconSprite.photoBlueHover:hover{ background-position: -60px -40px ; }
	
	.iconSprite.videoBlack{ background-position: -80px 0 ;  }
	.iconSprite.videoBlackHover:hover{ background-position: -80px 0 ;  }
	.iconSprite.videoWhite{ background-position: -80px -20px ; }
	.iconSprite.videoWhiteHover:hover{ background-position: -80px -20px ; }
	.iconSprite.videoBlue{ background-position: -80px -40px ; }
	.iconSprite.videoBlueHover:hover{ background-position: -80px -40px ; }
	
	.iconSprite.audioBlack{ background-position: -100px 0 ;  }
	.iconSprite.audioBlackHover:hover{ background-position: -100px 0 ;  }
	.iconSprite.audioWhite{ background-position: -100px -20px ; }
	.iconSprite.audioWhiteHover:hover{ background-position: -100px -20px ; }
	.iconSprite.audioBlue{ background-position: -100px -40px ; }
	.iconSprite.audioBlueHover:hover{ background-position: -100px -40px ; }
	
	.iconSprite.rssBlack{ background-position: -120px 0 ;  }
	.iconSprite.rssBlackHover:hover{ background-position: -120px 0 ;  }
	.iconSprite.rssWhite{ background-position: -120px -20px ; }
	.iconSprite.rssWhiteHover:hover{ background-position: -120px -20px ; }
	.iconSprite.rssBlue{ background-position: -120px -40px ; }
	.iconSprite.rssBlueHover:hover{ background-position: -120px -40px ; }
	
	.iconSprite.downBlack{ background-position: -140px 0 ;  }
	.iconSprite.downBlackHover:hover{ background-position: -140px 0 ;  }
	.iconSprite.downWhite{ background-position: -140px -20px ; }
	.iconSprite.downWhiteHover:hover{ background-position: -120px -20px ; }
	.iconSprite.downBlue{ background-position: -140px -40px ; }
	.iconSprite.downBlueHover:hover{ background-position: -140px -40px ; }
	
	.iconSprite.upBlack{ background-position: -160px 0 ;  }
	.iconSprite.upBlackHover:hover{ background-position: -160px 0 ;  }
	.iconSprite.upWhite{ background-position: -160px -20px ; }
	.iconSprite.upWhiteHover:hover{ background-position: -160px -20px ; }
	.iconSprite.upBlue{ background-position: -160px -40px ; }
	.iconSprite.upBlueHover:hover{ background-position: -160px -40px ; }
	
	.iconSprite.commentBlack{ background-position: -220px 0 ;  }
	.iconSprite.commentBlackHover:hover{ background-position: -220px 0 ;  }
	.iconSprite.commentWhite{ background-position: -220px -20px ; }
	.iconSprite.commentWhiteHover:hover{ background-position: -220px -20px ; }
	.iconSprite.commentBlue{ background-position: -220px -40px ; }
	.iconSprite.commentBlueHover:hover{ background-position: -220px -40px ; }
	
	.iconSprite.faxBlack{ background-position: -240px 0 ;  }
	.iconSprite.faxBlackHover:hover{ background-position: -240px 0 ;  }
	.iconSprite.faxWhite{ background-position: -240px -20px ; }
	.iconSprite.faxWhiteHover:hover{ background-position: -240px -20px ; }
	.iconSprite.faxBlue{ background-position: -240px -40px ; }
	.iconSprite.faxBlueHover:hover{ background-position: -240px -40px ; }
	
	.iconSprite.mailBlack{ background-position: -260px 0 ;  }
	.iconSprite.mailBlackHover:hover{ background-position: -260px 0 ;  }
	.iconSprite.mailWhite{ background-position: -260px -20px ; }
	.iconSprite.mailWhiteHover:hover{ background-position: -260px -20px ; }
	.iconSprite.mailBlue{ background-position: -260px -40px ; }
	.iconSprite.mailBlueHover:hover{ background-position: -260px -40px ; }
	
	.iconSprite.phoneBlack{ background-position: -280px 0 ;  }
	.iconSprite.phoneBlackHover:hover{ background-position: -280px 0 ;  }
	.iconSprite.phoneWhite{ background-position: -280px -20px ; }
	.iconSprite.phoneWhiteHover:hover{ background-position: -280px -20px ; }
	.iconSprite.phoneBlue{ background-position: -280px -40px ; }
	.iconSprite.phoneBlueHover:hover{ background-position: -280px -40px ; }
	
	/* border radius */
	.radius5{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	.radius10{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
	/* opacity */
	.opacity10{ filter:alpha(opacity=10); opacity: 0.1; }
	.opacity20{ filter:alpha(opacity=20); opacity: 0.2; }
	.opacity30{ filter:alpha(opacity=30); opacity: 0.3; }
	.opacity40{ filter:alpha(opacity=40); opacity: 0.4; }
	.opacity50{ filter:alpha(opacity=50); opacity: 0.5; }
	.opacity60{ filter:alpha(opacity=60); opacity: 0.6; }
	.opacity70{ filter:alpha(opacity=70); opacity: 0.7; }
	.opacity80{ filter:alpha(opacity=80); opacity: 0.8; }
	.opacity90{ filter:alpha(opacity=90); opacity: 0.9; }
	
	/* Container */
	div.borderdContainer{
		border:1px solid #6f6f6f;
		display:inline-block;
		padding:7px;  
	}
	.marginB5{ margin-bottom:5px; }
	.marginB10{ margin-bottom:10px; }
	.marginB15{ margin-bottom:15px; }
	.marginB20{ margin-bottom:20px; }
	.marginB25{ margin-bottom:25px; }
	.marginB30{ margin-bottom:30px; }
	.marginB35{ margin-bottom:35px; }
	.marginB40{ margin-bottom:40px; }